.home-hero-slider{position:relative}.home-hero-slider [data-hero-slide][hidden]{display:none!important}
.hero-slider-controls[hidden]{display:none!important}
.hero-slider-controls{position:absolute;z-index:4;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:flex-end;align-items:center;gap:13px}
.hero-slider-controls>button{border:1px solid #ffffff2b;border-radius:50%;background:#17171b88;color:white;min-width:38px;height:38px;font:inherit;cursor:pointer;backdrop-filter:blur(12px)}
.hero-slider-controls>button[data-hero-pause]{border-radius:99px;padding:0 14px;font-size:10px;color:#d0cbd5}
.hero-slider-dots{display:flex;gap:7px;align-items:center}.hero-slider-dots button{width:23px;min-height:32px;padding:10px 0;border:0;background:transparent;cursor:pointer}
.hero-slider-dots button::after{content:"";display:block;height:3px;border-radius:9px;background:#ffffff50;transition:background .2s}
.hero-slider-dots button[aria-pressed=true]::after{background:#ff597d}
.hero-slider-counter{color:#e0dce4;font-size:10px;letter-spacing:1.5px;font-variant-numeric:tabular-nums}
.home-hero-slider [data-hero-slide]:not([hidden]) .catalog-hero-copy{animation:hero-copy-enter .5s ease both}
.hero-slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes hero-copy-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.home-hero-slider{display:none}}
@media(prefers-reduced-motion:reduce){.home-hero-slider [data-hero-slide]:not([hidden]) .catalog-hero-copy{animation:none}.hero-slider-dots button::after{transition:none}}
