/* OXYCOCCUS V3 — главная витрина. */
:root{color-scheme:dark;--bg-0:#071113;--bg-1:#0b171a;--site-bg-rgb:33 238 232;--surface-1:rgba(9,19,22,.92);--surface-2:rgba(14,28,31,.72);--line:rgba(190,238,238,.11);--line-strong:rgba(190,238,238,.24);--text-1:#f3f8f7;--text-2:#94a8a9;--text-3:#607477;--accent:#21eee8;--accent-rgb:33 238 232;--red:#21eee8;--red2:#72fff9;--cy:#21eee8;--grn:#66f69a;--display:"Arial Black","Segoe UI Black",Impact,sans-serif;--body:Inter,"Segoe UI",Arial,sans-serif;--mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-0)}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 50% 12%,rgb(var(--site-bg-rgb)/.035),transparent 28%),var(--bg-0);color:var(--text-1);font-family:var(--body);-webkit-font-smoothing:antialiased}html[data-ui="v3"] body{background:linear-gradient(rgb(var(--site-bg-rgb)/.025) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--site-bg-rgb)/.025) 1px,transparent 1px),radial-gradient(circle at 78% 12%,rgb(var(--site-bg-rgb)/.09),transparent 26%),var(--bg-0);background-size:54px 54px,54px 54px,auto,auto}button,a{font:inherit}button{color:inherit}a{color:inherit}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero / HUD */
.v3-landing{display:block;overflow:hidden;background:transparent}
.v3-landing [hidden]{display:none!important}
.hero-shell{width:min(calc(100% - 24px),1500px);min-height:max(730px,calc(100svh - 24px));margin:12px auto 0;position:relative;display:grid;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.05fr) minmax(330px,.92fr);grid-template-rows:58px minmax(530px,1fr) 78px 28px;column-gap:20px;isolation:isolate;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 43%,rgb(var(--accent-rgb)/.12),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 30% 70%,rgba(0,0,0,.2)),var(--bg-0)}
.ambient-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgb(var(--accent-rgb)/.025) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000 0 35%,transparent 78%)}.ambient-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 48%,rgba(1,5,6,.82))}
.corner{position:absolute;width:22px;height:22px;border-color:rgb(var(--accent-rgb)/.55);border-style:solid;z-index:25;pointer-events:none}.corner--tl{left:0;top:0;border-width:1px 0 0 1px}.corner--tr{right:0;top:0;border-width:1px 1px 0 0}.corner--bl{left:0;bottom:0;border-width:0 0 1px 1px}.corner--br{right:0;bottom:0;border-width:0 1px 1px 0}
.hud-header{grid-area:1/1/2/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(5,12,14,.76);backdrop-filter:blur(16px);z-index:20}.brand{display:inline-flex;align-items:center;width:max-content;text-decoration:none}.brand--header{grid-column:2;justify-self:center}.brand__logo{display:block;width:auto;height:40px;object-fit:contain}.v2-footer .brand__logo{height:54px}
.ozon-cta{min-height:36px;padding:0 22px;display:inline-flex;align-items:center;border:0;background:var(--accent);color:#031011;font:700 9px/1 var(--mono);letter-spacing:.14em;text-decoration:none;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer}.header-tools{display:flex;justify-content:flex-end;gap:8px}.cart-icon-link{border-color:var(--line);background:rgba(255,255,255,.015);color:var(--text-3)}.cart-icon-link:hover,.cart-icon-link:focus-visible{border-color:var(--accent);background:rgb(var(--accent-rgb)/.09);color:var(--accent)}.cart-icon-count{border-color:var(--bg-0);background:var(--accent);color:#031011}.cart-button{min-height:36px;cursor:pointer}
.hero-copy{grid-area:2/1;align-self:center;padding-left:clamp(26px,4vw,68px);z-index:5}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.hero-title{max-width:8ch;margin:0;font:900 clamp(48px,4.6vw,76px)/.91 var(--display);letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}.hero-title strong{color:var(--accent);font-weight:inherit;text-shadow:0 0 28px rgb(var(--accent-rgb)/.12)}.hero-lead{max-width:355px;margin:24px 0 0;color:var(--text-2);font-size:13px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);background:transparent;color:var(--text-2);font:700 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button--primary{border-color:var(--accent);background:var(--accent);color:#031011;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.button--ghost{background:rgba(255,255,255,.015)}.scan-icon{width:10px;height:10px;border:1px dashed currentColor}
.hero-actions .hero-quick-buy{display:none!important}.hero-actions .hero-catalog-link{width:100%;flex:1 1 100%;justify-content:space-between}

/* Анатомическая модель и независимые слои интенсивности органов */
.body-stage{grid-area:2/2;min-width:0;min-height:0;position:relative;display:grid;place-items:center;z-index:4}.body-stage__halo{position:absolute;width:min(90%,520px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgb(var(--accent-rgb)/.12);border-radius:50%}.body-stage__halo::before,.body-stage__halo::after,.body-stage__halo i{content:"";position:absolute;border:1px solid rgb(var(--accent-rgb)/.12);border-radius:50%}.body-stage__halo::before{inset:10%}.body-stage__halo::after{inset:22%;border-style:dashed}.body-stage__halo i:nth-child(1){inset:-6%;border-style:dotted;animation:v2-spin 48s linear infinite}.body-stage__halo i:nth-child(2){width:140%;height:1px;border-width:1px 0 0;border-radius:0}.body-stage__halo i:nth-child(3){height:140%;width:1px;border-width:0 0 0 1px;border-radius:0}
.body-visual{position:absolute;inset:3% 3% 2%;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgb(var(--accent-rgb)/.28))}.body-visual picture{display:contents}.body-visual img{width:auto;height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:filter .35s ease,transform .35s ease,opacity .16s ease;filter:var(--body-filter,none) saturate(1.05) contrast(1.02)}
.organ-map{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:2/3;max-width:100%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen}.organ-hotspot{position:absolute;display:block;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:opacity .3s ease,filter .3s ease;background:radial-gradient(ellipse at center,rgba(255,255,255,.98) 0 5%,rgb(var(--accent-rgb)/.94) 15%,rgb(var(--accent-rgb)/.44) 42%,transparent 72%);filter:blur(1px) drop-shadow(0 0 10px var(--accent));will-change:opacity}.organ-hotspot::after{content:"";position:absolute;inset:12%;border:1px solid rgb(var(--accent-rgb)/.72);border-radius:inherit;box-shadow:0 0 12px rgb(var(--accent-rgb)/.6),inset 0 0 12px rgb(var(--accent-rgb)/.28)}
.organ-hotspot--brain{left:50%;top:6.7%;width:23%;height:8%;opacity:var(--organ-brain,0)}.organ-hotspot--cord{left:50%;top:18%;width:5%;height:23%;opacity:var(--organ-cord,0);border-radius:40%}.organ-hotspot--heart{left:53%;top:25.3%;width:12%;height:8.5%;opacity:var(--organ-heart,0)}.organ-hotspot--vessels{left:50%;top:35%;width:66%;height:61%;opacity:var(--organ-vessels,0);background:radial-gradient(ellipse at center,rgb(var(--accent-rgb)/.32),transparent 68%)}.organ-hotspot--liver{left:44%;top:32.3%;width:20%;height:8%;opacity:var(--organ-liver,0)}.organ-hotspot--gut-s{left:51%;top:41.3%;width:22%;height:15%;opacity:var(--organ-gut-s,0)}.organ-hotspot--gut-l{left:50%;top:39%;width:29%;height:15%;opacity:var(--organ-gut-l,0);background:radial-gradient(ellipse at center,transparent 22%,rgb(var(--accent-rgb)/.83) 40%,transparent 69%)}.organ-hotspot--pancreas{left:50%;top:34.7%;width:18%;height:4.5%;opacity:var(--organ-pancreas,0)}.organ-hotspot--spleen{left:58%;top:34%;width:7%;height:6%;opacity:var(--organ-spleen,0)}.organ-hotspot--kidney-l{left:44%;top:36.3%;width:7%;height:7%;opacity:var(--organ-kidney-l,0)}.organ-hotspot--kidney-r{left:56%;top:36.3%;width:7%;height:7%;opacity:var(--organ-kidney-r,0)}.organ-hotspot--spine{left:50%;top:45%;width:6%;height:64%;opacity:var(--organ-spine,0);border-radius:45%}.organ-hotspot--pelvis{left:50%;top:49%;width:25%;height:10%;opacity:var(--organ-pelvis,0)}.organ-hotspot--muscles{left:50%;top:52%;width:72%;height:90%;opacity:var(--organ-muscles,0);background:radial-gradient(ellipse at center,rgb(var(--accent-rgb)/.35),transparent 68%)}
.scanline2d{position:absolute;left:14%;right:14%;top:8%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 18px var(--accent);opacity:.55;animation:v2-scan 5.2s ease-in-out infinite;pointer-events:none}.model-frame{position:absolute;width:34px;height:34px;border-color:rgb(var(--accent-rgb)/.5);border-style:solid}.model-frame--tl{top:11%;left:13%;border-width:1px 0 0 1px}.model-frame--tr{top:11%;right:13%;border-width:1px 1px 0 0}.model-frame--bl{bottom:7%;left:13%;border-width:0 0 1px 1px}.model-frame--br{bottom:7%;right:13%;border-width:0 1px 1px 0}.organ-label{display:none!important}.model-control{display:none!important}.model-status{position:absolute;bottom:4%;color:var(--text-3);font-size:7px;letter-spacing:.16em}

/* Панель направления */
.system-panel{grid-area:2/3;width:calc(100% - 30px);max-width:410px;min-height:410px;align-self:center;justify-self:start;position:relative;padding:24px 18px 16px;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgb(var(--accent-rgb)/.06),transparent 38%),var(--surface-1);box-shadow:0 0 50px rgb(var(--accent-rgb)/.035);z-index:6}.panel-cut{position:absolute;top:-1px;left:18px;width:36px;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading p{margin:0 0 11px;color:var(--accent);font-size:7px;letter-spacing:.16em}.panel-heading h2{max-width:280px;min-height:46px;margin:0;font-size:20px;line-height:1.08}.system-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgb(var(--accent-rgb)/.4);color:var(--accent);font-style:normal;font-size:20px}.panel-description{min-height:40px;margin:13px 0;color:var(--text-2);font-size:11px;line-height:1.55}.benefit-tags{min-height:28px;display:flex;flex-wrap:wrap;gap:4px}.benefit-tags span{padding:6px 8px;border:1px solid var(--line);color:var(--text-3);font-size:7px;letter-spacing:.09em;text-transform:uppercase}.fact-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;border:1px solid var(--line)}.fact-grid span{min-height:55px;padding:10px;display:flex;flex-direction:column;gap:6px}.fact-grid span+span{border-left:1px solid var(--line)}.fact-grid small{color:var(--text-3);font:7px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.fact-grid b{font-size:17px}.product-slots{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7px;border:1px solid var(--line)}.product-slot{min-width:0;min-height:92px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;border:0;background:transparent;color:var(--text-2);cursor:pointer}.product-slot+.product-slot{border-left:1px solid var(--line)}.product-slot img{width:52px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))}.product-slot small{max-width:100%;overflow:hidden;color:var(--text-3);font:7px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap}.panel-link{width:100%;min-height:38px;margin-top:9px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgb(var(--accent-rgb)/.48);background:rgb(var(--accent-rgb)/.035);color:var(--text-2);font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.system-dock{grid-area:3/1/4/-1;margin:0 8%;display:grid;grid-template-columns:repeat(5,1fr);align-self:end;z-index:12}.system-tab{min-width:0;min-height:66px;padding:9px 12px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;position:relative;border:1px solid var(--line);border-right:0;background:rgba(5,13,15,.9);color:var(--text-2);text-align:left;cursor:pointer}.system-tab:last-child{border-right:1px solid var(--line)}.system-tab::after{content:"";position:absolute;left:-1px;right:100%;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:right .25s}.system-tab[aria-selected="true"],.system-tab.is-preview{color:var(--text-1);background:linear-gradient(90deg,rgb(var(--accent-rgb)/.1),rgba(5,13,15,.95));border-color:rgb(var(--accent-rgb)/.3)}.system-tab[aria-selected="true"]::after,.system-tab.is-preview::after{right:-1px}.system-tab__icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--accent)}.system-tab b{display:block;overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.system-tab small{display:block;margin-top:5px;overflow:hidden;color:var(--text-3);font-size:6px;letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap}.system-tab.is-soon:disabled{overflow:hidden;cursor:not-allowed;color:var(--text-3);background:linear-gradient(100deg,rgba(20,5,8,.94),rgba(5,13,15,.96));border-color:rgba(255,35,55,.22)}.system-tab.is-soon>span:not(.system-tab__soon){opacity:.26;filter:grayscale(1)}.system-tab.is-soon::after{display:none}.system-tab__soon{position:absolute;z-index:5;left:-10%;top:50%;width:120%;height:22px;display:flex;align-items:center;overflow:hidden;transform:translateY(-50%) rotate(-6deg);border-top:1px solid rgba(255,105,115,.9);border-bottom:1px solid rgba(255,45,60,.9);background:linear-gradient(90deg,rgba(76,0,8,.94),rgba(235,9,34,.96) 48%,rgba(76,0,8,.94));box-shadow:0 0 6px #ff102f,0 0 18px rgba(255,16,47,.8),inset 0 0 9px rgba(255,255,255,.18);pointer-events:none}.system-tab__soon::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 10px,rgba(255,255,255,.12) 10px 12px);mix-blend-mode:screen}.system-tab__soon-track{position:relative;z-index:1;width:max-content;display:flex;flex:none;align-items:center;animation:v2-soon-ticker 3.2s linear infinite;will-change:transform}.system-tab__soon-track i{flex:none;padding-right:10px;color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.2em;line-height:20px;text-shadow:0 0 4px #fff,0 0 9px #ff9aa5,0 0 15px #ff1738;white-space:nowrap}.hero-ticker{grid-area:4/1/5/-1;overflow:hidden;border-top:1px solid var(--line);color:var(--text-3);font-size:7px;letter-spacing:.18em;text-transform:uppercase}.hero-ticker .ticker-track{width:max-content;height:100%;display:flex;align-items:center;animation:v2-ticker 32s linear infinite;will-change:transform}.hero-ticker .ticker-group{min-width:min(100vw,1500px);height:100%;padding-inline:22px;display:flex;flex:none;align-items:center;justify-content:space-around;gap:28px;white-space:nowrap}.hero-ticker i{width:4px;height:4px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.compat-statbar{display:none}

@keyframes v2-soon-ticker{to{transform:translateX(-50%)}}

/* Продукты */
.showcase{width:min(calc(100% - 48px),1320px);margin:0 auto;padding:110px 0 84px}.showcase-heading{display:grid;grid-template-columns:1fr 340px;align-items:end;gap:50px;margin-bottom:38px}.showcase-heading h2,.company h2{margin:0;font:900 clamp(38px,4vw,64px)/.92 var(--display);letter-spacing:-.04em;text-transform:uppercase}.showcase-heading>p{margin:0;color:var(--text-2);font-size:13px;line-height:1.65}.showcase-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.product-card{min-width:0;min-height:440px;padding:14px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgb(var(--accent-rgb)/.045),transparent 34%),#070d0f}.product-card:hover{border-color:rgb(var(--accent-rgb)/.3);background:linear-gradient(145deg,rgb(var(--accent-rgb)/.09),transparent 40%),#070d0f}.product-card__meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-3);font:7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.product-card__visual{min-height:210px;flex:1;display:grid;place-items:center;position:relative}.product-card__visual::after{content:"";position:absolute;width:75%;height:26%;bottom:10%;border-radius:50%;background:rgb(var(--accent-rgb)/.09);filter:blur(20px)}.product-card__visual img{width:100%;height:220px;position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.5));transition:transform .28s}.product-card:hover .product-card__visual img{transform:translateY(-4px) scale(1.025)}.product-card h3{margin:0;font-size:15px;line-height:1.18}.product-card__facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px;color:var(--text-3);font:7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.product-card__facts span+span{padding-left:9px;border-left:1px solid var(--line)}.product-card__benefit{margin:11px 0 0;color:var(--accent);font:7px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.product-card footer{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.product-card footer>span{display:flex;flex-direction:column;gap:3px}.product-card footer b{font-size:16px}.product-card footer s,.product-card footer small{color:var(--text-3);font:7px/1 var(--mono)}.product-card footer button{min-height:36px;padding:0 10px;border:1px solid var(--line-strong);background:transparent;color:var(--text-2);font:7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.product-card footer button:hover{border-color:var(--accent);background:var(--accent);color:#031011}.showcase-ozon{margin-top:12px;min-height:116px;padding:22px 24px;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:30px;border:1px solid var(--line);background:linear-gradient(90deg,rgb(var(--accent-rgb)/.08),transparent 42%),var(--surface-1)}.showcase-ozon>span{color:var(--accent);font-size:8px;letter-spacing:.16em}.showcase-ozon p{margin:0;color:var(--text-2);font-size:12px;line-height:1.55}.button--ozon{border-color:var(--accent);color:var(--accent)}.button--ozon:hover{background:var(--accent);color:#031011}

/* Единый продуктовый конфигуратор: один продукт, шесть компактных вкусов. */
.system-panel.product-console{width:calc(100% - 20px);max-width:430px;min-height:500px;padding:18px 16px 14px}.product-console .panel-heading h2{min-height:0;font-size:18px}.product-console .system-icon{width:36px;height:36px;font-size:18px}.product-console .panel-description{min-height:0;margin:8px 0 11px;font-size:10px;line-height:1.45}.hero-product{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px}.hero-product__media{min-height:188px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgb(var(--accent-rgb)/.08),transparent 55%),#050b0d}.hero-product__media::before{content:"";position:absolute;inset:0;background:linear-gradient(rgb(var(--accent-rgb)/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.035) 1px,transparent 1px);background-size:24px 24px}.hero-product__media img{width:100%;height:178px;position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.55));transition:transform .28s,filter .28s}.hero-product__media:hover img{transform:translateY(-3px) scale(1.025);filter:drop-shadow(3px 0 rgba(255,26,64,.35)) drop-shadow(-3px 0 rgb(var(--accent-rgb)/.35))}.hero-product__present{position:absolute;z-index:2;left:6px;right:6px;bottom:6px;min-height:28px;padding:0 8px;display:flex;align-items:center;gap:7px;border:1px solid rgb(var(--accent-rgb)/.45);background:rgba(2,8,10,.9);color:var(--accent);cursor:pointer}.hero-product__present span{font-size:9px}.hero-product__present small{font-size:6px;letter-spacing:.12em}.hero-product__body{min-width:0;display:flex;flex-direction:column}.hero-product__flavor{margin:2px 0 6px;color:var(--accent);font-size:7px;letter-spacing:.13em}.hero-product__body h3{min-height:34px;margin:0;font-size:13px;line-height:1.25}.product-console .benefit-tags{min-height:0;margin-top:7px;gap:3px}.product-console .benefit-tags span{padding:4px 5px;font-size:6px}.hero-product__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;border:1px solid var(--line)}.hero-product__facts span{min-width:0;padding:7px 5px;display:flex;flex-direction:column;gap:4px}.hero-product__facts span+span{border-left:1px solid var(--line)}.hero-product__facts small{overflow:hidden;color:var(--text-3);font:6px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.hero-product__facts b{overflow:hidden;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.hero-product__buy{margin-top:auto;padding-top:9px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.hero-product__buy>span{display:flex;flex-direction:column;gap:3px}.hero-product__buy>span b{font-size:17px}.hero-product__buy>span small{color:var(--text-3);font:6px/1 var(--mono)}.hero-product__buy button{min-height:34px;padding:0 9px;border:1px solid var(--accent);background:var(--accent);color:#031011;font:700 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.hero-product__buy button:disabled{opacity:.42;cursor:not-allowed}.flavor-switch{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:9px}.flavor-chip{min-width:0;min-height:68px;padding:3px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.01);color:var(--text-3);cursor:pointer}.flavor-chip:hover,.flavor-chip:focus-visible{border-color:rgb(var(--accent-rgb)/.45);color:var(--text-1)}.flavor-chip[aria-selected="true"]{border-color:var(--accent);background:rgb(var(--accent-rgb)/.08);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent),0 0 14px rgb(var(--accent-rgb)/.08)}.flavor-chip__index{position:absolute;top:4px;left:4px;color:var(--text-3);font-size:5px}.flavor-chip img{width:100%;height:43px;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(0,0,0,.48))}.flavor-chip small{max-width:100%;overflow:hidden;font:6px/1.1 var(--mono);text-overflow:ellipsis;white-space:nowrap}.product-console .panel-link{min-height:34px;margin-top:7px;font-size:7px}

.product-focus{width:100%}.product-focus__card{min-height:590px;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);position:relative;overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgb(var(--accent-rgb)/.055),transparent 36%),var(--surface-1)}.product-focus__visual{min-height:590px;position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 52%,rgb(var(--accent-rgb)/.12),transparent 42%),linear-gradient(rgb(var(--accent-rgb)/.03) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.03) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.product-focus__visual::after{content:"";position:absolute;width:58%;height:14%;bottom:13%;border-radius:50%;background:rgb(var(--accent-rgb)/.12);filter:blur(28px)}.product-focus__meta{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:var(--text-3);font-size:7px;letter-spacing:.12em}.product-focus__visual>img{width:92%;height:500px;position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 34px 28px rgba(0,0,0,.58));transition:transform .35s,filter .35s}.product-focus__visual:hover>img{transform:translateY(-5px) scale(1.018);filter:drop-shadow(5px 0 rgba(255,25,65,.3)) drop-shadow(-5px 0 rgb(var(--accent-rgb)/.3)) drop-shadow(0 34px 28px rgba(0,0,0,.58))}.product-focus__present{position:absolute;z-index:3;left:22px;bottom:22px;min-width:186px;min-height:48px;padding:0 14px;display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;align-items:center;border:1px solid var(--accent);background:rgba(2,8,10,.9);color:var(--text-1);text-align:left;cursor:pointer}.product-focus__present>span{grid-row:1/3;font-size:14px;color:var(--accent)}.product-focus__present b{align-self:end;font-size:10px;text-transform:uppercase}.product-focus__present small{align-self:start;color:var(--accent);font-size:6px;letter-spacing:.12em}.product-focus__content{min-width:0;padding:34px 36px 28px;display:flex;flex-direction:column}.product-focus__eyebrow{margin:0 0 12px;color:var(--accent);font-size:8px;letter-spacing:.16em}.product-focus__content h3{max-width:18ch;margin:0;font:900 clamp(28px,3vw,46px)/.96 var(--display);letter-spacing:-.035em;text-transform:uppercase}.product-focus__about{max-width:680px;margin:20px 0 0;color:var(--text-2);font-size:12px;line-height:1.65}.product-focus__components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:22px}.product-focus__components span{min-height:64px;padding:10px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:8px}.product-focus__components small{color:var(--text-3);font:6px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.product-focus__components b{font-size:11px}.product-focus__facts{display:grid;grid-template-columns:.72fr .72fr 1.56fr;margin-top:8px;border:1px solid var(--line)}.product-focus__facts span{min-width:0;padding:10px;display:flex;flex-direction:column;gap:7px}.product-focus__facts span+span{border-left:1px solid var(--line)}.product-focus__facts small{color:var(--text-3);font:6px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.product-focus__facts b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.product-focus__usage{margin:14px 0 0;color:var(--text-2);font-size:11px}.product-focus__usage span{color:var(--accent);font-size:7px;letter-spacing:.12em}.product-focus__buy{margin-top:20px;padding-top:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.product-focus__buy>span{display:grid;grid-template-columns:auto auto;align-items:end;gap:5px 10px}.product-focus__buy>span b{font-size:27px}.product-focus__buy>span s{color:var(--text-3);font-size:11px}.product-focus__buy>span small{grid-column:1/3;color:var(--text-3);font:7px/1 var(--mono)}.product-focus__buy>div{display:flex;gap:7px}.product-focus__buy .button{min-height:42px;padding-inline:13px;font-size:7px}.product-focus__flavors{margin-top:auto;padding-top:22px}.product-focus__flavors>p{margin:0 0 8px;color:var(--accent);font-size:7px;letter-spacing:.13em}.flavor-switch--wide{margin:0}.flavor-switch--wide .flavor-chip{min-height:86px}.flavor-switch--wide .flavor-chip img{height:56px}.product-focus__empty{padding:30px;border:1px solid var(--line);color:var(--text-2)}

.product-presenter{width:min(calc(100% - 32px),1040px);max-width:none;padding:0;overflow:hidden;border:1px solid var(--line-strong);background:#03090b;color:var(--text-1)}.product-presenter::backdrop{background:rgba(0,3,5,.86);backdrop-filter:blur(8px)}.product-presenter__shell{min-height:620px;display:grid;grid-template-columns:1.35fr .65fr;position:relative}.product-presenter__close{position:absolute;z-index:5;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--accent);background:#040b0d;color:var(--accent);font-size:22px;cursor:pointer}.product-presenter__stage{min-height:620px;display:grid;place-items:center;position:relative;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at center,rgb(var(--accent-rgb)/.13),transparent 48%),linear-gradient(rgb(var(--accent-rgb)/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.product-presenter__stage::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent);box-shadow:0 0 16px var(--accent);animation:v2-presenter-scan 3s linear infinite}.product-presenter__stage img,.product-presenter__stage video{width:100%;height:600px;object-fit:contain}.product-presenter__copy{padding:70px 30px 30px;display:flex;flex-direction:column}.product-presenter__copy>p:first-child{margin:0;color:var(--accent);font-size:7px;letter-spacing:.14em}.product-presenter__copy h2{margin:18px 0 0;font:900 30px/.98 var(--display);text-transform:uppercase}.product-presenter__copy #presenterCaption{margin:18px 0 0;color:var(--text-2);font-size:11px;line-height:1.5}.product-presenter__progress{display:flex;gap:4px;margin-top:auto}.product-presenter__progress i{height:2px;flex:1;background:var(--line-strong)}.product-presenter__progress i.is-active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.product-presenter__controls{display:grid;grid-template-columns:44px 1fr 44px;gap:5px;margin-top:12px}.product-presenter__controls button{min-height:38px;border:1px solid var(--line-strong);background:transparent;color:var(--text-2);font:7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.product-presenter__controls button:hover{border-color:var(--accent);color:var(--accent)}
@keyframes v2-presenter-scan{0%{transform:translateY(0);opacity:.15}50%{opacity:.75}100%{transform:translateY(620px);opacity:.15}}

/* Компания и футер */
.company{width:min(calc(100% - 48px),1320px);margin:0 auto;padding:90px 0 110px;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,8vw,120px);border-top:1px solid var(--line)}.company h2 strong{color:var(--accent);font-weight:inherit}.company-copy>p:not(.eyebrow){max-width:650px;margin:28px 0 0;color:var(--text-2);font-size:14px;line-height:1.75}.company-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px}.company-points span{min-height:86px;padding:14px;border:1px solid var(--line);color:var(--accent);font:10px/1 var(--mono)}.company-points b{display:block;margin-top:20px;color:var(--text-1);font:700 11px/1.25 var(--body)}.company-card{position:relative;padding:26px 24px;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgb(var(--accent-rgb)/.055),transparent 38%),var(--surface-1)}.company-card>p{margin:0;color:var(--accent);font-size:8px;letter-spacing:.16em}.company-card h3{margin:18px 0 20px;font-size:20px;line-height:1.25}.company-card dl{margin:0}.company-card dl div{padding:11px 0;display:grid;grid-template-columns:130px 1fr;gap:18px;border-top:1px solid var(--line)}.company-card dt{color:var(--text-3);font:7px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase}.company-card dd{margin:0;color:var(--text-2);font-size:11px;line-height:1.45}.company-card a{text-decoration:none}.company-card a:hover{color:var(--accent)}.company-legal{display:inline-block;margin-top:20px;color:var(--accent);font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.v2-footer{width:min(calc(100% - 48px),1320px);min-height:100px;margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:var(--text-3)}.v2-footer>div{display:flex;align-items:center;gap:18px}

/* Существующая корзина — визуальная оболочка V3 без изменения логики. */
html[data-ui="v3"] body>header.site{background:rgba(4,11,13,.9);border-color:var(--line);backdrop-filter:blur(16px)}html[data-ui="v3"] body>header.site nav a{color:var(--text-3)}html[data-ui="v3"] body>header.site nav a:hover{color:var(--text-1)}html[data-ui="v3"] body>header.site .shell-ozon{min-height:30px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--accent);background:var(--accent);color:#031011;font:700 8px/1 var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}html[data-ui="v3"] .phead h1 i,html[data-ui="v3"] .cart-hero h1 i,html[data-ui="v3"] .eyebrow{color:var(--accent)}html[data-ui="v3"] .btn.fill{border-color:var(--accent);background:var(--accent);color:#031011}html[data-ui="v3"] .btn.cy{border-color:var(--accent);color:var(--accent)}html[data-ui="v3"] .cart-list,html[data-ui="v3"] .summary,html[data-ui="v3"] .cart-empty{border-color:var(--line-strong);background:var(--surface-1)}html[data-ui="v3"] body>footer.site{border-color:var(--line);background:#03090b}html[data-ui="v3"] body>footer.site .fcol:nth-of-type(1),html[data-ui="v3"] body>footer.site .fcol:nth-of-type(2){display:none}
button:focus-visible,a:focus-visible{outline:0;box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.3)}

/* Интерактивный glitch-отклик только для доступных элементов. */
.v3-landing :is(a[href],button):not(:disabled),.product-card{will-change:transform,filter}.v3-landing :is(a[href],button):not(:disabled):is(:hover,:focus-visible){animation:v2-glitch-control .34s steps(2,end) both}.v3-landing :is(a[href],button):not(:disabled):is(:hover,:focus-visible)>:is(span,b,small,svg,img){animation:v2-glitch-content .3s steps(2,end) both}.system-tab:not(:disabled):is(:hover,:focus-visible){box-shadow:2px 0 0 rgba(255,30,70,.52),-2px 0 0 rgb(var(--accent-rgb)/.52),0 0 22px rgb(var(--accent-rgb)/.12)}.product-card::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0 31%,rgba(255,35,70,.2) 31% 32%,transparent 32% 62%,rgb(var(--accent-rgb)/.18) 62% 63%,transparent 63%);mix-blend-mode:screen}.product-card:hover{animation:v2-glitch-card .38s steps(3,end) both}.product-card:hover::before{animation:v2-glitch-scan .38s steps(3,end) both}.product-card:hover .product-card__visual img{animation:v2-glitch-product .4s steps(3,end) both}

