.banners-slider{position:relative;margin:0 auto 1.5rem;--banner-aspect:1/1;--banner-gap:1rem;--banners-per-view:6}.banners-slider__viewport{overflow:hidden}.banners-slider__track{display:flex;gap:var(--banner-gap);touch-action:pan-y pinch-zoom}.banners-slider__slide{flex:0 0 calc((100% - (var(--banners-per-view) - 1)*var(--banner-gap))/var(--banners-per-view));min-width:0}.banners-slider__card{position:relative;display:block;width:100%;aspect-ratio:var(--banner-aspect);overflow:hidden;text-decoration:none;color:#fff;background:#f2f2f2;isolation:isolate}.banners-slider__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.banners-slider__card:hover img,.banners-slider__card:focus-visible img{transform:scale(1.04)}.banners-slider__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 35%,rgba(0,0,0,0) 60%);z-index:1}.banners-slider__title{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;z-index:2;font-size:.95rem;font-weight:600;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.banners-slider__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0 .25rem;z-index:3}.banners-slider__btn{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;transition:opacity .2s ease,background .2s ease}.banners-slider__btn:hover{background:#fff}.banners-slider__btn:disabled{opacity:0;pointer-events:none}@media (max-width:1024px){.banners-slider{--banners-per-view:4}}@media (max-width:768px){.banners-slider{--banners-per-view:3}}@media (max-width:520px){.banners-slider{--banners-per-view:2}.banners-slider__title{font-size:.85rem;padding:.5rem .65rem}.banners-slider__btn{width:32px;height:32px}}