/* Mobile picker; desktop retains the original unfolding zigzag chain. */
@media(max-width:760px){
/* Shared product picker: bounded independently of page and viewer layouts. */
body.products-menu-open{overflow:hidden}
.products-backdrop{position:fixed;inset:100px 0 0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:60}
#products-menu{position:fixed;left:auto;right:4%;width:min(920px,92vw);margin:0;padding:30px 32px 20px;display:block;z-index:61!important;pointer-events:auto;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff18;border-top:1px solid #ed3b4c99;border-radius:0 0 20px 20px;background:radial-gradient(ellipse at 50% 0,#57212b40,transparent 65%),linear-gradient(135deg,#14161a,#090a0e 70%);box-shadow:0 30px 80px #000b;animation:product-panel-in .26s ease-out both}
#products-menu.is-closing{animation:menu-dismiss .18s ease-in both;pointer-events:none}
#products-menu .menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;width:100%}
#products-menu .menu-heading>div{display:block}
#products-menu .eyebrow{font-size:9px;letter-spacing:.2em;color:#b5a6ac}
#products-menu h2{font-size:32px;font-weight:400;letter-spacing:-.045em;margin-top:7px}
#products-menu .close-menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#ffffff04;font-size:19px;color:#c9c9ce;transition:background .2s}
#products-menu .close-menu:hover{background:#ed3b4c25;color:#fff}
#products-menu .honeycomb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;width:100%;gap:10px;margin:28px 0 24px;padding:0;filter:none;pointer-events:auto;isolation:isolate}
#products-menu .hex{--hex:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);grid-column:auto;grid-row:auto;align-self:auto;width:100%;min-width:0;aspect-ratio:1.1547;margin:0;clip-path:var(--hex);display:grid;place-items:center;position:relative;background:linear-gradient(140deg,#a4a7af80,#484b5450 25%,#ee303e90 70%,#411a26);animation:product-hex-in .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order)*60ms);transform-origin:center;transition:filter .2s;will-change:auto;filter:none}
#products-menu .hex:before{content:'';position:absolute;inset:1px;clip-path:var(--hex);background:linear-gradient(150deg,#292b33,#111218 65%,#241017);z-index:0}
#products-menu .hex:after{content:'';position:absolute;inset:5px;clip-path:var(--hex);background:linear-gradient(135deg,#ffffff06,transparent 45%);border:0;box-shadow:none;z-index:1}
#products-menu .hex-content{position:relative;z-index:2;width:100%;padding:10px 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
#products-menu .product-menu-icon{display:block;width:42px;height:42px;fill:none;stroke:#b5b7c0;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}
#products-menu .hex strong{font:600 13px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#f2eeee;text-shadow:none}
#products-menu .hex-note{font:400 10px/1.3 Arial,sans-serif;color:#92939e;white-space:nowrap}
#products-menu .hex-arrow{font-size:17px;line-height:1;color:#ee3b4e;margin-top:1px}
#products-menu .hex:hover,#products-menu .hex:focus-visible{background:#ff5365;filter:brightness(1.25);outline:none}
#products-menu .hex:focus-visible:before{inset:3px}
#products-menu .hex:hover:before,#products-menu .hex:focus-visible:before{background:linear-gradient(145deg,#37202a,#14151c 65%)}
#products-menu .hex[aria-current=page]{background:linear-gradient(140deg,#ff7181,#dd3047 55%,#5c2030)}
#products-menu .hex[aria-current=page] .product-menu-icon{stroke:#f06272}
#products-menu .menu-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff10;padding-top:15px;font-size:8px;letter-spacing:.17em;color:#747681}
#products-menu .menu-foot span{color:#b2a0a6}
@keyframes product-panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes product-hex-in{from{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){
 .header .brand{min-width:0;flex-shrink:1}.header .brand img{max-width:100%;height:auto}.header .mobile-toggle{flex-shrink:0;margin-left:18px}
 .header.products-open #navigation{visibility:hidden;pointer-events:none}
 #products-menu{left:0;right:0;width:100%;padding:22px 22px 20px;border-left:0;border-right:0;border-radius:0 0 18px 18px}
 #products-menu h2{font-size:29px}
 #products-menu .honeycomb{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin:22px auto;gap:12px 10px}
 #products-menu .hex-content{gap:5px;padding:10px 8%}
 #products-menu .product-menu-icon{width:34px;height:34px}
 #products-menu .hex strong{font-size:12px;letter-spacing:.02em}
 #products-menu .hex-note{font-size:9px}
 #products-menu .menu-foot{font-size:7px;letter-spacing:.12em}
}
@media(max-width:360px){#products-menu{padding:18px 14px}#products-menu .hex-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){#products-menu,#products-menu .hex{animation:none!important}}

}

@media(min-width:761px){
 .products-backdrop{display:none}
 #products-menu{position:fixed;z-index:61!important;margin-top:0}
 #products-menu .hex-note{display:none}
 #products-menu .product-menu-icon{display:block;width:38px;height:38px;fill:none;stroke:#c4c6cd;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;margin-bottom:9px}
 #products-menu .hex-content{display:flex;flex-direction:column;align-items:center}
 @media(max-height:500px){#products-menu .product-menu-icon{width:26px;height:26px;margin-bottom:4px}}
}

.section-toggle[aria-expanded=true]{color:var(--red)}
@media(max-width:760px){#products-menu .hex:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 10px)/2);justify-self:center}}