@keyframes v2-glitch-control{0%,100%{transform:translate(0);filter:none}14%{transform:translate(-2px,1px) skewX(-1deg);filter:drop-shadow(3px 0 rgba(255,25,65,.72)) drop-shadow(-2px 0 rgb(var(--accent-rgb)/.68))}32%{transform:translate(2px,-1px);filter:drop-shadow(-3px 0 rgba(255,25,65,.55)) drop-shadow(3px 0 rgb(var(--accent-rgb)/.62))}52%{transform:translate(-1px,0);filter:brightness(1.35) contrast(1.12)}72%{transform:translate(1px,0);filter:drop-shadow(1px 0 rgba(255,25,65,.42)) drop-shadow(-1px 0 rgb(var(--accent-rgb)/.46))}}
@keyframes v2-glitch-content{0%,100%{transform:translate(0);text-shadow:none}20%{transform:translateX(2px);text-shadow:-3px 0 rgba(255,28,65,.72),3px 0 rgb(var(--accent-rgb)/.68)}40%{transform:translateX(-2px);text-shadow:3px 0 rgba(255,28,65,.64),-3px 0 rgb(var(--accent-rgb)/.62)}62%{transform:translateX(1px);text-shadow:-1px 0 rgba(255,28,65,.5),1px 0 rgb(var(--accent-rgb)/.5)}}
@keyframes v2-glitch-card{0%,100%{transform:translate(0);filter:none}16%{transform:translateX(-2px);filter:drop-shadow(3px 0 rgba(255,24,62,.52)) drop-shadow(-3px 0 rgb(var(--accent-rgb)/.5))}35%{transform:translateX(2px);filter:brightness(1.16) contrast(1.08)}55%{transform:translate(-1px,1px);filter:drop-shadow(-2px 0 rgba(255,24,62,.44)) drop-shadow(2px 0 rgb(var(--accent-rgb)/.44))}76%{transform:translate(1px,-1px);filter:brightness(1.08)}}
@keyframes v2-glitch-product{0%{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 24px 22px rgba(0,0,0,.5))}18%{transform:translate(-4px,-4px) scale(1.03);filter:drop-shadow(5px 0 rgba(255,22,62,.58)) drop-shadow(-5px 0 rgb(var(--accent-rgb)/.54))}38%{transform:translate(4px,-5px) scale(1.025);filter:drop-shadow(-4px 0 rgba(255,22,62,.48)) drop-shadow(4px 0 rgb(var(--accent-rgb)/.5))}58%{transform:translate(-2px,-4px) scale(1.035);filter:brightness(1.28) contrast(1.1)}100%{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 24px 22px rgba(0,0,0,.5))}}
@keyframes v2-glitch-scan{0%,100%{opacity:0;transform:translateX(0)}20%{opacity:.85;transform:translateX(-3px)}45%{opacity:.36;transform:translateX(3px)}70%{opacity:.58;transform:translateX(-1px)}}
@keyframes v2-spin{to{transform:rotate(360deg)}}@keyframes v2-scan{0%,100%{transform:translateY(20px);opacity:.2}50%{transform:translateY(430px);opacity:.8}}@keyframes v2-ticker{to{transform:translateX(-50%)}}

