/* izolex — вариант A · Разрез. СОБРАНО build_css.py из design/variant_a/proto/assets/iz.css — руками не править. */
@font-face{font-family:'Onest';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/onest-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 500;font-display:swap;src:url(fonts/onest-latin-400.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B0,U+00B2-00B3,U+00B7,U+00BB,U+00D7-00D8,U+00F8,U+2009,U+2013-2014,U+2018-201E,U+2022,U+2026,U+202F,U+2212}
@font-face{font-family:'Onest';font-style:normal;font-weight:501 700;font-display:swap;src:url(fonts/onest-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:501 700;font-display:swap;src:url(fonts/onest-latin-600.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B0,U+00B2-00B3,U+00B7,U+00BB,U+00D7-00D8,U+00F8,U+2009,U+2013-2014,U+2018-201E,U+2022,U+2026,U+202F,U+2212}
@font-face{font-family:'Onest';font-style:normal;font-weight:701 900;font-display:swap;src:url(fonts/onest-cyrillic-800.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:701 900;font-display:swap;src:url(fonts/onest-latin-800.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B0,U+00B2-00B3,U+00B7,U+00BB,U+00D7-00D8,U+00F8,U+2009,U+2013-2014,U+2018-201E,U+2022,U+2026,U+202F,U+2212}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/jbm-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/jbm-latin-600.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B0,U+00B2-00B3,U+00B7,U+00BB,U+00D7-00D8,U+00F8,U+2009,U+2013-2014,U+2018-201E,U+2022,U+2026,U+202F,U+2212}
.iza.iza-chrome{display:contents}
html body .iza :is(h1,h2,h3,h4,h5,h6){color:inherit}
.iza footer.f .h6{color:#fff;font-size:14px;margin:0 0 12px}
:root {--a-steel: #1B5A78; --a-steel-600: #164b64; --a-steel-300: #7fb3cc; --a-amber: #E8A33D; --a-amber-200: #f7dcae;
  --a-ink: #12181c; --a-ink-2: #3c474f; --a-muted: #5b6670; --a-line: #dde3e7; --a-bg: #f3f5f6; --a-card: #fff;
  --a-ok: #257a4b;
  --a-r-s: 8px; --a-r-m: 14px; --a-r-l: 22px;
  --a-ease-out: cubic-bezier(.16, 1, .3, 1); --a-ease-spring: cubic-bezier(.16, 1, .3, 1);
  --a-sh-1: 0 1px 2px rgba(18,24,28,.06), 0 4px 14px rgba(18,24,28,.06);
  --a-sh-2: 0 2px 6px rgba(18,24,28,.08), 0 22px 48px -12px rgba(18,24,28,.22);
  --a-f: 'Onest', system-ui, sans-serif; --a-mono: 'JetBrains Mono', ui-monospace, monospace;
  --a-wrap: 1280px;
  
  --a-hero-bg: radial-gradient(1200px 600px at 75% 30%, #2a3540 0%, #12181c 60%);
  --a-hero-ink: #f1f4f6; --a-hero-muted: #9fb0bb; --a-hero-line: rgba(255,255,255,.12);}
.iza * {box-sizing: border-box;}
body.iza-on {-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
body.iza-on {margin: 0; font: 400 16px/1.55 var(--a-f); color: var(--a-ink); background: var(--a-bg); font-feature-settings: "tnum" 1, "ss01" 1;}
.iza img {max-width: 100%; display: block;}
.iza a {color: inherit; text-decoration: none;}
.iza button {font: inherit; cursor: pointer;}
.iza .wrap {max-width: var(--a-wrap); margin: 0 auto; padding: 0 24px;}
.iza .mono {font-family: var(--a-mono); letter-spacing: -.01em;}
.iza .sr {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.iza :focus-visible {outline: 2px solid var(--a-amber); outline-offset: 2px; border-radius: 6px;}
.iza .btn {--b: var(--a-steel); display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 12px;
  border: 0; background: var(--b); color: #fff; font-weight: 600; letter-spacing: .01em; position: relative; overflow: hidden;
  transition: transform .5s var(--a-ease-spring), box-shadow .3s, background .2s; will-change: transform;}
.iza .btn:hover {box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--b) 70%, transparent);}
.iza .btn:active {transform: scale(.97); transition-duration: .1s;}
.iza .btn::after {content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform: translateX(-120%); transition: transform .8s var(--a-ease-out);}
.iza .btn:hover::after {transform: translateX(120%);}
.iza .btn--amber {--b: var(--a-amber); color: #1d1405;}
.iza .btn--ghost {background: transparent; color: var(--a-steel); box-shadow: inset 0 0 0 1.5px currentColor;}
.iza .btn--ghost:hover {background: color-mix(in srgb, var(--a-steel) 8%, transparent); box-shadow: inset 0 0 0 1.5px currentColor;}
.iza .btn--sm {height: 38px; padding: 0 14px; border-radius: 10px; font-size: 14px;}
.iza .btn svg {width: 18px; height: 18px; flex: none;}
.iza .top {background: #0e1418; color: #b7c4cc; font-size: 13px;}
.iza .top .wrap {display: flex; gap: 22px; height: 34px; align-items: center;}
.iza .top a:hover {color: #fff;}
.iza .top .sp {flex: 1;}
.iza .top .geo {display: inline-flex; gap: 6px; align-items: center;}
.iza .top .dot {width: 7px; height: 7px; border-radius: 50%; background: #3ecf7a; box-shadow: 0 0 0 0 rgba(62,207,122,.6); animation: pulse 2.4s infinite;}
@keyframes pulse{ 70% { box-shadow: 0 0 0 8px rgba(62,207,122,0); } 100% { box-shadow: 0 0 0 0 rgba(62,207,122,0); } }
.iza .hdr {position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, #fff 86%, transparent); backdrop-filter: saturate(1.6) blur(14px);
  border-bottom: 1px solid var(--a-line); transition: box-shadow .3s;}
.iza .hdr.is-stuck {box-shadow: 0 8px 30px -18px rgba(0,0,0,.35);}
.iza .hdr .row {display: flex; align-items: center; gap: 16px; height: 72px;}
.iza .logo {display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; letter-spacing: .02em; color: var(--a-ink);}
.iza .logo svg {width: 34px; height: 34px;}
.iza .logo svg circle {transform-origin: center; transition: transform .8s var(--a-ease-spring);}
.iza .logo:hover svg circle:nth-child(2) {transform: scale(1.12);}
.iza .logo:hover svg circle:nth-child(3) {transform: scale(.82);}
.iza .cat-btn {height: 46px; padding: 0 18px 0 14px; border-radius: 12px; border: 0; background: var(--a-ink); color: #fff; display: flex; gap: 10px; align-items: center; font-weight: 600;}
.iza .cat-btn .burger {width: 18px; height: 12px; position: relative;}
.iza .cat-btn .burger i {position: absolute; left: 0; right: 0; height: 2px; background: currentColor; border-radius: 2px; transition: transform .45s var(--a-ease-spring), opacity .2s, top .3s;}
.iza .cat-btn .burger i:nth-child(1) {top: 0}
.iza .cat-btn .burger i:nth-child(2) {top: 5px}
.iza .cat-btn .burger i:nth-child(3) {top: 10px}
.iza .cat-btn[aria-expanded="true"] {background: var(--a-steel);}
.iza .cat-btn[aria-expanded="true"] .burger i:nth-child(1) {top: 5px; transform: rotate(45deg);}
.iza .cat-btn[aria-expanded="true"] .burger i:nth-child(2) {opacity: 0;}
.iza .cat-btn[aria-expanded="true"] .burger i:nth-child(3) {top: 5px; transform: rotate(-45deg);}
.iza .search {flex: 1; position: relative;}
.iza .search input {width: 100%; height: 46px; border-radius: 12px; border: 1.5px solid var(--a-line); background: #fff; padding: 0 48px 0 44px; font: inherit; transition: border-color .2s, box-shadow .2s;}
.iza .search input:focus {outline: 0; border-color: var(--a-steel); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a-steel) 15%, transparent);}
.iza .search > svg {position: absolute; left: 14px; top: 13px; width: 20px; height: 20px; color: var(--a-muted);}
.iza .search kbd {position: absolute; right: 12px; top: 12px; font: 600 12px var(--a-mono); color: var(--a-muted); border: 1px solid var(--a-line); border-radius: 6px; padding: 1px 6px;}
.iza .search .hint {position: absolute; left: 44px; top: 12px; color: var(--a-muted); pointer-events: none; white-space: nowrap; overflow: hidden;}
.iza .search .hint b {font-weight: 500; color: var(--a-ink-2); display: inline-block; animation: hintIn .5s var(--a-ease-out);}
@keyframes hintIn{ from { opacity: 0; transform: translateY(8px); filter: blur(4px); } }
.iza .search input:not(:placeholder-shown) + .hint, .iza .search input:focus + .hint {opacity: 0;}
.iza .hdr .act {display: flex; gap: 6px; align-items: center;}
.iza .ico-btn {width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; position: relative; color: var(--a-ink-2); transition: background .2s;}
.iza .ico-btn:hover {background: var(--a-bg);}
.iza .ico-btn svg {width: 22px; height: 22px;}
.iza .ico-btn .n {position: absolute; top: 5px; right: 4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--a-amber); color: #1d1405; font: 700 11px/18px var(--a-f); text-align: center; transform: scale(0); transition: transform .5s var(--a-ease-spring);}
.iza .ico-btn .n.on {transform: scale(1);}
.iza .ico-btn .n.bump {animation: bump .6s var(--a-ease-spring);}
@keyframes bump{ 40% { transform: scale(1.5); } }
.iza .phone {display: flex; flex-direction: column; line-height: 1.15; font-weight: 700; padding: 0 8px;}
.iza .phone small {font-weight: 400; color: var(--a-muted); font-size: 12px;}
.iza .nav2 {border-top: 1px solid var(--a-line);}
.iza .nav2 ul {list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; height: 46px; align-items: center; overflow-x: auto; scrollbar-width: none;
  mask-image: linear-gradient(90deg, #000 92%, transparent);}
.iza .nav2 a {display: flex; gap: 8px; align-items: center; padding: 8px 12px; border-radius: 10px; font-size: 14.5px; font-weight: 500; color: var(--a-ink-2); white-space: nowrap; position: relative;}
.iza .nav2 a svg {width: 18px; height: 18px; color: var(--a-steel);}
.iza .nav2 a::after {content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--a-amber); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--a-ease-out);}
.iza .nav2 a:hover::after, .iza .nav2 a[aria-current]::after {transform: scaleX(1);}
.iza .nav2 a:hover {color: var(--a-ink);}
.iza .nav2 .tool {margin-left: auto; color: var(--a-steel);}
.iza .mm {position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--a-line); box-shadow: 0 40px 80px -30px rgba(0,0,0,.35);
  clip-path: inset(0 0 100% 0); visibility: hidden; transition: clip-path .5s var(--a-ease-out), visibility 0s .5s;}
.iza .mm.open {clip-path: inset(0 0 -100px 0); visibility: visible; transition: clip-path .55s var(--a-ease-out);}
.iza .mm .wrap {display: grid; grid-template-columns: 300px 1fr 300px; gap: 28px; padding-top: 24px; padding-bottom: 28px;}
.iza .mm-roots {display: flex; flex-direction: column; gap: 4px;}
.iza .mm-root {display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; text-align: left; border: 0; background: transparent; color: var(--a-ink);}
.iza .mm-root .ring {width: 40px; height: 40px;}
.iza .mm-root b {display: block; font-weight: 600; font-size: 15px;}
.iza .mm-root small {color: var(--a-muted); font-size: 12.5px;}
.iza .mm-root .cnt {font: 600 12px var(--a-mono); color: var(--a-muted);}
.iza .mm-root[aria-selected="true"], .iza .mm-root:hover {background: var(--a-bg);}
.iza .mm-root[aria-selected="true"] {box-shadow: inset 3px 0 0 var(--a-amber);}
.iza .mm-panel {display: none;}
.iza .mm-panel.on {display: block;}
.iza .mm-panel h4 {margin: 4px 0 14px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--a-muted); font-weight: 600;}
.iza .mm-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.iza .mm-item {display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; padding: 8px; border-radius: 12px; transition: background .2s, transform .4s var(--a-ease-spring);}
.iza .mm-item:hover {background: var(--a-bg); transform: translateX(3px);}
.iza .mm-item img {width: 56px; height: 56px; object-fit: contain; border-radius: 10px; background: #f6f7f8;}
.iza .mm-item b {font-weight: 500; font-size: 14.5px; display: block; line-height: 1.25;}
.iza .mm-item small {color: var(--a-muted); font-size: 12.5px;}
.iza .mm.open .mm-panel.on .mm-item {animation: mmIn .5s var(--a-ease-out) both; animation-delay: calc(var(--i) * 28ms);}
@keyframes mmIn{ from { opacity: 0; transform: translateY(10px); } }
.iza .mm-all {display: inline-flex; gap: 6px; margin-top: 16px; color: var(--a-steel); font-weight: 600;}
.iza .mm-aside {background: var(--a-ink); color: #e7edf1; border-radius: var(--a-r-l); padding: 20px; position: relative; overflow: hidden;}
.iza .mm-aside h5 {margin: 0 0 4px; font-size: 16px;}
.iza .mm-aside p {margin: 0 0 14px; color: #9fb0bb; font-size: 13.5px;}
.iza .du-pills {display: flex; flex-wrap: wrap; gap: 6px;}
.iza .du-pills a {font: 600 13px var(--a-mono); padding: 6px 9px; border-radius: 8px; background: rgba(255,255,255,.07); color: #fff; transition: background .2s, transform .3s var(--a-ease-spring);}
.iza .du-pills a:hover {background: var(--a-amber); color: #1d1405; transform: translateY(-2px);}
.iza .hero {background: var(--a-hero-bg); color: var(--a-hero-ink); position: relative; overflow: hidden; isolation: isolate;}
.iza .hero .spot {position: absolute; width: 700px; height: 700px; left: var(--mx, 70%); top: var(--my, 40%); translate: -50% -50%; z-index: -1; pointer-events: none;
  background: radial-gradient(closest-side, rgba(232,163,61,.18), transparent); transition: left .6s var(--a-ease-out), top .6s var(--a-ease-out);}
.iza .hero .wrap {display: grid; grid-template-columns: 1fr 1.15fr; gap: 24px; align-items: center; min-height: 640px; padding-top: 40px; padding-bottom: 40px;}
.iza .eyebrow {display: inline-flex; gap: 8px; align-items: center; font: 600 12.5px var(--a-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--a-amber);}
.iza .eyebrow::before {content: ""; width: 22px; height: 2px; background: currentColor;}
.iza .hero h1 {font-size: clamp(36px, 4.6vw, 64px); line-height: 1.02; letter-spacing: -.035em; margin: 18px 0 18px; font-weight: 800;}
.iza .hero h1 .w {display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .06em;}
.iza .hero h1 .w > span {display: inline-block; animation: wordUp .9s var(--a-ease-out) both; animation-delay: calc(var(--i) * 60ms + 100ms);}
@keyframes wordUp{ from { transform: translateY(105%); } }
.iza .hero h1 em {font-style: normal; color: var(--a-amber);}
.iza .hero .lead {color: var(--a-hero-muted); font-size: 18px; max-width: 520px; margin: 0 0 26px;}
.iza .hero .cta {display: flex; gap: 12px; flex-wrap: wrap;}
.iza .hero .btn--ghost {color: var(--a-hero-ink);}
.iza .facts {display: flex; gap: 32px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--a-hero-line);}
.iza .facts b {display: block; font: 700 28px var(--a-mono); letter-spacing: -.03em;}
.iza .facts span {color: var(--a-hero-muted); font-size: 13.5px;}
.iza .stage {position: relative; height: 560px; overflow: hidden; border-radius: 28px; touch-action: pan-y; cursor: grab;}
.iza .stage.is-grab {cursor: grabbing;}
.iza .stage canvas {position: absolute; inset: 0;}
.iza .callout {position: absolute; left: 0; top: 0; pointer-events: none; will-change: transform;}
.iza .callout span {position: absolute; left: 0; bottom: 0; transform: translate(-50%, -14px); white-space: nowrap; background: rgba(14,20,24,.82); color: #fff; backdrop-filter: blur(6px);
  font-size: 12.5px; padding: 6px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.12); opacity: 0; transition: opacity .4s;}
.iza .callout span b {color: var(--a-amber); font-family: var(--a-mono); font-weight: 600; margin-right: 6px;}
.iza .callout::before {content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; translate: -50% -50%; background: var(--a-amber); box-shadow: 0 0 0 4px rgba(232,163,61,.25); opacity: 0; transition: opacity .4s;}
.iza .stage.exploded .callout span, .iza .stage.exploded .callout::before {opacity: 1;}
.iza .stage .hud {position: absolute; left: 50%; bottom: 8px; translate: -50% 0; display: flex; gap: 8px; align-items: center; background: rgba(14,20,24,.7); backdrop-filter: blur(10px);
  padding: 6px; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); color: #fff;}
.iza .seg {display: flex; background: rgba(255,255,255,.08); border-radius: 10px; padding: 3px; position: relative;}
.iza .seg button {border: 0; background: transparent; color: inherit; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; position: relative; z-index: 1;}
.iza .seg .thumb {position: absolute; top: 3px; bottom: 3px; border-radius: 8px; background: var(--a-amber); transition: left .45s var(--a-ease-spring), width .45s var(--a-ease-spring);}
.iza .seg button[aria-pressed="true"] {color: #1d1405;}
.iza .hud .drag {font-size: 12px; opacity: .7; padding: 0 8px; display: flex; gap: 6px; align-items: center;}
.iza .hud .drag svg {width: 16px; height: 16px; animation: sway 2.4s ease-in-out infinite;}
@keyframes sway{ 50% { transform: translateX(6px); } }
.iza .du-ruler {display: flex; align-items: flex-end; gap: 6px; overflow-x: auto; padding: 8px 2px 4px; scrollbar-width: none;}
.iza .du-ruler button {flex: none; border: 0; background: transparent; color: var(--a-hero-muted); display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 2px; font: 600 12px var(--a-mono); transition: color .2s;}
.iza .du-ruler i {display: block; width: var(--s); height: var(--s); border-radius: 50%; border: 2px solid currentColor; position: relative; transition: transform .45s var(--a-ease-spring), border-color .2s, background .2s;}
.iza .du-ruler i::after {content: ""; position: absolute; inset: 22%; border-radius: 50%; border: 1.5px solid currentColor; opacity: .6;}
.iza .du-ruler button:hover i {transform: translateY(-4px);}
.iza .du-ruler button[aria-pressed="true"] {color: var(--a-amber);}
.iza .du-ruler button[aria-pressed="true"] i {background: rgba(232,163,61,.15); transform: translateY(-4px) scale(1.06);}
.iza .readout {display: grid; grid-template-columns: repeat(4, auto); gap: 6px 26px; margin: 18px 0 24px; justify-content: start;}
.iza .readout dt {font-size: 12px; color: var(--a-hero-muted);}
.iza .readout dd {margin: 0; font: 600 20px var(--a-mono); letter-spacing: -.02em;}
.iza .readout dd.price {color: var(--a-amber);}
.iza .tick {display: inline-block;}
.iza .tick.flip {animation: flip .5s var(--a-ease-out);}
@keyframes flip{ from { opacity: 0; transform: translateY(40%); filter: blur(3px); } }
.iza section.s {padding: 88px 0;}
.iza .s-head {display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px;}
.iza .s-head h2 {font-size: clamp(28px, 3vw, 42px); letter-spacing: -.03em; line-height: 1.05; margin: 8px 0 0; font-weight: 800;}
.iza .s-head p {color: var(--a-muted); max-width: 440px; margin: 0;}
.iza .reveal {animation: rv linear both; animation-timeline: view(); animation-range: entry 0% entry 55%;}
@keyframes rv{ from { opacity: 0; transform: translateY(36px) scale(.985); } }
@supports not (animation-timeline: view()){
.iza .reveal {opacity: 0; transform: translateY(30px); transition: opacity .8s var(--a-ease-out), transform .8s var(--a-ease-out);}
.iza .reveal.in {opacity: 1; transform: none;}
}
.iza .bento {display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 210px; gap: 14px;}
.iza .tile {position: relative; border-radius: var(--a-r-l); overflow: hidden; background: var(--a-card); box-shadow: var(--a-sh-1); padding: 22px; display: flex; flex-direction: column;
  transform-style: preserve-3d; transition: box-shadow .4s, transform .5s var(--a-ease-out); isolation: isolate;}
.iza .tile:hover {box-shadow: var(--a-sh-2);}
.iza .tile::before {content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .3s;
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%), rgba(255,255,255,.35), transparent 45%);}
.iza .tile:hover::before {opacity: 1;}
.iza .tile .k {font: 600 12px var(--a-mono); color: var(--a-muted); letter-spacing: .06em; text-transform: uppercase;}
.iza .tile h3 {margin: 6px 0 4px; font-size: 22px; letter-spacing: -.02em; line-height: 1.1;}
.iza .tile p {margin: 0; color: var(--a-muted); font-size: 14px; max-width: 280px;}
.iza .tile .pic {position: absolute; right: -6%; bottom: -10%; width: 62%; z-index: -1; transition: transform .8s var(--a-ease-out); filter: drop-shadow(0 30px 30px rgba(0,0,0,.18));}
.iza .tile:hover .pic {transform: translate(-4%, -4%) rotate(-3deg) scale(1.05);}
.iza .tile .go {margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--a-steel);}
.iza .tile .go svg {width: 18px; transition: transform .4s var(--a-ease-spring);}
.iza .tile:hover .go svg {transform: translateX(5px);}
.iza .tile .cnt {position: absolute; top: 20px; right: 22px; font: 700 13px var(--a-mono); color: var(--a-ink-2); background: var(--a-bg); padding: 4px 8px; border-radius: 8px;}
.iza .tile--dark {background: #151c21; color: #eef3f6;}
.iza .tile--dark p, .iza .tile--dark .k {color: #93a4af;}
.iza .tile--dark .go {color: var(--a-amber);}
.iza .tile--dark .cnt {background: rgba(255,255,255,.08); color: #fff;}
.iza .tile--amber {background: linear-gradient(140deg, #f6cf86, var(--a-amber));}
.iza .tile--amber p, .iza .tile--amber .k {color: #5b3f12;}
.iza .tile--amber .go {color: #1d1405;}
.iza .tile--amber .cnt {background: rgba(255,255,255,.45);}
.iza .c-6 {grid-column: span 6;}
.iza .c-4 {grid-column: span 4;}
.iza .c-3 {grid-column: span 3;}
.iza .c-8 {grid-column: span 8;}
.iza .r-2 {grid-row: span 2;}
.iza .tile.r-2 h3 {font-size: 30px;}
.iza .tile.r-2 .pic {width: 74%;}
.iza .types {display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;}
.iza .type {background: var(--a-card); border-radius: var(--a-r-m); padding: 14px; text-align: center; box-shadow: var(--a-sh-1); transition: transform .5s var(--a-ease-spring), box-shadow .3s;}
.iza .type:hover {transform: translateY(-6px); box-shadow: var(--a-sh-2);}
.iza .type img {aspect-ratio: 1; object-fit: contain; margin: 0 auto 8px; transition: transform .7s var(--a-ease-out);}
.iza .type:hover img {transform: scale(1.08) rotate(-4deg);}
.iza .type b {font-weight: 600; font-size: 14.5px; display: block;}
.iza .type small {color: var(--a-muted); font: 500 12px var(--a-mono);}
.iza .builder {background: #10161a; color: #e9eef1; border-radius: 28px; padding: 36px; display: grid; grid-template-columns: 380px 1fr; gap: 36px; position: relative; overflow: hidden;}
.iza .builder::after {content: ""; position: absolute; inset: auto -20% -60% 30%; height: 400px; background: radial-gradient(closest-side, rgba(232,163,61,.18), transparent); pointer-events: none;}
.iza .builder h3 {font-size: 30px; letter-spacing: -.03em; margin: 8px 0 8px; line-height: 1.05;}
.iza .builder p.m {color: #93a4af; margin: 0 0 22px; font-size: 14.5px;}
.iza .fld {margin-bottom: 18px;}
.iza .fld label {display: flex; justify-content: space-between; font-size: 13px; color: #93a4af; margin-bottom: 8px;}
.iza .fld label output {font: 600 15px var(--a-mono); color: #fff;}
.iza .range {-webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--a-amber) var(--p, 30%), rgba(255,255,255,.12) var(--p, 30%));}
.iza .range::-webkit-slider-thumb {-webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 5px solid var(--a-amber); box-shadow: 0 2px 10px rgba(0,0,0,.4); transition: transform .3s var(--a-ease-spring);}
.iza .range:active::-webkit-slider-thumb {transform: scale(1.25);}
.iza .range::-moz-range-thumb {width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 5px solid var(--a-amber);}
.iza .builder .seg {background: rgba(255,255,255,.08);}
.iza .builder select {width: 100%; height: 44px; border-radius: 10px; background: rgba(255,255,255,.06); color: #fff; border: 1px solid rgba(255,255,255,.14); padding: 0 12px; font: 600 15px var(--a-mono);}
.iza .builder select option {color: #111;}
.iza .trace {background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; padding: 18px; display: flex; flex-direction: column;}
.iza .trace svg {width: 100%; height: 190px;}
.iza .trace .pipe-path {fill: none; stroke: #2c353c; stroke-width: 18; stroke-linecap: round; stroke-linejoin: round;}
.iza .trace .pipe-foam {fill: none; stroke: var(--a-amber); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: var(--len); stroke-dashoffset: var(--len); animation: draw 1.4s var(--a-ease-out) forwards;}
@keyframes draw{ to { stroke-dashoffset: 0; } }
.iza .trace .joint {fill: #fff; stroke: #10161a; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: pop .5s var(--a-ease-spring) both;}
@keyframes pop{ from { transform: scale(0); } }
.iza .bom {display: grid; grid-template-columns: 1fr auto auto; gap: 10px 18px; margin: 14px 0 0; font-size: 14.5px; align-items: baseline;}
.iza .bom dt {color: #c9d4da;}
.iza .bom dd {margin: 0; font: 600 15px var(--a-mono); text-align: right;}
.iza .bom dd.u {color: #93a4af; font-weight: 400; font-size: 13px; text-align: left;}
.iza .total {margin-top: auto; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px dashed rgba(255,255,255,.14);}
.iza .total b {display: block; font: 700 34px var(--a-mono); letter-spacing: -.03em; color: var(--a-amber);}
.iza .total small {color: #93a4af;}
.iza .steps {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: st; position: relative;}
.iza .steps::before {content: ""; position: absolute; left: 24px; right: 24px; top: 23px; height: 2px; background: linear-gradient(90deg, var(--a-amber) var(--prog, 0%), var(--a-line) var(--prog, 0%));}
.iza .step {padding-right: 24px; position: relative;}
.iza .step .n {width: 48px; height: 48px; border-radius: 50%; background: #fff; border: 2px solid var(--a-line); display: grid; place-items: center; font: 700 16px var(--a-mono); position: relative; z-index: 1; transition: border-color .4s, background .4s, color .4s;}
.iza .step.on .n {border-color: var(--a-amber); background: var(--a-amber); color: #1d1405;}
.iza .step h4 {margin: 16px 0 6px; font-size: 18px;}
.iza .step p {margin: 0; color: var(--a-muted); font-size: 14.5px;}
.iza .gost {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
.iza .doc {background: #fff; border-radius: var(--a-r-m); padding: 22px; box-shadow: var(--a-sh-1); position: relative; overflow: hidden;}
.iza .doc .code {font: 700 22px var(--a-mono); letter-spacing: -.02em;}
.iza .doc p {color: var(--a-muted); font-size: 14px; margin: 6px 0 14px;}
.iza .doc .stamp {position: absolute; right: -14px; top: -14px; width: 92px; height: 92px; border: 2px dashed color-mix(in srgb, var(--a-steel) 40%, transparent); border-radius: 50%; display: grid; place-items: center;
  font: 700 11px var(--a-mono); color: var(--a-steel); text-align: center; rotate: 14deg; transition: rotate .8s var(--a-ease-spring);}
.iza .doc:hover .stamp {rotate: -6deg;}
.iza footer.f {background: #0e1418; color: #9fb0bb; padding: 56px 0 28px; font-size: 14px;}
.iza footer.f .cols {display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 28px;}
.iza footer.f h6 {color: #fff; font-size: 14px; margin: 0 0 12px;}
.iza footer.f a {display: block; padding: 3px 0;}
.iza footer.f a:hover {color: #fff;}
.iza footer.f .bt {margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px;}
.iza .fab {position: fixed; right: 20px; bottom: 20px; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 8px 0 20px; border-radius: 28px; background: var(--a-ink); color: #fff; font-weight: 600;
  box-shadow: 0 14px 40px -10px rgba(0,0,0,.5); transform: translateY(120px); transition: transform .6s var(--a-ease-spring);}
.iza .fab.show {transform: none;}
.iza .fab i {width: 40px; height: 40px; border-radius: 50%; background: var(--a-amber); display: grid; place-items: center; color: #1d1405;}
.iza .fab i svg {width: 20px; height: 20px;}
.iza .fab .n {font: 700 12px var(--a-mono); background: rgba(255,255,255,.12); border-radius: 8px; padding: 2px 7px;}
.iza .fly {position: fixed; z-index: 100; width: 64px; height: 64px; border-radius: 50%; pointer-events: none; background: #fff center/80% no-repeat; box-shadow: 0 10px 30px rgba(0,0,0,.3);}
.iza .crumbs {display: flex; gap: 8px; flex-wrap: wrap; font-size: 13.5px; color: var(--a-muted); padding: 18px 0 0;}
.iza .crumbs a:hover {color: var(--a-steel);}
.iza .crumbs i {opacity: .5; font-style: normal;}
.iza .cat-hero {display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: center; padding: 14px 0 24px;}
.iza .cat-hero h1 {font-size: clamp(32px, 3.6vw, 52px); letter-spacing: -.035em; line-height: 1.02; margin: 10px 0 12px;}
.iza .cat-hero p {color: var(--a-ink-2); max-width: 640px; margin: 0;}
.iza .cat-hero .art {height: 240px; border-radius: var(--a-r-l); background: radial-gradient(400px 220px at 70% 60%, #2b3842, #12181c); position: relative; overflow: hidden;}
.iza .cat-hero .art img {position: absolute; right: 6%; bottom: -8%; width: 62%; filter: drop-shadow(0 30px 40px rgba(0,0,0,.5)); animation: floaty 6s ease-in-out infinite;}
@keyframes floaty{ 50% { transform: translateY(-10px) rotate(-1.5deg); } }
.iza .cat-hero .art .kpi {position: absolute; left: 22px; top: 20px; color: #fff;}
.iza .cat-hero .art .kpi b {display: block; font: 700 34px var(--a-mono); color: var(--a-amber); letter-spacing: -.03em;}
.iza .cat-hero .art .kpi span {color: #93a4af; font-size: 13px;}
.iza .du-strip {background: #fff; border-radius: var(--a-r-l); padding: 14px 18px; box-shadow: var(--a-sh-1); display: flex; gap: 18px; align-items: center; margin-bottom: 22px;}
.iza .du-strip .lbl {font-size: 13px; color: var(--a-muted); white-space: nowrap;}
.iza .du-strip .du-ruler {--a-hero-muted: var(--a-ink-2); flex: 1;}
.iza .du-strip .du-ruler button[aria-pressed="true"] {color: var(--a-steel);}
.iza .du-strip .du-ruler button[aria-pressed="true"] i {background: color-mix(in srgb, var(--a-steel) 12%, transparent);}
.iza .plp {display: grid; grid-template-columns: 264px 1fr; gap: 24px; align-items: start;}
.iza .facets {position: sticky; top: 140px; background: #fff; border-radius: var(--a-r-l); padding: 8px 18px; box-shadow: var(--a-sh-1);}
.iza .facet {border-bottom: 1px solid var(--a-line); padding: 14px 0;}
.iza .facet:last-child {border: 0;}
.iza .facet h5 {margin: 0 0 10px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--a-muted); display: flex; justify-content: space-between;}
.iza .chk {display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 14.5px; cursor: pointer;}
.iza .chk input {appearance: none; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #b9c4cb; display: grid; place-items: center; margin: 0; transition: background .2s, border-color .2s;}
.iza .chk input::after {content: ""; width: 10px; height: 6px; border: 2px solid #fff; border-top: 0; border-right: 0; rotate: -45deg; translate: 0 -1px; scale: 0; transition: scale .3s var(--a-ease-spring);}
.iza .chk input:checked {background: var(--a-steel); border-color: var(--a-steel);}
.iza .chk input:checked::after {scale: 1;}
.iza .chk small {margin-left: auto; font: 500 12px var(--a-mono); color: var(--a-muted);}
.iza .swatch {width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15);}
.iza .bar {display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap;}
.iza .bar .cnt {font-size: 14px; color: var(--a-muted);}
.iza .bar .cnt b {color: var(--a-ink); font-family: var(--a-mono);}
.iza .chips-on {display: flex; gap: 6px; flex-wrap: wrap;}
.iza .chip-on {display: inline-flex; gap: 6px; align-items: center; height: 32px; padding: 0 6px 0 12px; border-radius: 8px; background: var(--a-ink); color: #fff; font-size: 13px; border: 0; animation: mmIn .4s var(--a-ease-spring);}
.iza .chip-on span {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; background: rgba(255,255,255,.15);}
.iza .bar .sp {flex: 1;}
.iza .view {display: flex; background: #fff; border-radius: 10px; padding: 3px; box-shadow: var(--a-sh-1);}
.iza .view button {border: 0; background: transparent; width: 36px; height: 32px; border-radius: 8px; display: grid; place-items: center; color: var(--a-muted);}
.iza .view button[aria-pressed="true"] {background: var(--a-ink); color: #fff;}
.iza .view svg {width: 18px; height: 18px;}
.iza .sort {height: 38px; border-radius: 10px; border: 0; box-shadow: var(--a-sh-1); padding: 0 12px; font: inherit; font-size: 14px; background: #fff;}
.iza .grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px;}
.iza .card {background: #fff; border-radius: var(--a-r-m); box-shadow: var(--a-sh-1); position: relative; display: flex; flex-direction: column; overflow: hidden; transition: box-shadow .35s, transform .5s var(--a-ease-out); view-transition-name: var(--vt, none);}
.iza .card:hover {box-shadow: var(--a-sh-2); transform: translateY(-4px);}
.iza .card .ph {aspect-ratio: 4/3; background: linear-gradient(180deg, #f7f8f9, #eef1f3); position: relative; overflow: hidden;}
.iza .card .ph img {position: absolute; inset: 8% 10%; width: 80%; height: 84%; object-fit: contain; transition: transform .7s var(--a-ease-out), opacity .4s;}
.iza .card .ph .x {opacity: 0;}
.iza .card .ph svg.xs {position: absolute; inset: 14%; width: 72%; height: 72%; opacity: 0; transform: scale(.9) rotate(-20deg); transition: opacity .4s, transform .7s var(--a-ease-out);}
.iza .card:hover .ph img {transform: scale(.86) translateX(-18%); opacity: .25;}
.iza .card:hover .ph svg.xs {opacity: 1; transform: none;}
.iza .card .du {position: absolute; left: 10px; top: 10px; font: 700 12px var(--a-mono); background: var(--a-ink); color: #fff; padding: 4px 8px; border-radius: 7px; z-index: 1;}
.iza .card .tag {position: absolute; right: 10px; top: 10px; font-size: 11.5px; font-weight: 600; background: #fff; padding: 4px 8px; border-radius: 7px; box-shadow: var(--a-sh-1); z-index: 1;}
.iza .card .bd {padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1;}
.iza .card h3 {font-size: 15px; font-weight: 600; margin: 0; line-height: 1.3;}
.iza .card .spec {font: 500 12px var(--a-mono); color: var(--a-muted);}
.iza .card .pr {margin-top: auto; display: flex; align-items: baseline; gap: 6px;}
.iza .card .pr b {font: 700 19px var(--a-mono); letter-spacing: -.02em;}
.iza .card .pr small {color: var(--a-muted); font-size: 12.5px;}
.iza .card .pr.ask b {font-family: var(--a-f); font-size: 15px; color: var(--a-steel);}
.iza .card .add {position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 12px; border: 0; background: var(--a-steel); color: #fff; display: grid; place-items: center;
  transform: translateY(8px) scale(.8); opacity: 0; transition: transform .45s var(--a-ease-spring), opacity .25s;}
.iza .card:hover .add, .iza .card:focus-within .add {transform: none; opacity: 1;}
.iza .card .add svg {width: 20px; height: 20px;}
.iza .card .add.ok {background: var(--a-ok);}
.iza .grid.as-table {grid-template-columns: 1fr; gap: 0; background: #fff; border-radius: var(--a-r-l); box-shadow: var(--a-sh-1); overflow: hidden;}
.iza .grid.as-table .card {flex-direction: row; align-items: center; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--a-line); transform: none;}
.iza .grid.as-table .card .ph {width: 72px; aspect-ratio: 1; flex: none;}
.iza .grid.as-table .card .du, .iza .grid.as-table .card .tag {display: none;}
.iza .grid.as-table .card .bd {flex-direction: row; align-items: center; gap: 18px;}
.iza .grid.as-table .card h3 {flex: 1;}
.iza .grid.as-table .card .pr {margin: 0 56px 0 0; min-width: 150px; justify-content: flex-end;}
.iza .grid.as-table .card .add {opacity: 1; transform: none; top: 50%; margin-top: -20px;}
.iza .pdp {display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: start; padding: 10px 0 40px;}
.iza .gal {position: sticky; top: 140px;}
.iza .gal .main {background: radial-gradient(500px 340px at 50% 55%, #ffffff, #e9edf0); border-radius: 26px; aspect-ratio: 1.1; position: relative; overflow: hidden;}
.iza .gal .main > img, .iza .gal .main > .stage, .iza .gal .main > .drw {position: absolute; inset: 0; width: 100%; height: 100%; transition: opacity .5s, transform .7s var(--a-ease-out);}
.iza .gal .main > img {object-fit: contain; padding: 8%;}
.iza .gal .main [hidden] {display: block !important; opacity: 0; pointer-events: none; transform: scale(.96);}
.iza .gal .main .stage {height: auto; background: radial-gradient(500px 340px at 50% 55%, #2a3540, #12181c);}
.iza .gal .tabs {position: absolute; left: 50%; bottom: 14px; translate: -50% 0; z-index: 3; background: rgba(255,255,255,.9); box-shadow: var(--a-sh-1);}
.iza .gal .tabs.seg {background: rgba(255,255,255,.92); backdrop-filter: blur(8px);}
.iza .gal .thumbs {display: flex; gap: 10px; margin-top: 12px;}
.iza .gal .thumbs button {width: 76px; height: 76px; border-radius: 14px; border: 2px solid transparent; background: #fff; padding: 6px; box-shadow: var(--a-sh-1); transition: border-color .2s, transform .4s var(--a-ease-spring);}
.iza .gal .thumbs button:hover {transform: translateY(-3px);}
.iza .gal .thumbs button[aria-pressed="true"] {border-color: var(--a-steel);}
.iza .gal .thumbs img {width: 100%; height: 100%; object-fit: contain;}
.iza .drw {padding: 6%; background: #f4f8fa; background-image: linear-gradient(rgba(27,90,120,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(27,90,120,.08) 1px, transparent 1px); background-size: 20px 20px;}
.iza .drw svg {width: 100%; height: 100%;}
.iza .drw .ln {fill: none; stroke: #0f3447; stroke-width: 1.6; stroke-dasharray: 1400; stroke-dashoffset: 1400;}
.iza .drw.go .ln {animation: draw 2s var(--a-ease-out) forwards;}
.iza .drw .dim {font: 600 12px var(--a-mono); fill: #1B5A78; opacity: 0;}
.iza .drw.go .dim {animation: fadeIn .6s 1.2s forwards;}
@keyframes fadeIn{ to { opacity: 1; } }
.iza .buy h1 {font-size: clamp(28px, 2.6vw, 40px); letter-spacing: -.03em; line-height: 1.06; margin: 10px 0 10px;}
.iza .buy .sub {display: flex; gap: 14px; flex-wrap: wrap; color: var(--a-muted); font-size: 13.5px;}
.iza .buy .sub b {color: var(--a-ink-2); font-weight: 600;}
.iza .opt {margin-top: 22px;}
.iza .opt h6 {font-size: 13px; color: var(--a-muted); font-weight: 600; margin: 0 0 8px; display: flex; justify-content: space-between;}
.iza .opt-row {display: flex; gap: 8px; flex-wrap: wrap;}
.iza .o {border: 1.5px solid var(--a-line); background: #fff; border-radius: 12px; padding: 9px 14px; text-align: left; min-width: 112px; transition: border-color .2s, box-shadow .2s, transform .4s var(--a-ease-spring);}
.iza .o b {display: block; font-weight: 600; font-size: 14.5px;}
.iza .o small {color: var(--a-muted); font: 500 12px var(--a-mono);}
.iza .o:hover {border-color: #b8c6ce; transform: translateY(-2px);}
.iza .o[aria-pressed="true"] {border-color: var(--a-steel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--a-steel) 14%, transparent);}
.iza .o:disabled {opacity: .45; cursor: not-allowed;}
.iza .price-box {margin-top: 24px; background: #fff; border-radius: 20px; padding: 20px; box-shadow: var(--a-sh-1);}
.iza .price-box .p {display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;}
.iza .price-box .p b {font: 700 40px var(--a-mono); letter-spacing: -.04em;}
.iza .price-box .p span {color: var(--a-muted);}
.iza .price-box .p .alt {margin-left: auto; font: 500 14px var(--a-mono); color: var(--a-ink-2);}
.iza .price-box .vat {font-size: 13px; color: var(--a-ok); display: flex; gap: 6px; align-items: center; margin-top: 2px;}
.iza .qty-row {display: flex; gap: 10px; margin-top: 16px;}
.iza .qty {display: flex; align-items: center; border: 1.5px solid var(--a-line); border-radius: 12px; height: 52px;}
.iza .qty button {width: 42px; height: 100%; border: 0; background: transparent; font-size: 20px; color: var(--a-ink-2);}
.iza .qty input {width: 64px; border: 0; text-align: center; font: 600 17px var(--a-mono);}
.iza .qty span {font-size: 13px; color: var(--a-muted); padding-right: 12px;}
.iza .qty-row .btn {flex: 1; height: 52px; justify-content: center; font-size: 16px;}
.iza .price-box .meta {display: flex; justify-content: space-between; margin-top: 12px; font-size: 13.5px; color: var(--a-muted);}
.iza .price-box .meta a {color: var(--a-steel); font-weight: 600;}
.iza .trust {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px;}
.iza .trust div {background: #fff; border-radius: 14px; padding: 12px; font-size: 13px; color: var(--a-ink-2); display: flex; gap: 10px; align-items: center;}
.iza .trust svg {width: 22px; height: 22px; color: var(--a-steel); flex: none;}
.iza .tabsbar {display: flex; gap: 4px; border-bottom: 1px solid var(--a-line); margin-top: 20px; position: sticky; top: 118px; background: var(--a-bg); z-index: 5;}
.iza .tabsbar a {padding: 14px 16px; font-weight: 600; color: var(--a-muted); position: relative;}
.iza .tabsbar a[aria-current] {color: var(--a-ink);}
.iza .tabsbar .ink {position: absolute; bottom: -1px; height: 3px; background: var(--a-amber); border-radius: 3px; transition: left .45s var(--a-ease-spring), width .45s var(--a-ease-spring);}
.iza .specs {display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; margin: 22px 0;}
.iza .specs div {display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed var(--a-line); font-size: 15px;}
.iza .specs dt {color: var(--a-muted);}
.iza .specs dd {margin: 0; font-weight: 600; font-family: var(--a-mono); font-size: 14.5px;}
.iza .xsell {display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
.iza .calc {background: #fff; border-radius: 20px; padding: 22px; box-shadow: var(--a-sh-1); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: end;}
.iza .calc .res b {display: block; font: 700 28px var(--a-mono); color: var(--a-steel); letter-spacing: -.03em;}
.iza .calc .res small {color: var(--a-muted);}
.iza .calc label {font-size: 13px; color: var(--a-muted); display: block; margin-bottom: 6px;}
.iza .calc input[type=number] {width: 100%; height: 46px; border-radius: 12px; border: 1.5px solid var(--a-line); padding: 0 12px; font: 600 16px var(--a-mono);}
@media (max-width: 1100px){
.iza .hero .wrap, .iza .plp, .iza .builder {grid-template-columns: minmax(0,1fr); min-height: 0;}
.iza .hero .wrap > *, .iza .plp > * {min-width: 0;}
.iza .stage {height: 420px; order: -1;}
.iza .mm .wrap {grid-template-columns: 260px 1fr;}
.iza .mm-aside {display: none;}
.iza .builder {grid-template-columns: 1fr;}
.iza .pdp {grid-template-columns: minmax(0,1fr);}
.iza .pdp > * {min-width: 0;}
.iza .gal {position: static;}
.iza .plp {grid-template-columns: 1fr;}
.iza .facets {position: static; display: none;}
.iza .types {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 720px){
.iza .wrap {padding: 0 16px;}
.iza .top .hide-m, .iza .phone, .iza .search kbd, .iza .hdr .act .hide-m {display: none;}
.iza .hdr .row {height: 62px; gap: 8px;}
.iza .cat-btn > span:not(.burger) {display: none;}
.iza .cat-btn {padding: 0 14px;}
.iza .logo b {display: none;}
.iza .search .hint {font-size: 14px;}
.iza .hero h1 {font-size: 36px;}
.iza .stage {height: 340px;}
.iza .readout {grid-template-columns: repeat(2, auto);}
.iza .facts {gap: 20px;}
.iza .facts b {font-size: 22px;}
.iza .bento {grid-template-columns: 1fr 1fr; grid-auto-rows: 180px;}
.iza .bento > * {grid-column: span 2 !important; grid-row: span 1 !important;}
.iza .tile.r-2 h3 {font-size: 22px;}
.iza .types {grid-template-columns: repeat(2, 1fr);}
.iza .builder {padding: 22px; border-radius: 22px;}
.iza .steps {grid-template-columns: 1fr 1fr; gap: 22px 0;}
.iza .steps::before {display: none;}
.iza .gost {grid-template-columns: 1fr;}
.iza footer.f .cols {grid-template-columns: 1fr 1fr;}
.iza .mm .wrap {grid-template-columns: 1fr;}
.iza .mm-grid {grid-template-columns: 1fr 1fr;}
.iza .cat-hero {grid-template-columns: 1fr;}
.iza .cat-hero .art {height: 180px;}
.iza .grid {grid-template-columns: 1fr 1fr; gap: 10px;}
.iza .card .add {opacity: 1; transform: none; width: 36px; height: 36px;}
.iza .xsell {grid-template-columns: 1fr 1fr;}
.iza .specs {grid-template-columns: 1fr;}
.iza .calc {grid-template-columns: 1fr;}
.iza .trust {grid-template-columns: 1fr;}
.iza .price-box .p b {font-size: 32px;}
.iza .s-head {flex-direction: column; align-items: start;}
.iza section.s {padding: 56px 0;}
.iza .fab {right: 12px; left: 12px; justify-content: space-between; bottom: 12px;}
body.iza-on {padding-bottom: 80px;}
.iza .top .geo {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;}
.iza .search .hint {right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iza .search .hint b {display: inline;}
.iza .callout span {font-size: 11px; max-width: 120px; white-space: normal;}
.iza .stage .hud {width: calc(100% - 20px); justify-content: center; flex-wrap: wrap;}
.iza .hud .drag {display: none;}
.iza .gal .tabs button {white-space: nowrap; padding-inline: 12px;}
.iza .qty-row {flex-direction: column; align-items: stretch;}
.iza .qty-row .btn {justify-content: center; white-space: nowrap; min-height: 54px;}
.iza .qty-row .qty {justify-content: space-between;}
.iza .tabsbar a {white-space: nowrap;}
.iza .callout span {font-size: 0; padding: 4px 7px;}
.iza .callout span b {font-size: 11px; margin: 0;}
}
@media (prefers-reduced-motion: reduce){
.iza *, .iza *::before, .iza *::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
.iza .reveal {animation: none; opacity: 1; transform: none;}
}
.iza .tile .pic, .iza .type img, .iza .mm-item img, .iza .card .ph img, .iza .cat-hero .art img, .iza .gal .main > img, .iza .gal .thumbs img {mix-blend-mode: multiply;}
.iza .tile--steel {background: linear-gradient(150deg, #eef3f6, #dbe6ec);}
.iza .tile--steel .go {color: var(--a-steel);}
.iza .cat-hero .art {background: radial-gradient(400px 220px at 70% 60%, #ffffff, #dfe7ec);}
.iza .cat-hero .art .kpi {color: var(--a-ink);}
.iza .cat-hero .art .kpi span {color: var(--a-muted);}
.iza .cat-hero .art .kpi b {color: var(--a-steel);}
.iza .gal .main .stage {mix-blend-mode: normal;}
.iza .mm-all svg {width: 18px; height: 18px;}
.iza .tabsbar {overflow-x: auto; scrollbar-width: none;}
.iza .price-box .p .alt {margin-left: 0; width: 100%;}
@media (min-width: 721px){
.iza .price-box .p .alt {margin-left: auto; width: auto;}
}
.iza .tile--photo {background: #101519; color: #f2f5f7;}
.iza .tile--photo .pic {inset: 0; width: 100% !important; height: 100%; right: auto; bottom: auto; object-fit: cover; mix-blend-mode: normal; filter: none; z-index: -2; transform: scale(1.04); transition: transform 1.6s var(--a-ease-out);}
.iza .tile--photo:hover .pic {transform: scale(1.12) translate(-2%, -1%);}
.iza .tile--photo::after {content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(10,14,17,.86) 0%, rgba(10,14,17,.55) 38%, rgba(10,14,17,0) 70%);}
.iza .tile--photo p, .iza .tile--photo .k {color: #b9c6ce;}
.iza .tile--photo .go {color: var(--a-amber);}
.iza .tile--photo .cnt {background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(6px);}
.iza .tile--photo.c-12 .pic {object-position: 50% 60%;}