/* Layout revision: independent image, copy and action tracks. */
:root{--header-h:84px;color-scheme:dark}
html{scroll-padding-top:calc(var(--header-h) + 20px)}
body{overflow-x:clip}
main,section,footer,.wrap,.hero-in>*{min-width:0}
section[id],.cat-bar,.card[data-key]{scroll-margin-top:calc(var(--header-h) + 20px)}
h1,h2,h3,h4,p,.cat .t,.cat .d,.it .nm,.ci .nm{overflow-wrap:anywhere}
.nav{position:sticky;top:0;padding:10px 0;background:rgba(10,11,13,.97);border-bottom:1px solid var(--line);pointer-events:auto;backdrop-filter:blur(18px)}
.nav .bar{min-height:64px;height:auto;max-width:min(1160px,calc(100% - 24px));padding:8px 10px 8px 20px;gap:8px}
.nav .logo{flex:none}
.menu-toggle{display:none}
.nav .links{min-width:0}
.nav .icon-btn{flex-shrink:0}
.hero{min-height:min(850px,calc(100svh - var(--header-h)));padding:64px 0 72px}
.hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
h1{font-size:clamp(38px,6.6vw,90px);line-height:1.04}
h2{line-height:1.1}
.eyebrow{line-height:1.55;letter-spacing:.09em}
.eyebrow::before{flex:none}
.show{min-width:0;min-height:0;padding:24px;will-change:auto}
.show .tag{flex-wrap:wrap;gap:8px}
.show .device{min-height:280px;margin:20px 0 14px}
.show .device img{object-fit:contain;max-width:100%;height:280px;aspect-ratio:auto}
.show .device img.product-photo{width:100%;max-width:310px;height:280px;padding:20px}
.show h3{font-size:clamp(18px,2vw,24px);line-height:1.35}
.show .meta{margin-top:8px;line-height:1.5}
.show .row{flex-wrap:wrap;gap:18px;align-items:center}
.show .price{font-size:clamp(22px,2.5vw,28px);white-space:nowrap}
.show .price small{line-height:1.5;white-space:normal}
.show .btn{flex-shrink:0}
.show-photo-note{min-height:1.5em;line-height:1.5}
.sec-head{align-items:start}
.sec-head>*{min-width:0}
.cats{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:16px;align-items:stretch}
.cat,.cat.big{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:18px;grid-column:auto;min-width:0;min-height:0;padding:20px;text-align:left;align-content:start}
.cat .pic,.cat.big .pic{position:relative;inset:auto;width:100%;height:148px;display:flex;align-items:center;justify-content:center;justify-self:center;transform:none!important}
.cat .pic::before{display:none}
.cat .pic img,.cat.big .pic img{width:148px;height:148px;max-width:100%;object-fit:contain;position:static}
.cat .pic img.product-photo{padding:12px;border-radius:18px}
.cat .t,.cat.big .t{font-size:18px;line-height:1.35;max-width:none;margin:0;letter-spacing:-.02em}
.cat .d{display:block;margin-top:8px;font-size:13px;line-height:1.55;color:var(--text-2)}
.cat .b{min-width:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;justify-content:space-between;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
.cat .b>span{white-space:nowrap}
.cat .b .mono{font-size:11px}
.cat-bar{position:relative;top:auto;z-index:5;margin-bottom:28px}
.cat-bar .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr);gap:12px;padding:16px}
.category-picker,.sort-picker{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:var(--text-2)}
.category-picker select,.sort-picker select{min-width:0;width:100%;height:46px;padding:0 34px 0 12px;background:#202329;border:1px solid var(--line-2);border-radius:12px;color:var(--text);font:500 14px var(--f-body);text-overflow:ellipsis;cursor:pointer}
.category-picker{grid-column:1;grid-row:1}
.sort-picker{grid-column:2;grid-row:1}
.search{min-width:0;width:100%;grid-column:1/-1;grid-row:2;flex:auto}
.search input{height:46px;font-size:16px;padding-right:42px}
.search>svg{top:14px}
.search .clr{width:34px;height:34px}
.tabs{grid-column:1/-1;grid-row:3;display:flex;order:initial;min-width:0;width:100%;overflow:auto;flex:none;padding:2px 2px 10px;mask:none;-webkit-mask:none;scrollbar-width:thin;scrollbar-color:var(--g-500) transparent}
.tabs::-webkit-scrollbar{display:block;height:4px}
.tabs::-webkit-scrollbar-thumb{background:var(--g-500);border-radius:8px}
.tab{min-height:44px;height:auto;padding:10px 14px;line-height:1.3}
.cat-title{align-items:start;gap:12px;margin:0 0 24px}
.cat-title h3{line-height:1.25}
.cat-title p{line-height:1.6;color:var(--text-2)}
.groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.card{min-width:0;content-visibility:visible;contain-intrinsic-size:none;padding:20px;overflow:hidden}
.card .top{grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:start}
.stage{width:128px;height:128px;flex:none}
.stage img,.stage img.product-photo{width:100%;height:100%;margin:0;object-fit:contain}
.card h4{font-size:18px;line-height:1.4}
.card .sub{line-height:1.6;color:var(--text-2)}
.card .from b{line-height:1.4}
.preview-label{font-size:12px;line-height:1.65;color:var(--text-2);margin:14px 0 0;padding:10px 12px;background:rgba(255,255,255,.035);border-radius:10px;overflow-wrap:anywhere}
.preview-label strong{font-weight:500;color:var(--text)}
.preview-label .missing{display:block;margin-top:4px;color:var(--papaya-hi)}
.chips{margin:16px 0 10px;gap:8px}
.chip{min-height:36px;height:auto;padding:8px 12px;line-height:1.3}
.it{grid-template-columns:60px minmax(0,1fr) 44px;grid-template-areas:'photo name add' 'photo price add';gap:7px 12px;padding:14px 0;min-width:0;align-items:center}
.it .th{grid-area:photo;width:60px;height:60px;border-radius:12px;flex:none;cursor:pointer}
.it .th[aria-pressed=true]{outline:2px solid var(--papaya);outline-offset:3px}
.it .nm{grid-area:name;line-height:1.5;min-width:0;font-size:14px;align-self:end}
.it .pr{grid-area:price;justify-self:start;align-self:start;font-size:14px;line-height:1.5;white-space:nowrap}
.it .add{grid-area:add;width:44px;height:44px;min-width:44px}
.it.is-preview .nm{color:#fff}
.it.is-preview .pr{color:var(--papaya-hi)}
.it .rg{white-space:nowrap}
.more{min-height:44px;height:auto;line-height:1.4;padding:10px 12px}
.product-photo{object-fit:contain!important}
.photo-pending{background:#202329;border-radius:14px;object-fit:contain}
.fam{line-height:1.5;min-width:0;overflow-wrap:anywhere}
.val{min-width:0;padding:24px}
.val h4{line-height:1.35}
.val p{line-height:1.7}
.ft{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}
.ft>div{min-width:0}
.ft a,.ft button{line-height:1.5;overflow-wrap:anywhere;text-align:left}
.ft ul{gap:12px}
body.cart-open{overflow:hidden}
.sheet{max-height:calc(100dvh - 24px);background:#191c21}
.sheet .body{min-height:0}
.sheet .sh{gap:14px;flex-shrink:0}
.sheet .sh .icon-btn{flex:none}
.sheet .ft2{flex-shrink:0}
.ci{grid-template-columns:52px minmax(0,1fr) auto;gap:10px 12px;align-items:center}
.ci .ci-image{grid-column:1;grid-row:1/span 3;align-self:start;width:52px;height:52px}
.ci .ci-image img{width:52px;height:52px;object-fit:contain;padding:4px}
.ci .nm{grid-column:2/-1;grid-row:1;min-width:0;line-height:1.5}
.ci .pr{grid-column:2/-1;grid-row:2;text-align:left;white-space:nowrap}
.ci .qty{grid-column:2;grid-row:3;height:38px}
.ci .qty button{width:36px;height:36px}
.ci .rm{grid-column:3;grid-row:3;min-height:38px;padding:8px 0}
.sheet .tot{gap:12px;flex-wrap:wrap}
.sheet .tot b{font-size:24px;line-height:1.4}
.sheet .note{line-height:1.5}
.toast{border-radius:18px;line-height:1.5}
.toast span{white-space:normal;overflow-wrap:anywhere;max-height:4.5em}
@media(max-width:1100px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.card .top{grid-template-columns:108px minmax(0,1fr);gap:16px}.stage{width:108px;height:108px}}
@media(max-width:920px){.hero-in{grid-template-columns:minmax(0,1fr)}.hero{padding:40px 0 64px}.show{max-width:600px;width:100%;justify-self:center}.groups{grid-template-columns:minmax(0,1fr)}.card .top{grid-template-columns:144px minmax(0,1fr)}.stage{width:144px;height:144px}}
@media(max-width:820px){
 .nav .bar{flex-wrap:wrap;padding:8px 12px;gap:6px}
 .nav .logo{margin-right:auto;font-size:16px;gap:7px}.nav .logo svg{width:30px}
 .nav .search-toggle{display:none}.menu-toggle{display:grid}
 .nav .links{display:none;order:5;flex-basis:100%;margin:6px 0 0;padding-top:8px;border-top:1px solid var(--line);gap:6px}
 .nav.menu-open .links{display:flex}.nav .links a{flex:1;text-align:center;padding:12px 4px;font-size:13px}
 .nav .cart-btn{padding:0 12px;min-width:62px;justify-content:center}
 .ft{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ft>div:first-child{grid-column:1/-1}
 .tabs{display:none}
 .cat-title h3{font-size:28px}
}
@media(max-width:700px){
 .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cat,.cat.big{padding:16px;gap:14px}
 .cat .pic,.cat.big .pic{height:120px;width:100%}
 .cat .pic img,.cat.big .pic img{width:120px;height:120px}
 .cat .t,.cat.big .t{font-size:16px;line-height:1.4}
 .cat .d{font-size:12px;line-height:1.5}
 .cat .b{flex-direction:column;gap:5px;align-items:start;font-size:12px}
 .hero .stats{gap:24px}
 .sec{padding-top:64px}
}
@media(max-width:520px){
 .wrap{padding-left:16px;padding-right:16px}
 .nav .bar{max-width:calc(100% - 20px);border-radius:22px}
 .hero{padding-top:32px}.hero-in{gap:32px}
 h1{font-size:clamp(34px,10.4vw,52px)}h2{font-size:clamp(27px,7.7vw,38px)}
 .cta{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.cta .btn{justify-content:center;width:100%;padding:0 16px}
 .show{padding:20px;border-radius:26px}.show .device{min-height:240px}.show .device img.product-photo{height:240px;max-width:270px}.show h3{font-size:18px}
 .show .row{align-items:stretch}.show .row>.btn{width:100%;justify-content:center}
 .show .row>.price{font-size:24px}
 .card{padding:16px}.card .top{grid-template-columns:100px minmax(0,1fr);gap:14px}.stage{width:100px;height:100px}
 .card h4{font-size:16px}.card .from b{font-size:17px}.card .sub{font-size:11px}
 .cat-bar .inner{padding:12px;gap:10px;grid-template-columns:minmax(0,1fr)}
 .category-picker{grid-row:1;grid-column:1}.search{grid-row:2;grid-column:1}.sort-picker{grid-row:3;grid-column:1}
 .sort-picker{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.sort-picker>span{flex:none}.sort-picker select{width:auto;max-width:70%;font-size:13px}
 .category-picker select{font-size:15px}.it{grid-template-columns:52px minmax(0,1fr) 44px;gap:6px 10px}.it .th{width:52px;height:52px}.it .nm{font-size:13px}
 .sheet{max-height:calc(100dvh - 24px);bottom:max(8px,env(safe-area-inset-bottom));border-radius:24px}.sheet .body{padding:0 16px}.sheet .ft2{padding:14px 16px}.sheet .sh{padding:16px}
 .sheet .sh h3{font-size:19px}.ci .nm{font-size:13px}.ci .rm{font-size:11px}.ci{gap:8px 10px;grid-template-columns:44px minmax(0,1fr) auto}.ci .ci-image,.ci .ci-image img{width:44px;height:44px}
 .toast{max-width:calc(100% - 24px);font-size:12px}
}
@media(max-width:359px){
 .cats{grid-template-columns:minmax(0,1fr)}
 .cat,.cat.big{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;gap:12px}.cat .pic,.cat.big .pic{grid-column:1;grid-row:1;width:96px;height:96px}.cat .pic img,.cat.big .pic img{width:96px;height:96px}.cat .b{grid-column:1/-1;flex-direction:row}.cat .t,.cat.big .t{font-size:15px}
 .card .top{grid-template-columns:minmax(0,1fr)}.stage{width:132px;height:132px}
 .nav .logo{font-size:14px}.nav .logo svg{width:25px}.nav .bar{padding:8px}.nav .cart-btn{min-width:56px}.nav .icon-btn{height:42px}.menu-toggle{width:40px}
 .stats b{font-size:22px}.stats span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.show{transform:none!important}.cat{transition:none}}

.show .dots{align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:20px;gap:12px}
.show .dots .icon-btn{border:1px solid var(--line-2);background:rgba(255,255,255,.04)}
.show .dots .mono{color:var(--text-2);font-size:12px}
.show-photo-note:empty{display:none}

/* Quality-led identity and quiet, predictable motion. */
.nav{top:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0;pointer-events:none}
.nav .bar{position:relative;background:#25282d;border:0;border-radius:22px;box-shadow:none;isolation:isolate;pointer-events:auto;padding-left:16px;transition:background .2s ease}
.nav .bar::before,.nav .bar::after{display:none}
.logo{gap:10px;font-family:var(--f-body,Inter),sans-serif;font-size:24px;font-weight:800;letter-spacing:-.045em}
.logo svg,.nav .logo svg{width:38px;height:38px;filter:none;flex:none}
.logo b{color:var(--text);font-weight:800}
.nav .links a{border-radius:12px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13px}
.nav .links a[aria-current="location"]{color:#ffae68;background:rgba(255,138,36,.11)}
.nav .cart-btn{box-shadow:none;background:#ff8a24}
.nav .icon-btn{border-radius:13px}
.menu-glyph{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:20px;flex:none}
.menu-glyph i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s ease}
.menu-open .menu-glyph i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .menu-glyph i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-label{font:500 12px/1 Inter,sans-serif}
h1{font-size:clamp(30px,4.5vw,62px);line-height:1.16;letter-spacing:-.045em;font-weight:700}
h1 .p{text-shadow:none;color:#ff9b45}
.hero .eyebrow::before,.marquee span::after{transform:none;box-shadow:none;border-radius:50%}
.hero .grid-lines{opacity:.2}
.ambient i,.show .device .halo,.pill.live::before{animation:none;will-change:auto}
.ambient i{opacity:.3}
.spec::after{display:none}
.marquee{padding:22px 0;background:transparent;mask-image:none;-webkit-mask-image:none}
.marquee .track{width:100%;max-width:1160px;margin:auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;animation:none;transform:none;will-change:auto}
.marquee span{font-size:15px;line-height:1.5;gap:0;color:var(--text-3)}
.marquee span::after{display:none}
.rv{transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.rv.in{transform:none}
.card.enter{animation:quality-in .24s ease both}
@keyframes quality-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.cat,.cat:hover,.card,.card:hover{transform:none;transition:background .2s ease,border-color .2s ease}
.cart-btn.bump{animation:cart-confirm .28s ease}
@keyframes cart-confirm{50%{background:#ffc18c}}
.nav a:focus-visible,.nav button:focus-visible{outline:2px solid #ffb575;outline-offset:3px}
@media(max-width:820px){
 .nav .bar{flex-wrap:nowrap;padding:9px 10px 9px 14px;gap:8px}
 .nav .logo{font-size:22px;gap:8px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:76px;padding:0 10px;background:rgba(255,255,255,.045)}
 .nav .links,.nav.menu-open .links{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:10px;max-height:calc(100dvh - 110px);overflow-y:auto;background:#25282d;border:0;border-radius:20px;box-shadow:none;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
 .nav.menu-open .links{visibility:visible;opacity:1;transform:none;pointer-events:auto}
 .nav .links a{justify-content:space-between;padding:16px;font-size:15px;text-align:left;min-height:52px}
 .nav .links a::after{content:'↗';font:400 18px/1 Inter,sans-serif;color:var(--text-3)}
 .nav .cart-btn{min-width:58px;padding:0 10px}
 h1{font-size:clamp(29px,5.6vw,46px)}
 .marquee .track{gap:12px 20px;padding:0 16px}.marquee span{font-size:12px}
}
@media(max-width:520px){h1{font-size:clamp(28px,7.3vw,37px)}.nav .bar{border-radius:20px}.nav .logo svg{width:34px;height:34px}.hero{padding-top:30px}.hero .lead{margin-bottom:26px}}
@media(max-width:359px){.nav .logo{font-size:20px}.nav .logo svg{width:30px;height:30px}.menu-label{display:none}.menu-toggle{min-width:42px;width:42px;padding:0}.nav .bar{padding-left:10px}.nav .cart-btn{min-width:52px}}
@media(prefers-reduced-motion:reduce){.rv,.rv.in{opacity:1;transform:none}.nav .links,.menu-glyph i{transition:none}.card.enter,.cart-btn.bump{animation:none}}