/* Mobile-first luxury shopping-app layer. Desktop >= 821px intentionally untouched. */
.mobile-app-dock{display:none}
@media (max-width:820px){
  :root{--app-safe:92px;--app-radius:24px;--app-shadow:0 16px 44px rgba(24,18,8,.12)}
  html{scroll-padding-top:96px}
  body.has-mobile-dock{padding-bottom:calc(var(--app-safe) + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
  .shell{width:min(calc(100% - 28px),720px)}
  .announcement{min-height:28px;padding:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.58rem;letter-spacing:.11em}
  .announcement .shell{width:100%;padding-inline:14px;overflow:hidden;text-overflow:ellipsis}
  .site-header{top:0;box-shadow:0 6px 26px rgba(20,18,12,.06);border-bottom:0}
  .site-header .header-grid{height:68px!important;grid-template-columns:56px 44px 1fr 46px!important;gap:7px!important;padding-inline:0}
  .brand-logo{grid-column:1!important;justify-self:start;width:56px;height:56px;display:grid;place-items:center;overflow:hidden}
  .brand-logo img{height:52px!important;width:52px!important;object-fit:contain;margin:0!important}
  .menu-btn{grid-column:2!important;width:40px!important;height:40px!important;border-radius:13px!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important;border:1px solid var(--line)!important;box-shadow:0 5px 16px rgba(0,0,0,.05)}
  .actions{grid-column:4!important;justify-self:end;gap:6px!important}
  .header-v1 .mobile-wa,.header-v3 .mobile-wa,.header-v2 .wa-pill{grid-column:4!important;display:grid!important;width:42px!important;height:42px!important;border-radius:14px!important;padding:0!important;place-items:center!important;box-shadow:0 8px 18px rgba(23,140,81,.18)}
  .header-v1 .mobile-wa span,.header-v3 .mobile-wa span,.header-v2 .wa-pill span{display:none!important}
  .header-v2 .brand-logo{filter:none!important}.header-v2 .brand-logo img{filter:invert(1)}
  .header-v2 .icon-bag,.header-v3 .icon-bag{display:none!important}
  .mobile-panel{inset:0!important;background:rgba(14,13,10,.48)!important;backdrop-filter:blur(8px);z-index:140!important}
  .mobile-drawer{width:min(88vw,360px)!important;padding:18px 18px calc(110px + env(safe-area-inset-bottom))!important;border-radius:0 30px 30px 0;box-shadow:30px 0 90px rgba(0,0,0,.28)!important}
  .drawer-close{border-radius:14px!important;background:color-mix(in srgb,var(--bg) 90%,transparent)!important}
  .mobile-nav{margin-top:26px!important}
  .mobile-nav>a,.mobile-accordion-btn{padding:18px 8px!important;font-size:.82rem!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .mobile-accordion{padding:8px 0 8px 18px!important}
  .mobile-accordion a{padding:12px 6px;font-size:.82rem;opacity:.8}

  .mobile-app-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr 1.08fr 1fr 1fr;align-items:end;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:72px;padding:7px 8px 6px;z-index:125;border-radius:22px;background:rgba(255,253,248,.92);border:1px solid rgba(40,35,28,.1);box-shadow:0 16px 50px rgba(18,16,12,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-app-dock .dock-item{position:relative;appearance:none;border:0;background:transparent;color:#6c685f;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:5px 2px;font-size:.58rem;font-weight:800;letter-spacing:.02em;cursor:pointer}
  .mobile-app-dock .dock-item svg{width:21px;height:21px;stroke-width:1.75}
  .mobile-app-dock .dock-item.active{color:#111}
  .mobile-app-dock .dock-item.active:after{content:"";position:absolute;bottom:0;width:17px;height:2px;border-radius:99px;background:var(--yellow)}
  .dock-icon-wrap{position:relative;display:grid;place-items:center}
  .dock-count{position:absolute;right:-10px;top:-7px;min-width:16px;height:16px;border-radius:9px;background:var(--burg);color:#fff;display:grid;place-items:center;font-size:.53rem;padding:0 4px}
  .dock-wa{transform:translateY(-9px)}
  .dock-wa-bubble{width:48px;height:48px;border-radius:17px;background:#168a50;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(22,138,80,.28)}
  .dock-wa .dock-wa-bubble svg{width:25px;height:25px}
  .dock-more{font:inherit!important;text-transform:none!important;letter-spacing:.02em!important}
  .wa-float{display:none!important}
  .site-toast{bottom:104px!important;max-width:calc(100% - 40px);text-align:center}

  /* app typography + cards */
  h1{font-size:clamp(2.6rem,12vw,4.6rem)!important;line-height:.94!important}
  h2{font-size:clamp(2rem,9.4vw,3.4rem)!important;line-height:1!important}
  h3{font-size:1.32rem!important}
  .section{padding:54px 0!important}
  .section-heading{margin-bottom:24px!important}
  .section-heading h2{margin-top:7px!important}
  .section-heading p{font-size:.93rem;line-height:1.5}
  .button{min-height:46px;border-radius:14px!important;padding:13px 17px!important;font-size:.68rem!important}
  .text-link{font-size:.67rem!important}
  .micro{font-size:.6rem!important;letter-spacing:.18em!important}
  .product-card{border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 32px rgba(28,23,14,.08);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important}
  .product-image{aspect-ratio:4/5!important}
  .product-copy{padding:16px!important;gap:14px!important}
  .product-copy p{font-size:.84rem;line-height:1.45;margin-bottom:12px}
  .product-actions{gap:8px!important;width:100%;justify-items:stretch!important}
  .product-actions .text-link{justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}
  .add-btn{min-height:42px;border-radius:12px;padding:10px 12px!important;width:100%}
  .price-note{font-size:.72rem!important}
  .catalog-toolbar{margin:0 0 18px!important;padding:12px 0!important;font-size:.62rem!important;position:sticky;top:96px;z-index:18;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(12px)}
  .page-hero{padding:24px 0 0!important}
  .page-hero-grid{gap:18px!important}
  .page-hero-grid>div{padding-bottom:10px!important}
  .page-hero-grid figure{height:auto!important;aspect-ratio:4/5;border-radius:24px;overflow:hidden;clip-path:none!important;box-shadow:var(--app-shadow)}
  .simple-hero{padding:34px 0 26px!important}
  .simple-hero p{font-size:.92rem}
  .detail-section{padding:22px 0 56px!important}
  .detail-layout{gap:18px!important}
  .main-product-image{border-radius:24px;box-shadow:var(--app-shadow)}
  .thumb-row{display:flex!important;gap:9px!important;overflow-x:auto!important;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .thumb-row::-webkit-scrollbar{display:none}.thumb{min-width:72px!important;border-radius:14px;scroll-snap-align:start;overflow:hidden}.thumb.active{outline:2px solid var(--yellow);outline-offset:2px;border-color:transparent!important}
  .product-panel{padding:22px!important;border-radius:24px!important;border:1px solid var(--line)!important;box-shadow:var(--app-shadow);background:color-mix(in srgb,var(--bg) 97%,white)!important}
  .product-panel h1{font-size:2.8rem!important}
  .price-box{border-radius:16px!important;padding:15px!important}
  .order-line{grid-template-columns:86px 1fr!important}
  .order-line input{border-radius:12px!important}
  .product-facts div{grid-template-columns:105px 1fr!important;gap:12px!important;font-size:.85rem}
  .detail-gallery{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.detail-gallery::-webkit-scrollbar{display:none}.detail-gallery figure{min-width:78vw;aspect-ratio:4/5!important;border-radius:20px;scroll-snap-align:center}.detail-gallery figure:nth-child(n){display:block!important}
  .related{padding:40px 0!important;border-radius:26px 26px 0 0}.related .shell{gap:18px!important}
  .contact-grid,.cart-layout,.checkout-layout,.about-grid{gap:28px!important}
  .contact-cards>a,.fact-card,.contact-form,.checkout-form,.cart-item,.cart-summary,.empty{border-radius:18px!important}
  .contact-form,.checkout-form{padding:20px!important}.contact-form input,.contact-form textarea,.checkout-form input,.checkout-form textarea{border-radius:12px!important}
  .cart-item{grid-template-columns:78px 1fr!important;gap:12px!important;padding:10px!important}.cart-item img{width:78px!important;height:96px!important;border-radius:12px}.cart-item>div:last-child{grid-column:2!important}.cart-controls{flex-wrap:wrap}.cart-summary{padding:22px!important}
  .values-grid{display:flex!important;overflow-x:auto;gap:12px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.values-grid::-webkit-scrollbar{display:none}.value-card{min-width:78vw!important;min-height:220px!important;border-radius:20px!important;scroll-snap-align:center;padding:22px!important}
  .footer{padding:52px 0 112px!important;border-radius:30px 30px 0 0;margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 18px!important}.footer-brand{grid-column:span 2!important}.footer-brand img{height:88px!important}.footer a,.footer span{font-size:.78rem!important}.footer-bottom{margin-top:32px!important;line-height:1.8}

  /* Home products become swipeable app shelves */
  .product-section .product-grid.two,.v2-products .product-grid.two,.v3-shop .product-grid.two{display:flex!important;overflow-x:auto;gap:12px!important;scroll-snap-type:x mandatory;padding:4px 4px 16px;scrollbar-width:none;margin-inline:-4px}.product-section .product-grid.two::-webkit-scrollbar,.v2-products .product-grid.two::-webkit-scrollbar,.v3-shop .product-grid.two::-webkit-scrollbar{display:none}.product-section .product-card,.v2-products .product-card,.v3-shop .product-card{min-width:min(82vw,390px);scroll-snap-align:center}

  /* Version 1 — sunlit couture app */
  html[data-version="v1"] body{background:#fffaf0}
  html[data-version="v1"] .site-header{background:rgba(255,250,240,.94)}
  html[data-version="v1"] .mobile-app-dock{background:rgba(255,250,240,.94)}
  html[data-version="v1"] .v1-hero{padding:14px 0 0!important}
  html[data-version="v1"] .v1-hero .hero-grid{display:flex!important;flex-direction:column-reverse;min-height:0!important;gap:0!important}
  html[data-version="v1"] .hero-image{min-height:0!important;aspect-ratio:4/5;border-radius:26px;overflow:hidden;box-shadow:var(--app-shadow)}
  html[data-version="v1"] .hero-image:after{content:"New season edit";position:absolute;left:12px;top:12px;background:rgba(255,245,157,.94);color:#111;border-radius:999px;padding:8px 12px;font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  html[data-version="v1"] .hero-note{right:12px!important;bottom:12px!important;border-radius:14px!important;padding:10px 12px!important;font-size:.96rem!important;box-shadow:0 8px 22px rgba(0,0,0,.12)}
  html[data-version="v1"] .v1-hero .hero-copy{margin:-42px 12px 0;padding:24px 20px 22px!important;position:relative;z-index:4;background:rgba(255,253,248,.96);border-radius:24px;box-shadow:var(--app-shadow);border:1px solid rgba(20,20,18,.08)}
  html[data-version="v1"] .v1-hero .hero-copy h1{margin:8px 0 14px!important;font-size:3.1rem!important}
  html[data-version="v1"] .v1-hero .hero-copy p{font-size:1rem!important;line-height:1.48;margin-bottom:10px}
  html[data-version="v1"] .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.v1-hero .button{width:100%}
  html[data-version="v1"] .hero-facts{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:18px!important}.hero-facts span{background:#f7f1e6;border-radius:14px;padding:11px 12px;font-size:.68rem}
  html[data-version="v1"] .feature-rail{border:0!important;padding:18px 0 2px}.feature-rail .shell{display:flex!important;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;scrollbar-width:none}.feature-rail .shell::-webkit-scrollbar{display:none}.feature-rail .shell>div{min-width:65vw;border:0!important;border-radius:17px;background:#fff;padding:15px!important;box-shadow:0 8px 24px rgba(28,23,14,.06);scroll-snap-align:start}
  html[data-version="v1"] .collection-split{display:flex!important;overflow-x:auto;gap:12px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.collection-split::-webkit-scrollbar{display:none}.collection-panel{min-width:84vw!important;min-height:0!important;aspect-ratio:4/5;border-radius:24px;scroll-snap-align:center;box-shadow:var(--app-shadow)}.panel-copy{border-radius:18px!important;padding:16px!important;inset:auto 10px 10px 10px!important}.panel-copy h3{font-size:1.65rem!important}
  html[data-version="v1"] .editorial-band{margin:14px;border-radius:26px;overflow:hidden;background:#171713!important}.editorial-image{height:54vw!important;min-height:220px}.editorial-copy{padding:28px 22px!important}.editorial-copy h2{font-size:2.7rem!important}
  html[data-version="v1"] .lookbook-grid{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.lookbook-grid::-webkit-scrollbar{display:none}.lookbook-grid figure{min-width:76vw!important;height:390px!important;border-radius:22px;scroll-snap-align:center}.lookbook-grid .wide,.lookbook-grid .tall{min-width:82vw!important}
  html[data-version="v1"] .order-section{margin-inline:10px;border-radius:26px}.steps li{border-radius:16px;padding:16px!important;background:rgba(255,255,255,.55);margin:8px 0;border-top:0!important}.steps li>span{font-size:1.65rem!important}
  html[data-version="v1"] .social-banner{margin:12px;border-radius:24px;padding:28px 18px!important}.social-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.social-actions a{border-radius:14px;justify-content:center}

  /* Version 2 — dark boutique app */
  html[data-version="v2"] body{background:#0f0f0e}
  html[data-version="v2"] .site-header{background:rgba(15,15,14,.92)}
  html[data-version="v2"] .menu-btn{background:#1f1e1a!important;border-color:#34332e!important;color:#fff}
  html[data-version="v2"] .mobile-app-dock{background:rgba(25,24,21,.94);border-color:#35322c}.mobile-app-dock{--dock-fg:#6c685f}html[data-version="v2"] .mobile-app-dock .dock-item{color:#9f9a90}html[data-version="v2"] .mobile-app-dock .dock-item.active{color:#fff}
  html[data-version="v2"] .v2-hero{padding:10px 10px 0!important}
  html[data-version="v2"] .hero-dark{display:block!important;min-height:0!important;border-radius:28px;overflow:hidden;background:#070706;box-shadow:0 18px 58px rgba(0,0,0,.32)}
  html[data-version="v2"] .hero-cutout{min-height:0!important;aspect-ratio:4/5;position:relative}
  html[data-version="v2"] .hero-cutout:after{content:"Signature collection";position:absolute;left:12px;top:12px;padding:8px 11px;background:rgba(17,17,15,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.57rem;font-weight:800}
  html[data-version="v2"] .hero-content{position:relative;margin:-94px 12px 12px!important;padding:24px 20px 22px!important;border-radius:24px;background:rgba(25,24,21,.94);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.35);z-index:4;border:1px solid rgba(255,255,255,.1)}
  html[data-version="v2"] .hero-content h1{font-size:3.15rem!important;margin:7px 0 12px!important}.hero-content p{font-size:.92rem!important;line-height:1.5}
  html[data-version="v2"] .hero-badge{width:70px!important;height:70px!important;right:14px!important;top:14px!important;z-index:3}.hero-badge b{font-size:1.5rem!important}
  html[data-version="v2"] .commerce-strip{margin:14px 10px 0;border-radius:20px;overflow:hidden}.commerce-strip .shell{width:100%!important;display:flex!important;overflow-x:auto;scrollbar-width:none}.commerce-strip .shell::-webkit-scrollbar{display:none}.commerce-strip span{min-width:58vw;border:0!important;border-right:1px solid rgba(0,0,0,.14)!important;padding:15px!important}
  html[data-version="v2"] .v2-collage{padding:54px 0!important}.v2-collage .collage-grid{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.collage-grid::-webkit-scrollbar{display:none}.collage-grid>*{min-width:82vw!important;height:430px!important;border-radius:22px;overflow:hidden;scroll-snap-align:center}.collage-copy{height:auto!important;min-height:350px;background:linear-gradient(150deg,#1c1a17,#11110f)!important;border:1px solid #34312c;padding:28px!important}.collage-copy h2{font-size:2.8rem!important}.c1,.c2,.c3{grid-row:auto!important;grid-column:auto!important}
  html[data-version="v2"] .v2-products .product-card{background:#1a1916!important;box-shadow:0 10px 34px rgba(0,0,0,.22)}
  html[data-version="v2"] .detail-rail{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.detail-rail::-webkit-scrollbar{display:none}.detail-story{min-width:82vw!important;border:1px solid #34312c;border-radius:20px;padding:10px!important;scroll-snap-align:center;background:#191815}
  html[data-version="v2"] .gallery-grid{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-grid::-webkit-scrollbar{display:none}.gallery-grid>*{min-width:76vw!important;height:390px!important;border-radius:20px;overflow:hidden;scroll-snap-align:center}
  html[data-version="v2"] .conversion{padding:14px 10px 54px!important}.conversion-grid{border-radius:26px!important;padding:26px 20px!important;background:linear-gradient(145deg,#FFF59D,#f0d981)!important;color:#111;box-shadow:0 16px 40px rgba(0,0,0,.22)}.conversion-grid p{color:#3b382d!important}
  html[data-version="v2"] .product-panel,html[data-version="v2"] .contact-form,html[data-version="v2"] .checkout-form,html[data-version="v2"] .cart-summary,html[data-version="v2"] .cart-item{background:#191815!important;border-color:#34312c!important}

  /* Version 3 — editorial magazine shopping app */
  html[data-version="v3"] body{background:#f7f1e7}
  html[data-version="v3"] .site-header{background:rgba(247,241,231,.94)}
  html[data-version="v3"] .mobile-app-dock{background:rgba(247,241,231,.94)}
  html[data-version="v3"] .v3-hero{padding:12px 0 34px!important}
  html[data-version="v3"] .magazine-hero{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:9px!important}
  html[data-version="v3"] .hero-main{grid-row:1!important;min-height:0!important;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:var(--app-shadow)}
  html[data-version="v3"] .hero-title{grid-column:auto!important;grid-row:2!important;border-radius:24px;padding:24px 20px!important;margin:-52px 12px 0;position:relative;z-index:3;box-shadow:var(--app-shadow)}
  html[data-version="v3"] .hero-title h1{font-size:3.1rem!important;margin:10px 0 15px!important}.hero-title p{font-size:.92rem!important}.editorial-link{font-size:1.05rem!important}
  html[data-version="v3"] .hero-inset{display:none!important}
  html[data-version="v3"] .hero-quote{grid-row:3!important;border-radius:20px;padding:20px!important;font-size:1.35rem!important;min-height:150px}
  html[data-version="v3"] .v3-manifesto{padding:42px 0!important}.manifesto-grid{gap:16px!important}.manifesto-grid h2{font-size:2.8rem!important}.manifesto-grid p{font-size:1.08rem!important}.manifesto-mark{font-size:2.7rem!important}
  html[data-version="v3"] .story-cards{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.story-cards::-webkit-scrollbar{display:none}.story-card{min-width:84vw!important;min-height:520px!important;border-radius:22px;scroll-snap-align:center;box-shadow:var(--app-shadow)}.story-caption{left:10px!important;right:10px!important;bottom:10px!important;border-radius:18px;padding:18px!important}.story-caption h3{font-size:1.9rem!important}
  html[data-version="v3"] .v3-lookbook{margin:0 10px;border-radius:28px;padding:42px 0!important;overflow:hidden}.magazine-grid{display:flex!important;overflow-x:auto;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.magazine-grid::-webkit-scrollbar{display:none}.magazine-grid>*{min-width:80vw!important;height:430px!important;border-radius:20px;scroll-snap-align:center}.m2{height:auto!important;min-height:360px!important;padding:25px!important}.m2 h2{font-size:2.8rem!important}.m4,.m5{display:block!important}
  html[data-version="v3"] .order-editorial{border:0!important;display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.order-editorial::-webkit-scrollbar{display:none}.order-editorial>div{min-width:76vw;border:0!important;border-radius:20px;background:#fff;padding:20px!important;scroll-snap-align:center;box-shadow:0 8px 24px rgba(33,27,18,.06)}.order-editorial span{font-size:2rem!important}.order-editorial b{font-size:1.55rem!important}
  html[data-version="v3"] .v3-contact-note{margin:12px;border-radius:26px;padding:36px 10px!important}.v3-contact-note h2{font-size:3rem!important}
  html[data-version="v3"] .product-card{background:#fff!important;border-radius:18px!important}.product-panel{border-left:0!important}
}

@media (max-width:430px){
  .shell{width:min(calc(100% - 20px),410px)}
  .site-header .header-grid{grid-template-columns:52px 40px 1fr 42px!important}
  .brand-logo{width:52px}.brand-logo img{width:49px!important;height:49px!important}
  .mobile-app-dock{left:7px;right:7px;bottom:calc(6px + env(safe-area-inset-bottom));border-radius:20px}
  .mobile-app-dock .dock-item{font-size:.55rem}
  html[data-version="v1"] .v1-hero .hero-copy h1,html[data-version="v2"] .hero-content h1,html[data-version="v3"] .hero-title h1{font-size:2.72rem!important}
  .product-section .product-card,.v2-products .product-card,.v3-shop .product-card{min-width:84vw}
  .detail-gallery figure{min-width:84vw}
  .footer-grid{gap:26px 12px!important}
}
@media (max-width:820px){
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .footer-grid>*{min-width:0!important;max-width:100%}
  .footer a,.footer span,.footer p{overflow-wrap:anywhere;word-break:break-word}
}
@media (max-width:820px){
  html[data-version="v2"] .hero-dark{display:flex!important;flex-direction:column!important}
  html[data-version="v2"] .hero-cutout{order:1}
  html[data-version="v2"] .hero-content{order:2}
  html[data-version="v2"] .hero-badge{order:3}
}
@media (max-width:820px){
  .lookbook-grid,.gallery-grid,.detail-gallery,.values-grid,.collection-split,.product-grid.two,.detail-rail,.story-cards,.magazine-grid,.order-editorial,.commerce-strip .shell,.feature-rail .shell,.v2-collage .collage-grid{
    min-width:0!important;max-width:100%!important;width:100%!important;
  }
}
@media (max-width:820px){
  .lookbook-grid{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .lookbook-grid::-webkit-scrollbar{display:none}
  .lookbook-grid figure,.lookbook-grid .wide,.lookbook-grid .tall{min-width:76vw!important;width:76vw!important;height:390px!important;grid-column:auto!important;grid-row:auto!important;border-radius:22px;scroll-snap-align:center;overflow:hidden}
}

/* V3 mobile header hotfix — force all header controls onto one responsive row. */
@media (max-width:820px){
  html[data-version="v3"] .header-v3 .header-grid{
    height:68px!important;
    grid-template-columns:56px 44px minmax(0,1fr) 46px!important;
    grid-template-rows:68px!important;
    grid-auto-rows:0!important;
    align-items:center!important;
    column-gap:7px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  html[data-version="v3"] .header-v3 .brand-logo{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    width:56px!important;
    height:56px!important;
    min-width:0!important;
  }
  html[data-version="v3"] .header-v3 .brand-logo img{
    display:block!important;
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  html[data-version="v3"] .header-v3 .menu-btn{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }
  html[data-version="v3"] .header-v3 .nav-left,
  html[data-version="v3"] .header-v3 .nav-right{
    display:none!important;
  }
  html[data-version="v3"] .header-v3 .actions{
    grid-column:4!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    width:46px!important;
    min-width:46px!important;
  }
  html[data-version="v3"] .header-v3 .mobile-wa{
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }
}