.hero-track{position:relative;display:flex;min-height:365px;transition:transform .38s ease}
.hero-slide{position:relative;flex:0 0 100%;display:block;color:#fff}
.hero-slide:hover{color:#fff}
.hero-controls{position:absolute;right:12px;bottom:11px;z-index:4;display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:4px;background:#09182bdc;color:#fff}
.hero-controls button{border:1px solid #ffffff73;border-radius:3px;background:transparent;color:#fff;min-width:28px;min-height:28px;cursor:pointer}
.hero-controls button:hover,.hero-controls button:focus-visible{background:#ffffff36}
.hero-controls [data-hero-action="pause"]{padding:0 8px;font-size:11px}
.hero-position{font-size:10px;padding:0 4px;white-space:nowrap}
.hero-slide .hero-copy{padding-bottom:48px}
.top-arrival[hidden]{display:none}
.top-arrival{position:fixed;bottom:20px;right:20px;z-index:30;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px));padding:10px 12px;border:1px solid #b9d4ed;border-radius:7px;background:#fff;box-shadow:0 10px 28px #102f5160;color:#173858;font-size:12px}
.top-arrival a{font-weight:700;text-decoration:underline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-arrival button{border:0;background:transparent;color:#526578;cursor:pointer;min-width:25px;min-height:25px}
.top-arrival--error{border-color:#e6bd91;color:#7a4918}
@media (min-width:1500px){.hero-track{min-height:390px}}
@media (max-width:1180px){.hero-track{min-height:340px}}
@media (max-width:600px){.hero-track{min-height:330px}.top-arrival{right:14px;left:14px;bottom:14px;max-width:none}}
@media (prefers-reduced-motion:reduce){.hero-track{transition:none}}