.ev-family__panel>.grid__item{float:none;width:100%;padding:0;margin:0}
.ev-family__swatches{display:flex;gap:3px;align-items:center;margin:8px 0 0}
.ev-family__swatch{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:#202929;cursor:pointer}
.ev-family__swatch>span{display:block;width:19px;height:19px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}
.ev-family__swatch[aria-pressed=true]{border-color:#516157}
.ev-family__swatch:focus-visible{outline:2px solid #516157;outline-offset:2px}
.ev-family__panel .grid-product__descriptor{font-size:10px;letter-spacing:.05em;margin-top:4px}
.ev-quick-gallery{position:relative;aspect-ratio:2/3;background:#e2e4e2;overflow:hidden}
.ev-quick-gallery img{display:block;width:100%;height:100%;object-fit:contain}
.ev-quick-gallery__nav{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:space-between}
.ev-quick-gallery button{width:42px;height:42px;border:1px solid #fff7;background:#fff9;color:#202929;border-radius:50%;font-size:22px}
.ev-quick-gallery__count{padding:5px 10px;background:#fff9;color:#25332e;font-size:11px}
.ev-shop-story__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .35s}
.ev-shop-story__video.is-playing{opacity:1}
.ev-shop-story--film{display:flex;align-items:flex-end;min-height:445px;color:#fff;background:#17201f}
.ev-shop-story--film:is(:hover,:focus-visible,:active){color:#fff}
.ev-shop-story--film .ev-shop-story__media{position:absolute;inset:0}
.ev-shop-story--film .ev-shop-story__copy{width:100%;padding-top:140px;background:linear-gradient(0deg,#081011eb,transparent)}
.ev-shop-story--film .ev-shop-story__text{max-width:28em}
.ev-shop__editorial{position:relative}
.ev-shop-film-control{position:absolute;top:14px;right:14px;z-index:3;display:flex;align-items:center;gap:7px;min-width:44px;min-height:38px;padding:0 12px;border:1px solid #fff6;background:#0b121e55;color:#fff;border-radius:30px;font-size:10px;cursor:pointer;backdrop-filter:blur(6px)}
.ev-shop.is-filtered .ev-shop-story--film{min-height:390px}
@media(max-width:749px){.ev-family__swatch{width:38px;height:38px}.ev-shop-story--film,.ev-shop.is-filtered .ev-shop-story--film{min-height:370px}.ev-shop-story--film .ev-shop-story__copy{padding:130px 23px 25px}.ev-shop__types{overflow-x:auto}.ev-shop__types button{min-width:68px}.ev-shop-film-control{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.ev-shop-story__video{transition:none}}

.ev-shop .ev-shop__editorial{align-self:start}
.ev-shop .ev-shop-story--film,.ev-shop.is-filtered .ev-shop-story--film{display:block;aspect-ratio:16/9;height:auto;min-height:0}
.ev-shop .ev-shop-story--film .ev-shop-story__copy{position:absolute;inset:auto 0 0;padding:42px 22px 20px;background:linear-gradient(0deg,#081011eb,transparent)}
.ev-shop .ev-shop-story--film .ev-shop-story__kicker{margin-bottom:7px}
.ev-shop .ev-shop-story--film .ev-shop-story__title{font-size:clamp(20px,1.75vw,29px);line-height:1.2}
.ev-shop .ev-shop-story--film .ev-shop-story__text{font-size:12px;line-height:1.5;margin-top:8px}
.ev-shop .ev-shop-story--film .ev-shop-story__cta{margin-top:10px;min-height:30px}
@media(max-width:749px){
 .ev-shop .ev-shop-story--film .ev-shop-story__copy{padding:32px 16px 12px}
 .ev-shop .ev-shop-story--film .ev-shop-story__kicker{font-size:8px;margin-bottom:5px}
 .ev-shop .ev-shop-story--film .ev-shop-story__title{font-size:20px;line-height:1.15}
 .ev-shop .ev-shop-story--film .ev-shop-story__text{font-size:11px;line-height:1.4;margin-top:5px}
 .ev-shop .ev-shop-story--film .ev-shop-story__cta{font-size:10px;margin-top:6px;min-height:28px}
 .ev-shop .ev-shop-film-control{top:8px;right:8px;min-height:32px;padding:0 10px}
}

.ev-shop__more{text-align:center;margin-top:36px}.ev-shop__more button{min-height:48px;padding:12px 38px;border:1px solid #25332e;background:transparent;color:#25332e;font:inherit;font-size:13px;cursor:pointer}.ev-shop__more button:hover{background:#25332e;color:white}

/* Keep virtual cards in rows even when native modal nodes occur between them. */
.product-grid-container:has(>[data-canonical-card]){display:flex;flex-wrap:wrap;align-items:flex-start}
.product-grid-container:has(>[data-canonical-card])>.grid__item{float:none;clear:none}
.product-grid-container>[data-canonical-card]{margin-bottom:30px}
