.home-banners.banner-slider{display:block;min-width:0;margin-bottom:26px}
.banner-viewport{overflow:hidden;border-radius:23px;touch-action:pan-y}
.banner-track{display:flex;align-items:stretch;transition:transform .45s ease}
.banner-slide{flex:0 0 100%;min-width:0;display:flex}
.banner-slide>.hero{width:100%;box-sizing:border-box;margin:0}
.banner-slide>.hero.poster-banner>button{width:100%}
.banner-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#8f7953}
.banner-controls button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f7f1e5;color:#8f7953;font-size:20px;padding:0}
.banner-controls [data-pause]{font-size:12px}
.banner-dots{display:flex;align-items:center;gap:7px}
.banner-dots button{width:18px;height:28px;background:transparent;position:relative}
.banner-dots button:after{content:'';width:6px;height:6px;border-radius:8px;background:#ddd4c4;transition:width .2s,background .2s}
.banner-dots button[aria-current=true]:after{width:18px;background:#b79960}
.banner-count{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.banner-slider:focus-visible,.banner-controls button:focus-visible{outline:2px solid #b79960;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.banner-track,.banner-dots button:after{transition:none}}