/* ═══════════════════════════════════════════════════════════════════════
   WO-V51 — страница «Импорт товаров в WordPress и WooCommerce».
   Точный перенос APPROVED Figma (Desktop 266:1378 / Wide 266:1676 /
   Mobile 266:1975, file fEEI3ATv0qp5yjC6oLwqKb). Геометрия — по
   FIGMA-GEOMETRY-MANIFEST.json (допуски ±4px по bbox).
   Каскад: >=1024px — точная 1440-композиция (центр; на 1024–1439 JS-zoom
   vw/1440; на >=1440 поля #f7f3eb как в Wide-ноде — полосы НЕ растянуты);
   <=1023px — мобильная композиция 390-базы (left/right-констрейнты).
   Namespace .wov51 — не пересекается с wo.css/ds-v2.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Roboto self-hosted (метрическая синхронизация с Figma; variable wght, subset) ──
   V5.2: макет (Figma 266:1378/1676/1975) построен в Roboto. Браузерный system-stack
   (Segoe UI) шире → заголовки уходили под соседние блоки. Self-host убирает расхождение.
   Scoped на .wov51 — прочие страницы не затрагиваются. font-display:swap. */
@font-face { font-family: 'RobotoLA'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/roboto-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'RobotoLA'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/roboto-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'RobotoLA'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/roboto-cyrillic.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'RobotoLA'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/roboto-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }

