.cherry-hero__carousel { position:relative; min-width:0; height:clamp(590px,46vw,710px); overflow:hidden; background:#ecd9d7; }
.cherry-hero__slides { position:absolute; inset:0; }
.cherry-hero__carousel .cherry-hero__slide { position:absolute; inset:0; opacity:0; z-index:0; pointer-events:none; transition:opacity .75s ease; }
.cherry-hero__carousel .cherry-hero__slide.is-active { opacity:1; z-index:1; pointer-events:auto; }
.cherry-hero__carousel .cherry-hero__slide > img { width:100%; height:100%; min-height:0; max-height:none; object-fit:cover; }
.cherry-hero__carousel.has-controls .cherry-hero__caption { bottom:82px; }
.cherry-hero__carousel .cherry-hero__caption > span:first-child { min-width:0; }
.cherry-hero__carousel .cherry-hero__caption strong { overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cherry-hero__controls { position:absolute; z-index:3; bottom:20px; left:25px; right:25px; display:flex; align-items:center; justify-content:center; gap:8px; }
.cherry-hero__controls[hidden] { display:none; }
.cherry-hero__control { border:1px solid rgba(255,255,255,.7); border-radius:50%; width:40px; height:40px; display:grid; place-items:center; flex-shrink:0; padding:0; color:#fff; background:rgba(68,27,42,.83); cursor:pointer; font:25px/1 Arial,sans-serif; box-shadow:0 2px 9px #0002; }
.cherry-hero__control[data-hero-toggle] { font-size:15px; }
.cherry-hero__control:hover { background:#812c43; }
.cherry-hero__dots { display:flex; align-items:center; justify-content:center; gap:0; padding:3px 6px; border-radius:25px; background:rgba(68,27,42,.8); }
.cherry-hero__dot { width:27px; height:30px; padding:0; border:0; background:transparent; display:grid; place-items:center; cursor:pointer; border-radius:50%; }
.cherry-hero__dot span { width:7px; height:7px; background:#fff9; border-radius:50%; transition:width .2s,background .2s; }
.cherry-hero__dot[aria-pressed="true"] span { width:17px; background:#fff; border-radius:9px; }
.cherry-hero__control:focus-visible,.cherry-hero__dot:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media(max-width:1100px) { .cherry-hero__carousel { height:560px; } }
@media(max-width:860px) { .cherry-hero__controls { left:14px; right:14px; gap:5px; }.cherry-hero__dot { width:24px; }.cherry-hero__control { width:36px; height:36px; } }
@media(max-width:640px) { .cherry-hero__carousel { height:auto; aspect-ratio:1.1/1; max-height:490px; }.cherry-hero__carousel.has-controls .cherry-hero__caption { bottom:67px; }.cherry-hero__controls { bottom:13px; gap:6px; }.cherry-hero__carousel .cherry-hero__caption small { font-size:7px; letter-spacing:1px; } }
@media(prefers-reduced-motion:reduce) { .cherry-hero__carousel .cherry-hero__slide,.cherry-hero__dot span { transition:none; } }