@media(max-width:1260px){.hero-shell{grid-template-columns:minmax(280px,.88fr) minmax(330px,1fr);grid-template-rows:58px minmax(520px,1fr) auto 78px 28px}.hud-header{grid-template-columns:1fr auto 1fr}.header-tools{display:none}.hero-copy{grid-area:2/1}.body-stage{grid-area:2/2}.system-panel{grid-area:3/1/4/-1;width:calc(100% - 12%);max-width:none;min-height:0;margin:24px 6%;display:grid;grid-template-columns:1.15fr 1fr;gap:10px 24px}.panel-heading,.panel-description,.benefit-tags{grid-column:1}.fact-grid,.product-slots,.panel-link{grid-column:2}.fact-grid{grid-row:1;margin:0}.product-slots{grid-row:2/span 2}.panel-link{grid-row:4}.system-dock{grid-area:4/1/5/-1;margin:0 3%}.hero-ticker{grid-area:5/1/6/-1}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-height:420px}}
@media(max-width:860px){.hero-shell{width:calc(100% - 12px);display:flex;flex-direction:column;min-height:0}.hud-header{min-height:56px;display:grid;grid-template-columns:1fr auto 1fr;padding-inline:12px}.cart-button{display:none}.header-tools{display:flex;justify-self:end}.hero-copy{order:2;padding:64px 24px 30px}.hero-title{font-size:clamp(46px,11vw,76px)}.hero-lead{max-width:520px}.body-stage{order:3;min-height:580px}.body-visual{inset:2% 10%}.system-panel{order:5;width:auto;margin:28px 18px;display:block}.system-dock{order:4;width:100%;max-width:100%;min-width:0;margin:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.system-dock::-webkit-scrollbar{display:none}.system-tab{flex:0 0 min(280px,78vw);border-right:0;scroll-snap-align:start}.system-tab:last-child{border-right:1px solid var(--line)}.hero-ticker{order:6;min-height:30px}.hero-ticker .ticker-track{animation-duration:28s}.showcase{width:calc(100% - 28px);padding-top:80px}.showcase-heading{grid-template-columns:1fr;gap:20px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-ozon{grid-template-columns:1fr;gap:14px}.showcase-ozon .button{justify-self:start}.company{width:calc(100% - 28px);grid-template-columns:1fr;padding-top:70px}.v2-footer{width:calc(100% - 28px);align-items:flex-start;flex-direction:column;gap:16px}.v2-footer>div{flex-wrap:wrap}}
@media(max-width:560px){.ozon-cta{font-size:7px;padding-inline:9px}.hero-copy{padding:52px 18px 28px}.hero-title{font-size:clamp(41px,13vw,62px)}.hero-lead{font-size:12px}.hero-actions{display:grid}.button{width:100%}.body-stage{min-height:510px}.body-stage__halo{width:92%}.body-visual{inset:4% 1%}.organ-label{left:44%;top:46%;min-width:148px;font-size:7px}.model-status{font-size:6px}.system-panel{margin-inline:10px;padding:20px 14px 14px}.panel-heading h2{font-size:18px}.showcase-grid{grid-template-columns:1fr}.product-card{min-height:410px}.company h2,.showcase-heading h2{font-size:34px}.company-points{grid-template-columns:1fr}.company-points span{min-height:62px}.company-points b{margin-top:10px}.company-card{padding-inline:16px}.company-card dl div{grid-template-columns:100px 1fr}.v2-footer>div{flex-direction:column}.hud-header .brand__logo{height:34px}}
@media(max-width:1260px){.system-panel.product-console{width:calc(100% - 12%);max-width:none;display:block}.hero-product{grid-template-columns:170px minmax(0,1fr)}.product-focus__card{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr)}.product-focus__content{padding-inline:28px}.product-focus__components{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.system-panel.product-console{width:auto;max-width:none;margin-inline:18px}.hero-product{grid-template-columns:150px minmax(0,1fr)}.product-focus__card{grid-template-columns:1fr}.product-focus__visual{min-height:460px;border-right:0;border-bottom:1px solid var(--line)}.product-focus__visual>img{height:420px}.product-focus__content{padding:28px 24px}.product-presenter__shell{grid-template-columns:1fr}.product-presenter__stage{min-height:52vh;border-right:0;border-bottom:1px solid var(--line)}.product-presenter__stage img,.product-presenter__stage video{height:50vh}.product-presenter__copy{min-height:260px;padding:28px 22px 22px}.product-presenter__progress{margin-top:28px}}
@media(max-width:560px){.system-panel.product-console{padding:18px 12px 12px}.hero-product{grid-template-columns:112px minmax(0,1fr);gap:8px}.hero-product__media{min-height:172px}.hero-product__media img{height:162px}.hero-product__body h3{font-size:12px}.hero-product__facts{grid-template-columns:1fr 1fr}.hero-product__facts span:last-child{display:none}.hero-product__buy{align-items:stretch;flex-direction:column}.hero-product__buy button{width:100%}.flavor-switch{gap:3px}.flavor-chip{min-height:62px}.flavor-chip img{height:38px}.flavor-chip small{font-size:5px}.product-focus__visual{min-height:360px}.product-focus__visual>img{height:330px}.product-focus__meta{top:12px;left:12px;right:12px;font-size:6px}.product-focus__present{left:14px;bottom:14px}.product-focus__content{padding:24px 16px}.product-focus__content h3{font-size:30px}.product-focus__components{grid-template-columns:1fr 1fr}.product-focus__facts{grid-template-columns:1fr 1fr}.product-focus__facts span:last-child{grid-column:1/3;border-top:1px solid var(--line);border-left:0}.product-focus__buy{align-items:stretch;flex-direction:column}.product-focus__buy>div{display:grid}.product-focus__buy .button{width:100%}.flavor-switch--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.flavor-switch--wide .flavor-chip{min-height:78px}.product-presenter{width:calc(100% - 16px)}.product-presenter__copy h2{font-size:24px}}
.product-carousel__stage{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden}.product-carousel__stage img,.product-carousel__stage video{display:block;width:100%;height:100%;object-fit:contain}.product-carousel__stage--hero{width:100%;height:178px}.product-carousel__stage--hero img{filter:drop-shadow(0 18px 16px rgba(0,0,0,.55));transition:transform .28s,filter .28s}.hero-product__media:hover .product-carousel__stage--hero img{transform:translateY(-3px) scale(1.025);filter:drop-shadow(3px 0 rgba(255,26,64,.35)) drop-shadow(-3px 0 rgb(var(--accent-rgb)/.35))}.product-carousel__stage--focus{width:92%;height:500px}.product-carousel__stage--focus img,.product-carousel__stage--focus video{filter:drop-shadow(0 34px 28px rgba(0,0,0,.58));transition:transform .35s,filter .35s}.product-focus__visual:hover .product-carousel__stage--focus img{transform:translateY(-5px) scale(1.018);filter:drop-shadow(5px 0 rgba(255,25,65,.3)) drop-shadow(-5px 0 rgb(var(--accent-rgb)/.3)) drop-shadow(0 34px 28px rgba(0,0,0,.58))}.product-carousel__arrow{position:absolute;z-index:4;top:50%;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgb(var(--accent-rgb)/.62);background:rgba(2,8,10,.88);color:var(--accent);font:14px/1 var(--mono);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(6px)}.product-carousel__arrow.is-prev{left:18px}.product-carousel__arrow.is-next{right:18px}.product-carousel__arrow:hover,.product-carousel__arrow:focus-visible{border-color:var(--accent);background:rgb(var(--accent-rgb)/.12);box-shadow:0 0 18px rgb(var(--accent-rgb)/.18)}.product-carousel__count{position:absolute;z-index:4;right:20px;bottom:20px;padding:6px 8px;border:1px solid var(--line-strong);background:rgba(2,8,10,.82);color:var(--text-2);font-size:7px;letter-spacing:.12em}.product-carousel__dots{position:absolute;z-index:4;left:50%;bottom:24px;display:flex;gap:6px;transform:translateX(-50%)}.product-carousel__dot{width:22px;height:3px;padding:0;border:0;background:var(--line-strong);cursor:pointer}.product-carousel__dot[aria-current="true"]{background:var(--accent);box-shadow:0 0 9px var(--accent)}.hero-product__media .product-carousel__arrow{top:auto;bottom:7px;width:26px;height:26px;font-size:9px;transform:none}.hero-product__media .product-carousel__arrow.is-prev{left:6px}.hero-product__media .product-carousel__arrow.is-next{right:6px}.hero-product__media .product-carousel__count{right:50%;bottom:7px;padding:5px 6px;font-size:5px;transform:translateX(50%)}
.is-single-media>.product-carousel__arrow,.is-single-media>.product-carousel__count,.is-single-media>.product-carousel__dots{display:none!important}
@media(max-width:860px){.product-carousel__stage--focus{height:420px}.product-focus__visual .product-carousel__arrow.is-prev{left:14px}.product-focus__visual .product-carousel__arrow.is-next{right:14px}}
@media(max-width:560px){.product-carousel__stage--hero{height:162px}.product-carousel__stage--focus{height:330px}.product-focus__visual .product-carousel__arrow{width:34px;height:34px}.product-focus__visual .product-carousel__arrow.is-prev{left:8px}.product-focus__visual .product-carousel__arrow.is-next{right:8px}.product-focus__visual .product-carousel__count{right:10px;bottom:12px}.product-carousel__dots{bottom:15px}.product-carousel__dot{width:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Пиктограммы 02.6: единая оптическая посадка PNG-молнии и SVG-набора. */
.system-icon{padding:4px}.system-tab__icon{padding:3px}
.system-icon .oxy-dir-icon,.system-tab__icon .oxy-dir-icon{object-fit:contain}

/* Product media remain fully visible in every V3 surface, including hover. */
.product-card:hover .product-card__visual img,
.hero-product__media:hover img,
.hero-product__media:hover .product-carousel__stage--hero img{transform:none}
.product-focus__visual:hover>img,
.product-focus__visual:hover .product-carousel__stage--focus img{transform:none}

/* Glitch keeps a neutral light channel and the selected product channel. */
.system-tab:not(:disabled):is(:hover,:focus-visible){box-shadow:2px 0 0 rgba(255,255,255,.36),-2px 0 0 rgb(var(--accent-rgb)/.58),0 0 22px rgb(var(--accent-rgb)/.12)}
.product-card::before{background:linear-gradient(180deg,transparent 0 31%,rgb(var(--accent-rgb)/.25) 31% 32%,transparent 32% 62%,rgba(255,255,255,.13) 62% 63%,transparent 63%)}
@keyframes v2-glitch-control{
  0%,100%{transform:translate(0);filter:none}
  14%{transform:translate(-2px,1px) skewX(-1deg);filter:drop-shadow(3px 0 rgba(255,255,255,.48)) drop-shadow(-2px 0 rgb(var(--accent-rgb)/.72))}
  32%{transform:translate(2px,-1px);filter:drop-shadow(-3px 0 rgba(255,255,255,.36)) drop-shadow(3px 0 rgb(var(--accent-rgb)/.64))}
  52%{transform:translate(-1px,0);filter:brightness(1.35) contrast(1.12)}
  72%{transform:translate(1px,0);filter:drop-shadow(1px 0 rgba(255,255,255,.28)) drop-shadow(-1px 0 rgb(var(--accent-rgb)/.5))}
}
@keyframes v2-glitch-content{
  0%,100%{transform:translate(0);text-shadow:none}
  20%{transform:translateX(2px);text-shadow:-3px 0 rgba(255,255,255,.42),3px 0 rgb(var(--accent-rgb)/.72)}
  40%{transform:translateX(-2px);text-shadow:3px 0 rgba(255,255,255,.34),-3px 0 rgb(var(--accent-rgb)/.66)}
  62%{transform:translateX(1px);text-shadow:-1px 0 rgba(255,255,255,.26),1px 0 rgb(var(--accent-rgb)/.54)}
}
@keyframes v2-glitch-card{
  0%,100%{transform:translate(0);filter:none}
  16%{transform:translateX(-2px);filter:drop-shadow(3px 0 rgba(255,255,255,.3)) drop-shadow(-3px 0 rgb(var(--accent-rgb)/.54))}
  35%{transform:translateX(2px);filter:brightness(1.16) contrast(1.08)}
  55%{transform:translate(-1px,1px);filter:drop-shadow(-2px 0 rgba(255,255,255,.25)) drop-shadow(2px 0 rgb(var(--accent-rgb)/.48))}
  76%{transform:translate(1px,-1px);filter:brightness(1.08)}
}
@keyframes v2-glitch-product{
  0%,100%{transform:none;filter:drop-shadow(0 24px 22px rgba(0,0,0,.5))}
  18%{transform:none;filter:drop-shadow(5px 0 rgba(255,255,255,.28)) drop-shadow(-5px 0 rgb(var(--accent-rgb)/.58))}
  38%{transform:none;filter:drop-shadow(-4px 0 rgba(255,255,255,.22)) drop-shadow(4px 0 rgb(var(--accent-rgb)/.54))}
  58%{transform:none;filter:brightness(1.28) contrast(1.1)}
}
.product-carousel__arrow .oxy-icon{width:18px;height:18px}
.hero-product__media .product-carousel__arrow .oxy-icon{width:13px;height:13px}
.model-control .oxy-icon{width:16px;height:16px}

/* Витрина «Безграничная энергия»: фотографии товаров приходят преимущественно
   вертикальными 3:4. Рамка повторяет этот формат, а grid-item разрешено сжимать —
   поэтому изображение заполняет доступную площадь целиком, но не обрезается. */
.product-carousel__stage--focus{
  width:min(92%,480px);
  height:auto;
  aspect-ratio:3/4;
}
.product-carousel__stage--focus img,
.product-carousel__stage--focus video{
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
@media(max-width:860px){
  .product-carousel__stage--focus{width:min(88%,480px);height:auto}
}

@media(max-width:560px){
  .product-carousel__stage--focus{width:min(88%,360px);height:auto}
}

/* Переключение фотографий должно быть спокойным: глобальный cyber-glitch не
   применяется к стрелкам, точкам и вложенным SVG, чтобы контролы не прыгали. */
.product-carousel__arrow,
.product-carousel__arrow:is(:hover,:focus-visible),
.product-carousel__dot,
.product-carousel__dot:is(:hover,:focus-visible),
.product-carousel__arrow > *,
.product-carousel__arrow:is(:hover,:focus-visible) > *{
  animation:none!important;
}
.product-carousel__arrow > *{
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* V3 showcase product families: ENERGY, milkshake SUPPORT and supplement HACK. */
.hero-product__buy #iProductAction{display:flex}
.hero-product__buy a{min-height:34px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid var(--accent);background:var(--accent);color:#031011;font:700 7px/1 var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.product-focus__groups{margin-top:auto;padding-top:22px;display:grid;gap:14px}
.product-focus__group>p{margin:0 0 8px;color:var(--accent);font-size:7px;letter-spacing:.13em}
.product-focus__group .flavor-switch{margin-top:0}
.product-buy--ozon{text-decoration:none}
.pcard .add--ozon{width:auto;min-width:48px;padding:0 7px;font:700 7px/1 var(--mono);letter-spacing:.08em}
.product-focus__card[data-product-kind="support"] .product-focus__visual,.product-focus__card[data-product-kind="hack"] .product-focus__visual{background:radial-gradient(circle at 50% 52%,rgb(var(--accent-rgb)/.15),transparent 42%),linear-gradient(rgb(var(--accent-rgb)/.03) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.03) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}
@media(max-width:560px){.product-focus__groups{gap:12px;padding-top:18px}.product-focus__group>p{margin-bottom:6px}.hero-product__buy #iProductAction,.hero-product__buy a{width:100%}.hero-product__buy a{justify-content:center}}

/* Three stable viewport scenes. The page keeps native scrolling, while snap and
   restrained opacity/scale transitions make the scene changes feel deliberate. */
.v3-landing>section{
  transform-origin:50% 50%;
  transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .55s ease;
  will-change:opacity,filter;
}
.v3-landing.has-scene-state>section:not(.is-scene-active){
  opacity:.58;
  transform:none;
  filter:saturate(.62) brightness(.78);
}
html[data-ui="v3"],html[data-ui="v3"] body{scroll-behavior:smooth!important}
.scene-nav{
  position:fixed;
  z-index:90;
  top:50%;
  right:clamp(10px,1.7vw,28px);
  padding:8px 7px 8px 12px;
  display:grid;
  gap:4px;
  border:1px solid var(--line);
  background:rgba(3,10,12,.76);
  box-shadow:0 18px 50px rgba(0,0,0,.32),inset 2px 0 0 rgb(var(--accent-rgb)/.1);
  backdrop-filter:blur(14px);
  transform:translateY(-50%);
}
.scene-nav__button{
  width:128px;
  min-height:38px;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  color:var(--text-3);
  cursor:pointer;
  text-align:right;
}
.scene-nav__copy{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;transition:color .28s,opacity .28s,transform .28s}
.scene-nav__copy small{font-size:6px;letter-spacing:.08em;opacity:.7}
.scene-nav__copy b{font-size:7px;letter-spacing:.14em;text-transform:uppercase}
.scene-nav__button>i{position:relative;width:100%;height:1px;background:var(--line-strong);transform:scaleX(.42);transform-origin:100% 50%;transition:background .32s,box-shadow .32s,transform .4s cubic-bezier(.22,1,.36,1)}
.scene-nav__button>i::after{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;border:1px solid currentColor;background:var(--bg-0);transform:translateY(-50%) rotate(45deg);transition:background .28s,box-shadow .28s}
.scene-nav__button:is(:hover,:focus-visible) .scene-nav__copy{color:var(--text-1);transform:translateX(-2px)}
.scene-nav__button:is(:hover,:focus-visible)>i{background:var(--text-1);transform:scaleX(.72)}
.scene-nav__button[aria-current="true"]{color:var(--accent)}
.scene-nav__button[aria-current="true"] .scene-nav__copy{color:var(--accent);opacity:1;transform:none}
.scene-nav__button[aria-current="true"]>i{background:var(--accent);box-shadow:0 0 12px rgb(var(--accent-rgb)/.58);transform:scaleX(1)}
.scene-nav__button[aria-current="true"]>i::after{background:var(--accent);box-shadow:0 0 10px rgb(var(--accent-rgb)/.72)}
@media(min-width:861px){
  html[data-ui="v3"]{
    scroll-snap-type:y mandatory;
    scroll-padding-top:0;
  }
  html[data-ui="v3"] body{overscroll-behavior-y:contain}
  .v3-landing>section{
    height:100svh;
    min-height:100svh;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .v3-landing>#scanner.hero-shell{
    height:calc(100svh - 24px);
    min-height:calc(100svh - 24px);
    margin:12px auto;
  }
  .showcase{
    height:100svh;
    min-height:100svh;
    padding:clamp(16px,2.6vh,28px) 0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:clamp(10px,1.8vh,16px);
    overflow:hidden;
  }
  .showcase-heading{
    margin:0;
    grid-template-columns:1fr;
  }
  .showcase-heading h2{
    font-size:clamp(30px,4.7vh,48px);
    line-height:.9;
  }
  .product-focus{height:100%;min-height:0}
  .product-focus__card{
    height:100%;
    min-height:0;
    grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);
  }
  .product-focus__visual{
    height:100%;
    min-height:0;
  }
  .product-carousel__stage--focus{
    width:min(88%,460px);
    height:min(78%,520px);
    max-height:100%;
    aspect-ratio:3/4;
  }
  .product-focus__content{
    height:100%;
    min-height:0;
    padding:clamp(15px,2.4vh,24px) clamp(18px,2.3vw,30px);
    overflow:hidden;
  }
  .product-focus__eyebrow{margin-bottom:clamp(5px,1vh,9px)}
  .product-focus__content h3{
    height:clamp(50px,8vh,72px);
    min-height:clamp(50px,8vh,72px);
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:clamp(24px,3.8vh,38px);
  }
  .product-focus__about{
    height:clamp(48px,7.5vh,62px);
    min-height:clamp(48px,7.5vh,62px);
    margin:clamp(7px,1.2vh,12px) 0 0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    font-size:clamp(10px,1.55vh,12px);
    line-height:1.5;
  }
  .product-focus__components{
    height:clamp(44px,7vh,58px);
    min-height:clamp(44px,7vh,58px);
    margin-top:clamp(6px,1vh,10px);
    overflow:hidden;
  }
  .product-focus__components span{
    height:100%;
    min-height:0;
    padding:clamp(6px,.9vh,9px);
  }
  .product-focus__facts{
    height:clamp(42px,6.5vh,54px);
    min-height:clamp(42px,6.5vh,54px);
    margin-top:clamp(4px,.7vh,7px);
  }
  .product-focus__facts span{
    padding:clamp(6px,.9vh,9px);
    gap:4px;
  }
  .product-focus__usage{
    min-height:16px;
    margin:clamp(5px,.8vh,8px) 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .product-focus__buy{
    height:clamp(50px,7.5vh,62px);
    min-height:clamp(50px,7.5vh,62px);
    margin-top:clamp(6px,1vh,10px);
    padding-top:clamp(6px,1vh,10px);
  }
  .product-focus__buy .button{min-height:36px}
  .product-focus__groups{
    height:clamp(150px,22vh,184px);
    min-height:clamp(150px,22vh,184px);
    margin-top:0;
    padding-top:clamp(6px,1vh,10px);
    display:grid;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:clamp(4px,.7vh,7px);
    overflow:hidden;
  }
  .product-focus__group{
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
  }
  .product-focus__group>p{margin:0 0 3px}
  .product-focus__group .flavor-switch{
    height:100%;
    min-height:0;
  }
  .product-focus__group .flavor-chip{
    height:100%;
    min-height:0;
    padding:2px;
  }
  .product-focus__group .flavor-chip img{height:clamp(24px,4vh,34px)}
.product-focus__group .flavor-chip small{font-size:5px}
.product-focus__components--empty{visibility:hidden}

/* Wide desktop composition: the product console is the primary action surface,
   while the anatomy stays optically centered between copy and commerce UI. */
@media(min-width:1261px){
  .hero-shell{grid-template-columns:minmax(300px,.78fr) minmax(360px,.88fr) minmax(480px,1.34fr);column-gap:18px}
  .system-panel.product-console{width:100%;max-width:530px;justify-self:stretch}
  .body-stage{transform:translateX(clamp(38px,4.5vw,68px))}
}
}

/* First-scene product console: LOOT DROP. The existing product, inventory,
   stock and cart bindings stay intact; only the advertising presentation changes. */
.loot-console{
  position:relative;
  width:100%!important;
  max-width:none!important;
  overflow:hidden;
  padding:14px 14px 12px!important;
  background:linear-gradient(145deg,rgb(var(--accent-rgb)/.075),transparent 36%),rgba(3,10,12,.96)!important;
}
.loot-console::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgb(var(--accent-rgb)/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb)/.035) 1px,transparent 1px);
  background-size:28px 28px;
  pointer-events:none;
}
.loot-console>*{position:relative;z-index:1}
.loot-console__heading{min-height:50px;padding-bottom:9px}
.loot-console__heading::after{background:linear-gradient(90deg,var(--accent),transparent)}
.loot-console .panel-description{display:none}
.loot-console__signal{
  min-height:37px;
  margin:7px 0 9px;
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid rgb(var(--accent-rgb)/.42);
  background:rgb(var(--accent-rgb)/.075);
  color:var(--accent);
}
.loot-console__signal span{font-size:6px;letter-spacing:.1em}
.loot-console__signal b{font-size:7px;letter-spacing:.08em;text-align:right}
.hero-product--loot{grid-template-columns:minmax(148px,.94fr) minmax(0,1.06fr);gap:10px}
.hero-product--loot .hero-product__media{
  min-height:252px;
  isolation:isolate;
  background:radial-gradient(circle at 50% 46%,rgb(var(--accent-rgb)/.2),transparent 42%),#050b0d;
}
.hero-product--loot .hero-product__media::before{
  z-index:-2;
  background:repeating-conic-gradient(from 0deg,rgb(var(--accent-rgb)/.13) 0 2deg,transparent 2deg 14deg);
  background-size:auto;
  mask-image:radial-gradient(circle,black 0 18%,transparent 70%);
  animation:hero-loot-rotate 30s linear infinite;
}
.hero-loot-burst{
  position:absolute;
  z-index:-1;
  width:84%;
  aspect-ratio:1;
  border:1px solid rgb(var(--accent-rgb)/.28);
  border-radius:50%;
  box-shadow:0 0 42px rgb(var(--accent-rgb)/.13),inset 0 0 35px rgb(var(--accent-rgb)/.08);
}
.hero-loot-burst::before,.hero-loot-burst::after{content:"";position:absolute;inset:14%;border:1px dashed rgb(var(--accent-rgb)/.28);border-radius:50%}
.hero-loot-burst::after{inset:31%;border-style:solid}
.hero-product--loot .product-carousel__stage--hero{height:242px}
.hero-product--loot .product-carousel__stage--hero img{height:232px;filter:drop-shadow(0 20px 18px rgba(0,0,0,.62))}
.hero-loot-rarity{
  position:absolute;
  z-index:5;
  top:8px;
  left:7px;
  padding:4px 5px;
  border-left:1px solid var(--accent);
  color:var(--accent);
  font-size:5px;
  letter-spacing:.14em;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.hero-loot-code{position:absolute;z-index:5;top:8px;right:7px;color:var(--text-3);font-size:5px;letter-spacing:.08em}
.hero-product--loot .hero-product__body{padding:2px 0}
.hero-product--loot .hero-product__flavor{margin:0 0 7px;font-size:6px}
.hero-product--loot .hero-product__body h3{
  min-height:48px;
  max-height:48px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  font:900 15px/.98 var(--display);
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.hero-product--loot .benefit-tags{margin-top:8px;display:grid;gap:3px}
.hero-product--loot .benefit-tags span{border:0;padding:0;background:transparent;color:var(--accent);font-size:6px}
.hero-product--loot .benefit-tags span::before{content:"+ ";color:var(--accent)}
.hero-product--loot .hero-product__facts{margin-top:9px;grid-template-columns:.75fr .7fr 1.05fr}
.hero-product--loot .hero-product__facts--meta{margin-top:4px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-product--loot .hero-product__facts--meta span:last-child{display:flex!important}
.hero-product--loot .hero-product__facts.is-nutrition{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-product--loot .hero-product__facts span{padding:7px 4px}
.hero-product--loot .hero-product__facts small{font-size:5px}
.hero-product--loot .hero-product__facts b{font-size:9px}
.hero-product--loot .hero-product__buy{min-height:56px;margin-top:auto;padding-top:11px;align-items:center;gap:12px;border-top:1px solid var(--line)}
.hero-product--loot .hero-product__buy>span{gap:4px}
.hero-product--loot .hero-product__buy>span b{font-size:21px}
.hero-product--loot .hero-product__buy>span small{font-size:7px}
.v3-landing .loot-console .hero-product--loot .hero-product__buy button,.v3-landing .loot-console .hero-product--loot .hero-product__buy a{min-height:44px!important;padding:0 12px!important;font-size:8px!important;text-align:center}
.loot-console__inventory-title{min-height:18px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:6px;letter-spacing:.1em}
.loot-console__inventory-title small{color:var(--text-3);font:inherit}
.loot-console .flavor-switch{margin-top:4px}
.loot-console .flavor-chip{min-height:61px;background:rgba(2,8,10,.8)}
.loot-console .flavor-chip img{height:38px}
.loot-console .panel-link{margin-top:6px;border-color:rgb(var(--accent-rgb)/.42);color:var(--accent)}
@keyframes hero-loot-rotate{to{transform:rotate(360deg)}}
@media(max-width:1260px){
  .hero-product--loot{grid-template-columns:minmax(150px,.92fr) minmax(0,1.08fr)}
}
@media(max-width:560px){
  .loot-console{padding:13px 11px 11px!important}
  .loot-console__signal{align-items:flex-start;flex-direction:column}
  .loot-console__signal b{text-align:left}
  .hero-product--loot{grid-template-columns:minmax(128px,.9fr) minmax(0,1.1fr);gap:8px}
  .hero-product--loot .hero-product__media{min-height:232px}
  .hero-product--loot .product-carousel__stage--hero{height:224px}
  .hero-product--loot .product-carousel__stage--hero img{height:214px}
  .hero-product--loot .hero-product__body h3{font-size:13px}
  .hero-product--loot .hero-product__facts span:last-child{display:none}
  .hero-product--loot .hero-product__facts.is-nutrition{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-product--loot .hero-product__facts.is-nutrition span:last-child{display:flex}
  .hero-product--loot .hero-product__facts.is-nutrition span:nth-child(3){border-top:1px solid var(--line);border-left:0}
  .hero-product--loot .hero-product__facts.is-nutrition span:nth-child(4){border-top:1px solid var(--line)}
  .hero-product--loot .hero-product__buy{align-items:stretch}
}
@media(max-width:860px){
  .loot-console{width:calc(100% - 55px)!important;margin-right:55px!important}
}
@media(max-width:430px){
  .hero-product--loot{grid-template-columns:1fr}
  .hero-product--loot .hero-product__media{min-height:278px}
  .hero-product--loot .product-carousel__stage--hero{height:268px}
  .hero-product--loot .product-carousel__stage--hero img{height:258px}
  .hero-product--loot .hero-product__body{padding-top:12px}
  .loot-console .flavor-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.hero-product--loot .hero-product__media::before{animation:none}}

/* Desktop optical scale: visually matches roughly 125% browser zoom without
   scaling viewport units, fixed navigation or scroll-snap geometry. */
@media(min-width:1280px){
  .hero-shell{grid-template-columns:minmax(320px,.82fr) minmax(360px,.9fr) minmax(430px,1.18fr);column-gap:22px}
  .eyebrow{font-size:11px}.hero-lead{max-width:410px;font-size:15px}.button{min-height:48px;padding-inline:21px;font-size:10px}
  .loot-console{padding:17px 17px 14px!important}.loot-console__heading{min-height:58px}.panel-heading p{font-size:8px}.panel-heading h2{font-size:23px}.system-icon{width:45px;height:45px}
  .loot-console__signal{min-height:43px;margin-block:8px 11px;padding:8px 10px}.loot-console__signal span{font-size:7px}.loot-console__signal b{font-size:8px}
  .hero-product--loot{grid-template-columns:minmax(168px,.94fr) minmax(0,1.06fr);gap:12px}.hero-product--loot .hero-product__media{min-height:272px}.hero-product--loot .product-carousel__stage--hero{height:262px}.hero-product--loot .product-carousel__stage--hero img{height:252px}
  .hero-product--loot .hero-product__flavor{font-size:7px}.hero-product--loot .hero-product__body h3{min-height:57px;max-height:57px;font-size:18px}.hero-product--loot .benefit-tags span{font-size:7px}.hero-product--loot .hero-product__facts small{font-size:6px}.hero-product--loot .hero-product__facts b{font-size:11px}.hero-product--loot .hero-product__buy>span b{font-size:25px}.hero-product--loot .hero-product__buy>span small{font-size:8px}.v3-landing .loot-console .hero-product--loot .hero-product__buy button,.v3-landing .loot-console .hero-product--loot .hero-product__buy a{min-height:46px!important;padding-inline:14px!important;font-size:9px!important}
  .loot-console__inventory-title{min-height:21px;font-size:7px}.loot-console .flavor-chip{min-height:70px}.loot-console .flavor-chip img{height:45px}.loot-console .flavor-chip small{font-size:7px}.loot-console .panel-link{min-height:40px;font-size:9px}
  .scene-nav{padding:10px 9px 10px 14px}.scene-nav__button{width:150px;min-height:44px;grid-template-columns:minmax(0,1fr) 44px}.scene-nav__copy small{font-size:7px}.scene-nav__copy b{font-size:9px}
  .showcase-heading h2{font-size:clamp(36px,5.3vh,54px)}.product-focus__eyebrow{font-size:8px}.product-focus__content h3{font-size:clamp(29px,4.3vh,43px)}.product-focus__about{font-size:clamp(12px,1.75vh,14px)}.product-focus__components small,.product-focus__facts small{font-size:7px}.product-focus__components b,.product-focus__facts b{font-size:12px}.product-focus__usage{font-size:11px}.product-focus__buy>span b{font-size:25px}.product-focus__group>p{font-size:8px}.product-focus__group .flavor-chip small{font-size:6px}
  .company-copy>p:not(.eyebrow){font-size:16px}.company-points span{font-size:12px}.company-points b{font-size:13px}.company-card>p{font-size:9px}.company-card h3{font-size:23px}.company-card dt{font-size:8px}.company-card dd{font-size:13px}.company-legal{font-size:9px}
}

/* Desktop product optics: energy PNG files contain wide transparent margins.
   Scale only their visible canvas; mobile keeps its separately tuned geometry. */
@media(min-width:861px){
  :root[data-ui="v3"] .v3-landing .loot-console .flavor-chip img[src*="/assets/products/energy-v3/"]{
    width:124%;
    max-width:none;
    height:58px;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .product-carousel__stage--hero img[src*="/assets/products/energy-v3/"]{
    transform:scale(1.15)!important;
    transform-origin:50% 50%;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__media:hover .product-carousel__stage--hero img[src*="/assets/products/energy-v3/"]{
    transform:translateY(-2px) scale(1.17)!important;
  }
}
@media(min-width:861px){
  .company{
    height:100svh;
    min-height:100svh;
    padding:clamp(36px,6vh,68px) 0 0;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:minmax(0,1fr) 78px;
    align-items:center;
    column-gap:clamp(44px,7vw,110px);
    row-gap:0;
    overflow:hidden;
  }
  .company-copy,.company-card{align-self:center}
  .company-copy>p:not(.eyebrow){margin-top:clamp(18px,3vh,28px)}
  .company-points{margin-top:clamp(22px,4vh,38px)}
  .company .v2-footer{
    grid-column:1/-1;
    width:100%;
    height:78px;
    min-height:78px;
    margin:0;
    padding:12px 0;
    align-self:end;
  }
}
@media(min-width:1280px){
  .v3-landing>#scanner.hero-shell{
    width:min(calc(100% - 184px),1500px);
    margin-left:max(12px,calc((100% - 1684px)/2));
    margin-right:auto;
  }
  .showcase,.company{
    width:min(calc(100% - 196px),1320px);
    margin-left:max(24px,calc((100% - 1516px)/2));
    margin-right:auto;
  }
}
@media(min-width:861px) and (max-width:1279px){
  .scene-nav{right:6px;padding:6px 4px}
  .scene-nav__button{width:44px;grid-template-columns:12px 24px;gap:4px}
  .scene-nav__copy b{display:none}
  .scene-nav__copy small{font-size:5px}
}
@media(max-width:860px){
  html[data-ui="v3"]{scroll-snap-type:y proximity}
  .v3-landing>section{
    min-height:100svh;
    scroll-snap-align:start;
  }
  .company .v2-footer{
    width:100%;
    grid-column:1;
    margin-top:40px;
  }
  .v3-landing.has-scene-state>section:not(.is-scene-active){
    opacity:.9;
    transform:none;
    filter:none;
  }
  .scene-nav{right:7px;padding:6px 4px;gap:2px}
  .scene-nav__button{width:34px;min-height:34px;grid-template-columns:10px 18px;gap:4px}
  .scene-nav__copy b{display:none}
  .scene-nav__copy small{font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  html[data-ui="v3"]{scroll-behavior:auto}
  .v3-landing>section{transition:none}
  .v3-landing.has-scene-state>section:not(.is-scene-active){
    opacity:1;
    transform:none;
    filter:none;
  }
}
.product-focus__components--empty{visibility:hidden}

/* Mobile storefront: one quiet purchase path — copy, anatomy, product, categories.
   Existing DOM/CMS/cart hooks stay intact; only presentation and mobile routing change. */
@media(max-width:640px){
  :root[data-ui="v3"] .v3-landing .hero-copy,
  :root[data-ui="v3"] .v3-system-header .shell-buy{display:none!important}
  :root[data-ui="v3"] .v3-landing .body-stage{display:none!important}
  :root[data-ui="v3"] .v3-landing>#scanner.hero-shell{
    width:100%!important;
    margin-inline:0!important;
    border-inline:0;
    overflow:clip;
  }
  :root[data-ui="v3"] .v3-landing .hero-copy{
    order:1;
    padding:34px 16px 24px!important;
  }
  :root[data-ui="v3"] .v3-landing .hero-title{
    max-width:7.5ch;
    font-size:clamp(40px,12vw,50px)!important;
    line-height:.92;
  }
  :root[data-ui="v3"] .v3-landing .hero-lead{
    max-width:34ch;
    margin-top:18px;
    font-size:12px!important;
    line-height:1.52;
  }
  :root[data-ui="v3"] .v3-landing .hero-actions{margin-top:20px}
  :root[data-ui="v3"] .v3-landing .body-stage{
    order:2;
    width:100%;
    min-height:420px;
  }
  :root[data-ui="v3"] .v3-landing .body-visual{inset:1% 2%}
  :root[data-ui="v3"] .v3-landing .system-panel.product-console{
    order:3;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin:10px!important;
    padding:14px 12px 12px;
    box-sizing:border-box;
    border-radius:10px;
  }
  :root[data-ui="v3"] .v3-landing .loot-console__heading,
  :root[data-ui="v3"] .v3-landing .loot-console__inventory-title,
  :root[data-ui="v3"] .v3-landing .hero-product__flavor,
  :root[data-ui="v3"] .v3-landing .hero-product__facts--meta,
  :root[data-ui="v3"] .v3-landing .loot-console>.panel-link,
  :root[data-ui="v3"] .v3-landing .hero-ticker{display:none!important}
  :root[data-ui="v3"] .v3-landing .hero-product--loot{
    grid-template-columns:minmax(116px,.82fr) minmax(0,1.18fr)!important;
    gap:10px;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__media{min-height:216px!important}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .product-carousel__stage--hero{height:208px!important}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .product-carousel__stage--hero img{height:198px!important}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__body{padding:0!important}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__body h3{
    min-height:0;
    max-height:none;
    font-size:14px;
    line-height:1.05;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .benefit-tags{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:3px 7px;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:8px;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__facts span:last-child{display:flex}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy{
    min-height:0;
    margin-top:8px;
    padding-top:8px;
    align-items:stretch;
    flex-direction:column;
    gap:8px;
  }
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy>span b{font-size:20px}
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy #iProductAction,
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy button,
  :root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy a{width:100%}
  :root[data-ui="v3"] .v3-landing .loot-console .flavor-switch{
    margin-top:12px;
    padding:2px 0 5px;
    display:flex;
    gap:6px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  :root[data-ui="v3"] .v3-landing .loot-console .flavor-switch::-webkit-scrollbar{display:none}
  :root[data-ui="v3"] .v3-landing .loot-console .flavor-chip{
    min-width:66px;
    min-height:64px;
    flex:0 0 66px;
    scroll-snap-align:start;
  }
  :root[data-ui="v3"] .v3-landing .system-dock.sysmenu{
    order:4;
    width:calc(100% - 20px)!important;
    max-width:none;
    min-height:58px;
    margin:0 10px 12px;
    padding:0;
    align-self:stretch;
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    flex-direction:row!important;
    gap:5px;
    overflow:visible;
    border:0;
    scroll-snap-type:none;
  }
  :root[data-ui="v3"] .v3-landing .system-dock .system-tab{
    width:100%;
    min-width:0;
    min-height:54px;
    height:54px;
    padding:4px;
    display:grid;
    grid-template-columns:1fr;
    place-items:center;
    border:1px solid var(--line)!important;
    border-radius:8px;
    flex:none;
    scroll-snap-align:none;
  }
  :root[data-ui="v3"] .v3-landing .system-dock .system-tab>span:nth-child(2){
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }
  :root[data-ui="v3"] .v3-landing .system-dock .system-tab__icon{
    width:34px;
    height:34px;
    padding:4px;
    border:0;
  }
  :root[data-ui="v3"] .v3-landing .system-dock .system-tab.is-soon:disabled{opacity:.34}
  :root[data-ui="v3"] .v3-landing .system-dock .system-tab[aria-selected="true"]{
    opacity:1;
    border-color:var(--accent)!important;
    background:rgb(var(--accent-rgb)/.1);
    box-shadow:inset 0 -2px 0 var(--accent),0 0 18px rgb(var(--accent-rgb)/.1);
  }
}

/* MilkShake packshots have a wide transparent canvas around a portrait jar. */
@media(min-width:861px){
  :root[data-ui="v3"] .v3-landing .loot-console .flavor-chip img[src*="/assets/products/milkshake-v2/"]{
    width:124%;
    max-width:none;
    height:58px;
  }
}
:root[data-ui="v3"] .v3-landing .hero-product--loot .product-carousel__stage--hero img[src*="/assets/products/milkshake-v2/"]{
  width:100%!important;
  max-width:none;
  height:100%!important;
  position:absolute;
  left:50%;
  top:50%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transform:translate(-50%,-50%) scale(1.45)!important;
  transform-origin:50% 50%;
}
@media(max-width:640px){
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .product-carousel__stage--hero img[src*="/assets/products/milkshake-v2/"]{
    width:100%!important;
    max-width:none;
    height:100%!important;
    position:absolute;
    left:50%;
    top:50%;
    object-fit:contain;
    transform:translate(-50%,-50%) scale(1.65)!important;
    transform-origin:50% 50%;
  }
}

.mobile-product-details{display:none}

/* Fixed mobile storefront: one viewport, no vertical or inventory scrolling.
   The shared footer remains available on every standalone route. */
@media(max-width:640px){
  :root.v3-home-locked,
  :root.v3-home-locked body.v3-home-locked{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  :root[data-ui="v3"] body.v3-home-locked{
    height:100svh;
    max-height:100svh;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
  }
  :root[data-ui="v3"] body.v3-home-locked>header.site{
    position:relative!important;
    top:auto!important;
    grid-row:1;
  }
  :root[data-ui="v3"] body.v3-home-locked>.v3-landing{
    width:100%;
    height:100%;
    min-height:0;
    grid-row:2;
    overflow:hidden;
  }
  :root[data-ui="v3"] body.v3-home-locked>footer.site{display:none!important}
  :root[data-ui="v3"] body.v3-home-locked>.v3-landing>#scanner.hero-shell{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  :root[data-ui="v3"] body.v3-home-locked .system-panel.product-console{
    width:calc(100% - 16px)!important;
    height:auto;
    min-height:0;
    max-height:none!important;
    margin:8px 8px 6px!important;
    padding:12px 10px 10px;
    display:flex!important;
    flex:1 1 0;
    flex-direction:column;
    overflow:hidden;
  }
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot{
    width:100%;
    height:clamp(216px,29svh,246px);
    min-height:0;
    flex:0 0 clamp(216px,29svh,246px);
  }
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .hero-product__media{
    height:100%;
    min-height:0!important;
  }
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .hero-product__media > :is(.product-carousel__arrow,.product-carousel__count){
    display:none!important;
    pointer-events:none!important;
  }
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .product-carousel__stage--hero{height:100%!important}
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .product-carousel__stage--hero img{
    width:100%!important;
    height:100%!important;
    max-width:none;
    object-fit:contain;
    object-position:50% 50%;
    image-rendering:auto;
    transform:none;
    transform-origin:50% 50%;
  }
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot .product-carousel__stage--hero img[src*="/assets/products/energy-v3/"]{
    width:auto!important;
    height:100%!important;
    position:absolute;
    top:50%;
    left:53%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
    transition:filter .28s;
    transform:translate(-50%,-50%) scale(.830875)!important;
  }
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-switch{
    width:100%;
    height:clamp(56px,8svh,68px);
    min-height:0;
    margin-top:8px;
    padding:0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(48px,1fr));
    flex:0 0 clamp(56px,8svh,68px);
    gap:5px;
    overflow:hidden;
    scroll-snap-type:none;
  }
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-chip{
    width:100%;
    min-width:0;
    min-height:0;
    height:100%;
    padding:2px;
    flex:none;
  }
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-chip img{height:clamp(31px,4.8svh,41px)}
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-chip small{font-size:5px}
  :root[data-ui="v3"] body.v3-home-locked .mobile-product-details{
    min-height:0;
    margin-top:8px;
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    gap:7px;
    overflow:hidden;
    border-top:1px solid var(--line);
  }
  .mobile-product-details__top{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);
    flex:1 1 0;
    border:1px solid var(--line);
    border-top:0;
  }
  .mobile-product-rating,
  .mobile-product-description{
    min-width:0;
    min-height:0;
    padding:10px;
    display:flex;
    flex-direction:column;
  }
  .mobile-product-rating{border-right:1px solid var(--line)}
  .mobile-product-rating>span,
  .mobile-product-description>span{color:var(--text-3);font-size:6px;letter-spacing:.14em}
  .mobile-product-rating strong{margin-top:auto;color:var(--text-1);font:700 15px/1 var(--mono)}
  .mobile-product-rating strong i{color:var(--accent);font-style:normal}
  .mobile-product-rating small{margin-top:7px;color:var(--text-3);font:6px/1.35 var(--mono)}
  .mobile-product-description p{
    margin:8px 0 0;
    display:-webkit-box;
    overflow:hidden;
    color:var(--text-2);
    font-size:9px;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
  }
  .mobile-product-meta{
    min-height:48px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    flex:0 0 48px;
    border:1px solid var(--line);
  }
  .mobile-product-meta span{min-width:0;padding:8px;display:flex;flex-direction:column;gap:6px}
  .mobile-product-meta span+span{border-left:1px solid var(--line)}
  .mobile-product-meta small{overflow:hidden;color:var(--text-3);font-size:5px;letter-spacing:.1em;text-overflow:ellipsis}
  .mobile-product-meta b{overflow:hidden;color:var(--text-1);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
  .mobile-product-more{
    width:100%;
    min-height:42px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:0 0 42px;
    border:1px solid rgb(var(--accent-rgb)/.48);
    background:rgb(var(--accent-rgb)/.04);
    color:var(--text-2);
    font:700 7px/1 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  :root[data-ui="v3"] body.v3-home-locked .system-dock.sysmenu{
    min-height:58px;
    margin:0 8px 8px;
    flex:0 0 58px;
  }
}

@media(max-width:640px) and (max-height:700px){
  :root[data-ui="v3"] body.v3-home-locked .system-panel.product-console{padding:8px}
  :root[data-ui="v3"] body.v3-home-locked .hero-product--loot{
    height:clamp(188px,34svh,208px);
    flex-basis:clamp(188px,34svh,208px);
  }
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-switch{
    height:52px;
    flex-basis:52px;
    margin-top:6px;
  }
  :root[data-ui="v3"] body.v3-home-locked .loot-console .flavor-chip img{height:30px}
  :root[data-ui="v3"] body.v3-home-locked .mobile-product-details{margin-top:6px;gap:5px}
  .mobile-product-rating,.mobile-product-description{padding:7px}
  .mobile-product-description p{-webkit-line-clamp:2;font-size:8px}
  .mobile-product-meta{display:none}
  .mobile-product-more{min-height:36px;flex-basis:36px}
}

/* Price and per-serving cost stay on one baseline in every viewport. */
:root[data-ui="v3"] .v3-landing .hero-product--loot .hero-product__buy>span:first-child{
  display:flex;
  flex-direction:row;
  align-items:baseline;
  flex-wrap:nowrap;
  column-gap:8px;
}
:root[data-ui="v3"] .v3-landing .hero-product--loot #iProductPer{white-space:nowrap}

/* Mobile product details use the full row for the description until ratings exist. */
@media(max-width:640px){
  :root[data-ui="v3"] body.v3-home-locked .mobile-product-details__top{
    grid-template-columns:minmax(0,1fr);
  }
  :root[data-ui="v3"] body.v3-home-locked .mobile-product-rating{
    display:none!important;
  }
  :root[data-ui="v3"] body.v3-home-locked .mobile-product-description{
    grid-column:1/-1;
  }
}