.wov51 { color: #262a2e; font-family: 'RobotoLA', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
body.wov51-page { background: #f7f3eb; }
.wov51 .hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.wov51 [hidden] { display: none !important; }
.wov51 i { font-style: normal; }
.wov51-f__srlabel { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.wov51-eyebrow { font-weight: 700; color: #8a6213; }
.wov51-h2 { font-weight: 900; color: #262a2e; margin: 0; }
.btn__spinner { display: none; }
.is-loading .btn__spinner { display: inline-block; width: 14px; height: 14px; margin-left: 8px;
  border: 2px solid rgba(38,42,46,.3); border-top-color: #262a2e; border-radius: 50%;
  animation: wov51spin .7s linear infinite; vertical-align: -2px; }
@keyframes wov51spin { to { transform: rotate(360deg); } }
.field.has-err input, .field.has-err textarea { outline: 2px solid #b3261e; outline-offset: -1px; }
.field__err { display: block; font-size: 11px; color: #b3261e; }
.field__err:empty { display: none; }

/* V5.2 FAQ: мягкое появление ответа; отключается при prefers-reduced-motion */
@media (prefers-reduced-motion: no-preference) {
  .wov51-faq__a { animation: wov51faqIn .22s ease-out; }
}
@keyframes wov51faqIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* ════════════════ DESKTOP: точная 1440-композиция (>=1024) ════════════════ */
@media (min-width: 1024px) {

.wov51-sec { position: relative; width: 100%; }
.wov51-in { position: relative; width: 1440px; margin: 0 auto; height: 100%; }

.wov51-hero  { height: 780px; } .wov51-map   { height: 780px; }
.wov51-steps { height: 640px; } .wov51-vars  { height: 560px; }
.wov51-case  { height: 700px; } .wov51-xsell { height: 280px; }
.wov51-deliv { height: 480px; } .wov51-order { height: 620px; }
.wov51-faq   { min-height: 700px; height: auto; } .wov51-lead  { height: 860px; }
.wov51-hero  .wov51-in { background: #faf6ed; }
.wov51-map   .wov51-in { background: #faf6ed; }
.wov51-steps .wov51-in { background: #f8f3e7; }
.wov51-vars  .wov51-in { background: #faf6ed; }
.wov51-case  .wov51-in { background: #f8f3e7; }
.wov51-xsell .wov51-in { background: #f7f3eb; }
.wov51-deliv .wov51-in { background: #f8f3e7; }
.wov51-order .wov51-in { background: #f8f3e7; }
.wov51-faq   .wov51-in { background: #faf6ed; }
.wov51-lead  .wov51-in { background: #1e2226; }

/* мобильные варианты скрыты */
.wov51-swap__m, .wov51-map__note-m, .wov51-bench__toggle, .wov51-case__body-m,
.wov51-case__illo-m, .wov51-xsell__cap-m, .wov51-xsell__x-m, .wov51-price__x-m,
.wov51-faq__more-m, .wov51-lead__ordercompact, .wov51-form__note-m,
.wov51-vars__sep { display: none; }

/* ── 1. Hero ── */
.wov51-hero__panel { position: absolute; left: 60px; top: 80px; width: 690px; height: 520px;
  background: rgba(248,244,234,.92); border-radius: 28px; box-shadow: 0 18px 40px rgba(31,33,36,.12); z-index: 2; }
.wov51-hero__kicker { position: absolute; left: 48px; top: 40px; width: 500px; margin: 0;
  font-size: 13px; font-weight: 700; letter-spacing: 1.04px; color: #5f666d; }
.wov51-hero__h1 { position: absolute; left: 48px; top: 76px; width: 594px; margin: 0;
  font-size: 52px; line-height: 58px; font-weight: 900; color: #262a2e; }
.wov51-hero__lead { position: absolute; left: 48px; top: 272px; width: 560px; margin: 0;
  font-size: 18px; line-height: 29px; color: #5f666d; }
.wov51-hero__cta { position: absolute; left: 48px; top: 418px; width: 300px; height: 58px;
  background: #ffbe3c; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 700; color: #262a2e; text-decoration: none; }
.wov51-hero__cta:hover { background: #f0ac1e; }
.wov51-hero__tz { position: absolute; left: 372px; top: 438px; font-size: 15px; font-weight: 700;
  color: #8a5a00; text-decoration: none; white-space: nowrap; }
.wov51-hero__tz:hover { text-decoration: underline; }

.wov51-console { position: absolute; left: 820px; top: 90px; width: 560px; height: 460px; box-sizing: border-box;
  background: #262a2e; border: 1.5px dashed #b26b00; border-radius: 24px; overflow: hidden; }
.wov51-console__label { position: absolute; left: 28.5px; top: 20.5px; margin: 0;
  font-size: 11px; font-weight: 700; color: #ffbe3c; white-space: nowrap; }
.wov51-console__src { position: absolute; top: 48.5px; width: 156px; height: 54px;
  background: #2e3338; border-radius: 12px; }
.wov51-console__src--1 { left: 28.5px; } .wov51-console__src--2 { left: 200.5px; } .wov51-console__src--3 { left: 372.5px; }
.wov51-console__src b { position: absolute; left: 16px; top: 9px; font-size: 13px; font-weight: 700; color: #f4f1ea; white-space: nowrap; }
.wov51-console__src span { position: absolute; left: 16px; top: 29px; font-size: 11.5px; color: #dbe0e5; white-space: nowrap; }
.wov51-console__pipe { position: absolute; width: 2px; background: rgba(255,190,60,.6); }
.wov51-console__pipe--a { left: 105.5px; top: 102.5px; height: 40px; }
.wov51-console__pipe--b { left: 277.5px; top: 102.5px; height: 40px; }
.wov51-console__pipe--c { left: 449.5px; top: 102.5px; height: 40px; }
.wov51-console__pipe--d { left: 277.5px; top: 218.5px; height: 26px; }
.wov51-console__pipe--e { left: 277.5px; top: 306.5px; height: 26px; }
.wov51-console__map { position: absolute; left: 58.5px; top: 142.5px; width: 440px; height: 76px;
  background: #2e3338; border: 1.5px solid #ffbe3c; border-radius: 14px; box-sizing: border-box; }
.wov51-console__map b { position: absolute; left: 15px; top: 9px; font-size: 11px; font-weight: 700; color: #ffbe3c; white-space: nowrap; }
.wov51-console__map span { position: absolute; left: 15px; top: 31px; width: 404px; font-size: 12.5px; color: #f4f1ea; }
.wov51-console__batch { position: absolute; left: 58.5px; top: 244.5px; width: 440px; height: 62px;
  background: #2e3338; border-radius: 14px; }
.wov51-console__batch b { position: absolute; left: 18px; top: 11px; font-size: 11px; font-weight: 700; color: #ffbe3c; white-space: nowrap; }
.wov51-console__batch span { position: absolute; left: 18px; top: 32px; font-size: 12.5px; color: #f4f1ea; white-space: nowrap; }
.wov51-console__result { position: absolute; left: 58.5px; top: 332.5px; width: 440px; height: 96px;
  background: #2e3338; border-radius: 14px; }
.wov51-console__marks { position: absolute; left: 0; top: 0; width: 110px; height: 96px; }
.wov51-console__woo { position: absolute; left: 6px; top: 33px; width: 97px; height: 45px; }
.wov51-console__wp { position: absolute; left: 33px; top: 14px; width: 28px; height: 28px; }
.wov51-console__result > b { position: absolute; left: 100px; top: 24px; font-size: 15.5px; font-weight: 700; color: #fff; white-space: nowrap; }
.wov51-console__ok { position: absolute; left: 139px; top: 51px; font-size: 12px; color: #dbe0e5; white-space: nowrap; }
.wov51-console__cards { position: absolute; left: 306px; top: 22px; width: 120px; height: 52px; }
.wov51-console__cards i { position: absolute; top: 0; width: 36px; height: 52px; background: #262a2e; border-radius: 6px; }
.wov51-console__cards i:nth-child(1) { left: 0; } .wov51-console__cards i:nth-child(2) { left: 42px; } .wov51-console__cards i:nth-child(3) { left: 84px; }
.wov51-console__cards i::before { content: ""; position: absolute; left: 6px; top: 6px; width: 24px; height: 22px;
  background: rgba(255,190,60,.35); border-radius: 3px; }
.wov51-console__cards i::after { content: ""; position: absolute; left: 6px; top: 34px; width: 24px; height: 10px;
  background-image: linear-gradient(rgba(219,224,229,.6), rgba(219,224,229,.6)), linear-gradient(rgba(255,190,60,.8), rgba(255,190,60,.8));
  background-size: 24px 3px, 16px 3px; background-position: 0 0, 0 7px; background-repeat: no-repeat; }

.wov51-dock { position: absolute; left: 130px; top: 622px; width: 1180px; height: 112px; z-index: 3;
  background: #fffef9; border: 1px solid rgba(38,42,46,.12); border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,.13); box-sizing: border-box; }
.wov51-dock__cell { position: absolute; top: 0; height: 100%; width: 285px; }
.wov51-dock__cell:nth-child(1) { left: 27px; } .wov51-dock__cell:nth-child(2) { left: 312px; }
.wov51-dock__cell:nth-child(3) { left: 597px; } .wov51-dock__cell:nth-child(4) { left: 882px; }
.wov51-dock__cap { position: absolute; left: 0; top: 25px; font-size: 11px; font-weight: 700;
  letter-spacing: 1.1px; color: #5f666d; white-space: nowrap; }
.wov51-dock__val { position: absolute; left: 0; top: 49px; width: 258px; font-size: 16px; font-weight: 700; color: #262a2e; }

/* ── 2. MappingBench ── */
.wov51-map .wov51-eyebrow { position: absolute; left: 80px; top: 64px; margin: 0; font-size: 13px; letter-spacing: 1.3px; }
.wov51-map__h2 { position: absolute; left: 80px; top: 92px; width: 760px; margin: 0;
  font-size: 40px; line-height: 48px; font-weight: 900; }
.wov51-bench { position: absolute; left: 80px; top: 196px; width: 1280px; height: 500px;
  background: #1a1d21; border-radius: 28px; }
.wov51-bench__cap { position: absolute; top: 20px; margin: 0; font-size: 11px; font-weight: 700;
  letter-spacing: 1.32px; color: #9ca3ab; white-space: nowrap; }
.wov51-bench__cap--l { left: 48px; } .wov51-bench__cap--r { left: 696px; }
.wov51-bench__row { position: absolute; left: 0; width: 100%; height: 46px; }
.wov51-bench__row:nth-of-type(1) { top: 44px; } .wov51-bench__row:nth-of-type(2) { top: 106px; }
.wov51-bench__row:nth-of-type(3) { top: 168px; } .wov51-bench__row:nth-of-type(4) { top: 230px; }
.wov51-bench__row:nth-of-type(5) { top: 292px; } .wov51-bench__row:nth-of-type(6) { top: 354px; }
.wov51-bench__row:nth-of-type(7) { top: 416px; }
.wov51-bench__cell { position: absolute; top: 0; width: 430px; height: 46px; background: #30353a;
  border-radius: 12px; font-family: ui-monospace, 'Roboto Mono', 'Cascadia Mono', Consolas, monospace;
  font-weight: 700; font-size: 15px; line-height: 46px; padding: 0 0 0 18px; box-sizing: border-box; white-space: nowrap; }
.wov51-bench__cell--s { left: 48px; color: #d9dbde; }
.wov51-bench__cell--d { left: 696px; color: #fffef9; }
.wov51-bench__wire { position: absolute; left: 492px; top: 22px; width: 190px; height: 2px; background: rgba(107,115,122,.6); }
.wov51-bench__row--key .wov51-bench__cell { border: 1.5px solid #ffbe3c; line-height: 43px; }
.wov51-bench__row--key .wov51-bench__cell--d { background: #473814; color: #ffbe3c; }
.wov51-bench__row--key .wov51-bench__wire { background: #ffbe3c; height: 3px; }
.wov51-bench__keylabel { position: absolute; left: 1140px; top: 6px; width: 120px; margin: 0;
  font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: .8px; color: #ffbe3c; }
.wov51-map__note { position: absolute; left: 80px; top: 716px; margin: 0; font-size: 14px; color: #5f666d; white-space: nowrap; }

/* ── 3. StepFlow ── */
.wov51-steps .wov51-h2 { position: absolute; left: 80px; top: 64px; font-size: 40px; white-space: nowrap; }
.wov51-steps__list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
.wov51-steps__item { position: absolute; left: 80px; width: 560px; }
.wov51-steps__item:nth-child(1) { top: 160px; } .wov51-steps__item:nth-child(2) { top: 248px; }
.wov51-steps__item:nth-child(3) { top: 336px; } .wov51-steps__item:nth-child(4) { top: 424px; }
.wov51-steps__item:nth-child(5) { top: 512px; }
.wov51-steps__n { position: absolute; left: 0; top: 0; width: 48px; height: 48px; box-sizing: border-box;
  background: #fffef9; border: 2.5px solid #262a2e; border-radius: 14px;
  font-size: 16px; font-weight: 900; color: #262a2e; display: flex; align-items: center; justify-content: center; }
.wov51-steps__n--amber { background: #ffbe3c; }
.wov51-steps__t { position: absolute; left: 72px; top: 2px; margin: 0; font-size: 18px; font-weight: 700; white-space: nowrap; }
.wov51-steps__x { position: absolute; left: 72px; top: 30px; width: 480px; margin: 0;
  font-size: 14.5px; line-height: 21px; color: #5f666d; }
.wov51-steps__scene { position: absolute; left: 800px; top: 150px; width: 560px; height: 420px;
  border: 1.5px dashed #b26b00; border-radius: 18px; box-sizing: border-box; }
.wov51-steps__scene img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 18px; }

/* ── 4. Variations ── */
.wov51-vars .wov51-eyebrow { position: absolute; left: 80px; top: 64px; margin: 0; font-size: 13px; letter-spacing: 1.3px; }
/* V5.2: ширина-контракт 647px (Figma 266:1506) + перенос-страховка вместо nowrap —
   правый край блока жёстко на 80+647=727px < карточка (left:740px), коллизии нет
   ни при какой метрике шрифта/зуме; текст не обрезается (переносится в рамках 647). */
.wov51-vars .wov51-h2 { position: absolute; left: 80px; top: 92px; width: 647px; max-width: 647px;
  font-size: 40px; line-height: 48px; overflow-wrap: break-word; }
.wov51-vars__body { position: absolute; left: 80px; top: 156px; width: 560px; margin: 0;
  font-size: 16px; line-height: 26px; color: #5f666d; }
.wov51-vars__parent { position: absolute; left: 740px; top: 120px; width: 280px; height: 300px;
  background: #fffef9; border: 1px solid rgba(38,42,46,.12); border-radius: 18px; box-sizing: border-box; }
.wov51-vars__pcap { position: absolute; left: 21px; top: 19px; margin: 0; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: #5f666d; white-space: nowrap; }
.wov51-vars__pname { position: absolute; left: 21px; top: 43px; margin: 0; font-size: 19px; font-weight: 700; white-space: nowrap; }
.wov51-vars__pattr { position: absolute; left: 21px; top: 75px; margin: 0; font-size: 13px; color: #5f666d; white-space: nowrap; }
.wov51-vars__photo { position: absolute; left: 21px; top: 109px; width: 236px; height: 160px; border-radius: 12px; object-fit: cover; }
.wov51-vars__grid { position: absolute; left: 1080px; top: 140px; width: 316px; height: 192px; }
.wov51-vars__card { position: absolute; width: 150px; height: 88px; background: #fffef9;
  border: 1.5px solid #ffbe3c; border-radius: 12px; box-sizing: border-box; }
.wov51-vars__card:nth-child(1) { left: 0; top: 0; } .wov51-vars__card:nth-child(2) { left: 166px; top: 0; }
.wov51-vars__card:nth-child(3) { left: 0; top: 104px; } .wov51-vars__card:nth-child(4) { left: 166px; top: 104px; }
.wov51-vars__card b { position: absolute; left: 12.5px; top: 14.5px; font-size: 13px; font-weight: 700; color: #262a2e; white-space: nowrap; }
.wov51-vars__price { position: absolute; left: 12.5px; top: 44.5px; font-size: 15px; font-weight: 700; color: #8a5a00; white-space: nowrap; }
.wov51-vars__grid::before, .wov51-vars__grid::after { content: ""; position: absolute; left: -54px; width: 46px; height: 2px; background: rgba(255,190,60,.8); }
.wov51-vars__grid::before { top: 44px; } .wov51-vars__grid::after { top: 148px; }
.wov51-vars__democap { position: absolute; left: 740px; top: 424px; margin: 0; font-size: 12px; color: #565c63; white-space: nowrap; }
.wov51-vars__idnote { position: absolute; left: 740px; top: 452px; width: 520px; margin: 0; font-size: 13.5px; line-height: 20px; color: #5f666d; }

/* ── 5. FeaturedCase ── */
.wov51-case .wov51-eyebrow { position: absolute; left: 80px; top: 56px; margin: 0; font-size: 13px; letter-spacing: 1.3px; }
.wov51-case .wov51-h2 { position: absolute; left: 80px; top: 84px; font-size: 40px; white-space: nowrap; }
.wov51-case__slide { position: absolute; left: 80px; top: 160px; width: 1280px; height: 500px;
  background: #1a1d21; border-radius: 28px; overflow: hidden; }
.wov51-case__left { position: absolute; left: 0; top: 0; width: 690px; height: 500px; }
.wov51-case__badge { position: absolute; left: 44px; top: 38px; width: 72px; height: 27px; box-sizing: border-box;
  background: #ffbe3c; border-radius: 14px; font-size: 12px; line-height: 27px; font-weight: 700;
  color: #262a2e; text-align: center; }
.wov51-case__kicker { position: absolute; left: 44px; top: 88px; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; color: #9ca3ab; }
.wov51-case__title { position: absolute; left: 44px; top: 118px; width: 585px; margin: 0;
  font-size: 28px; line-height: 34px; font-weight: 700; color: #fff; }
.wov51-case__body { position: absolute; left: 44px; top: 205px; width: 585px; margin: 0;
  font-size: 15px; line-height: 23px; color: rgba(255,255,255,.76); }
.wov51-case__stats { position: absolute; left: 44px; top: 360px; width: 590px; margin: 0; }
.wov51-case__stats div { position: absolute; top: 0; width: 176px; }
.wov51-case__stats div:nth-child(1) { left: 0; } .wov51-case__stats div:nth-child(2) { left: 190px; } .wov51-case__stats div:nth-child(3) { left: 380px; }
.wov51-case__stats dt { margin: 0; font-size: 24px; line-height: 29px; font-weight: 700; color: #ffbe3c; }
.wov51-case__stats dd { margin: 5px 0 0; font-size: 12.5px; line-height: 17px; color: rgba(255,255,255,.68); }
.wov51-case__quote { position: absolute; left: 44px; top: 448px; width: 590px; margin: 0;
  font-size: 12.5px; line-height: 17px; color: rgba(255,255,255,.68); }
.wov51-case__right { position: absolute; left: 690px; top: 0; width: 590px; height: 500px; background: #262a2e; }
.wov51-case__api { position: absolute; left: 40px; top: 36px; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; color: #ffbe3c; }
.wov51-case__illo { position: absolute; left: 105px; top: 90px; width: 380px; height: 285px; object-fit: cover; }
.wov51-case__line { position: absolute; left: 54px; height: 2px; border-radius: 1px; background: #9ca3ab; opacity: .35; }
.wov51-case__line--1 { top: 400px; width: 430px; } .wov51-case__line--2 { top: 418px; width: 392px; }
.wov51-case__line--3 { top: 436px; width: 354px; }
.wov51-case__line--4 { top: 454px; width: 316px; background: #ffbe3c; opacity: .8; }
.wov51-case__counter { position: absolute; left: 458px; top: 448px; font-size: 14px; line-height: 18px; font-weight: 700; color: rgba(255,255,255,.72); }

/* ── 6. CrossSell ── */
.wov51-xsell__card { position: absolute; left: 80px; top: 50px; width: 1280px; height: 180px;
  background: #262a2e; border-radius: 22px; }
.wov51-xsell__cap { position: absolute; left: 44px; top: 30px; margin: 0; font-size: 12px; font-weight: 700; color: #ffbe3c; white-space: nowrap; }
.wov51-xsell__h2 { position: absolute; left: 44px; top: 58px; margin: 0; font-size: 30px; font-weight: 900; color: #fff; white-space: nowrap; }
.wov51-xsell__x { position: absolute; left: 44px; top: 108px; width: 640px; margin: 0; font-size: 15.5px; color: #f4f1ea; }
.wov51-xsell__cta { position: absolute; left: 956px; top: 62px; width: 280px; height: 56px;
  background: #ffbe3c; border: 0; border-radius: 14px; font-size: 16px; font-weight: 700; color: #262a2e; cursor: pointer; }
.wov51-xsell__cta:hover { background: #f0ac1e; }

/* ── 7. Deliverables ── */
.wov51-deliv .wov51-h2 { position: absolute; left: 80px; top: 64px; font-size: 40px; white-space: nowrap; }
.wov51-deliv__grid { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wov51-deliv__card { position: absolute; top: 160px; width: 400px; height: 230px; box-sizing: border-box;
  background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-radius: 18px; }
.wov51-deliv__card:nth-child(1) { left: 80px; } .wov51-deliv__card:nth-child(2) { left: 520px; } .wov51-deliv__card:nth-child(3) { left: 960px; }
.wov51-deliv__chip { position: absolute; left: 23px; top: 21px; width: 150px; height: 30px; box-sizing: border-box;
  background: #1a1d21; border-radius: 8px; font-family: ui-monospace, 'Roboto Mono', Consolas, monospace;
  font-size: 13px; line-height: 30px; font-weight: 700; color: #ffbe3c; text-align: center; }
.wov51-deliv__t { position: absolute; left: 23px; top: 71px; width: 350px; margin: 0;
  font-size: 17.5px; line-height: 23px; font-weight: 700; }
.wov51-deliv__x { position: absolute; left: 23px; top: 129px; width: 350px; margin: 0;
  font-size: 14px; line-height: 21px; color: #5f666d; }

/* ── 8. ProcessPricing ── */
.wov51-order .wov51-h2 { position: absolute; left: 80px; top: 64px; font-size: 40px; white-space: nowrap; }
.wov51-order__steps { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; list-style: none; }
.wov51-order__step { position: absolute; top: 160px; width: 230px; }
.wov51-order__step:nth-child(1) { left: 80px; } .wov51-order__step:nth-child(2) { left: 330px; }
.wov51-order__step:nth-child(3) { left: 580px; } .wov51-order__step:nth-child(4) { left: 830px; }
.wov51-order__n { position: absolute; left: 0; top: 0; width: 44px; height: 44px; box-sizing: border-box;
  background: #fffef9; border: 2px solid #262a2e; border-radius: 999px;
  font-size: 15px; font-weight: 900; color: #262a2e; display: flex; align-items: center; justify-content: center; }
.wov51-order__n--amber { background: #ffbe3c; }
.wov51-order__t { position: absolute; left: 0; top: 58px; margin: 0; font-size: 17px; font-weight: 700; white-space: nowrap; }
.wov51-order__x { position: absolute; left: 0; top: 86px; width: 210px; margin: 0; font-size: 13.5px; line-height: 19px; color: #5f666d; }
.wov51-price { position: absolute; left: 80px; top: 350px; width: 1280px; height: 210px;
  background: #1a1d21; border-radius: 22px; }
.wov51-price__t { position: absolute; left: 40px; top: 36px; margin: 0; font-size: 22px; font-weight: 700; color: #fffef9; white-space: nowrap; }
.wov51-price__x { position: absolute; left: 40px; top: 80px; width: 620px; margin: 0; font-size: 15px; line-height: 23px; color: #c7c9cc; }
.wov51-price__pay { position: absolute; left: 40px; top: 156px; width: 620px; margin: 0; font-size: 13px; line-height: 19px; color: #a8abad; }
.wov51-price__num { position: absolute; left: 960px; top: 79px; margin: 0; font-size: 44px; line-height: 52px; font-weight: 900; color: #ffbe3c; white-space: nowrap; }

/* ── 9. FAQ ── */
.wov51-faq .wov51-h2 { position: absolute; left: 80px; top: 64px; font-size: 40px; white-space: nowrap; }
/* V5.2: FAQ в нормальном потоке — раскрытый ответ толкает следующий вопрос и растит
   секцию (было: абсолютные nth-child top → перекрытие). Закрытое состояние = ~700px
   (min-height .wov51-in) как в Figma; CTA справа остаётся абсолютной. */
.wov51-faq .wov51-in { min-height: 700px; }
.wov51-faq__list { position: relative; left: auto; top: auto; margin: 0 0 0 80px; padding: 150px 0 40px;
  width: 860px; display: flex; flex-direction: column; gap: 12px; }
.wov51-faq__item { position: relative; left: auto; top: auto; width: 860px; }
.wov51-faq__q { margin: 0; }
.wov51-faq__btn { display: block; width: 860px; min-height: 62px; box-sizing: border-box; position: relative;
  background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-radius: 14px; cursor: pointer;
  padding: 19px 60px 19px 23px; text-align: left; font: inherit; font-size: 15.5px; line-height: 22px; font-weight: 700; color: #262a2e; }
.wov51-faq__chev { position: absolute; right: 25px; top: 19px; font-size: 16px; font-weight: 700; color: #5f666d; }
.wov51-faq__btn[aria-expanded="true"] .wov51-faq__chev { transform: rotate(180deg); }
.wov51-faq__a { background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-top: 0;
  border-radius: 0 0 14px 14px; margin-top: -8px; padding: 12px 23px 16px; position: relative; z-index: 1; }
.wov51-faq__a p { margin: 0; font-size: 14px; line-height: 21px; color: #5f666d; }
.wov51-faq__cta { position: absolute; left: 980px; top: 150px; width: 380px; height: 220px;
  background: #1a1d21; border-radius: 20px; }
.wov51-faq__ctat { position: absolute; left: 30px; top: 30px; margin: 0; font-size: 20px; font-weight: 700; color: #fffef9; white-space: nowrap; }
.wov51-faq__ctax { position: absolute; left: 30px; top: 62px; width: 320px; margin: 0; font-size: 14px; line-height: 21px; color: #c7c9cc; }
.wov51-faq__ctabtn { position: absolute; left: 30px; top: 140px; width: 250px; height: 50px;
  background: #ffbe3c; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; color: #262a2e; text-decoration: none; }
.wov51-faq__ctabtn:hover { background: #f0ac1e; }

/* ── 10. Lead form ── */
.wov51-lead__left { position: absolute; left: 80px; top: 80px; width: 664px; }
.wov51-lead__cap { margin: 0; font-size: 13px; line-height: 15px; font-weight: 700; letter-spacing: 1.82px; color: #ffbe3c; }
.wov51-lead__h2 { margin: 18px 0 0; font-size: 44px; line-height: 52px; font-weight: 700; color: #fff; }
.wov51-lead__x { margin: 18px 0 0; font-size: 15.5px; line-height: 18px; color: rgba(255,255,255,.72); }
.wov51-lead__flow { margin: 18px 0 0; padding: 0; list-style: none; }
.wov51-lead__flow li { position: relative; margin: 0 0 18px; padding: 2.5px 0 2.5px 38px;
  font-size: 14px; line-height: 16px; color: rgba(255,255,255,.85); }
.wov51-lead__flow li:last-child { margin-bottom: 0; }
.wov51-lead__fn { position: absolute; left: 0; top: 0; width: 26px; height: 21px; box-sizing: border-box;
  background: #ffbe3c; border-radius: 8px; font-size: 13px; font-weight: 700; color: #262a2e;
  display: flex; align-items: center; justify-content: center; }
.wov51-lead__card { position: absolute; left: 800px; top: 80px; width: 560px; height: 700px;
  background: #fffefb; border-radius: 22px; box-shadow: 0 18px 40px rgba(38,42,46,.12); }
.wov51-lead__ft { position: absolute; left: 24px; top: 24px; margin: 0; font-size: 21px; font-weight: 900; white-space: nowrap; }
.wov51-lead__preset { position: absolute; left: 400px; top: 30px; font-size: 10.5px; font-weight: 700; color: #5f666d; white-space: nowrap; }
.wov51-form { position: absolute; inset: 0; }
.wov51-f { display: block; position: absolute; left: 24px; }
.wov51-f input[type="text"], .wov51-f textarea { width: 512px; height: 46px; box-sizing: border-box;
  background: #fff; border: 1.5px solid #dfd8ca; border-radius: 12px; padding: 12px 14px;
  font: inherit; font-size: 14.5px; color: #262a2e; resize: none; }
.wov51-f input::placeholder, .wov51-f textarea::placeholder { color: #5f666d; opacity: 1; }
.wov51-f input:focus, .wov51-f textarea:focus { outline: 2px solid #ffbe3c; outline-offset: -1px; }
.wov51-f--url { top: 70px; }
.wov51-f__attachrow { position: absolute; left: 24px; top: 122px; width: 512px; height: 28px; }
.wov51-f__attach { display: block; position: relative; width: 150px; height: 28px; cursor: pointer; }
.wov51-f__attach input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.wov51-f__attachbtn { position: absolute; inset: 0; background: #f7f3eb; border: 1px solid #dfd8ca; border-radius: 8px;
  font-size: 12px; line-height: 26px; color: #262a2e; text-align: center; pointer-events: none; }
.wov51-f__hint { position: absolute; left: 164px; top: 7px; width: 348px; margin: 0; font-size: 12px; color: #5f666d; }
.wov51-f--cms { top: 162px; }
.wov51-f--contact { top: 382px; }
.wov51-f__row2 { position: absolute; left: 24px; top: 220px; width: 512px; height: 46px; }
.wov51-f__row2 .wov51-f { position: absolute; top: 0; left: 0; }
.wov51-f__row2 .wov51-f + .wov51-f { left: 264px; }
.wov51-f__row2 input[type="text"] { width: 248px; font-size: 13.5px; }
.wov51-f--what { top: 278px; }
.wov51-f--what textarea { height: 92px; }
.wov51-f__check { display: block; position: absolute; left: 24px; width: 512px; cursor: pointer; }
.wov51-f__check--req { top: 444px; }
.wov51-f__check--opt { top: 498px; }
.wov51-f__check input[type="checkbox"] { position: absolute; left: 0; top: 2px; width: 18px; height: 18px;
  accent-color: #ffbe3c; margin: 0; }
.wov51-f__check span { display: block; padding-left: 28px; font-size: 12.5px; line-height: 15px; color: #5f666d; }
.wov51-f__check a { color: #5f666d; text-decoration: underline; }
.wov51-form__submit { position: absolute; left: 24px; top: 556px; width: 512px; height: 56px;
  background: #ffbe3c; border: 0; border-radius: 14px; font: inherit; font-size: 16px; font-weight: 700; color: #262a2e; cursor: pointer; }
.wov51-form__submit:hover { background: #f0ac1e; }
.wov51-form__note { position: absolute; left: 24px; top: 630px; width: 512px; margin: 0; font-size: 12.5px; color: #5f666d; }
.wov51 .leadform__summary { position: absolute; left: 24px; top: 656px; width: 512px; margin: 0; font-size: 12.5px; color: #b3261e; }
.wov51-form__done { position: absolute; left: 24px; top: 80px; width: 512px; color: #262a2e; }
.wov51-form__done h3 { margin: 0 0 12px; font-size: 24px; font-weight: 900; }
.wov51-form__done p { margin: 0 0 20px; font-size: 15px; color: #5f666d; }
.wov51-form__again { background: transparent; border: 1.5px solid #262a2e; border-radius: 999px;
  padding: 10px 22px; font: inherit; font-size: 14px; font-weight: 700; color: #262a2e; cursor: pointer; }

} /* конец desktop >=1024 */

/* ════════════════ MOBILE: композиция 390-базы (<=1023) ════════════════ */
@media (max-width: 1023.98px) {

/* header страницы = 60px (M/Header 266:1976); page-specific, глобально не влияет */
body.wov51-page .wo-header__in { height: 60px; }

.wov51-sec { position: relative; overflow: hidden; } /* BFC: гасит margin-collapse UA-стилей ol/ul */
.wov51-in { position: relative; height: 100%; }
.wov51 ol, .wov51 ul { margin: 0; padding: 0; list-style: none; }

/* десктопные варианты скрыты */
.wov51-swap__f, .wov51-map__note, .wov51-case__body, .wov51-case__right,
.wov51-case .wov51-eyebrow, .wov51-case .wov51-h2,
.wov51-xsell__cap, .wov51-xsell__x, .wov51-price__x, .wov51-price__pay,
.wov51-form__note, .wov51-lead__cap, .wov51-lead__h2, .wov51-lead__x, .wov51-lead__flow,
.wov51-lead__preset, .wov51-dock__cell--dtonly, .wov51-hero__tz, .wov51-console__label,
.wov51-console__src span, .wov51-console__map span, .wov51-console__batch,
.wov51-console__pipe--e, .wov51-console__ok, .wov51-console__cards,
.wov51-bench__cap, .wov51-bench__keylabel, .wov51-steps__x, .wov51-steps__scene,
.wov51-vars__body, .wov51-vars__pcap, .wov51-case__kicker, .wov51-case__quote,
.wov51-order .wov51-h2, .wov51-order__steps, .wov51-faq__cta { display: none; }
.wov51-swap__m { display: inline; }

/* высоты секций — Mobile 266:1975 (тянутся по ширине 320–1023) */
.wov51-hero  { height: 640px; background: #faf6ed; }
.wov51-map   { height: 596px; background: #faf6ed; }
.wov51-steps { height: 560px; background: #f8f3e7; }
.wov51-vars  { height: 472px; background: #faf6ee; }
.wov51-case  { height: 640px; background: #faf6ed; }
.wov51-xsell { height: 230px; background: #f7f3eb; }
.wov51-deliv { height: 460px; background: #f8f3e9; }
.wov51-order { height: 260px; background: #faf6ed; }
.wov51-faq   { min-height: 380px; height: auto; background: #f8f3e7; }
.wov51-lead  { height: 869px; background: #faf6ed; }

/* ── 1. Hero ── */
.wov51-hero__panel { position: static; background: none; border-radius: 0; box-shadow: none; }
.wov51-hero__kicker { position: absolute; left: 20px; top: 28px; right: 20px; margin: 0;
  font-size: 10.5px; font-weight: 700; letter-spacing: 1.05px; color: #5f666d; width: auto; }
.wov51-hero__h1 { position: absolute; left: 20px; top: 52px; right: 20px; margin: 0; width: auto;
  font-size: 29px; line-height: 34px; font-weight: 900; color: #262a2e; }
.wov51-hero__lead { position: absolute; left: 20px; top: 168px; right: 20px; margin: 0; width: auto;
  font-size: 14.5px; line-height: 22px; color: #5f666d; }
.wov51-hero__cta { position: absolute; left: 20px; top: 292px; right: 20px; width: auto; height: 52px;
  background: #ffbe3c; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; color: #262a2e; text-decoration: none; }
.wov51-console { position: absolute; left: 20px; top: 364px; right: 20px; width: auto; height: 180px; box-sizing: border-box;
  background: #262a2e; border: 1.5px dashed #b26b00; border-radius: 16px; overflow: hidden; }
.wov51-console__src { position: absolute; top: 14.5px; width: 29.8%; height: 34px; background: #2e3338; border-radius: 8px; }
.wov51-console__src--1 { left: 14.5px; } .wov51-console__src--2 { left: 35.4%; } .wov51-console__src--3 { right: 14.5px; }
.wov51-console__src b { position: absolute; left: 0; right: 0; top: 10px; font-size: 11.5px; font-weight: 700; color: #f4f1ea; text-align: center; }
.wov51-console__pipe { position: absolute; width: 2px; background: rgba(255,190,60,.6); }
.wov51-console__pipe--a { left: 19%; top: 48.5px; height: 14px; }
.wov51-console__pipe--b { left: 50%; top: 48.5px; height: 14px; }
.wov51-console__pipe--c { left: 81%; top: 48.5px; height: 14px; }
.wov51-console__map { position: absolute; left: 14.5px; right: 14.5px; top: 62.5px; height: 30px; width: auto;
  background: #2e3338; border: 1px solid #ffbe3c; border-radius: 8px; box-sizing: border-box; }
.wov51-console__map b { position: absolute; left: 15px; top: 8px; font-size: 10.5px; font-weight: 700; color: #ffbe3c; white-space: nowrap; }
.wov51-console__map b::after { content: " · КОНТРОЛЬНАЯ ПАРТИЯ"; }
.wov51-console__pipe--d { left: 50%; top: 92.5px; height: 12px; }
.wov51-console__result { position: absolute; left: 14.5px; right: 14.5px; top: 106.5px; height: 56px;
  background: #2e3338; border-radius: 10px; }
.wov51-console__marks { position: absolute; left: 0; top: 0; width: 70px; height: 56px; }
.wov51-console__woo { position: absolute; left: 8px; top: 25px; width: 56px; height: 26px; }
.wov51-console__wp { position: absolute; left: 25px; top: 6px; width: 22px; height: 22px; }
.wov51-console__result > b { position: absolute; left: 78px; right: 10px; top: 15px;
  font-size: 12px; line-height: 14px; font-weight: 700; color: #fff; }
.wov51-console__result > b::after { content: " — загружен и проверен"; }
.wov51-dock { position: absolute; left: 20px; right: 20px; top: 560px; width: auto; height: 74px;
  background: #fffef9; border: 1px solid rgba(38,42,46,.12); border-radius: 16px; box-sizing: border-box; box-shadow: none; }
.wov51-dock__cell { position: absolute; top: 0; height: 100%; width: auto; }
.wov51-dock__cell:nth-child(1) { left: 15px; width: 52%; }
.wov51-dock__cell:nth-child(2) { left: 60%; right: 8px; }
.wov51-dock__cap { position: absolute; left: 0; top: 13px; font-size: 9.5px; font-weight: 700; letter-spacing: .95px; color: #5f666d; white-space: nowrap; }
.wov51-dock__val { position: absolute; left: 0; right: 0; top: 33px; width: auto; font-size: 13px; font-weight: 700; color: #262a2e; white-space: nowrap; overflow: hidden; }
.wov51-dock__cap[data-m], .wov51-dock__val[data-m] { font-size: 0; }
.wov51-dock__cap[data-m]::before { content: attr(data-m); font-size: 9.5px; letter-spacing: .95px; }
.wov51-dock__val[data-m]::before { content: attr(data-m); font-size: 13px; }

/* ── 2. MappingBench ── */
.wov51-map .wov51-eyebrow { position: absolute; left: 20px; top: 36px; margin: 0; font-size: 10.5px; letter-spacing: 1.05px; }
.wov51-map__h2 { position: absolute; left: 20px; top: 62px; right: 20px; width: auto; margin: 0; font-size: 24px; line-height: 30px; font-weight: 900; }
.wov51-bench { position: absolute; left: 20px; right: 20px; top: 150px; width: auto; height: 320px;
  background: #1a1d21; border-radius: 20px; overflow: hidden; }
.wov51-bench__row--extra { display: none; }
.wov51-bench.is-open { height: auto; padding-bottom: 24px; }
.wov51-bench.is-open .wov51-bench__row { position: relative; top: auto !important; margin: 14px 24px 0; left: 0; right: 0; }
.wov51-bench.is-open .wov51-bench__row--extra { display: block; }
.wov51-bench__row { position: absolute; left: 24px; right: 24px; width: auto; height: 76px; }
.wov51-bench__row:nth-of-type(2) { top: 24px; }   /* Артикул → SKU (key) */
.wov51-bench__row:nth-of-type(5) { top: 122px; }  /* Размер, цвет → Атрибуты */
.wov51-bench__row:nth-of-type(7) { top: 220px; }  /* Остаток → Запас */
.wov51-bench__cell { position: relative; display: block; width: auto; height: 34px; background: #30353a;
  border-radius: 9px; font-family: inherit; font-weight: 700; font-size: 13px; line-height: 34px;
  padding: 0 0 0 14px; box-sizing: border-box; white-space: nowrap; overflow: hidden; }
.wov51-bench__cell--s { color: #d9dbde; }
.wov51-bench__cell--d { color: #fffef9; margin-top: 8px; }
.wov51-bench__wire { position: absolute; left: 50%; top: 34px; width: 2px; height: 8px; background: #6b737a; }
.wov51-bench__row--key .wov51-bench__cell--s { border: 1.5px solid #ffbe3c; line-height: 31px; }
.wov51-bench__row--key .wov51-bench__cell--d { background: #473814; color: #ffbe3c; }
.wov51-bench__row--key .wov51-bench__wire { background: #ffbe3c; }
.wov51-map__note-m { display: block; position: absolute; left: 20px; right: 20px; top: 482px; margin: 0;
  font-size: 12px; line-height: 16px; color: #5f666d; }
.wov51-bench__toggle { display: block; position: absolute; left: 20px; right: 20px; top: 524px; height: 44px;
  background: #fffefb; border: 1px solid rgba(38,42,46,.18); border-radius: 12px;
  font: inherit; font-size: 14px; font-weight: 900; color: #262a2e; cursor: pointer; }
.wov51-map.is-open, .wov51-map.is-open .wov51-in { height: auto; padding-bottom: 30px; }
.wov51-map.is-open .wov51-map__note-m { position: relative; top: auto; margin: 20px 20px 0; }
.wov51-map.is-open .wov51-bench__toggle { position: relative; top: auto; margin: 16px 20px 0; width: calc(100% - 40px); }
.wov51-map.is-open .wov51-bench { position: relative; top: auto; margin: 150px 20px 0; }
.wov51-map.is-open .wov51-map__h2, .wov51-map.is-open .wov51-eyebrow { top: 36px; }

/* ── 3. StepFlow ── */
.wov51-steps .wov51-h2 { position: absolute; left: 20px; top: 40px; margin: 0; font-size: 24px; white-space: nowrap; }
.wov51-steps__item { position: absolute; left: 20px; right: 20px; width: auto; }
.wov51-steps__item:nth-child(1) { top: 100px; } .wov51-steps__item:nth-child(2) { top: 188px; }
.wov51-steps__item:nth-child(3) { top: 276px; } .wov51-steps__item:nth-child(4) { top: 364px; }
.wov51-steps__item:nth-child(5) { top: 452px; }
.wov51-steps__n { position: absolute; left: 0; top: 0; width: 36px; height: 36px; box-sizing: border-box;
  background: #fffef9; border: 2px solid #262a2e; border-radius: 11px;
  font-size: 13px; font-weight: 900; color: #262a2e; display: flex; align-items: center; justify-content: center; }
.wov51-steps__n--amber { background: #ffbe3c; }
.wov51-steps__item:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 40px; width: 3px; height: 44px;
  background: rgba(38,42,46,.35); }
.wov51-steps__t { position: absolute; left: 52px; top: 8px; right: 0; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; white-space: normal; }

/* ── 4. Variations ── */
.wov51-vars .wov51-eyebrow { position: absolute; left: 20px; top: 36px; margin: 0; font-size: 10.5px; letter-spacing: 1.05px; }
.wov51-vars .wov51-h2 { position: absolute; left: 20px; top: 60px; right: 20px; margin: 0; font-size: 24px; line-height: 28px; white-space: normal; }
.wov51-vars__parent { position: absolute; left: 20px; right: 20px; top: 138px; width: auto; height: 220px;
  background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-radius: 16px; box-sizing: border-box; }
.wov51-vars__photo { position: absolute; left: 19px; top: 19px; width: 72px; height: 72px; border-radius: 12px; object-fit: cover; }
.wov51-vars__pname { position: absolute; left: 107px; top: 27px; margin: 0; font-size: 16px; font-weight: 900; white-space: nowrap; }
.wov51-vars__pattr { position: absolute; left: 107px; top: 53px; margin: 0; font-size: 12px; color: #5f666d; white-space: nowrap; }
.wov51-vars__grid { position: absolute; left: 35px; right: 35px; top: 249px; width: auto; height: 96px; }
.wov51-vars__card { position: absolute; width: 48.2%; height: 44px; background: #fffef9;
  border: 1px solid #ffbe3c; border-radius: 12px; box-sizing: border-box;
  font-size: 0; padding: 15px 0 0 18px; overflow: hidden; white-space: nowrap; }
.wov51-vars__card:nth-child(1) { left: 0; top: 0; } .wov51-vars__card:nth-child(2) { right: 0; top: 0; }
.wov51-vars__card:nth-child(3) { left: 0; top: 52px; } .wov51-vars__card:nth-child(4) { right: 0; top: 52px; }
.wov51-vars__card b, .wov51-vars__sep, .wov51-vars__price { position: static; display: inline;
  font-size: 11.5px; font-weight: 400; color: #5f666d; }
.wov51-vars__grid::before, .wov51-vars__grid::after { display: none; }
.wov51-vars__democap { position: absolute; left: 20px; right: 20px; top: 370px; margin: 0; font-size: 11px; color: #5f666d; white-space: normal; }
.wov51-vars__idnote { position: absolute; left: 20px; right: 20px; top: 395px; width: auto; margin: 0; font-size: 13px; line-height: 15px; color: #5f666d; }

/* ── 5. FeaturedCase ── */
.wov51-case__slide { position: absolute; left: 20px; right: 20px; top: 40px; width: auto; height: 560px;
  background: #1a1d21; border-radius: 22px; overflow: hidden; }
.wov51-case__left { position: static; width: auto; height: auto; }
.wov51-case__badge { position: absolute; left: 20px; top: 20px; width: 250px; height: 25px; box-sizing: border-box;
  background: #ffbe3c; border-radius: 13px; line-height: 25px; font-weight: 700; color: #262a2e; text-align: center;
  overflow: hidden; font-size: 0; }
.wov51-case__badge::before { content: "ОТДЕЛЬНЫЙ ПРОЕКТ: АВТОСИНХРОНИЗАЦИЯ"; font-size: 10px; }
.wov51-case__title { position: absolute; left: 20px; right: 20px; top: 62px; width: auto; margin: 0;
  font-size: 20px; line-height: 26px; font-weight: 700; color: #fffef9; }
.wov51-case__body-m { display: block; position: absolute; left: 20px; right: 20px; top: 152px; margin: 0;
  font-size: 13.5px; line-height: 20px; color: #fff; }
.wov51-case__illo-m { display: block; position: absolute; left: 20px; right: 20px; top: 300px; height: 160px;
  border-radius: 12px; overflow: hidden; }
.wov51-case__illo-m img { width: 100%; height: 100%; object-fit: contain; }
.wov51-case__stats { position: absolute; left: 20px; right: 20px; top: 486px; width: auto; margin: 0; }
.wov51-case__stats div { position: absolute; top: 0; width: 96px; }
.wov51-case__stats div:nth-child(1) { left: 0; } .wov51-case__stats div:nth-child(2) { left: 106px; } .wov51-case__stats div:nth-child(3) { left: 212px; }
.wov51-case__stats dt { margin: 0; font-size: 19px; line-height: 22px; font-weight: 900; color: #ffbe3c; white-space: nowrap; }
.wov51-case__stats dd { margin: 4px 0 0; font-size: 10.5px; line-height: 14px; color: #c7c9cc; }
.wov51-case__stats div:nth-child(1) dd { font-size: 0; }
.wov51-case__stats div:nth-child(1) dd::before { content: "товарных вариаций"; font-size: 10.5px; line-height: 14px; }

/* ── 6. CrossSell ── */
.wov51-xsell__card { position: absolute; left: 20px; right: 20px; top: 30px; width: auto; height: 170px;
  background: #262a2e; border-radius: 18px; }
.wov51-xsell__cap-m { display: block; position: absolute; left: 20px; top: 18px; margin: 0;
  font-size: 10px; font-weight: 700; color: #ffbe3c; }
.wov51-xsell__h2 { position: absolute; left: 20px; right: 20px; top: 38px; margin: 0;
  font-size: 19px; line-height: 22px; font-weight: 900; color: #fff; white-space: normal; }
.wov51-xsell__x-m { display: block; position: absolute; left: 20px; right: 20px; top: 88px; margin: 0;
  font-size: 13px; line-height: 15px; color: #f4f1ea; }
.wov51-xsell__cta { position: absolute; left: 20px; right: 20px; top: 116px; width: auto; height: 44px;
  background: #ffbe3c; border: 0; border-radius: 12px; font: inherit; font-size: 14px; font-weight: 700; color: #262a2e; cursor: pointer; }

/* ── 7. Deliverables ── */
.wov51-deliv .wov51-h2 { position: absolute; left: 20px; top: 36px; margin: 0; font-size: 24px; white-space: nowrap; }
.wov51-deliv__card { position: absolute; left: 20px !important; right: 20px; width: auto; height: 108px; box-sizing: border-box;
  background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-radius: 16px; }
.wov51-deliv__card:nth-child(1) { top: 84px; } .wov51-deliv__card:nth-child(2) { top: 204px; } .wov51-deliv__card:nth-child(3) { top: 324px; }
.wov51-deliv__chip { position: absolute; left: 15px; top: 13px; width: auto; height: 22px; box-sizing: border-box;
  background: #262a2e; border-radius: 6px; font-size: 11px; line-height: 22px; font-weight: 700; color: #ffbe3c;
  padding: 0 8px; text-align: left; }
.wov51-deliv__t { position: absolute; left: 15px; right: 15px; top: 42px; width: auto; margin: 0;
  font-size: 14px; line-height: 16px; font-weight: 900; white-space: nowrap; overflow: hidden; }
.wov51-deliv__x { position: absolute; left: 15px; right: 15px; top: 64px; width: auto; margin: 0;
  font-size: 12px; line-height: 14px; color: #5f666d; }

/* ── 8. Pricing (mobile: только карточка) ── */
.wov51-price { position: absolute; left: 20px; right: 20px; top: 36px; width: auto; height: 190px;
  background: #1a1d21; border-radius: 18px; }
.wov51-price__t { position: absolute; left: 20px; right: 20px; top: 22px; margin: 0;
  font-size: 16px; line-height: 21px; font-weight: 700; color: #fffef9; white-space: normal; }
.wov51-price__num { position: absolute; left: 20px; top: 78px; margin: 0; font-size: 32px; line-height: 38px; font-weight: 900; color: #ffbe3c; }
.wov51-price__x-m { display: block; position: absolute; left: 20px; right: 20px; top: 126px; margin: 0;
  font-size: 12px; line-height: 17px; color: #c7c9cc; }

/* ── 9. FAQ ── */
/* V5.2: FAQ mobile — тоже нормальный поток (перекрытие проявлялось при открытии
   вопроса ДО «показать ещё»). Список flex-колонкой; лишние вопросы под show-more. */
.wov51-faq .wov51-in { height: auto; padding: 96px 0 40px; }
.wov51-faq .wov51-h2 { position: absolute; left: 20px; top: 36px; margin: 0; font-size: 24px; white-space: nowrap; }
.wov51-faq__list { position: relative; left: auto; top: auto; width: auto; margin: 0 20px; padding: 0;
  display: flex; flex-direction: column; gap: 10px; }
.wov51-faq__item { position: relative; left: auto; top: auto; right: auto; width: auto; }
.wov51-faq__item--xm { display: none; }
.wov51-faq.is-open .wov51-faq__item--xm { display: block; }
.wov51-faq.is-open .wov51-faq__more-m { display: none; }
.wov51-faq__q { margin: 0; }
.wov51-faq__btn { display: block; width: 100%; min-height: 54px; box-sizing: border-box; position: relative;
  background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-radius: 12px; cursor: pointer;
  padding: 17px 44px 17px 17px; text-align: left; font: inherit; font-size: 14px; line-height: 16px; font-weight: 700; color: #262a2e; }
.wov51-faq__chev { position: absolute; right: 18px; top: 17px; font-size: 14px; color: #5f666d; }
.wov51-faq__a { background: #fffef9; border: 1px solid rgba(38,42,46,.1); border-top: 0;
  border-radius: 0 0 12px 12px; margin-top: -6px; padding: 10px 17px 14px; }
.wov51-faq__a p { margin: 0; font-size: 13px; line-height: 19px; color: #5f666d; }
.wov51-faq__more-m { display: block; position: relative; left: auto; top: auto; margin: 12px 0 0 20px;
  background: none; border: 0; padding: 0; font: inherit; font-size: 12.5px; color: #5f666d; cursor: pointer; text-decoration: underline; }

/* ── 10. Lead form ── */
.wov51-lead__left { position: static; width: auto; }
.wov51-lead__ordercompact { display: block; position: absolute; left: 20px; right: 20px; top: 36px; height: 128px; }
.wov51-lead__occap { position: absolute; left: 2px; top: 0; margin: 0; font-size: 11px; letter-spacing: .88px; color: #5f666d; }
.wov51-lead__ordercompact ol { margin: 0; padding: 0; list-style: none; }
.wov51-lead__ordercompact li { position: absolute; left: 0; right: 0; font-size: 13px; color: #5f666d; padding-left: 34px; }
.wov51-lead__ordercompact li:nth-child(1) { top: 28px; } .wov51-lead__ordercompact li:nth-child(2) { top: 62px; } .wov51-lead__ordercompact li:nth-child(3) { top: 96px; }
.wov51-lead__ordercompact li span { position: absolute; left: 2px; top: -2px; width: 20px; height: 20px; box-sizing: border-box;
  background: #ffbe3c; border-radius: 50%; font-size: 11px; font-weight: 700; color: #262a2e;
  display: flex; align-items: center; justify-content: center; }
.wov51-lead__card { position: absolute; left: 20px; right: 20px; top: 180px; width: auto; height: 657px;
  background: #1a1d21; border-radius: 20px; box-shadow: none; }
.wov51-lead__ft { position: absolute; left: 22px; top: 24px; margin: 0; font-size: 18px; font-weight: 700; color: #fffef9; white-space: nowrap; }
.wov51-form { position: absolute; inset: 0; }
.wov51-f { display: block; position: absolute; left: 22px; right: 22px; }
.wov51-f input[type="text"], .wov51-f textarea { width: 100%; height: 46px; box-sizing: border-box;
  background: #30353a; border: 0; border-radius: 11px; padding: 13px 14px;
  font: inherit; font-size: 13px; color: #f4f1ea; resize: none; }
.wov51-f input::placeholder, .wov51-f textarea::placeholder { color: #a6a8ab; opacity: 1; }
.wov51-f input:focus, .wov51-f textarea:focus { outline: 2px solid #ffbe3c; outline-offset: -1px; }
.wov51-f--url { top: 66px; }
.wov51-f__attachrow { position: absolute; left: 22px; right: 22px; top: 120px; height: 32px; }
.wov51-f__attach { display: block; position: relative; width: 160px; height: 32px; cursor: pointer; }
.wov51-f__attach input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.wov51-f__attachbtn { position: absolute; inset: 0; background: #f2efe7; border: 0; border-radius: 8px;
  font-size: 12px; line-height: 32px; color: #262a2e; text-align: center; pointer-events: none; }
.wov51-f__hint { position: absolute; left: 0; right: 0; top: 38px; margin: 0; width: auto;
  font-size: 11.5px; color: rgba(244,241,234,.66); }
.wov51-f--cms { top: 185px; }
.wov51-f--contact { top: 243px; }
.wov51-f__row2 { position: absolute; left: 22px; right: 22px; top: 301px; width: auto; height: 46px; }
.wov51-f__row2 .wov51-f { position: absolute; top: 0; left: 0; right: auto; width: 47.4%; }
.wov51-f__row2 .wov51-f + .wov51-f { left: auto; right: 0; width: 48.7%; }
.wov51-f__row2 input[type="text"] { width: 100%; background: #fff; border: 1.5px solid #dfd8ca; border-radius: 10px; color: #262a2e; font-size: 13px; }
.wov51-f__row2 input::placeholder { color: #5f666d; }
.wov51-f--what { top: 359px; }
.wov51-f--what textarea { height: 72px; background: #fff; border: 1.5px solid #dfd8ca; border-radius: 10px; color: #262a2e; font-size: 13px; }
.wov51-f--what textarea::placeholder { color: #5f666d; }
.wov51-f__check { display: block; position: absolute; left: 22px; right: 22px; width: auto; cursor: pointer; }
.wov51-f__check--req { top: 443px; }
.wov51-f__check--opt { top: 487px; }
.wov51-f__check input[type="checkbox"] { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; accent-color: #ffbe3c; margin: 0; }
.wov51-f__check span { display: block; padding-left: 24px; font-size: 11.5px; line-height: 13px; color: rgba(244,241,234,.66); }
.wov51-f__check a { color: rgba(244,241,234,.66); text-decoration: underline; }
.wov51-form__submit { position: absolute; left: 22px; right: 22px; top: 531px; width: auto; height: 50px;
  background: #ffbe3c; border: 0; border-radius: 999px; font: inherit; font-size: 14.5px; font-weight: 700; color: #262a2e; cursor: pointer; }
.wov51 .leadform__summary { position: absolute; left: 22px; right: 22px; top: 583px; width: auto; margin: 0; font-size: 11.5px; color: #ffb4ab; }
.wov51-form__note-m { display: block; position: absolute; left: 22px; right: 22px; top: 595px; margin: 0;
  font-size: 11px; color: rgba(244,241,234,.66); }
.wov51-form__done { position: absolute; left: 22px; right: 22px; top: 80px; width: auto; color: #fffef9; }
.wov51-form__done h3 { margin: 0 0 12px; font-size: 20px; font-weight: 700; }
.wov51-form__done p { margin: 0 0 20px; font-size: 14px; color: rgba(244,241,234,.8); }
.wov51-form__again { background: transparent; border: 1.5px solid #fffef9; border-radius: 999px;
  padding: 10px 22px; font: inherit; font-size: 13px; font-weight: 700; color: #fffef9; cursor: pointer; }

} /* конец mobile <=1023 */