/* E-commerce: посадочная по вайрфрейму 07 v0.4 и макету «Дизайн / E-commerce v0.2».
   Общие токены, шапка, кнопки и подвал — из site.css. */

.e-display{font-size:clamp(44px,6vw,86px)}
.e-display em{display:block}
.e-lead{margin-inline:0;text-align:left}

/* 01 hero */
.e-hero{padding-block:clamp(48px,6vw,88px) clamp(56px,6vw,96px);overflow:hidden}
.e-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.e-hero-copy .cta-row{margin-top:30px}
.e-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:44px 0 0;padding-top:26px;border-top:1px solid var(--line)}
.e-stats div{margin:0}
.e-stats dt{font:700 clamp(24px,2.4vw,32px)/1 var(--sans);letter-spacing:-.02em}
.e-stats dd{margin:8px 0 0;color:var(--muted);font-size:14px}
.e-hand{margin:26px 0 0;font:italic 400 22px/1.2 var(--serif);color:var(--accent-ink)}
.e-hero-art{position:relative;height:clamp(380px,40vw,560px)}
.e-blob{position:absolute;right:2%;top:2%;width:78%;height:64%;border-radius:999px 999px 140px 999px;background:var(--soft)}
.e-hp{position:absolute;object-fit:cover;border-radius:26px;box-shadow:0 24px 50px rgba(30,10,80,.18)}
.e-hp1{right:8%;top:0;width:46%;aspect-ratio:3/4}
.e-hp2{left:4%;bottom:6%;width:42%;aspect-ratio:3/4;transform:rotate(-4deg)}
.e-hp3{right:2%;bottom:0;width:30%;aspect-ratio:3/4;border:4px solid #fff;transform:rotate(5deg)}
@media (max-width:880px){.e-hero-in{grid-template-columns:1fr}.e-hero-art{height:360px;max-width:520px}}
@media (max-width:520px){.e-stats{grid-template-columns:1fr}.e-hero-art{height:300px}}

/* 02 форматы */
.e-chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 24px}
.chip{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font:500 14px/1 var(--sans);color:#3a3750;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--purple)}
.chip.is-on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.e-fgrid{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fcard2{background:#fff;border-radius:20px;padding:12px 12px 18px;display:flex;flex-direction:column;transition:opacity .3s,transform .3s}
.fcard2.is-dim{opacity:.28;transform:scale(.98)}
.fcard2 figure{margin:0 0 14px;position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--soft)}
.fcard2 figure>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.fcard2:hover figure>img{transform:scale(1.04)}
.fcard2 b{font:700 17px/1.2 var(--sans);padding-inline:6px}
.fcard2>span{color:var(--muted);font-size:14px;padding:4px 6px 0}
.is-video .play{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.88);display:grid;place-items:center}
.is-video .play::before{content:"";margin-left:3px;border-left:12px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent}
.is-video em{position:absolute;right:10px;bottom:12px;font:500 12px/1 var(--sans);font-style:normal;color:#fff;background:rgba(0,0,0,.55);padding:4px 7px;border-radius:6px}
.fcard2:hover .is-video>img{animation:eKen 6s linear infinite alternate}
@keyframes eKen{from{transform:scale(1.04)}to{transform:scale(1.16) translateX(-3%)}}
.rich-mock{display:grid;grid-template-columns:42% 1fr;background:#fff!important;border:1px solid var(--line)}
.rich-mock>img{width:100%;height:100%;object-fit:cover}
.rich-side{display:flex;flex-direction:column;gap:7px;padding:16px 14px;font-size:13px;color:#4a4664}
.rich-side b{font:700 15px/1.2 var(--sans);color:var(--ink);padding:0}
.rich-side i{font-style:normal;padding:5px 8px;border-radius:8px;background:var(--soft)}
.rich-side s{text-decoration:none;margin-top:auto;font-size:12px;color:var(--purple)}
@media (max-width:900px){.e-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.e-fgrid{grid-template-columns:1fr}}

/* 03 кейсы */
.e-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.e-case{display:grid;grid-template-columns:minmax(0,1fr) 42%;gap:20px;align-items:end;background:var(--soft);border-radius:24px;padding:28px}
.e-case-alt{background:#f7f6fb}
.e-big{margin:0;font:700 clamp(44px,5vw,68px)/1 var(--sans);letter-spacing:-.04em}
.e-case h3{margin:8px 0 14px;font:500 20px/1.2 var(--sans)}
.e-case p:not(.e-big){color:#4a4664;margin:0}
.e-case figure{margin:0}
.e-case figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.e-case figcaption{font-size:11px;color:var(--muted);margin-top:8px;text-align:right}
.e-more-h{margin:48px 0 16px;font:700 20px/1.2 var(--sans)}
.e-more{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.e-more img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.e-more span{display:block;margin-top:8px;font-size:14px;color:#3a3750}
@media (max-width:900px){.e-case-grid{grid-template-columns:1fr}.e-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.e-case{grid-template-columns:1fr}.e-case figure img{aspect-ratio:4/3}}

/* 04 клиенты на чёрном */
.e-clients{padding-block:clamp(48px,5vw,72px)}
.e-clients .logos li{background:#1a1822;color:#8f8aa8}
.e-clients .logos li:hover{background:#24212f;color:#fff}
.e-note{margin:18px 0 0;font-size:13px;color:var(--on-dark-muted)}

/* 05 / 07 карточки в две колонки */
.e-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0 32px}
.e-tile{display:grid;grid-template-columns:minmax(0,1fr) 40%;gap:22px;align-items:stretch;background:var(--soft);border-radius:24px;padding:28px}
.e-tile-soft{background:#f7f6fb}
.bg-soft .e-tile{background:#fff}
.e-tile h3{margin:0 0 12px;font:700 20px/1.2 var(--sans)}
.e-tile p{margin:0 0 12px;color:#4a4664}
.e-accent{color:var(--purple)!important;font-size:14px}
.e-tile-img{margin:0}
.e-tile-img img{width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:18px}
.e-tile-img.sm img{min-height:180px}
.e-tile-card{margin:0;background:#fff;border-radius:18px;padding:10px;box-shadow:0 14px 34px rgba(30,10,80,.1);align-self:center}
.e-tile-card img{width:100%;aspect-ratio:746/1000;object-fit:cover;border-radius:12px}
.e-tile-card figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.e-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.e-row p{margin:0;font-weight:500}
@media (max-width:900px){.e-two{grid-template-columns:1fr}}
@media (max-width:520px){.e-tile{grid-template-columns:1fr}.e-tile-img img{min-height:0;aspect-ratio:4/3}}

/* 06 цифры на лайме */
.e-stat{background:#fff;border-radius:24px;padding:30px}
.e-stat p:not(.e-big){margin:10px 0 18px;font-size:18px;font-weight:500;max-width:30ch}
.e-stat a{font-size:14px;color:var(--purple-ink);text-decoration:none;border-bottom:1px solid currentColor}
.e-proof .e-two{margin-bottom:0}

/* 08 товар в пути */
.e-transit .h2 em,.e-lead .h2 em{display:block}
.e-transit-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.e-transit .sub{margin-bottom:22px}
.e-tags{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.e-tags li{padding:9px 14px;border-radius:999px;background:var(--soft);font-size:14px}
.e-ba{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.e-ba-in{background:#f7f6fb;border:1px dashed #cfc7ea;border-radius:20px;padding:22px;aspect-ratio:3/4;display:flex;flex-direction:column}
.e-ba-in span{font-size:12px;color:var(--muted)}
.e-ba-in p{margin:auto 0;font:400 22px/1.15 var(--serif)}
.e-ba>i{font-style:normal;font-size:28px;color:var(--purple)}
.e-ba figure{margin:0}
.e-ba img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px;box-shadow:0 18px 40px rgba(30,10,80,.16)}
@media (max-width:860px){.e-transit .h2 em,.e-lead .h2 em{display:block}
.e-transit-in{grid-template-columns:1fr}}

/* 09 процесс на чёрном */
.e-process-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.e-board{background:var(--soft);color:var(--ink);border-radius:22px;padding:22px}
.e-board-h{margin:0 0 16px;font-weight:700}
.e-board-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.e-board-cols span{background:#fff;border-radius:10px;padding:12px 10px;font-size:13px}
.e-board-cols .ok{background:var(--lime)}
.e-board-f{margin:16px 0 0;font-size:13px;color:var(--muted)}
.e-steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.e-steps li{border-top:1px solid #2f2c3a;padding-top:18px}
.e-steps b{font:700 18px/1 var(--sans);color:var(--lime)}
.e-steps h3{margin:18px 0 8px;font:500 18px/1.2 var(--sans)}
.e-steps p{margin:0;color:var(--on-dark-muted);font-size:14px}
.e-fine{margin:36px 0 0;font-size:14px;color:var(--lime)}
.e-fine-dark{color:var(--ink);font-weight:500;margin-top:22px}
@media (max-width:860px){.e-process-top{grid-template-columns:1fr}.e-steps{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.e-steps{grid-template-columns:1fr}}

/* 10 калькулятор */
.e-calc-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:36px;padding:22px;background:var(--soft);border-radius:26px}
.e-calc-box fieldset{border:0;margin:0;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.e-calc-h{grid-column:1/-1;margin:0 0 4px;font:700 22px/1.2 var(--sans)}
.e-field{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:12px 14px;border:1px solid transparent}
.e-field:focus-within{border-color:var(--purple)}
.e-field span{font-size:12px;color:var(--muted)}
.e-field input,.e-field select{border:0;outline:0;background:transparent;font:700 18px/1.2 var(--sans);color:var(--ink);padding:0;width:100%;-moz-appearance:textfield}
.e-field input::-webkit-inner-spin-button{opacity:.4}
.e-calc-res{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.e-k{margin:0;font-size:13px;color:var(--muted)}
.e-price{margin:6px 0 4px;font:700 clamp(36px,4vw,48px)/1 var(--sans);letter-spacing:-.03em}
.e-total{margin:0 0 14px;color:#3a3750}
.e-total b{font-weight:700}
.e-disc{margin:0 0 6px;font-weight:700;color:var(--purple)}
.e-k2{margin:0 0 16px;font-size:13px;color:var(--muted)}
.e-calc-res .btn{margin-bottom:8px}
.e-demo{margin:auto 0 0;padding-top:10px;font-size:11px;color:#b0aac6}
@media (max-width:860px){.e-calc-box{grid-template-columns:1fr}}
@media (max-width:460px){.e-calc-box fieldset{grid-template-columns:1fr}}

/* 11 права */
.e-rights{margin-top:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--soft);border-radius:26px;padding:32px}
.e-rights p:not(.eyebrow){margin:12px 0 0;color:#4a4664;max-width:56ch}

/* 12 заявка на фиолетовом */
.e-lead-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:center}
.e-offer{display:flex;flex-direction:column;gap:8px;margin:36px 0 0}
.e-offer b{font:700 clamp(48px,5vw,72px)/1 var(--sans);color:var(--lime);letter-spacing:-.03em}
.e-offer span{color:#e6dcff;max-width:34ch}
.e-form{position:relative;background:#fff;color:var(--ink);border-radius:26px;padding:30px;display:flex;flex-direction:column;gap:14px}
.e-form h3{margin:0;font:700 24px/1.2 var(--sans)}
.e-form-sub{margin:0 0 4px;color:var(--muted);font-size:14px}
.e-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#3a3750}
.e-form input,.e-form textarea{font:400 16px/1.4 var(--sans);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#faf9fe;color:var(--ink);resize:vertical}
.e-form input:focus,.e-form textarea:focus{outline:0;border-color:var(--purple);background:#fff}
.e-form .is-bad{border-color:#e5484d;background:#fff5f5}
.e-form .btn{align-self:flex-start;margin-top:4px}
.e-consent{margin:0;font-size:12px;color:var(--muted)}
.e-calc-att{margin:0;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13px}
.e-form-ok{position:absolute;inset:0;background:#fff;border-radius:26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px}
.e-form-ok:not([hidden]){display:flex}
.e-form-ok p{color:var(--muted)}
@media (max-width:860px){.e-lead-in{grid-template-columns:1fr}}

/* 13 studio */
.e-studio-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.e-studio .sub{margin-bottom:26px}
.e-studio-art{display:flex;gap:16px;justify-content:flex-end}
.e-studio-art img{width:46%;aspect-ratio:3/4;object-fit:cover;border-radius:22px;box-shadow:0 18px 40px rgba(30,10,80,.14)}
.e-studio-art img:first-child{transform:rotate(-4deg)}
.e-studio-art img:last-child{transform:rotate(4deg) translateY(20px)}
@media (max-width:760px){.e-studio-in{grid-template-columns:1fr}.e-studio-art{justify-content:flex-start;max-width:420px}}

/* реальные материалы и калькулятор v2.8 */
.e-hp-tag{position:absolute;left:8%;top:6%;z-index:3;padding:8px 14px;border-radius:999px;background:var(--lime);font:500 13px/1 var(--sans);box-shadow:0 10px 24px rgba(30,10,80,.14)}
.e-hp2{aspect-ratio:4/3!important;width:52%!important}
.e-tile-trio{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:end}
.e-tile-trio img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.e-tile-trio figcaption{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:4px}
.e-tile:has(.e-tile-trio){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.e-ba figure{margin:0}
.e-ba figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
.e-ba-in{padding:0;border:0;background:none;aspect-ratio:auto;display:block}
.e-ba-in img{box-shadow:none;filter:saturate(.9)}
.e-calc-tpl{grid-column:1/-1;margin:4px 0 0;font-size:13px;color:#4a4664}
.e-price s{font-size:.42em;font-weight:500;color:var(--muted);margin-left:6px;letter-spacing:0}
.e-full{font-size:14px;color:var(--purple-ink);text-decoration:none;border-bottom:1px solid currentColor;margin-top:6px}
@media (max-width:520px){.e-tile:has(.e-tile-trio){grid-template-columns:1fr}}

/* Калькулятор-прибор (короткая версия) */
@font-face{font-family:"DSEG7";src:url(fonts/DSEG7Classic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
.e-calc{background:#f8f7fc}

/* Прибор по картинке: чистый корпус + элементы поверх. У каждого элемента своя матрица
   «плоский прямоугольник → четырёхугольник на картинке» (--m), поэтому надписи лежат в перспективе клавиш.
   Разметка и матрицы — tools/gen_calc_device.py. */
.cxp-form{display:block;margin:40px auto 0;max-width:800px}
.cxp-wrap{position:relative;width:100%;height:760px;overflow:hidden}
.cxp-stage{--s:.8;position:absolute;left:0;top:0;width:1448px;height:885px;transform:scale(var(--s));transform-origin:0 0}
.cxp-img{position:absolute;inset:0;width:1448px;height:885px;max-width:none;user-select:none;pointer-events:none;
  filter:drop-shadow(0 26px 26px rgba(28,16,70,.28)) drop-shadow(0 6px 8px rgba(28,16,70,.22))}
.cxp-el{position:absolute;left:0;top:0;margin:0;box-sizing:border-box;transform-origin:0 0;transform:var(--m)}
/* табло */
.cxp-lcd{display:grid;grid-template-columns:minmax(0,650px) 2px minmax(0,1fr);align-items:center;column-gap:36px;padding:0 30px 0 28px;color:#17190f}
.cxp-big{display:flex;align-items:center;gap:20px;min-width:0}
.cxp-big .cxp-k{flex:none;line-height:1.15}
.cxp-big .cxp-fit{flex:1}
.cxp-fit{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin:0;min-width:0;white-space:nowrap}
.cxp-dig{position:relative;font:700 80px/1 "DSEG7",var(--mono);white-space:pre;letter-spacing:.01em}
.cxp-dig i{position:absolute;right:0;top:0;font-style:normal;color:rgba(23,25,15,.07)}
.cxp-dig b{position:relative;font-weight:700}
.cxp-rub{font:800 64px/1 var(--sans)}
.cxp-sep{width:2px;height:84px;background:rgba(23,25,15,.55)}
.cxp-small{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.cxp-small .cxp-fit{justify-content:flex-start;align-self:stretch}
.cxp-k{margin:0;font:600 30px/1 var(--sans);color:#24261c}
.cxp-small .cxp-dig{font-size:42px}
.cxp-small .cxp-rub{font-size:38px}
/* подписи над клавишами */
.cxp-lblbox{pointer-events:none}
.cxp-lbl{position:absolute;left:14px;bottom:calc(100% + 10px);white-space:nowrap;font:500 28px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#d2cedd}
/* клавиши */
.cxp-key,.cxp-val,.cxp-sel,.cxp-cta{border:0;padding:0;background:transparent;color:#f4f2fb;border-radius:12px;cursor:pointer;transition:background .12s,transform .08s}
.cxp-key{display:grid;place-items:center}
.cxp-key svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.cxp-key:hover,.cxp-sel:hover{background:rgba(255,255,255,.06)}
.cxp-key:active{background:rgba(0,0,0,.35);transform:var(--m) translateY(2px)}
.cxp-key:focus-visible,.cxp-sel:focus-visible,.cxp-cta:focus-visible{outline:3px solid #a98bff;outline-offset:2px}
.cxp-val{cursor:text;text-align:center;font:700 46px/1 var(--sans);-moz-appearance:textfield;border-radius:8px}
.cxp-val::-webkit-inner-spin-button,.cxp-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cxp-val:focus{outline:2px solid #a98bff;outline-offset:-4px}
.cxp-sel{appearance:none;-webkit-appearance:none;font:600 34px/1.15 var(--sans);padding-left:36px;text-overflow:ellipsis}
.cxp-sel option{background:#1d1c23;color:#fff;font-size:16px}
.cxp-chev{display:grid;place-items:center;pointer-events:none;color:#f4f2fb}
.cxp-chev svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cxp-cta{display:flex;align-items:center;justify-content:center;border-radius:16px;font:600 42px/1 var(--sans);letter-spacing:.005em;text-shadow:0 1px 2px rgba(40,10,120,.35)}
.cxp-cta svg{position:absolute;right:48px;top:50%;width:54px;height:40px;margin-top:-20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.cxp-cta:hover{background:rgba(255,255,255,.08)}
.cxp-cta:hover svg{transform:translateX(6px)}
.cxp-cta:active{background:rgba(30,0,90,.18);transform:var(--m) translateY(2px)}

/* Раскладка: прибор слева, пояснения справа; на узких — друг под другом */
.cx-layout{display:grid;grid-template-columns:minmax(0,690px) minmax(0,1fr);gap:28px;align-items:center;max-width:1160px;margin:40px auto 0}
.cx-layout .cxp-form{margin:0;max-width:none}
.cx-layout>*{min-width:0}
.cxn{display:grid;gap:12px;align-content:center}
.cxn-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px;border-radius:22px;background:#fff;box-shadow:0 1px 0 rgba(20,10,60,.04),0 10px 30px rgba(20,10,60,.05)}
.cxn-card p{margin:0;font-size:14px;line-height:1.5;color:#3d3956}
.cxn-k{font:600 12px/1 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-ink)!important}
.cxn-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;align-self:stretch}
.cxn-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #ece9f5;font-size:14px}
.cxn-list span{color:#6e6a86}
.cxn-list b{font-weight:600;white-space:nowrap;color:#141318}
.cxn-list s{margin-right:4px;font-weight:400;color:#9a96ad}
.cxn-tot{border-bottom:0!important;padding-top:2px}.cxn-tot span{color:#141318!important;font-weight:600}.cxn-tot b{font-size:16px}
.cxn-s{font-size:12.5px!important;color:#6e6a86!important}
.cxn-offer{display:grid;gap:10px;margin:0;padding:14px 16px;border-radius:18px;background:#efeaff}
.cxn-offer-top{display:flex;align-items:center;gap:12px;margin:0}
.cxn-offer-top b{flex:none;padding:7px 10px;border-radius:10px;background:var(--lime,#bdff39);color:#141318;font:700 20px/1 var(--sans)}
.cxn-offer-top span{font-size:13.5px;line-height:1.4;color:#3d3956}
.cxn-promo{display:flex;gap:6px}
.cxn-promo input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid #d9d2f3;border-radius:11px;background:#fff;font:600 14px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#141318}
.cxn-promo input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;color:#8f8aa6}
.cxn-promo input:focus{outline:0;border-color:var(--purple)}
.cxn-promo button{flex:none;height:38px;padding:0 14px;border:0;border-radius:11px;background:#141318;color:#fff;font:500 13.5px/1 var(--sans);cursor:pointer}
.cxn-promo button:hover{background:var(--purple)}
.cxn-promo .cxn-promo-x{width:38px;padding:0;background:#fff;color:#141318;border:1px solid #d9d2f3;font-size:18px}
.cxn-promo .cxn-promo-x:hover{background:#fff;border-color:#141318;color:#141318}
.cxn-promo-msg{margin:0;font-size:12.5px}
.cxn-promo-msg:empty{display:none}
.cxn-promo-msg.is-ok{color:#178a4c}.cxn-promo-msg.is-bad{color:#c2412d}
.cx-note{display:flex;align-items:center;gap:10px;margin:28px auto 0;max-width:1160px;font-size:14px;color:#4a4664}
.cx-note i{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid #8c87a3;display:grid;place-items:center;font:600 11px/1 var(--serif);font-style:italic;color:#6e6a86}
@media (max-width:1100px){
  .cx-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .cx-layout .cxp-form{width:100%;max-width:720px;margin:0 auto}
  .cxn{grid-template-columns:repeat(2,minmax(0,1fr))}.cxn-offer{grid-column:1/-1;order:-1}
}
@media (max-width:760px){.cxn{margin-top:20px}}
@media (max-width:560px){.cxn{grid-template-columns:minmax(0,1fr)}.cxn-more .btn{white-space:normal}}

/* Плоский прибор для телефона — та же композиция: табло, клавиши в две колонки, фиолетовая кнопка */
.calcx.calc-form{display:none}
@media (max-width:760px){.cxp-form{display:none}.calcx.calc-form{display:block}}
.calcx{--key:linear-gradient(180deg,#3b3944,#25232c);position:relative;margin:32px auto 0;max-width:1080px;padding:44px 18px 20px;border-radius:30px;
  background:linear-gradient(160deg,#2c2a33 0%,#1b1a21 55%,#141318 100%);color:#d8d4e6;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.09),inset 0 -3px 0 rgba(0,0,0,.6),0 10px 0 -2px #0c0b10,0 12px 0 -2px #2a2633,0 30px 50px rgba(20,8,60,.3)}
.cx-solar{position:absolute;right:20px;top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:112px;height:20px;padding:2px;border-radius:5px;background:#120f10}
.cx-solar i{background:linear-gradient(180deg,#6b4a40,#4a332d);border-radius:2px}
.cx-lcd{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;color:#17190f;
  background:linear-gradient(180deg,#cfd5c8 0%,#bfc6b6 100%);border:5px solid #0f0e13;box-shadow:inset 0 3px 10px rgba(0,0,0,.3)}
.cx-main{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0}
.cx-k-sku{margin-right:auto;max-width:5.5em}
.cx-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:2px solid rgba(23,25,15,.35)}
.cx-k{font:600 13px/1.2 var(--sans);color:#24261c}
.cx-row{display:flex;align-items:baseline;gap:6px}
.cx-num{position:relative;display:inline-block;font:700 26px/1 "DSEG7",var(--mono);letter-spacing:.02em;white-space:pre}
.cx-big{font-size:clamp(38px,12vw,56px)}
.cx-num b{position:relative;font-weight:700}
.cx-ghost{position:absolute;right:0;top:0;font-style:normal;color:rgba(23,25,15,.08)}
.cx-rub{font:800 22px/1 var(--sans)}
.cx-rub-big{font-size:clamp(30px,9vw,44px)}
.cx-ctls{border:0;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
.cx-ctl{display:flex;flex-direction:column;gap:8px;min-width:0}
.cx-lbl{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#c8c4d4}
.cx-step{display:flex;align-items:stretch;height:56px;border-radius:14px;background:#0f0e13;padding:3px;gap:3px;box-shadow:0 4px 0 #08070b}
.cx-key{width:56px;flex:none;border:0;border-radius:11px;background:var(--key);color:#ece9f6;font:400 28px/1 var(--sans);cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.4);transition:transform .08s}
.cx-key:active{transform:translateY(2px)}
.cx-step input{flex:1;min-width:0;border:0;border-radius:11px;background:var(--key);color:#fff;text-align:center;font:700 22px/1 var(--sans);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);-moz-appearance:textfield}
.cx-step input::-webkit-inner-spin-button{display:none}
.cx-step input:focus{outline:2px solid #a98bff;outline-offset:-2px}
.cx-sel{position:relative;display:block;height:56px;border-radius:14px;background:#0f0e13;padding:3px;box-shadow:0 4px 0 #08070b}
.cx-sel select{appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;border-radius:11px;padding:0 66px 0 16px;background:var(--key);color:#ece9f6;font:600 16px/1.15 var(--sans);cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.cx-sel select option{background:#1d1c23;color:#fff}
.cx-sel::after{content:"";position:absolute;right:3px;top:3px;bottom:3px;width:54px;border-radius:0 11px 11px 0;border-left:3px solid #0f0e13;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ece9f6' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/20px no-repeat,linear-gradient(180deg,#3b3944,#25232c)}
.cx-sel select:focus{outline:2px solid #a98bff;outline-offset:-2px}
.cx-go{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;height:60px;margin-top:22px;padding:0 20px;border:0;border-radius:14px;cursor:pointer;color:#fff;font:600 17px/1 var(--sans);
  background:linear-gradient(180deg,#8a5cff,#5b2cff);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 0 #3a1a9a,0 10px 26px rgba(110,60,255,.45);transition:transform .08s}
.cx-go i{font-style:normal;font-size:20px}
.cx-go:active{transform:translateY(3px)}
.calcx,.cx-lcd,.cx-main,.cx-total{min-width:0}
@media (max-width:360px){.calcx{padding-inline:12px}.cx-big{font-size:30px}.cx-rub-big{font-size:26px}.cx-num{font-size:22px}.cx-k{font-size:12px}}
.cxn-offer,.cxn-offer>*,.cxn-offer-top span{min-width:0}

/* ===== Интерактивные сценки ===== */
/* Тест большого пальца: две ленты рядом */
.e-thumb{padding-block:clamp(48px,6vw,80px)}
.e-thumb-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;max-width:1040px;margin-inline:auto}
.e-thumb-sub{margin:14px 0 24px;color:var(--on-dark-muted);max-width:42ch}
.e-thumb-fine{margin:14px 0 0;font-size:13px;color:#8f8aa6}
.e-ab{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.e-ab-col{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.e-ab-l{margin:0;padding:6px 12px;border-radius:999px;background:#2a2733;color:#d7d2ea;font:600 13px/1 var(--sans)}
.e-ab-l.is-ubi{background:var(--lime);color:var(--ink)}
.e-feed{position:relative;width:100%;max-width:260px;padding:8px 8px 0;border-radius:28px;background:#f4f2f8;box-shadow:0 0 0 6px #1d1b25,0 24px 50px rgba(0,0,0,.45);color:var(--ink)}
.e-feed-top{padding:4px 2px 8px}
.e-feed-search{display:block;padding:8px 10px;border-radius:10px;background:#fff;font-size:11px;color:#6e6a86}
.e-feed-search::before{content:"⌕ ";color:#9a96ad}
.e-feed-win{position:relative;height:400px;overflow:hidden;border-radius:14px 14px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent)}
.e-feed-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;will-change:transform}
.e-pcard{position:relative;display:flex;flex-direction:column;gap:2px;padding:0 0 8px;border-radius:10px;background:#fff;overflow:hidden;font-size:10.5px;line-height:1.3}
.e-pcard img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.e-pcard b{padding:5px 6px 0;font:700 12.5px/1 var(--sans)}
.e-pcard b s{margin-left:3px;font-size:9.5px;font-weight:400;color:#9a96ad}
.e-pcard span{padding:0 6px;color:#3a3750}
.e-pcard em{padding:0 6px;font-style:normal;color:#8f8aa6!important;font-size:9.5px}
.e-pcard.is-you{box-shadow:0 0 0 2px var(--purple)}
.e-pcard.is-you::before{content:"ваш товар";position:absolute;left:6px;top:6px;z-index:2;padding:3px 7px;border-radius:999px;background:var(--purple);color:#fff;font:600 9.5px/1 var(--sans)}
.e-pcard.is-hit::after{content:"♥";position:absolute;right:6px;top:6px;z-index:2;width:24px;height:24px;border-radius:50%;background:#ff2d55;color:#fff;font:700 13px/24px var(--sans);text-align:center;animation:eLike .5s}
@keyframes eLike{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25)}}
.e-feed-finger{position:absolute;left:50%;bottom:70px;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:rgba(122,44,255,.35);box-shadow:0 0 0 6px rgba(122,44,255,.15);opacity:0;pointer-events:none}
.e-feed-finger.is-on{animation:eSwipe .45s ease-in 5}
@keyframes eSwipe{0%{opacity:0;transform:translateY(30px)}20%{opacity:1}100%{opacity:0;transform:translateY(-110px)}}
.e-feed-toast{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;margin:0;padding:9px 11px;border-radius:12px;background:rgba(12,11,16,.9);color:#fff;font-size:12px;line-height:1.3;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.e-feed-toast b{color:var(--lime)}
.e-feed-toast.is-on{opacity:1;transform:none}
@media (max-width:860px){.e-thumb-in{grid-template-columns:1fr;gap:28px}}
@media (max-width:420px){.e-ab{gap:10px}.e-feed-win{height:330px}.e-feed{border-radius:22px}}

/* Вызывные листы */
.e-call-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 48px;align-items:end;margin-bottom:36px}
.e-call-range{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:20px;background:#fff;font-size:15px}
.e-call-range b{font:700 22px/1 var(--sans);color:var(--purple-ink);font-variant-numeric:tabular-nums}
.e-call-range input{width:100%;accent-color:var(--purple)}
.e-sheets{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.e-sheet{position:relative;padding:26px 26px 22px;border-radius:6px;background:#fffef8;color:#22201a;font-family:var(--mono);font-size:13.5px;line-height:1.45;box-shadow:0 1px 0 #e7e2cf,0 18px 40px rgba(30,10,80,.12);transform:rotate(-1deg)}
.e-sheet::before{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(80,120,200,.08) 27px 28px)}
.e-sheet.is-ubi{transform:rotate(1deg);background:#fbfff0;box-shadow:0 1px 0 #dfe9c4,0 18px 40px rgba(30,10,80,.12)}
.e-sheet header{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid #22201a}
.e-sheet header b{font-size:16px;letter-spacing:.12em;text-transform:uppercase}
.e-sheet header span{color:#6b6655}
.e-sheet i{font-style:normal;font-weight:700;color:#c2412d}
.e-sheet.is-ubi i{color:#178a4c}
.e-sheet ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.e-sheet li{display:grid;grid-template-columns:64px 1fr;gap:10px}
.e-sheet time{font-weight:700}
.e-sheet dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:18px 0 0;padding-top:12px;border-top:1px dashed #b9b29a}
.e-sheet dl div{display:flex;justify-content:space-between;gap:8px}
.e-sheet dt{color:#6b6655}
.e-sheet dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.e-sheet .btn{margin-top:18px;font-family:var(--sans)}
.e-stamp{position:absolute;right:20px;top:26px;padding:6px 12px;border:3px solid #c2412d;border-radius:8px;color:#c2412d;font:800 16px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-12deg) scale(1.4);opacity:0;transition:opacity .25s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.e-stamp.is-on{opacity:.85;transform:rotate(-12deg) scale(1)}
.e-sheet .is-pop{display:inline-block;animation:ePop .3s}
@keyframes ePop{50%{transform:scale(1.25)}}
@media (max-width:860px){.e-call-head,.e-sheets{grid-template-columns:1fr}.e-sheet,.e-sheet.is-ubi{transform:none}}
@media (max-width:420px){.e-sheet{padding:20px 16px;font-size:12.5px}.e-sheet li{grid-template-columns:52px 1fr}.e-sheet dl{grid-template-columns:1fr}}

/* Отзывы из будущего: узкий блок, к отзыву приложено фото товара */
.e-revs{padding-block:clamp(48px,6vw,80px)}
.e-revs-in{max-width:760px}
.e-revs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.e-revs-head .eyebrow{margin-bottom:12px}
.e-revs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.e-rev{display:grid;grid-template-columns:40px minmax(0,1fr) 76px;gap:2px 14px;align-items:start;padding:16px 16px 16px 18px;border-radius:18px;background:#fff;color:var(--ink)}
.e-rev:nth-child(1){animation:eRev .45s cubic-bezier(.3,1.4,.5,1)}
.e-rev:nth-child(2){opacity:.7}
@keyframes eRev{from{opacity:0;transform:translateY(-18px) scale(.97)}}
.e-rev-av{grid-row:1/4;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 16px/1 var(--sans);color:#fff}
.e-rev-top{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.e-rev-top b{font-size:15px}
.e-rev-top span{font-size:12px;color:var(--muted)}
.e-rev-top .e-rev-stars{color:#ffb800;letter-spacing:2px;font-size:13px}
.e-rev p{margin:2px 0 0;font-size:15px;line-height:1.45}
.e-rev-tag{justify-self:start;margin-top:6px;padding:3px 9px;border-radius:999px;background:var(--soft);font-size:11.5px;color:#4a4664}
.e-rev-ph{grid-column:3;grid-row:1/4;margin:0;position:relative}
.e-rev-ph img{width:76px;height:95px;object-fit:cover;border-radius:10px;display:block}
.e-rev-ph figcaption{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:999px;background:rgba(12,11,16,.7);color:#fff;font-size:9.5px}
.e-revs-fine{margin:14px 0 0;font-size:13px;color:#8f8aa6}
@media (max-width:520px){.e-revs-head{flex-direction:column;align-items:flex-start}.e-rev{grid-template-columns:36px minmax(0,1fr) 60px;gap:2px 10px;padding:14px}.e-rev-av{width:36px;height:36px}.e-rev-ph img{width:60px;height:76px}}

.e-call .e-fine{color:var(--muted);margin-top:24px}
@media (max-width:860px){.e-stamp{top:auto;bottom:96px;right:16px}}
.e-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.e-three .e-stat{display:flex;flex-direction:column;padding:26px}
.e-three .e-stat p:not(.e-big){font-size:16px;margin:10px 0 16px}
.e-three .e-stat a{margin-top:auto;align-self:flex-start}
.e-two-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.e-three{grid-template-columns:1fr}}

/* Схема согласования в процессе */
.e-rv{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;align-items:center;margin-top:40px;padding:28px;border-radius:26px;background:radial-gradient(circle,#2c2938 1px,transparent 1.5px) 0 0/18px 18px,#141219}
.e-rv-steps{list-style:none;margin:0;padding:0 0 0 20px;display:grid;gap:10px;position:relative;border-left:2px dashed #3a3648}
.e-rv-steps::after{content:"↺ правки возвращаются в генерацию";position:absolute;left:-2px;bottom:-34px;font-size:12px;color:#8f8aa6}
.e-rv-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:14px 16px;border-radius:16px;background:#1d1b25;border:1px solid #2c2938;transition:border-color .3s,background .3s,transform .3s}
.e-rv-steps li::before{content:"";position:absolute;left:-28px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#3a3648;transition:background .3s,box-shadow .3s}
.e-rv-steps li.is-on{border-color:var(--lime);background:#24212f;transform:translateX(4px)}
.e-rv-steps li.is-on::before{background:var(--lime);box-shadow:0 0 0 4px rgba(189,255,57,.2)}
.e-rv-steps b{grid-row:1/3;font:400 italic 28px/1 var(--serif);color:var(--lime)}
.e-rv-steps span{font:600 15px/1.25 var(--sans);color:#fff}
.e-rv-steps i{font-style:normal;font-size:12.5px;color:var(--on-dark-muted)}
.e-rv-win{border-radius:16px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.e-rv-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#eceaf3;border-bottom:1px solid var(--line)}
.e-rv-dots{display:flex;gap:6px}.e-rv-dots i{width:10px;height:10px;border-radius:50%;background:#d2cde3}
.e-rv-dots i:first-child{background:#ff5f57}.e-rv-dots i:nth-child(2){background:#febc2e}.e-rv-dots i:last-child{background:#28c840}
.e-rv-url{flex:1;padding:6px 12px;border-radius:8px;background:#fff;font:500 12px/1 var(--mono);color:#6e6a86;transition:box-shadow .3s,color .3s}
.e-rv-url.is-on{color:var(--purple-ink);box-shadow:0 0 0 2px var(--purple)}
.e-rv-body{padding:14px}
.e-rv-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13px}
.e-rv-head b{font-size:15px}
.e-rv-head span{color:var(--muted);font-variant-numeric:tabular-nums}
.e-rv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.e-rv-tile{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:linear-gradient(110deg,#ece9f5 30%,#f8f7fc 50%,#ece9f5 70%) 0 0/200% 100%}
.e-rv-tile.is-gen{animation:eShim 1s linear infinite}
@keyframes eShim{to{background-position:-200% 0}}
.e-rv-tile img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.e-rv-tile.is-ready img{opacity:1}
.e-rv-like{position:absolute;right:6px;bottom:6px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#b9b4cf;font:700 15px/30px var(--sans);text-align:center;cursor:pointer;padding:0;transition:transform .2s,color .2s}
.e-rv-like.is-on{color:#ff2d55;animation:eLike .45s}
.e-rv-tile:not(.is-ready) .e-rv-like{display:none}
.e-rv-st{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:999px;font:600 10px/1.2 var(--sans);opacity:0;transition:opacity .3s}
.e-rv-st.is-ok{opacity:1;background:#178a4c;color:#fff}
.e-rv-st.is-fix{opacity:1;background:#ff8a00;color:#fff}
.e-rv-st.is-v2{opacity:1;background:var(--purple);color:#fff}
.e-rv-pin{position:absolute;left:8%;bottom:28%;right:8%;padding:7px 9px;border-radius:10px 10px 10px 2px;background:#141318;color:#fff;font-size:11px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.e-rv-pin.is-on{opacity:1;transform:none}
.e-rv-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px}
.e-rv-out{color:var(--muted)}
.e-rv-out.is-on{color:#178a4c;font-weight:600}
.e-rv-replay{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 12px;font:500 12px/1 var(--sans);cursor:pointer}
@media (max-width:900px){.e-rv{grid-template-columns:1fr;padding:18px}.e-rv-steps{margin-bottom:34px}}

/* Кросс-ссылка на маркетинг */
.e-mk-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:center}
.e-mk-tags{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.e-mk-tags li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.6);font-size:14px}
.e-mk-art{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:12px;height:clamp(300px,30vw,400px)}
.e-mk-art img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 14px 30px rgba(30,40,0,.18)}
.e-mk-art img:nth-child(1){grid-row:1/3;object-position:50% 40%}
.e-mk-art img:nth-child(3){object-position:50% 30%}
@media (max-width:860px){.e-mk-in{grid-template-columns:1fr}.e-mk-art{height:300px;max-width:520px}}
.fcard2 figure.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#ece8f6}
.fcard2 figure.is-pair>img{height:100%;object-fit:contain;border-radius:8px;background:#fff}
.e-call.bg-lime .e-fine{color:#34382a}
.e-call.bg-lime .e-call-range{box-shadow:0 10px 24px rgba(40,60,0,.12)}
.e-style.bg-purple .e-row p{color:#fff}
.e-style.bg-purple .e-tile{background:#fff;color:var(--ink)}
.e-style.bg-purple .e-tile:nth-child(2){background:var(--lime)}
.e-style.bg-purple .e-tile:nth-child(2) p{color:#34382a}
.e-call.bg-lime .e-sheet.is-ubi{background:#fff}