/* V400 hero media/copy behavior fix: video is a true replacement for the photo. */
.hero-carousel{touch-action:auto;isolation:isolate;contain:layout paint;background:var(--surface-container,#222)}
.hero-carousel>picture,.hero-carousel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-carousel [hidden],.editorial-stage>[hidden]{display:none!important}
.hero-carousel .editorial-caption{bottom:78px}
.hero-carousel .editorial-media-shade{pointer-events:none}
.hero-controls{position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;border:0;border-radius:0;padding:0;background:transparent;color:#fff;max-width:calc(100% - 24px)}
.hero-controls button{display:grid;place-items:center;flex:none;min-width:40px;width:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;font-size:26px;line-height:1;cursor:pointer}
.hero-controls button:focus-visible,.hero-carousel:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.hero-controls [data-play]{font-size:15px;border:0;border-radius:0;text-shadow:0 1px 4px #000}
.hero-dots{display:flex;align-items:center;gap:0}.hero-dots button{width:30px;min-width:30px}
.hero-dots button::before{content:'';width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent;transition:width .2s}
.hero-dots button[aria-current=true]::before{width:21px;border-radius:8px;background:#fff}
.hero-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero-carousel.hero-video-unavailable{background:var(--surface-container,#222)}
.hero-slide-editor{border:1px solid var(--line,#ddd);border-radius:18px;padding:18px;margin-top:14px;min-width:0}
.hero-slide-editor label{display:grid;gap:6px;margin:12px 0}.hero-slide-editor input,.hero-slide-editor select{width:100%;min-width:0}
.hero-slide-actions{display:flex;flex-wrap:wrap;gap:8px}.hero-slide-editor video,.hero-slide-editor img{width:100%;height:180px;object-fit:cover;border-radius:12px}
.hero-slide-editor input[type=checkbox]{width:auto}
.hero-controls button:hover,.hero-controls button:active{background:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.hero-dots button::before{transition:none}}
/* Desktop always displays the editorial copy; the Store Front visibility option only hides it on phones. */
@media(min-width:701px){
 .editorial-stage .editorial-content{display:flex!important;visibility:visible!important}
}
/* Hiding copy on smaller screens removes text only; media keeps its original responsive height. */
@media(max-width:700px){
 .editorial-stage.hero-copy-hidden-mobile{display:block;min-height:0;grid-template-columns:minmax(0,1fr)}
 .editorial-stage.hero-copy-hidden-mobile .editorial-content{display:none!important}
 .editorial-stage.hero-copy-hidden-mobile .editorial-media{position:relative;display:block;width:100%;grid-column:1/-1}
 .editorial-stage.hero-copy-hidden-mobile .editorial-media>picture,.editorial-stage.hero-copy-hidden-mobile .editorial-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .editorial-stage.hero-copy-hidden-mobile .editorial-media-shade{position:absolute;inset:0}
}