.dbs-outer{box-sizing:border-box;width:100%}
.dbs-wrap{width:100%;margin-left:auto;margin-right:auto}
.dbs-slider{position:relative;overflow:hidden;touch-action:pan-y;border-radius:20px;-webkit-tap-highlight-color:transparent}
.dbs-track{display:flex;will-change:transform}
.dbs-slide{flex:0 0 100%;min-width:0;max-width:100%}
.dbs-slide a,.dbs-slide picture{display:block}
.dbs-slide img{display:block;width:100%;height:auto;max-width:100%;user-select:none;-webkit-user-drag:none}

/* fade effect */
.dbs-fade .dbs-track{display:grid}
.dbs-fade .dbs-slide{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity var(--dbs-speed,600ms) ease}
.dbs-fade .dbs-slide.is-active{opacity:1;pointer-events:auto;z-index:1}

/* arrows */
.dbs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;cursor:pointer;color:#222;background:rgba(255,255,255,.75);border-radius:12px;backdrop-filter:blur(4px);transition:background-color .2s,transform .2s}
.dbs-arrow:hover{transform:translateY(-50%) scale(1.06)}
.dbs-prev{left:14px}
.dbs-next{right:14px}

/* dots */
.dbs-dots{position:absolute;left:0;right:0;bottom:14px;z-index:5;display:flex;justify-content:center;gap:8px}
.dbs-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.6);transition:transform .2s,background-color .2s}
.dbs-dot.is-active{background:#c8a165;transform:scale(1.25)}

@media (max-width:767px){
	.dbs-arrow{width:36px;height:36px}
}