/* БалкаМСК — страница + виджет калькулятора */

/* ===== WIDGET ===== */
/* БалкаМСК — стили встраиваемого калькулятора (нейтральная светлая тема) */

.balka-calc {
  --balka-bg: #f7f6f3;
  --balka-surface: #ffffff;
  --balka-ink: #1c1b19;
  --balka-muted: #5c584f;
  --balka-line: #ddd8ce;
  --balka-accent: #dd7a22;
  --balka-accent-hover: #c2681a;
  --balka-warn-bg: rgba(221, 122, 34, 0.08);
  --balka-error: #8a2f2f;
  --balka-radius: 10px;
  --balka-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  box-sizing: border-box;
  color: var(--balka-ink);
  font-family: var(--balka-font);
  font-size: 16px;
  line-height: 1.45;
  max-width: 560px;
  min-width: 0;
  width: 100%;
}

.balka-calc *,
.balka-calc *::before,
.balka-calc *::after {
  box-sizing: border-box;
}

.balka-calc__card {
  background: var(--balka-surface);
  border: 1px solid var(--balka-line);
  border-radius: var(--balka-radius);
  padding: 1.5rem;
}

.balka-calc__header {
  margin-bottom: 1.25rem;
}

.balka-calc__eyebrow {
  color: var(--balka-accent);
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}

.balka-calc__title {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 0.4rem;
}

.balka-calc__subtitle {
  color: var(--balka-muted);
  font-size: 0.95rem;
  margin: 0;
}

.balka-calc__form {
  display: grid;
  gap: 1rem;
}

.balka-calc__fields {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: 1fr 1fr;
}

.balka-calc__field {
  display: grid;
  gap: 0.35rem;
}

.balka-calc__label {
  color: var(--balka-muted);
  font-size: 0.85rem;
  font-weight: 600;
}

.balka-calc__input,
.balka-calc__select {
  appearance: none;
  background: var(--balka-bg);
  border: 1px solid var(--balka-line);
  border-radius: 8px;
  color: var(--balka-ink);
  font: inherit;
  max-width: 100%;
  min-height: 2.75rem;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  width: 100%;
}

.balka-calc__input:focus,
.balka-calc__select:focus {
  border-color: var(--balka-accent);
  outline: 2px solid color-mix(in srgb, var(--balka-accent) 25%, transparent);
  outline-offset: 1px;
}

.balka-calc__submit {
  background: var(--balka-accent);
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 650;
  min-height: 2.85rem;
  padding: 0.65rem 1rem;
  transition: background 0.15s ease;
  width: 100%;
}

.balka-calc__submit:hover {
  background: var(--balka-accent-hover);
}

.balka-calc__result {
  margin-top: 1.15rem;
}

.balka-calc__result-box {
  background: var(--balka-bg);
  border: 1px solid var(--balka-line);
  border-radius: 8px;
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
}

.balka-calc__result-box--manual,
.balka-calc__result-box--error {
  background: var(--balka-warn-bg);
}

.balka-calc__result-box--error {
  color: var(--balka-error);
}

.balka-calc__result-message {
  margin: 0;
}

.balka-calc__metric {
  display: grid;
  gap: 0.15rem;
}

.balka-calc__metric-label {
  color: var(--balka-muted);
  font-size: 0.85rem;
}

.balka-calc__metric-value {
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.balka-calc__meta {
  border-top: 1px solid var(--balka-line);
  color: var(--balka-muted);
  font-size: 0.8rem;
  margin: 0;
  padding-top: 0.75rem;
}

.balka-calc__footer {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.balka-calc__disclaimer {
  color: var(--balka-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  margin: 0;
}

.balka-calc__cta {
  align-items: center;
  background: transparent;
  border: 1px solid var(--balka-accent);
  border-radius: 8px;
  color: var(--balka-accent);
  display: inline-flex;
  font-size: 0.95rem;
  font-weight: 650;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.55rem 1rem;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.balka-calc__cta:hover {
  background: var(--balka-accent);
  color: #fff;
}

@media (max-width: 520px) {
  .balka-calc__card {
    padding: 1.15rem;
  }

  .balka-calc__fields {
    grid-template-columns: 1fr;
  }

  .balka-calc__title {
    font-size: 1.2rem;
  }

  .balka-calc__metric-value {
    font-size: 1.3rem;
  }
}

@media (max-width: 375px) {
  .balka-calc {
    font-size: 15px;
  }

  .balka-calc__card {
    padding: 0.9rem;
  }

  .balka-calc__title {
    font-size: 1.1rem;
  }

  .balka-calc__metric-value {
    font-size: 1.2rem;
  }

  .balka-calc__disclaimer {
    font-size: 0.74rem;
  }
}

@media (max-width: 320px) {
  .balka-calc__card {
    padding: 0.75rem;
  }

  .balka-calc__input,
  .balka-calc__select,
  .balka-calc__submit,
  .balka-calc__cta {
    min-height: 2.6rem;
  }
}

/* ===== PAGE LAYOUT ===== */
:root {
      --bg: #f8f2e9;
      --panel: #f8f2e9;
      --page: #ffffff;
      --text: #171717;
      --muted: #58534e;
      --line: #eadfd2;
      --orange: #ee650c;
      --orange-dark: #d95400;
      --shadow: 0 18px 50px rgba(63, 39, 17, .08);
      --radius: 18px;
      --container: 1380px;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--text);
      background: #ffffff;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }

    .page-shell {
      width: min(calc(100% - 32px), var(--container));
      margin: 12px auto 30px;
      overflow: hidden;
      border: 1px solid rgba(224, 210, 194, .76);
      border-radius: 14px;
      background: #ffffff;
      box-shadow: var(--shadow);
    }

    .site-header {
      height: 76px;
      padding: 0 28px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 26px;
      background: var(--bg);
      border-bottom: 1px solid rgba(232, 220, 207, .74);
    }

    .brand {
      display: inline-flex;
      align-items: baseline;
      gap: 0;
      font-weight: 900;
      font-size: 24px;
      letter-spacing: -.9px;
      white-space: nowrap;
    }

    .brand__black { color: #202020; }
    .brand__orange { color: var(--orange); }

    .main-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(14px, 1.6vw, 28px);
      min-width: 0;
      font-size: 12px;
      font-weight: 650;
      color: #32302d;
      white-space: nowrap;
    }

    .main-nav a {
      position: relative;
      padding: 29px 0 27px;
      transition: color .2s ease;
    }

    .main-nav a::after {
      content: "";
      position: absolute;
      left: 50%;
      right: 50%;
      bottom: 19px;
      height: 2px;
      border-radius: 2px;
      background: var(--orange);
      transition: left .2s ease, right .2s ease;
    }

    .main-nav a:hover { color: var(--orange-dark); }
    .main-nav a:hover::after { left: 0; right: 0; }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 18px;
      white-space: nowrap;
    }

    .phone {
      font-size: 13px;
      font-weight: 800;
      letter-spacing: -.1px;
    }

    .header-cta,
    .primary-btn,
    .secondary-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 7px;
      font-weight: 800;
      cursor: pointer;
      transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    }

    .header-cta {
      min-height: 40px;
      padding: 0 18px;
      color: #fff;
      background: var(--orange);
      font-size: 12px;
      box-shadow: 0 7px 18px rgba(238, 101, 12, .22);
    }

    .header-cta:hover,
    .primary-btn:hover {
      transform: translateY(-1px);
      background: var(--orange-dark);
      box-shadow: 0 10px 22px rgba(238, 101, 12, .28);
    }

    .hero {
      position: relative;
      min-height: 572px;
      display: grid;
      grid-template-columns: 49% 51%;
      overflow: hidden;
      background: var(--bg);
    }

    .hero-copy {
      position: relative;
      z-index: 3;
      padding: 58px 28px 34px 48px;
      background: var(--bg);
    }

    .hero-copy::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      right: -190px;
      width: 330px;
      height: 100%;
      background: linear-gradient(90deg,
        var(--bg) 0%,
        rgba(248,242,233,.96) 28%,
        rgba(248,242,233,.70) 55%,
        rgba(248,242,233,0) 100%);
      pointer-events: none;
    }

    .hero h1 {
      max-width: 630px;
      margin: 0;
      font-size: clamp(34px, 3.15vw, 52px);
      line-height: 1.02;
      letter-spacing: -2.15px;
      font-weight: 900;
    }

    .hero-lead {
      max-width: 510px;
      margin: 24px 0 0;
      color: #2d2b28;
      font-size: 16px;
      line-height: 1.62;
      font-weight: 500;
    }

    .hero-buttons {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-top: 34px;
      flex-wrap: wrap;
    }

    .primary-btn,
    .secondary-btn {
      min-height: 56px;
      padding: 0 26px;
      font-size: 14px;
      border: 1px solid transparent;
    }

    .primary-btn {
      color: #fff;
      background: var(--orange);
      box-shadow: 0 10px 22px rgba(238,101,12,.20);
    }

    .secondary-btn {
      color: #322d28;
      background: rgba(255,255,255,.72);
      border-color: var(--orange);
    }

    .secondary-btn:hover {
      transform: translateY(-1px);
      background: #fff8f2;
      box-shadow: 0 10px 22px rgba(73,49,30,.08);
    }

    .calc-icon {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 5px;
      border: 1px solid #e4b38c;
      background: #fff9f4;
      color: var(--orange);
      flex: 0 0 auto;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
      max-width: 680px;
      margin-top: 42px;
    }

    .feature {
      display: grid;
      grid-template-columns: 34px 1fr;
      align-items: center;
      gap: 11px;
      min-width: 0;
    }

    .feature svg {
      width: 31px;
      height: 31px;
      color: #69635d;
      stroke-width: 1.75;
    }

    .feature span {
      color: #3e3a36;
      font-size: 11px;
      line-height: 1.35;
      font-weight: 700;
    }

    .hero-visual {
      position: relative;
      min-width: 0;
      overflow: hidden;
      background: #d8d0c6;
    }

    .hero-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(90deg,
          var(--bg) 0%,
          rgba(248,242,233,.94) 8%,
          rgba(248,242,233,.66) 18%,
          rgba(248,242,233,.28) 28%,
          rgba(248,242,233,0) 40%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.03));
      pointer-events: none;
    }

    .hero-photo {
      position: absolute;
      z-index: 1;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      transform: scale(1.025);
      filter: saturate(1.03) contrast(1.02);
    }

    .hero-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 3;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
      pointer-events: none;
    }


    .stats-section {
      padding: 24px 28px 18px;
      background: var(--page);
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .stat-card {
      display: grid;
      grid-template-columns: 56px 1fr;
      align-items: center;
      gap: 16px;
      min-height: 122px;
      padding: 22px 20px;
      border: 1px solid #f0e4d7;
      border-radius: 12px;
      background: var(--panel);
    }

    .stat-icon {
      width: 52px;
      height: 52px;
      color: #8b8278;
      flex: 0 0 auto;
    }

    .stat-copy {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .stat-kicker {
      color: #5c544d;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 700;
    }

    .stat-value {
      color: #1f1c1a;
      font-size: 24px;
      line-height: 1.05;
      letter-spacing: -.7px;
      font-weight: 900;
    }

    .stat-desc {
      color: #635c56;
      font-size: 11px;
      line-height: 1.35;
      font-weight: 600;
    }


    .product-highlight-section {
      padding: 6px 28px 34px;
      background: var(--page);
    }

    .product-highlight-card {
      display: grid;
      grid-template-columns: minmax(0, 48%) minmax(0, 52%);
      align-items: center;
      gap: 18px;
      padding: 12px 18px 14px;
      border: 1px solid #efe3d7;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.66);
    }

    .product-media {
      display: flex;
      background: var(--panel);
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      min-height: 240px;
      overflow: hidden;
    }

    .product-media img {
      width: 100%;
      max-width: 450px;
      height: auto;
      display: block;
      object-fit: contain;
    }

    .product-body {
      min-width: 0;
      padding: 6px 8px 6px 4px;
    }

    .product-title {
      margin: 0 0 22px;
      color: #141313;
      font-size: clamp(28px, 2.4vw, 48px);
      line-height: 1.04;
      letter-spacing: -1.15px;
      font-weight: 900;
    }

    .product-specs {
      display: grid;
      gap: 16px;
      margin: 0 0 28px;
    }

    .product-spec {
      display: grid;
      grid-template-columns: 30px 1fr;
      align-items: center;
      gap: 14px;
      color: #2d2a27;
      font-size: 15px;
      line-height: 1.25;
      font-weight: 500;
    }

    .product-spec svg {
      width: 24px;
      height: 24px;
      color: #67615a;
      stroke-width: 1.9;
      flex: 0 0 auto;
    }

    .product-price-strong {
      color: var(--orange);
      font-weight: 900;
    }

    .product-more-btn {
      min-height: 54px;
      min-width: 228px;
      padding: 0 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 7px;
      background: var(--orange);
      color: #fff;
      font-size: 14px;
      font-weight: 800;
      box-shadow: 0 10px 22px rgba(238,101,12,.20);
      transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    }

    .product-more-btn:hover {
      transform: translateY(-1px);
      background: var(--orange-dark);
      box-shadow: 0 10px 22px rgba(238,101,12,.28);
    }


    .docs-showcase-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .docs-showcase-shell {
      position: relative;
      overflow: hidden;
      padding: 30px 28px 28px;
      border: 1px solid #efe3d7;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
    }

    .docs-showcase-shell::before,
    .docs-showcase-shell::after {
      content: "";
      position: absolute;
      width: 290px;
      height: 290px;
      border-radius: 50%;
      border: 1px solid rgba(221,122,34,.08);
      pointer-events: none;
    }

    .docs-showcase-shell::before {
      top: -205px;
      right: -120px;
      box-shadow:
        0 0 0 22px rgba(221,122,34,.025),
        0 0 0 44px rgba(221,122,34,.018);
    }

    .docs-showcase-shell::after {
      bottom: -225px;
      left: -130px;
      box-shadow:
        0 0 0 22px rgba(221,122,34,.025),
        0 0 0 44px rgba(221,122,34,.018);
    }

    .docs-showcase-head {
      position: relative;
      z-index: 1;
      max-width: 860px;
      margin: 0 auto 24px;
      text-align: center;
    }

    .docs-showcase-title {
      margin: 0;
      color: #171512;
      font-size: clamp(28px, 2.4vw, 42px);
      line-height: 1.08;
      letter-spacing: -.9px;
      font-weight: 900;
    }

    .docs-showcase-subtitle {
      max-width: 720px;
      margin: 11px auto 0;
      color: #766d64;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 500;
    }

    .docs-showcase-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      align-items: stretch;
    }

    .docs-showcase-card {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 350px;
      padding: 24px 22px 22px;
      border: 1px solid #eadfd2;
      border-radius: 12px;
      background: #fff;
      text-align: center;
      box-shadow: 0 10px 26px rgba(63,39,17,.055);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .docs-showcase-card::after {
      content: "";
      position: absolute;
      right: -76px;
      bottom: -84px;
      z-index: -1;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      border: 1px solid rgba(221,122,34,.11);
      box-shadow:
        0 0 0 14px rgba(221,122,34,.035),
        0 0 0 28px rgba(221,122,34,.022),
        0 0 0 42px rgba(221,122,34,.015);
    }

    .docs-showcase-card:hover {
      transform: translateY(-3px);
      border-color: rgba(221,122,34,.36);
      box-shadow: 0 16px 34px rgba(63,39,17,.09);
    }

    .docs-showcase-card--featured {
      border-color: var(--orange);
      box-shadow: 0 16px 34px rgba(221,122,34,.13);
    }

    .docs-showcase-card--featured::before {
      content: "★";
      position: absolute;
      top: 0;
      right: 0;
      width: 44px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 0 11px 0 16px;
      background: var(--orange);
      color: #fff;
      font-size: 16px;
      line-height: 1;
    }

    .docs-showcase-icon {
      width: 76px;
      height: 76px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
      border: 1px solid #efe3d7;
      border-radius: 50%;
      background: #fffaf4;
      color: var(--orange);
      box-shadow: 0 8px 20px rgba(63,39,17,.06);
    }

    .docs-showcase-icon svg {
      width: 43px;
      height: 49px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .docs-showcase-icon text {
      fill: currentColor;
      stroke: none;
      font-family: Inter, Arial, sans-serif;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .docs-showcase-kicker {
      margin: 0 0 9px;
      color: var(--orange);
      font-size: 11px;
      line-height: 1.25;
      font-weight: 850;
      letter-spacing: .055em;
      text-transform: uppercase;
    }

    .docs-showcase-card-title {
      margin: 0;
      color: #211e1b;
      font-size: 20px;
      line-height: 1.24;
      letter-spacing: -.35px;
      font-weight: 900;
    }

    .docs-showcase-divider {
      width: 25px;
      height: 2px;
      margin: 16px 0 15px;
      border-radius: 2px;
      background: var(--orange);
    }

    .docs-showcase-text {
      margin: 0 0 22px;
      color: #6a625b;
      font-size: 14px;
      line-height: 1.55;
      font-weight: 500;
    }

    .docs-showcase-download {
      min-height: 44px;
      min-width: 190px;
      margin-top: auto;
      padding: 0 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 11px;
      border: 1px solid var(--orange);
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      color: #d96d13;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 850;
      transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .docs-showcase-download:hover {
      transform: translateY(-1px);
      background: var(--orange);
      color: #fff;
      box-shadow: 0 9px 20px rgba(221,122,34,.2);
    }

    .docs-showcase-all {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }

    .docs-showcase-all-link {
      color: var(--orange);
      font-size: 13px;
      line-height: 1.3;
      font-weight: 850;
    }

    .docs-showcase-all-link:hover {
      color: var(--orange-dark);
    }


    .comparison-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .comparison-wrap {
      padding: 28px 28px 26px;
      border: 1px solid #efe3d7;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.66);
    }

    .comparison-head {
      max-width: 920px;
      margin: 0 auto 22px;
      text-align: center;
    }

    .comparison-title {
      margin: 0;
      color: #2a2521;
      font-size: clamp(28px, 2.3vw, 40px);
      line-height: 1.08;
      letter-spacing: -.9px;
      font-weight: 900;
    }

    .comparison-subtitle {
      margin: 12px auto 0;
      color: #71685f;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 500;
      max-width: 720px;
    }

    .comparison-card {
      overflow: hidden;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 14px 34px rgba(63, 39, 17, .08);
      border: 1px solid #eee3d6;
    }

    .comparison-table {
      display: grid;
      grid-template-columns: 1.05fr 1.35fr 1.1fr;
    }

    .comparison-cell,
    .comparison-head-cell {
      min-width: 0;
      padding: 22px 26px;
      border-right: 1px solid #ece5dc;
      border-bottom: 1px solid #ece5dc;
    }

    .comparison-table > :nth-child(3n) {
      border-right: 0;
    }

    .comparison-table > :nth-last-child(-n + 3) {
      border-bottom: 0;
    }

    .comparison-head-cell {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 94px;
      background: #fbf8f3;
      color: #2a2521;
      font-size: 17px;
      font-weight: 800;
    }

    .comparison-head-cell--param {
      color: #4b433c;
    }

    .comparison-head-cell--brand {
      background: linear-gradient(180deg, #ee8a2c 0%, #dd7a22 100%);
      color: #fff;
    }

    .comparison-head-cell--market {
      color: #8b8378;
    }

    .comparison-check {
      width: 30px;
      height: 30px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,.95);
      color: #dd7a22;
      font-size: 18px;
      font-weight: 900;
      flex: 0 0 auto;
    }

    .comparison-param {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 14px;
      align-items: center;
      color: #2a2521;
      font-size: 16px;
      font-weight: 800;
    }

    .comparison-icon {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      color: #dd7a22;
    }

    .comparison-icon svg {
      width: 34px;
      height: 34px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .comparison-brand-cell {
      background: #fffaf4;
    }

    .comparison-brand-text {
      margin: 0;
      color: #2a2521;
      font-size: 16px;
      line-height: 1.42;
      font-weight: 800;
    }

    .comparison-brand-text .accent {
      color: #dd7a22;
      font-weight: 900;
    }

    .comparison-market-text {
      margin: 0;
      color: #8b8378;
      font-size: 16px;
      line-height: 1.42;
      font-style: italic;
      font-weight: 500;
    }

    .comparison-mobile {
      display: none;
    }

    .comparison-mobile-card {
      padding: 18px 16px 16px;
      border-radius: 14px;
      background: #fff;
      border: 1px solid #eee3d6;
      box-shadow: 0 10px 24px rgba(63, 39, 17, .06);
      min-width: 0;
    }

    .comparison-mobile-top {
      display: grid;
      grid-template-columns: 40px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      margin-bottom: 14px;
    }

    .comparison-mobile-title {
      margin: 0;
      color: #2a2521;
      font-size: 18px;
      line-height: 1.25;
      font-weight: 900;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .comparison-mobile-rows {
      display: grid;
      gap: 10px;
    }

    .comparison-mobile-row {
      min-width: 0;
      padding: 12px 14px;
      border-radius: 12px;
      border: 1px solid #eee3d6;
      background: #fbf8f3;
    }

    .comparison-mobile-row--brand {
      background: #fff7ee;
      border-color: #f0d7b8;
    }

    .comparison-mobile-row--market {
      background: #f7f5f1;
    }

    .comparison-mobile-label {
      display: block;
      margin-bottom: 6px;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 800;
      letter-spacing: .02em;
      color: #5c544d;
    }

    .comparison-mobile-row--brand .comparison-mobile-label {
      color: #dd7a22;
    }

    .comparison-mobile-row--market .comparison-mobile-label {
      color: #8b8378;
      font-weight: 700;
    }

    .comparison-mobile-text {
      margin: 0;
      color: #2a2521;
      font-size: 14px;
      line-height: 1.45;
      font-weight: 800;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .comparison-mobile-row--brand .comparison-mobile-text .accent {
      color: #dd7a22;
      font-weight: 900;
    }

    .comparison-mobile-row--market .comparison-mobile-text {
      color: #8b8378;
      font-style: italic;
      font-weight: 500;
    }

    /* До 600px: только вертикальные карточки, таблица скрыта */
    @media (max-width: 600px) {
      .comparison-section {
        padding-inline: 16px;
      }

      .comparison-wrap {
        padding-inline: 0;
        overflow: visible;
      }

      .comparison-card {
        display: none !important;
      }

      .comparison-mobile {
        display: grid !important;
        gap: 12px;
        width: 100%;
        min-width: 0;
      }

      .comparison-mobile-card {
        width: 100%;
        max-width: 100%;
      }

      .comparison-mobile-title {
        font-size: 17px;
      }

      .comparison-mobile-text {
        font-size: 13px;
      }
    }

    @media (max-width: 375px) {
      .comparison-mobile-card {
        padding: 14px 12px 12px;
        border-radius: 12px;
      }

      .comparison-mobile-row {
        padding: 11px 12px;
      }

      .comparison-mobile-title {
        font-size: 16px;
      }

      .comparison-mobile-label {
        font-size: 11px;
      }

      .comparison-mobile-text {
        font-size: 13px;
        line-height: 1.4;
      }
    }

    @media (max-width: 320px) {
      .comparison-mobile-top {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
      }

      .comparison-mobile-title {
        font-size: 15px;
      }

      .comparison-mobile-text {
        font-size: 12px;
      }
    }


    .stock-strip-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .stock-strip {
      display: grid;
      grid-template-columns: minmax(250px, 1.35fr) repeat(3, minmax(135px, .72fr)) minmax(190px, .92fr);
      align-items: stretch;
      overflow: hidden;
      min-height: 116px;
      border-radius: 14px;
      background:
        radial-gradient(circle at 16% 50%, rgba(255,188,118,.12), transparent 34%),
        linear-gradient(135deg, #765843 0%, #654936 52%, #5a4132 100%);
      color: #fffaf5;
      border: 1px solid rgba(92,61,40,.18);
      box-shadow: 0 12px 26px rgba(87,58,38,.14);
    }

    .stock-strip__title,
    .stock-strip__item,
    .stock-strip__total {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
      padding: 20px 26px;
    }

    .stock-strip__title {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: 13px;
      color: #fffaf5;
      font-size: 18px;
      line-height: 1.25;
      font-weight: 850;
      letter-spacing: -.25px;
    }

    .stock-strip__dot {
      position: relative;
      width: 13px;
      height: 13px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: #55c65a;
      box-shadow: 0 0 0 4px rgba(85,198,90,.12), 0 0 16px rgba(85,198,90,.45);
    }

    .stock-strip__dot::after {
      content: "";
      position: absolute;
      inset: -5px;
      border: 1px solid rgba(85,198,90,.34);
      border-radius: inherit;
      animation: stockPulse 2.2s ease-out infinite;
    }

    @keyframes stockPulse {
      0%, 35% { opacity: .85; transform: scale(.72); }
      100% { opacity: 0; transform: scale(1.55); }
    }

    .stock-strip__item::before,
    .stock-strip__total::before {
      content: "";
      position: absolute;
      left: 0;
      top: 22px;
      bottom: 22px;
      width: 1px;
      background: rgba(255,247,239,.20);
    }

    .stock-strip__label,
    .stock-strip__total-label {
      color: #eadfd5;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: .01em;
    }

    .stock-strip__value {
      margin-top: 7px;
      color: #ff9a3d;
      font-size: 25px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.5px;
      white-space: nowrap;
    }

    .stock-strip__value small {
      margin-left: 3px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0;
    }

    .stock-strip__meters {
      margin-top: 6px;
      color: #fff4e9;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 500;
      white-space: nowrap;
    }

    .stock-strip__total {
      padding-left: 30px;
      padding-right: 28px;
    }

    .stock-strip__total-value {
      margin-top: 7px;
      color: #ff9a3d;
      font-size: clamp(28px, 2.35vw, 38px);
      line-height: .95;
      font-weight: 900;
      letter-spacing: -1px;
      white-space: nowrap;
    }

    .stock-strip__total-value small {
      display: block;
      margin-top: 7px;
      color: #fff4e9;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: 0;
    }


    .quality-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .quality-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .quality-card {
      display: grid;
      grid-template-columns: 72px minmax(0, 1fr);
      align-items: center;
      gap: 18px;
      min-height: 150px;
      padding: 24px 24px;
      border: 1px solid #efe3d7;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
    }

    .quality-icon-wrap {
      width: 64px;
      height: 64px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #f7b64d;
      color: #2b2722;
      box-shadow: 0 5px 14px rgba(181, 114, 19, .16);
    }

    .quality-icon-wrap svg {
      width: 39px;
      height: 39px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .quality-copy {
      min-width: 0;
    }

    .quality-title {
      margin: 0 0 8px;
      color: #211e1b;
      font-size: 15px;
      line-height: 1.28;
      letter-spacing: -.25px;
      font-weight: 850;
    }

    .quality-text {
      margin: 0;
      color: #69615a;
      font-size: 13px;
      line-height: 1.48;
      font-weight: 500;
    }


    .calculator-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .calculator-card {
      display: grid;
      grid-template-columns: minmax(0, 51%) minmax(0, 49%);
      align-items: stretch;
      min-height: 360px;
      overflow: hidden;
      border: 1px solid #efe3d7;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
    }

    .calculator-visual {
      min-width: 0;
      min-height: 360px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 8px 10px 14px;
      overflow: visible;
      background: transparent;
    }

    .calculator-visual img {
      width: 100%;
      height: 100%;
      max-height: 355px;
      display: block;
      object-fit: contain;
      object-position: center;
      background: transparent;
    }

    .calculator-form-wrap {
      min-width: 0;
      display: flex;
      align-items: center;
      padding: 34px 38px 32px 30px;
      background: var(--panel);
    }

    .beam-calculator {
      width: 100%;
    }

    .calculator-title {
      margin: 0 0 7px;
      color: #1a1816;
      font-size: clamp(24px, 2.1vw, 34px);
      line-height: 1.08;
      letter-spacing: -.8px;
      font-weight: 900;
    }

    .calculator-subtitle {
      margin: 0 0 24px;
      color: #6b625a;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
    }

    .calculator-field {
      display: grid;
      gap: 8px;
      margin-bottom: 16px;
    }

    .calculator-field label {
      color: #2b2723;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 800;
    }

    .calculator-input,
    .calculator-select {
      width: 100%;
      height: 52px;
      padding: 0 15px;
      border: 1px solid #eadfd3;
      border-radius: 5px;
      outline: none;
      background: #fff;
      color: #25211e;
      font-size: 14px;
      transition: border-color .18s ease, box-shadow .18s ease;
    }

    .calculator-input::placeholder { color: #b1aaa3; }

    .calculator-input:focus,
    .calculator-select:focus {
      border-color: var(--orange);
      box-shadow: 0 0 0 3px rgba(238,101,12,.09);
    }

    .calculator-submit {
      width: 100%;
      height: 54px;
      margin-top: 2px;
      border: 0;
      border-radius: 6px;
      background: var(--orange);
      color: #fff;
      font-size: 15px;
      font-weight: 850;
      cursor: pointer;
      box-shadow: 0 9px 22px rgba(238,101,12,.2);
      transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    }

    .calculator-submit:hover {
      transform: translateY(-1px);
      background: var(--orange-dark);
      box-shadow: 0 11px 24px rgba(238,101,12,.28);
    }

    .calculator-result {
      display: none;
      margin-top: 14px;
      padding: 12px 14px;
      border-radius: 6px;
      background: rgba(238,101,12,.08);
      color: #392a20;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 650;
    }

    .calculator-result.is-visible { display: block; }


    .benefits-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .benefits-heading {
      margin: 0 0 16px;
      color: #141312;
      font-size: clamp(28px, 2.2vw, 40px);
      line-height: 1.08;
      letter-spacing: -.9px;
      font-weight: 900;
      text-align: center;
    }

    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .benefit-card {
      display: grid;
      grid-template-columns: 60px 1fr;
      gap: 16px;
      align-items: flex-start;
      min-height: 132px;
      padding: 18px 20px;
      border: 1px solid #ece1d5;
      border-radius: 8px;
      background: #fbf6ef;
    }

    .benefit-icon {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      color: var(--orange);
      flex: 0 0 auto;
    }

    .benefit-icon svg {
      width: 38px;
      height: 38px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .benefit-copy {
      min-width: 0;
    }

    .benefit-title {
      margin: 4px 0 8px;
      color: #191816;
      font-size: 15px;
      line-height: 1.22;
      font-weight: 900;
    }

    .benefit-text {
      margin: 0;
      color: #5d5650;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
    }


    .wholesale-section {
      padding: 0 28px 34px;
      background: var(--page);
    }

    .wholesale-stack {
      display: grid;
      gap: 16px;
    }

    .wholesale-card {
      display: grid;
      grid-template-columns: minmax(0, 46%) minmax(0, 54%);
      min-height: 310px;
      align-items: stretch;
      overflow: hidden;
      border: 1px solid #e8ddcf;
      border-radius: 12px;
      background: #fbf6ef;
      box-shadow: 0 10px 26px rgba(63, 39, 17, .06);
    }

    .wholesale-copy {
      min-width: 0;
      padding: 34px 38px;
      background: linear-gradient(135deg, #3a2b1d 0%, #2b2117 100%);
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }

    .wholesale-title {
      margin: 0 0 18px;
      color: #fff;
      font-size: clamp(30px, 2.35vw, 42px);
      line-height: 1.02;
      letter-spacing: -1.2px;
      font-weight: 900;
    }

    .wholesale-text {
      margin: 0;
      color: rgba(255,255,255,.78);
      font-size: 15px;
      line-height: 1.6;
      font-weight: 500;
      max-width: 520px;
    }

    .wholesale-btn {
      margin-top: 24px;
      min-height: 54px;
      padding: 0 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      border-radius: 8px;
      background: var(--orange);
      color: #fff;
      font-size: 15px;
      font-weight: 850;
      box-shadow: 0 12px 28px rgba(132, 46, 0, .22);
      transition: transform .18s ease, background-color .18s ease;
    }

    .wholesale-btn:hover {
      transform: translateY(-1px);
      background: var(--orange-dark);
    }

    .wholesale-visual {
      position: relative;
      min-width: 0;
      min-height: 310px;
      overflow: hidden;
      background: #f4f0ea;
    }

    .wholesale-visual img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }

    .price-list-card {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) minmax(300px, 420px) auto;
      gap: 24px;
      align-items: center;
      padding: 22px 26px;
      border: 1px solid #eadfd2;
      border-radius: 12px;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(63,39,17,.04);
    }

    .price-list-icon {
      width: 72px;
      height: 82px;
      display: grid;
      place-items: center;
      color: var(--orange);
      flex: 0 0 auto;
    }

    .price-list-icon svg {
      width: 66px;
      height: 78px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .price-list-copy {
      min-width: 0;
    }

    .price-list-title {
      margin: 0 0 8px;
      color: #2a2521;
      font-size: clamp(22px, 1.8vw, 30px);
      line-height: 1.15;
      letter-spacing: -.55px;
      font-weight: 900;
    }

    .price-list-text {
      margin: 0;
      color: #8b8378;
      font-size: 15px;
      line-height: 1.45;
      font-weight: 500;
    }

    .price-list-form {
      display: contents;
    }

    .price-list-input {
      width: 100%;
      height: 54px;
      padding: 0 18px;
      border: 1px solid #e7ddd1;
      border-radius: 8px;
      background: #fff;
      color: #2a2521;
      font: inherit;
      font-size: 14px;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
    }

    .price-list-input:focus {
      border-color: rgba(238,101,12,.42);
      box-shadow: 0 0 0 4px rgba(238,101,12,.10);
    }

    .price-list-submit {
      height: 54px;
      min-width: 170px;
      padding: 0 26px;
      border: 0;
      border-radius: 8px;
      background: var(--orange);
      color: #fff;
      font: inherit;
      font-size: 15px;
      font-weight: 850;
      cursor: pointer;
      box-shadow: 0 10px 22px rgba(238,101,12,.18);
      transition: transform .18s ease, background-color .18s ease;
    }

    .price-list-submit:hover {
      transform: translateY(-1px);
      background: var(--orange-dark);
    }


    .reviews-section {
      padding: 0 28px 38px;
      background: var(--page);
    }

    .reviews-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }

    .reviews-title {
      margin: 0;
      color: #151412;
      font-size: clamp(28px, 2.2vw, 40px);
      line-height: 1.08;
      letter-spacing: -.8px;
      font-weight: 900;
      text-align: center;
      flex: 1 1 auto;
    }

    .reviews-link {
      flex: 0 0 auto;
      color: var(--orange);
      font-size: 14px;
      line-height: 1.2;
      font-weight: 800;
      white-space: nowrap;
    }

    .reviews-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .review-card {
      min-height: 258px;
      padding: 18px 22px 20px;
      border: 1px solid #ece1d5;
      border-radius: 10px;
      background: #fbf6ef;
      box-shadow: 0 8px 24px rgba(63, 39, 17, .04);
    }

    .review-quote {
      display: inline-block;
      margin-bottom: 16px;
      color: var(--orange);
      font-size: 34px;
      line-height: 1;
      font-weight: 900;
    }

    .review-text {
      margin: 0 0 22px;
      color: #2d2a27;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 500;
    }

    .review-author {
      margin: 0 0 4px;
      color: #1a1816;
      font-size: 15px;
      line-height: 1.25;
      font-weight: 900;
    }

    .review-role {
      margin: 0;
      color: #6a625b;
      font-size: 14px;
      line-height: 1.4;
      font-weight: 500;
    }

    .reviews-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-top: 18px;
    }

    .reviews-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #ddd6cf;
    }

    .reviews-dot.is-active {
      width: 10px;
      height: 10px;
      background: var(--orange);
    }


    .blog-section {
      padding: 0 28px 40px;
      background: var(--page);
    }

    .blog-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }

    .blog-title {
      margin: 0;
      color: #151412;
      font-size: clamp(28px, 2.2vw, 40px);
      line-height: 1.08;
      letter-spacing: -.8px;
      font-weight: 900;
    }

    .blog-link {
      flex: 0 0 auto;
      color: var(--orange);
      font-size: 14px;
      line-height: 1.2;
      font-weight: 800;
      white-space: nowrap;
    }

    .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .blog-card {
      overflow: hidden;
      border: 1px solid #ece1d5;
      border-radius: 10px;
      background: #fbf6ef;
      box-shadow: 0 8px 24px rgba(63, 39, 17, .04);
    }

    .blog-card-media {
      display: block;
      width: 100%;
      height: 158px;
      overflow: hidden;
      background: #efe6da;
    }

    .blog-card-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }

    .blog-card-body {
      padding: 14px 16px 16px;
    }

    .blog-card-title {
      margin: 0 0 9px;
      color: #171512;
      font-size: 18px;
      line-height: 1.22;
      letter-spacing: -.2px;
      font-weight: 900;
    }

    .blog-card-text {
      margin: 0 0 12px;
      color: #655d56;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
    }

    .blog-card-link {
      color: var(--orange);
      font-size: 13px;
      line-height: 1.2;
      font-weight: 800;
    }


    .projects-section {
      padding: 0 28px 40px;
      background: var(--page);
    }

    .projects-head {
      text-align: center;
      margin-bottom: 20px;
    }

    .projects-title {
      margin: 0;
      color: #151412;
      font-size: clamp(28px, 2.2vw, 40px);
      line-height: 1.08;
      letter-spacing: -.8px;
      font-weight: 900;
    }

    .projects-subtitle {
      margin: 10px auto 0;
      max-width: 36rem;
      color: #655d56;
      font-size: 15px;
      line-height: 1.45;
      font-weight: 500;
    }

    .projects-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
    }

    .project-card {
      display: flex;
      flex-direction: column;
      min-width: 0;
      height: 100%;
      overflow: hidden;
      border: 1px solid #ece1d5;
      border-radius: 10px;
      background: #fbf6ef;
      box-shadow: 0 8px 24px rgba(63, 39, 17, .04);
    }

    .project-card-media {
      flex: 0 0 auto;
      width: 100%;
      height: 168px;
      overflow: hidden;
      background: #efe6da;
    }

    .project-card-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }

    .project-card-body {
      display: flex;
      flex: 1 1 auto;
      align-items: flex-start;
      padding: 14px 16px 16px;
      min-height: 64px;
    }

    .project-card-caption {
      margin: 0;
      color: #171512;
      font-size: 14px;
      line-height: 1.35;
      letter-spacing: -.15px;
      font-weight: 800;
      overflow-wrap: anywhere;
    }


    .faq-pills-section {
      padding: 0 28px 40px;
      background: var(--page);
    }

    .faq-pills-shell {
      padding: 22px;
      border: 1px solid #eadfd2;
      border-radius: 22px;
      background: #f3ebdf;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    }

    .faq-pills-panel {
      padding: 28px 34px 20px;
      border: 1px solid #eadfd2;
      border-radius: 17px;
      background: #fff;
      box-shadow: 0 14px 34px rgba(63, 39, 17, .09);
    }

    .faq-pills-head {
      max-width: 900px;
      margin: 0 auto 17px;
      text-align: center;
    }

    .faq-pills-title {
      margin: 0;
      color: #171512;
      font-size: clamp(28px, 2.15vw, 38px);
      line-height: 1.08;
      letter-spacing: -.8px;
      font-weight: 900;
    }

    .faq-pills-subtitle {
      margin: 8px 0 0;
      color: #766d64;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
    }

    .faq-pills-tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      margin-bottom: 20px;
    }

    .faq-pill {
      min-height: 36px;
      padding: 0 15px;
      border: 1px solid #e5d8ca;
      border-radius: 999px;
      background: #fbf6ef;
      color: #403932;
      font: inherit;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 750;
      cursor: pointer;
      white-space: nowrap;
      transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .faq-pill:hover {
      border-color: rgba(221, 122, 34, .45);
      color: #c66515;
      transform: translateY(-1px);
    }

    .faq-pill:focus-visible {
      outline: 3px solid rgba(221, 122, 34, .22);
      outline-offset: 2px;
    }

    .faq-pill.is-active {
      border-color: #dd7a22;
      background: #dd7a22;
      color: #fff;
      box-shadow: 0 7px 17px rgba(221, 122, 34, .24);
    }

    .faq-pills-answer {
      min-height: 142px;
      display: flex;
      align-items: center;
      padding: 22px 24px;
      border: 1px solid #eadfd2;
      border-radius: 13px;
      background: #fff;
      box-shadow: 0 9px 24px rgba(63, 39, 17, .09);
      transition: opacity .16s ease, transform .16s ease;
    }

    .faq-pills-answer.is-switching {
      opacity: 0;
      transform: translateY(5px);
    }

    .faq-pills-answer-inner {
      position: relative;
      width: 100%;
      padding-left: 18px;
    }

    .faq-pills-answer-inner::before {
      content: "";
      position: absolute;
      top: 1px;
      bottom: 1px;
      left: 0;
      width: 4px;
      border-radius: 4px;
      background: #dd7a22;
    }

    .faq-pills-badge {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      margin-bottom: 8px;
      padding: 0 10px;
      border-radius: 999px;
      background: #fff0e3;
      color: #dd7a22;
      font-size: 10px;
      line-height: 1;
      letter-spacing: .035em;
      font-weight: 900;
      text-transform: uppercase;
    }

    .faq-pills-question {
      margin: 0 0 7px;
      color: #2a2521;
      font-size: 19px;
      line-height: 1.3;
      letter-spacing: -.22px;
      font-weight: 900;
    }

    .faq-pills-text {
      margin: 0;
      color: #655d55;
      font-size: 14px;
      line-height: 1.52;
      font-weight: 500;
      max-width: 1020px;
    }

    .faq-pills-note {
      margin: 14px 0 0;
      color: #aaa198;
      font-size: 10px;
      line-height: 1.35;
      font-weight: 500;
      text-align: center;
    }


    .callback-section {
      padding: 0 28px 40px;
      background: var(--page);
    }

    .callback-card {
      position: relative;
      min-height: 260px;
      overflow: hidden;
      border: 1px solid #ece1d5;
      border-radius: 10px;
      background: #f7efe4;
      box-shadow: 0 8px 24px rgba(63, 39, 17, .04);
      isolation: isolate;
    }

    .callback-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(90deg,
        rgba(248,241,232,1) 0%,
        rgba(248,241,232,1) 28%,
        rgba(248,241,232,.96) 40%,
        rgba(248,241,232,.70) 54%,
        rgba(248,241,232,0) 74%);
    }

    .callback-copy {
      position: relative;
      z-index: 2;
      width: 42%;
      min-width: 0;
      min-height: 260px;
      padding: 28px 18px 26px 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }

    .callback-title {
      margin: 0 0 9px;
      color: #161412;
      font-size: clamp(26px, 2vw, 34px);
      line-height: 1.08;
      letter-spacing: -.65px;
      font-weight: 900;
    }

    .callback-text {
      margin: 0 0 17px;
      color: #4f4943;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
      max-width: 350px;
    }

    .callback-form {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
      align-items: center;
      width: min(100%, 420px);
    }

    .callback-input {
      width: 100%;
      height: 42px;
      padding: 0 13px;
      border: 1px solid #e3d8cc;
      border-radius: 5px;
      background: #fff;
      color: #1c1a18;
      font: inherit;
      font-size: 13px;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
    }

    .callback-input:focus {
      border-color: rgba(238,101,12,.42);
      box-shadow: 0 0 0 4px rgba(238,101,12,.10);
    }

    .callback-submit {
      grid-column: 1;
      width: 100%;
      height: 42px;
      padding: 0 18px;
      border: 0;
      border-radius: 5px;
      background: var(--orange);
      color: #fff;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
      transition: background-color .18s ease, transform .18s ease;
    }

    .callback-submit:hover {
      background: var(--orange-dark);
      transform: translateY(-1px);
    }

    .callback-visual {
      position: absolute;
      inset: 0;
      z-index: 0;
      min-width: 0;
      overflow: hidden;
      background: #f7efe4;
    }

    .callback-visual img {
      position: absolute;
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      display: block;
      width: auto;
      height: 122%;
      max-width: none;
      object-fit: contain;
      object-position: right center;
      transform: translateY(-50%);
    }


    .site-footer {
      background: #232323;
      color: #f7f3ed;
      border-top: 1px solid rgba(255,255,255,.05);
    }

    .footer-main {
      display: grid;
      grid-template-columns: 1.15fr 1.05fr 1.15fr .8fr;
      gap: clamp(30px, 4vw, 72px);
      padding: 34px 42px 28px;
    }

    .footer-brand {
      display: inline-flex;
      align-items: baseline;
      margin-bottom: 16px;
      font-size: 27px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.9px;
    }

    .footer-brand-black { color: #fff; }
    .footer-brand-orange { color: var(--orange); }

    .footer-description {
      max-width: 270px;
      margin: 0;
      color: #d7d2cc;
      font-size: 13px;
      line-height: 1.58;
      font-weight: 500;
    }

    .footer-socials {
      display: flex;
      gap: 12px;
      margin-top: 18px;
    }

    .footer-social {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: #fff;
      transition: transform .18s ease, filter .18s ease;
    }

    .footer-social:hover { transform: translateY(-2px); filter: brightness(1.06); }
    .footer-social--wa { background: #22c767; }
    .footer-social--tg { background: #2aabee; }
    .footer-social svg { width: 21px; height: 21px; fill: currentColor; }

    .footer-heading {
      margin: 0 0 16px;
      color: #fff;
      font-size: 17px;
      line-height: 1.2;
      font-weight: 850;
    }

    .footer-contact-list,
    .footer-nav-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .footer-contact-list {
      display: grid;
      gap: 10px;
      margin-bottom: 15px;
    }

    .footer-contact-link,
    .footer-address,
    .footer-hours {
      color: #ddd8d2;
      font-size: 13px;
      line-height: 1.5;
      font-weight: 500;
    }

    .footer-contact-link {
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }

    .footer-mini-icon {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
      color: #c9c3bd;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-map {
      position: relative;
      width: min(100%, 245px);
      height: 128px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 9px;
      background: #e8efe2;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    }

    .footer-map svg,
    .footer-map iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .footer-map-label {
      position: absolute;
      left: 50%;
      top: 52%;
      transform: translate(-50%, -50%);
      min-width: 118px;
      padding: 7px 10px 7px 32px;
      border-radius: 6px;
      background: #fff;
      color: #292725;
      font-size: 11px;
      line-height: 1.15;
      font-weight: 800;
      box-shadow: 0 5px 16px rgba(25,35,23,.18);
      white-space: nowrap;
    }

    .footer-map-label::before {
      content: "";
      position: absolute;
      left: 11px;
      top: 50%;
      width: 12px;
      height: 12px;
      border: 4px solid #f04438;
      border-radius: 999px 999px 999px 0;
      transform: translateY(-60%) rotate(-45deg);
      background: #fff;
    }

    .footer-address { margin: 0 0 17px; max-width: 260px; }

    .footer-schedule {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 11px;
      align-items: flex-start;
      margin-top: 5px;
    }

    .footer-clock {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.26);
      border-radius: 999px;
      color: #fff;
    }

    .footer-clock svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-hours strong {
      display: block;
      margin-bottom: 3px;
      color: #fff;
      font-size: 13px;
      font-weight: 800;
    }

    .footer-nav-list {
      display: grid;
      gap: 7px;
    }

    .footer-nav-link {
      color: #d8d3cc;
      font-size: 13px;
      line-height: 1.25;
      font-weight: 500;
      transition: color .18s ease;
    }

    .footer-nav-link:hover { color: var(--orange); }

    .footer-bottom {
      display: grid;
      grid-template-columns: 1fr 1.45fr 1fr;
      gap: 24px;
      align-items: center;
      padding: 13px 42px 15px;
      border-top: 1px solid rgba(255,255,255,.12);
      color: #aaa49d;
      font-size: 11px;
      line-height: 1.4;
    }

    .footer-bottom-center { text-align: center; }
    .footer-bottom-right { text-align: right; }
    .footer-policy { transition: color .18s ease; }
    .footer-policy:hover { color: #fff; }


    .below-space { display: none; }

    .mobile-menu-btn { display: none; }

    @media (max-width: 1180px) {
      .site-header { grid-template-columns: auto 1fr auto; gap: 16px; padding-inline: 20px; }
      .main-nav { gap: 14px; font-size: 11px; }
      .main-nav > a[href="/#blog"] { display: none; }
      .main-nav > a[href="/contacts/"] { display: inline-flex; }
      .phone { display: none; }
      .hero { grid-template-columns: 54% 46%; }
      .hero-copy { padding-left: 34px; }
      .features { gap: 14px; }
      .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .product-highlight-card { grid-template-columns: 1fr 1fr; }
      .product-title { font-size: 36px; }
      .product-spec { font-size: 17px; }
      .docs-showcase-section { padding: 0 20px 30px; }
      .docs-showcase-shell { padding: 26px 20px 24px; }
      .docs-showcase-card { min-height: 340px; padding-inline: 18px; }
      .docs-showcase-download { min-width: 170px; }
      .quality-card { padding-inline: 20px; }
      .calculator-form-wrap { padding-inline: 26px; }
      .calculator-title { font-size: 28px; }
      .benefits-grid { grid-template-columns: 1fr; gap: 12px; }
      .wholesale-section { padding: 0 20px 28px; }
      .wholesale-card { grid-template-columns: 1fr; min-height: 0; }
      .wholesale-copy { padding: 26px 26px 28px; }
      .wholesale-title { font-size: clamp(28px, 5.5vw, 38px); margin-bottom: 14px; }
      .wholesale-text { max-width: 100%; font-size: 15px; }
      .wholesale-visual { min-height: 280px; }
      .price-list-card { grid-template-columns: auto minmax(0, 1fr); gap: 18px 20px; }
      .price-list-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; grid-column: 1 / -1; }
      .reviews-section { padding: 0 20px 32px; }
      .reviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      .review-card { min-height: 228px; }
      .blog-section { padding: 0 20px 34px; }
      .blog-grid { grid-template-columns: 1fr; gap: 14px; }
      .faq-pills-section { padding: 0 20px 34px; }
      .faq-pills-shell { padding: 18px; }
      .faq-pills-panel { padding: 25px 26px 18px; }
      .faq-pills-answer { padding: 21px 22px; }
      .callback-section { padding: 0 20px 34px; }
      .callback-copy { width: 46%; padding-left: 26px; }
    }

    @media (max-width: 860px) {
      .page-shell { width: min(calc(100% - 18px), var(--container)); margin-top: 9px; }
      .site-header { height: 66px; grid-template-columns: auto 1fr auto; }
      .main-nav { display: none; }
      .header-actions { justify-self: end; }
      .header-cta { display: none; }
      .phone { display: block; }
      .mobile-menu-btn {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #fff;
        color: #2a2825;
      }
      .hero { grid-template-columns: 1fr; }
      .hero-copy { padding: 44px 28px 34px; }
      .hero-copy::after { display: none; }
      .hero h1 { max-width: 660px; font-size: clamp(36px, 7vw, 52px); }
      .hero-visual { min-height: 420px; }
      .hero-visual::before {
        background: linear-gradient(180deg,
          var(--bg) 0%,
          rgba(248,242,233,.72) 10%,
          rgba(248,242,233,0) 26%);
      }
      .stats-section { padding: 20px 20px 14px; }
      .stat-card { min-height: 112px; }
      .product-highlight-section { padding: 6px 20px 28px; }
      .product-highlight-card { grid-template-columns: 1fr; gap: 6px; padding: 14px 16px 18px; }
      .product-media { min-height: 200px; justify-content: center; }
      .product-media img { max-width: 520px; }
      .product-title { font-size: clamp(30px, 5.4vw, 40px); margin-bottom: 18px; }
      .product-specs { gap: 14px; margin-bottom: 22px; }
      .product-spec { font-size: 18px; }
      .docs-showcase-section { padding: 0 20px 28px; }
      .docs-showcase-shell { padding: 24px 18px 20px; }
      .docs-showcase-grid { grid-template-columns: 1fr; gap: 12px; }
      .docs-showcase-card { min-height: 0; align-items: flex-start; text-align: left; padding: 20px; }
      .docs-showcase-icon { width: 66px; height: 66px; margin-bottom: 15px; }
      .docs-showcase-card-title { font-size: 19px; }
      .docs-showcase-divider { margin: 13px 0; }
      .docs-showcase-download { width: 100%; }
      .stock-strip-section { padding: 0 20px 28px; }
      .stock-strip { grid-template-columns: 1.25fr repeat(3, .72fr) .95fr; min-height: 108px; }
      .stock-strip__title, .stock-strip__item, .stock-strip__total { padding: 18px 16px; }
      .stock-strip__title { gap: 10px; font-size: 15px; }
      .stock-strip__item::before, .stock-strip__total::before { top: 18px; bottom: 18px; }
      .stock-strip__value { font-size: 21px; }
      .stock-strip__total-value { font-size: 28px; }
      .quality-section { padding: 0 20px 28px; }
      .quality-grid { grid-template-columns: 1fr; gap: 12px; }
      .calculator-section { padding: 0 20px 28px; }
      .calculator-card { grid-template-columns: 1fr; }
      .benefits-section { padding: 0 20px 28px; }
      .benefits-grid { grid-template-columns: 1fr; gap: 12px; }
      .calculator-visual { min-height: 330px; padding: 12px 12px 0; }
      .calculator-visual img { max-height: 330px; }
      .calculator-form-wrap { padding: 24px 24px 28px; }
      .reviews-section { padding: 0 20px 30px; }
      .reviews-head { display: grid; grid-template-columns: 1fr auto; align-items: center; }
      .reviews-title { grid-column: 1 / -1; order: -1; }
      .reviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      .review-card { min-height: 210px; }
      .blog-section { padding: 0 20px 30px; }
      .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      .faq-pills-section { padding: 0 20px 30px; }
      .faq-pills-shell { padding: 16px; border-radius: 18px; }
      .faq-pills-panel { padding: 23px 20px 17px; }
      .faq-pills-answer { min-height: 150px; padding: 20px; }
      .faq-pills-question { font-size: 18px; }
      .callback-section { padding: 0 20px 30px; }
      .callback-card {
        display: grid;
        grid-template-columns: 1fr;
        min-height: 0;
      }
      .callback-card::after { display: none; }
      .callback-copy {
        width: auto;
        min-height: 0;
        padding: 24px;
        background: #f7efe4;
      }
      .callback-visual {
        position: relative;
        inset: auto;
        min-height: 280px;
      }
      .callback-visual img {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right center;
        transform: none;
      }
    }

    @media (max-width: 600px) {
      .page-shell { width: 100%; margin: 0; border-radius: 0; border-left: 0; border-right: 0; }
      .site-header { padding-inline: 16px; }
      .brand { font-size: 21px; }
      .phone { font-size: 11px; }
      .hero-copy { padding: 36px 18px 28px; }
      .hero h1 {
        font-size: clamp(31px, 9.8vw, 42px);
        line-height: 1.04;
        letter-spacing: -1.45px;
      }
      .hero-lead { margin-top: 19px; font-size: 15px; }
      .hero-buttons { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 25px; }
      .primary-btn, .secondary-btn { width: 100%; min-height: 54px; }
      .features { grid-template-columns: 1fr; gap: 17px; margin-top: 30px; }
      .feature span { font-size: 12px; }
      .hero-visual { min-height: 310px; }
      .hero-photo { object-position: 58% center; }
      .stats-section { padding: 16px 16px 12px; }
      .stats-grid { grid-template-columns: 1fr; }
      .stat-card { grid-template-columns: 48px 1fr; gap: 14px; min-height: 98px; padding: 18px 16px; }
      .stat-icon { width: 44px; height: 44px; }
      .stat-value { font-size: 22px; }
      .product-highlight-section { padding: 4px 16px 22px; }
      .product-highlight-card { padding: 12px 12px 16px; border-radius: 10px; }
      .product-media { min-height: 160px; }
      .product-title { font-size: 22px; line-height: 1.08; letter-spacing: -.5px; }
      .product-spec { grid-template-columns: 24px 1fr; gap: 10px; font-size: 15px; }
      .product-spec svg { width: 20px; height: 20px; }
      .product-more-btn { min-width: 100%; width: 100%; min-height: 50px; }
      .docs-showcase-section { padding: 0 16px 22px; }
      .docs-showcase-shell { padding: 20px 14px 16px; border-radius: 10px; }
      .docs-showcase-head { margin-bottom: 17px; }
      .docs-showcase-title { font-size: 24px; letter-spacing: -.45px; }
      .docs-showcase-subtitle { margin-top: 8px; font-size: 13px; }
      .docs-showcase-grid { grid-template-columns: 1fr; gap: 11px; }
      .docs-showcase-card { min-height: 0; padding: 18px 16px; border-radius: 10px; }
      .docs-showcase-icon { width: 58px; height: 58px; margin-bottom: 13px; }
      .docs-showcase-icon svg { width: 36px; height: 42px; }
      .docs-showcase-kicker { font-size: 10px; }
      .docs-showcase-card-title { font-size: 17px; }
      .docs-showcase-text { margin-bottom: 16px; font-size: 13px; }
      .docs-showcase-download { width: 100%; min-width: 0; min-height: 43px; }
      .docs-showcase-all { margin-top: 15px; }
      .stock-strip-section { padding: 0 16px 22px; }
      .stock-strip {
        grid-template-columns: 1fr 1fr;
        min-height: 0;
        border-radius: 12px;
      }
      .stock-strip__title {
        grid-column: 1 / -1;
        min-height: 64px;
        padding: 17px 18px 13px;
        font-size: 16px;
      }
      .stock-strip__item,
      .stock-strip__total {
        min-height: 94px;
        padding: 14px 16px 16px;
        border-top: 1px solid rgba(255,255,255,.11);
      }
      .stock-strip__item::before,
      .stock-strip__total::before {
        top: 13px;
        bottom: 13px;
      }
      .stock-strip__item:nth-of-type(2)::before,
      .stock-strip__item:nth-of-type(4)::before { display: none; }
      .stock-strip__item:nth-of-type(4) { grid-column: 1; }
      .stock-strip__total { grid-column: 2; padding-left: 16px; }
      .stock-strip__label, .stock-strip__total-label { font-size: 12px; }
      .stock-strip__value { margin-top: 6px; font-size: 22px; }
      .stock-strip__meters { margin-top: 5px; font-size: 12px; }
      .stock-strip__total-value { margin-top: 6px; font-size: 25px; letter-spacing: -.6px; }
      .stock-strip__total-value small { margin-top: 5px; font-size: 12px; }
      .quality-section { padding: 0 16px 22px; }
      .quality-grid { grid-template-columns: 1fr; gap: 12px; }
      .quality-card { grid-template-columns: 58px 1fr; gap: 14px; min-height: 124px; padding: 18px 16px; }
      .quality-icon-wrap { width: 52px; height: 52px; }
      .quality-icon-wrap svg { width: 31px; height: 31px; }
      .quality-title { font-size: 16px; margin-bottom: 5px; }
      .quality-text { font-size: 12px; }
      .calculator-section { padding: 0 16px 22px; }
      .benefits-section { padding: 0 16px 22px; }
      .benefits-heading { margin-bottom: 14px; font-size: 24px; letter-spacing: -.45px; }
      .benefits-grid { grid-template-columns: 1fr; gap: 12px; }
      .benefit-card { grid-template-columns: 52px 1fr; gap: 12px; min-height: 118px; padding: 16px; }
      .benefit-icon { width: 42px; height: 42px; }
      .benefit-icon svg { width: 34px; height: 34px; }
      .benefit-title { margin: 2px 0 6px; font-size: 16px; }
      .benefit-text { font-size: 12px; }
      .calculator-card { border-radius: 10px; }
      .calculator-visual { min-height: 235px; padding: 8px 6px 0; }
      .calculator-visual img { max-height: 240px; }
      .calculator-form-wrap { padding: 20px 16px 22px; }
      .calculator-title { font-size: 22px; letter-spacing: -.45px; }
      .calculator-subtitle { margin-bottom: 18px; font-size: 12px; }
      .calculator-input, .calculator-select { height: 49px; }
      .calculator-submit { height: 50px; }
      .wholesale-section { padding: 0 16px 22px; }
      .wholesale-stack { gap: 12px; }
      .wholesale-card { border-radius: 10px; }
      .wholesale-copy { padding: 22px 18px 24px; }
      .wholesale-title { margin-bottom: 12px; font-size: 24px; letter-spacing: -.45px; }
      .wholesale-text { font-size: 14px; line-height: 1.5; }
      .wholesale-btn { width: 100%; min-height: 50px; margin-top: 20px; }
      .wholesale-visual { min-height: 220px; }
      .price-list-card { grid-template-columns: 54px 1fr; gap: 14px; padding: 18px 16px; border-radius: 10px; }
      .price-list-icon { width: 54px; height: 64px; }
      .price-list-icon svg { width: 48px; height: 58px; }
      .price-list-title { font-size: 20px; }
      .price-list-text { font-size: 13px; }
      .price-list-form { display: grid; grid-template-columns: 1fr; gap: 9px; grid-column: 1 / -1; }
      .price-list-input, .price-list-submit { height: 48px; }
      .price-list-submit { width: 100%; min-width: 0; }
      .reviews-section { padding: 0 16px 26px; }
      .reviews-head { display: block; margin-bottom: 14px; }
      .reviews-title { font-size: 24px; letter-spacing: -.45px; text-align: center; }
      .reviews-link { display: inline-flex; margin-top: 8px; }
      .reviews-grid { grid-template-columns: 1fr; gap: 12px; }
      .review-card { min-height: 0; padding: 16px; }
      .review-quote { margin-bottom: 12px; font-size: 30px; }
      .review-text { margin-bottom: 16px; font-size: 14px; }
      .review-author { font-size: 14px; }
      .review-role { font-size: 13px; }
      .reviews-dots { margin-top: 14px; }
      .blog-section { padding: 0 16px 26px; }
      .blog-head { display: block; margin-bottom: 14px; }
      .blog-title { font-size: 24px; letter-spacing: -.45px; }
      .blog-link { display: inline-flex; margin-top: 8px; }
      .blog-grid { grid-template-columns: 1fr; gap: 12px; }
      .blog-card-body { padding: 14px; }
      .blog-card-title { font-size: 16px; }
      .blog-card-text { font-size: 12px; }
      .blog-card-media { height: 148px; }
      .faq-pills-section { padding: 0 16px 26px; }
      .faq-pills-shell { padding: 10px; border-radius: 15px; }
      .faq-pills-panel { padding: 20px 14px 14px; border-radius: 12px; }
      .faq-pills-head { margin-bottom: 14px; }
      .faq-pills-title { font-size: 24px; letter-spacing: -.45px; }
      .faq-pills-subtitle { margin-top: 7px; font-size: 12px; }
      .faq-pills-tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        margin-right: -14px;
        padding-right: 14px;
        padding-bottom: 5px;
        scrollbar-width: thin;
        scrollbar-color: rgba(221, 122, 34, .35) transparent;
      }
      .faq-pills-tabs::-webkit-scrollbar { height: 4px; }
      .faq-pills-tabs::-webkit-scrollbar-thumb { background: rgba(221, 122, 34, .35); border-radius: 999px; }
      .faq-pill { min-height: 34px; padding: 0 13px; font-size: 11px; flex: 0 0 auto; }
      .faq-pills-answer { min-height: 166px; padding: 17px 14px; border-radius: 10px; }
      .faq-pills-answer-inner { padding-left: 13px; }
      .faq-pills-answer-inner::before { width: 3px; }
      .faq-pills-badge { min-height: 20px; margin-bottom: 7px; padding: 0 8px; font-size: 9px; }
      .faq-pills-question { margin-bottom: 7px; font-size: 16px; }
      .faq-pills-text { font-size: 12px; line-height: 1.5; }
      .faq-pills-note { margin-top: 11px; font-size: 9px; }
      .callback-section { padding: 0 16px 26px; }
      .callback-card { border-radius: 9px; }
      .callback-copy { padding: 20px 16px 18px; }
      .callback-title { font-size: 24px; letter-spacing: -.45px; }
      .callback-text { margin-bottom: 14px; font-size: 13px; }
      .callback-form { grid-template-columns: 1fr; gap: 8px; width: 100%; }
      .callback-input, .callback-submit { height: 42px; }
      .callback-submit { grid-column: auto; width: 100%; }
      .callback-visual { min-height: 220px; }
      .callback-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
    }


/* --- Виджет калькулятора в макете секции --- */
.calculator-form-wrap .balka-calc {
  --balka-bg: #ffffff;
  --balka-surface: transparent;
  --balka-ink: #1a1816;
  --balka-muted: #6b625a;
  --balka-line: #eadfd3;
  --balka-accent: #dd7a22;
  --balka-accent-hover: #c2681a;
  --balka-warn-bg: rgba(221, 122, 34, 0.08);
  --balka-radius: 6px;
  --balka-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  max-width: none;
  width: 100%;
}

.calculator-form-wrap .balka-calc__card {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.calculator-form-wrap .balka-calc__eyebrow {
  color: var(--balka-accent);
}

.calculator-form-wrap .balka-calc__title {
  font-size: clamp(24px, 2.1vw, 34px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1.08;
}

.calculator-form-wrap .balka-calc__subtitle {
  font-size: 13px;
  margin-bottom: 0.25rem;
}

.calculator-form-wrap .balka-calc__input,
.calculator-form-wrap .balka-calc__select {
  background: #fff;
  border-radius: 5px;
  min-height: 52px;
}

.calculator-form-wrap .balka-calc__submit {
  background: var(--balka-accent);
  border-radius: 6px;
  box-shadow: 0 9px 22px rgba(238, 101, 12, 0.2);
  font-weight: 850;
  min-height: 54px;
}

.calculator-form-wrap .balka-calc__submit:hover {
  background: var(--balka-accent-hover);
}

.calculator-form-wrap .balka-calc__cta {
  border-color: var(--balka-accent);
  color: var(--balka-accent);
}

.calculator-form-wrap .balka-calc__cta:hover {
  background: var(--balka-accent);
  color: #fff;
}

.calculator-form-wrap .balka-calc__result-box {
  background: rgba(238, 101, 12, 0.08);
  border-color: transparent;
}

/* --- Мобильное меню --- */
.privacy-note {
  padding: 18px 28px 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
  background: #1f1c1a;
}

.privacy-note p {
  margin: 0;
  max-width: 72rem;
}

@media (max-width: 860px) {
  .site-header {
    position: relative;
    z-index: 40;
  }

  .main-nav.is-open {
    display: flex;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: 50;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    white-space: normal;
    box-shadow: 0 16px 28px rgba(63, 39, 17, 0.12);
  }

  .main-nav.is-open a {
    padding: 14px 4px;
    border-bottom: 1px solid rgba(232, 220, 207, 0.74);
    font-size: 14px;
  }

  .main-nav.is-open a:last-child {
    border-bottom: 0;
  }

  .main-nav.is-open a::after {
    display: none;
  }

  .main-nav.is-open > a[href="/contacts/"] {
    display: flex;
  }

  .mobile-menu-btn[aria-expanded="true"] {
    border-color: var(--orange);
    color: var(--orange);
  }
}

/* Сравнение: на планшете/мобиле — только карточки */
@media (max-width: 860px) {
  .comparison-card {
    display: none !important;
  }

  .comparison-mobile {
    display: grid !important;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }

  .comparison-wrap {
    overflow: visible;
  }
}
@media (max-width: 1180px) {
  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    padding: 28px 24px 22px;
  }

  .footer-bottom {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px 24px 16px;
    text-align: center;
  }

  .footer-bottom-center,
  .footer-bottom-right {
    text-align: center;
  }
}

@media (max-width: 860px) {
  .footer-main {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 26px 20px 20px;
  }

  .footer-description,
  .footer-address {
    max-width: none;
  }

  .footer-map {
    max-width: 100%;
  }

  .privacy-note {
    padding: 16px 20px 8px;
  }
}

@media (max-width: 600px) {
  .footer-main {
    padding: 22px 16px 18px;
  }

  .footer-bottom {
    padding: 12px 16px 14px;
    font-size: 11px;
    line-height: 1.45;
  }

  .reviews-grid {
    grid-template-columns: 1fr;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .privacy-note {
    padding: 14px 16px 6px;
    font-size: 11px;
  }
}

@media (max-width: 375px) {
  .site-header {
    height: 60px;
    padding-inline: 12px;
  }

  .brand {
    font-size: 19px;
  }

  .phone {
    font-size: 10px;
  }

  .hero-copy {
    padding: 28px 14px 22px;
  }

  .hero h1 {
    font-size: 28px;
    letter-spacing: -1.2px;
  }

  .calculator-form-wrap .balka-calc__title {
    font-size: 20px;
  }

  .calculator-form-wrap .balka-calc__fields {
    grid-template-columns: 1fr;
  }

  .footer-main {
    padding: 20px 14px 16px;
  }

  .footer-bottom {
    gap: 8px;
    padding: 12px 14px 14px;
    font-size: 10px;
  }

  .privacy-note {
    padding: 12px 14px 6px;
    font-size: 11px;
  }
}

/* --- Наши объекты: адаптив --- */
@media (max-width: 1180px) {
  .projects-section {
    padding: 0 20px 34px;
  }

  .projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 860px) {
  .projects-section {
    padding: 0 20px 30px;
  }

  .project-card-media {
    height: 156px;
  }
}

@media (max-width: 480px) {
  .projects-section {
    padding: 0 16px 26px;
  }

  .projects-head {
    margin-bottom: 14px;
    text-align: center;
  }

  .projects-title {
    font-size: 24px;
    letter-spacing: -.45px;
  }

  .projects-subtitle {
    margin-top: 8px;
    font-size: 13px;
  }

  .projects-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .projects-grid::-webkit-scrollbar {
    height: 4px;
  }

  .projects-grid::-webkit-scrollbar-thumb {
    background: rgba(221, 122, 34, .35);
    border-radius: 999px;
  }

  .project-card {
    flex: 0 0 min(78vw, 280px);
    width: min(78vw, 280px);
    min-height: 220px;
    scroll-snap-align: start;
  }

  .project-card-media {
    height: 148px;
  }

  .project-card-body {
    min-height: 72px;
    padding: 12px 14px 14px;
  }

  .project-card-caption {
    font-size: 13px;
  }
}

@media (max-width: 320px) {
  .project-card {
    flex-basis: 86vw;
    width: 86vw;
  }

  .project-card-caption {
    font-size: 12px;
  }
}


/* ===== PRODUCT PAGE (catalog/balka-bdk-1pur-200) ===== */
.product-page {
  --cream: #f8f2e9;
  --cream-2: #f3eadf;
  --orange-hover: #c2681a;
  --ochre: #d9a441;
  --green: #54b65f;
}

.product-page .breadcrumbs {padding:22px 30px 14px;color:#8b8177;font-size:12px}
.product-page .breadcrumbs a:hover {color:var(--orange)}
.product-page .breadcrumbs span {margin:0 7px;color:#b2a89e}
.product-page .product-hero {padding:0 30px 36px}
.product-page .product-hero-grid {display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:28px;align-items:start}
.product-page .gallery-card {padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.product-page .gallery-main {height:500px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#fff,#f7f1e9);display:flex;align-items:center;justify-content:center}
.product-page .gallery-main img {width:100%;height:100%;display:block;object-fit:contain;transition:opacity .18s ease,transform .24s ease}
.product-page .gallery-main.is-changing img {opacity:.2;transform:scale(.985)}
.product-page .gallery-thumbs {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.product-page .gallery-thumb {height:110px;padding:0;border:1px solid #e8ded3;border-radius:11px;overflow:hidden;background:#faf6f0;cursor:pointer;box-shadow:0 3px 10px rgba(50,30,12,.03);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.product-page .gallery-thumb:hover {transform:translateY(-1px);border-color:rgba(221,122,34,.45)}
.product-page .gallery-thumb.is-active {border-color:var(--orange);box-shadow:0 0 0 2px rgba(221,122,34,.12)}
.product-page .gallery-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.product-page .gallery-thumb[data-fit="contain"] img {object-fit:contain;padding:4px}
.product-page .product-info {padding:18px 0 0}
.product-page .product-title {margin:0;max-width:720px;color:#171512;font-size:clamp(34px,3vw,56px);line-height:1.04;letter-spacing:-1.5px;font-weight:950}
.product-page .product-subtitle {margin:15px 0 0;color:#332d28;font-size:21px;line-height:1.3;font-weight:800}
.product-page .stock-badge {margin-top:22px;display:inline-flex;align-items:center;gap:10px;min-height:43px;padding:0 15px;border-radius:9px;background:#f3f3d9;color:#5b5a42;font-size:14px;font-weight:700;border:1px solid rgba(156,162,83,.13)}
.product-page .stock-dot {width:15px;height:15px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(84,182,95,.12);position:relative}
.product-page .stock-dot::after {content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(84,182,95,.35);animation:product-stock-pulse 1.9s ease-out infinite}
@keyframes product-stock-pulse{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.45);opacity:0}}
.product-page .usp-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}
.product-page .usp-card {min-height:142px;padding:18px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 9px 22px rgba(62,39,18,.055);display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:start;grid-column:span 2;height:100%}
.product-page .usp-card:nth-child(4), .product-page .usp-card:nth-child(5) {min-height:142px;grid-column:span 3}
.product-page .usp-icon {width:42px;height:42px;color:var(--orange);display:grid;place-items:center}
.product-page .usp-icon svg {width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-page .usp-title {margin:3px 0 7px;font-size:14px;line-height:1.28;font-weight:900;color:#29241f}
.product-page .usp-text {margin:0;color:#857b72;font-size:11px;line-height:1.45;font-weight:550}
.product-page .price-section {padding:0 30px 40px}
.product-page .price-card {position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff 55%,#fbf5ed 100%);box-shadow:var(--shadow)}
.product-page .price-card::after {content:"";position:absolute;right:-110px;top:-135px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(217,164,65,.12),rgba(221,122,34,0) 68%);pointer-events:none}
.product-page .price-head {position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.product-page .price-kicker {margin:0 0 5px;color:var(--orange);font-size:11px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.product-page .price-title {margin:0;color:#171512;font-size:clamp(30px,2.7vw,46px);line-height:1;font-weight:950;letter-spacing:-1.1px}
.product-page .price-title span {color:var(--orange)}
.product-page .price-caption {margin:9px 0 0;color:#81776d;font-size:13px;line-height:1.45;font-weight:600}
.product-page .beam-plywood-switch {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin:10px 0 12px;
}
.product-page .beam-plywood-switch__label {
  color:#5f564d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.product-page .beam-plywood-switch__btns {
  display:inline-flex;
  gap:6px;
  padding:3px;
  border:1px solid #e8ddd0;
  border-radius:10px;
  background:#fff;
}
.product-page .beam-plywood-switch__btn {
  min-width:72px;
  min-height:36px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#5a5148;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.product-page .beam-plywood-switch__btn:hover {
  color:var(--orange-dark);
  background:rgba(221,122,34,.08);
}
.product-page .beam-plywood-switch__btn:focus-visible {
  outline:2px solid rgba(221,122,34,.55);
  outline-offset:2px;
}
.product-page .beam-plywood-switch__btn.is-active {
  background:var(--orange);
  color:#fff;
  box-shadow:0 6px 14px rgba(221,122,34,.22);
}
.product-page .beam-plywood-switch--wholesale {
  margin:12px 0 4px;
}
.product-page .price-order {min-width:170px;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--orange);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 22px rgba(221,122,34,.2);transition:background .18s ease,transform .18s ease}
.product-page .price-order:hover {background:var(--orange-hover);transform:translateY(-1px)}
.product-page .price-table-wrap {position:relative;z-index:1;overflow:hidden;border:1px solid #e8ddd0;border-radius:14px;background:#fff}
.product-page .price-table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.product-page .price-table th, .product-page .price-table td {padding:13px 12px;text-align:center;border-right:1px solid #eee5db;border-bottom:1px solid #eee5db}
.product-page .price-table tr>*:last-child {border-right:0}
.product-page .price-table tbody tr:last-child td {border-bottom:0}
.product-page .price-table thead th {color:#4c443d;font-size:12px;font-weight:850;background:#fbf7f2}
.product-page .price-table .length-head {width:105px;text-align:left;padding-left:18px;background:#f7efe5}
.product-page .price-table .tier-head {position:relative;font-size:13px;letter-spacing:-.1px}
.product-page .price-table .tier-retail {background:#faf6f0}
.product-page .price-table .tier-1000 {background:#f7f0e7}
.product-page .price-table .tier-3000 {background:#fff1df;color:#b95d14}
.product-page .price-table .tier-3000::after {content:"Выгоднее";display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:rgba(221,122,34,.12);color:var(--orange);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px}
.product-page .price-table .subhead {padding-top:8px;padding-bottom:8px;color:#92877c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.product-page .price-table .sub-retail {background:#fdfaf6}
.product-page .price-table .sub-1000 {background:#faf6f0}
.product-page .price-table .sub-3000 {background:#fff7ed;color:#ba6d2c}
.product-page .price-table td {color:#3a342f;font-size:13px;font-weight:700;background:#fff}
.product-page .price-table .length-cell {text-align:left;padding-left:18px;font-size:14px;font-weight:900;color:#2b2622;background:#fdfbf8}
.product-page .price-table .price-meter {font-weight:900;color:#2a2521}
.product-page .price-table .price-piece {color:#746a61}
.product-page .price-table .best-col {background:#fffaf3;color:#c66719}
.product-page .price-table .best-col.price-meter {color:var(--orange)}
.product-page .price-table tbody tr {transition:background .16s ease}
.product-page .price-table tbody tr:hover td:not(.best-col) {background:#fffdf9}
.product-page .price-table tbody tr:hover .best-col {background:#fff5e8}
.product-page .price-foot {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;color:#8a8076;font-size:11px;line-height:1.4}
.product-page .price-foot strong {color:#574f47}
.product-page .price-legend {display:flex;gap:14px;flex-wrap:wrap}
.product-page .price-legend span {display:inline-flex;align-items:center;gap:6px}
.product-page .price-legend i {width:8px;height:8px;border-radius:50%;background:#ead7c2}
.product-page .price-legend span:last-child i {background:var(--orange)}
.product-page .price-mobile {display:none}
.product-page .price-mobile-grid {display:grid;gap:10px}
.product-page .price-length-card {padding:14px;border:1px solid #e8ddd0;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(63,39,17,.035)}
.product-page .price-length-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.product-page .price-length-title {margin:0;font-size:17px;font-weight:950;color:#251f1b}
.product-page .price-length-chip {padding:4px 8px;border-radius:999px;background:#f6eee4;color:#82766c;font-size:10px;font-weight:850}
.product-page .price-mobile-tiers {display:grid;gap:7px}
.product-page .mobile-tier {display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:#faf7f3}
.product-page .mobile-tier.is-best {background:#fff3e5;border:1px solid rgba(221,122,34,.18)}
.product-page .mobile-tier-name {font-size:11px;font-weight:850;color:#71675e}
.product-page .mobile-tier.is-best .mobile-tier-name {color:#b75d17}
.product-page .mobile-tier-value {text-align:right;font-size:12px;font-weight:900;color:#302a25}
.product-page .mobile-tier-value small {display:block;margin-top:2px;color:#91867b;font-size:9.5px;font-weight:700}
.product-page .mobile-tier.is-best .mobile-tier-value {color:var(--orange)}
.product-page .documents-section {padding:0 30px 46px;background:#fff}
.product-page .documents-head {max-width:900px;margin:0 auto 22px;text-align:center}
.product-page .documents-title {margin:0;color:#171512;font-size:clamp(30px,2.4vw,42px);line-height:1.08;letter-spacing:-.8px;font-weight:950}
.product-page .documents-subtitle {margin:10px 0 0;color:#766d64;font-size:15px;line-height:1.5;font-weight:500}
.product-page .documents-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-page .document-card {display:grid;grid-template-columns:88px 1fr;gap:18px;min-height:260px;padding:28px 26px;border:1px solid #ebe1d6;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(63,39,17,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product-page .document-card:hover {transform:translateY(-2px);border-color:rgba(221,122,34,.28);box-shadow:0 16px 34px rgba(63,39,17,.085)}
.product-page .document-icon {width:74px;height:86px;display:grid;place-items:center;align-self:start;color:#e64d51}
.product-page .document-icon svg {width:70px;height:82px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-page .document-icon .pdf-tag {fill:#e11f26;stroke:none}
.product-page .document-icon .pdf-text {fill:#fff;stroke:none;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:.04em}
.product-page .document-body {display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.product-page .document-title {margin:0 0 14px;color:#211d1a;font-size:22px;line-height:1.2;letter-spacing:-.35px;font-weight:950}
.product-page .document-text {margin:0 0 22px;color:#5f5750;font-size:15px;line-height:1.48;font-weight:550}
.product-page .document-download {margin-top:auto;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(221,122,34,.56);border-radius:9px;background:#fff;color:var(--orange);font-size:14px;line-height:1.2;font-weight:850;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.product-page .document-download:hover {background:#fff6eb;border-color:var(--orange);transform:translateY(-1px)}
.product-page .documents-all {display:flex;justify-content:center;margin-top:20px}
.product-page .documents-all-link {display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:14px;font-weight:900}
.product-page .documents-all-link:hover {color:var(--orange-hover)}
.product-page .production-cta-section {padding:0 30px 40px;background:#fff}
.product-page .production-cta-grid {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px}
.product-page .production-card, .product-page .engineering-card {padding:24px;border:1px solid #eadfd2;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(66,42,21,.06)}
.product-page .production-title, .product-page .engineering-title {margin:0;color:#171512;font-size:clamp(28px,2.2vw,40px);line-height:1.12;letter-spacing:-.7px;font-weight:950}
.product-page .production-figure {margin:18px 0 0;border-radius:16px;overflow:hidden;background:#f4ede4}
.product-page .production-figure img {width:100%;height:320px;display:block;object-fit:cover;object-position:center 58%}
.product-page .engineering-card {display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.product-page .engineering-button {margin-top:24px;min-height:74px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(90deg,#e97312,#ef7d1c);box-shadow:0 10px 24px rgba(221,122,34,.22);color:#fff;font-size:19px;font-weight:900;letter-spacing:-.2px;transition:transform .18s ease,filter .18s ease}
.product-page .engineering-button:hover {filter:brightness(.97);transform:translateY(-1px)}
.product-page .engineering-link {margin-top:34px;color:var(--orange);font-size:18px;line-height:1.35;font-weight:850;letter-spacing:-.25px}
.product-page .engineering-link:hover {color:var(--orange-hover)}
.product-page .product-calculator-section {padding:0 30px 40px;background:#fff}
.product-page .product-calculator-card {overflow:hidden;border:1px solid #eadfd2;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(66,42,21,.075)}
.product-page .product-calculator-grid {display:grid;grid-template-columns:minmax(440px,.88fr) minmax(560px,1.12fr);min-height:690px}
.product-page .product-calculator-copy {padding:42px 38px 38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff 0%,#fff 65%,#fdf9f4 100%)}
.product-page .product-calculator-title {margin:0;color:#171512;font-size:clamp(34px,3vw,48px);line-height:1.05;letter-spacing:-1.15px;font-weight:950}
.product-page .product-calculator-subtitle {margin:14px 0 28px;color:#6f675f;font-size:15px;line-height:1.55;font-weight:500}
.product-page .calc-note {display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:center;margin-top:20px;padding:15px 16px;border:1px solid rgba(221,122,34,.35);border-radius:9px;background:#fffaf4;color:#6d5541;font-size:12px;line-height:1.45}
.product-page .calc-note-icon {width:27px;height:27px;display:grid;place-items:center;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:15px;font-weight:900;font-style:normal}
.product-page .advanced-calc-card {margin-top:18px;padding:20px;border:1px solid #e6ddd3;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(62,39,18,.04)}
.product-page .advanced-calc-title {margin:0 0 6px;color:#25211d;font-size:17px;line-height:1.3;font-weight:900}
.product-page .advanced-calc-text {margin:0 0 14px;color:#746c64;font-size:12.5px;line-height:1.5}
.product-page .advanced-calc-link {min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(221,122,34,.65);border-radius:8px;color:var(--orange);font-size:12.5px;font-weight:850;transition:background .18s ease,color .18s ease}
.product-page .advanced-calc-link:hover {background:#fff5e9;color:var(--orange-hover)}
.product-page .product-calculator-visual {position:relative;min-height:690px;overflow:hidden;border-left:1px solid #eee4da;background:linear-gradient(180deg,#fff,#faf6f0);display:flex;align-items:center;justify-content:center;padding:42px 34px 30px}
.product-page .product-calculator-visual img {width:84%;height:auto;max-height:610px;display:block;object-fit:contain;object-position:center;background:transparent}
.product-page .specs-section {padding:0 30px 40px;background:#fff}
.product-page .specs-card {padding:28px 30px 26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(66,42,21,.06)}
.product-page .specs-title {margin:0 0 18px;color:#1d1916;font-size:clamp(28px,2.2vw,40px);line-height:1.08;letter-spacing:-.7px;font-weight:950}
.product-page .specs-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 44px}
.product-page .specs-column {display:grid;gap:0}
.product-page .specs-row {display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,1.1fr);gap:20px;align-items:center;min-height:48px;border-top:1px solid #efe7dd}
.product-page .specs-key, .product-page .specs-value {padding:10px 0;font-size:15px;line-height:1.35}
.product-page .specs-key {color:#332d28;font-weight:800}
.product-page .specs-value {color:#524a43;font-weight:700}
.product-page .first-screen-note {padding:0 30px 28px;color:#9a9086;font-size:11px}
.product-page .reviews-section {padding:0 28px 32px}
.product-page .reviews-head {text-align:center;max-width:820px;margin:0 auto 18px}
.product-page .reviews-title {margin:0;color:#1f1b17;font-size:28px;line-height:1.08;letter-spacing:-.7px;font-weight:900}
.product-page .reviews-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-page .review-card {min-height:236px;padding:24px 22px 20px;border:1px solid #eee4da;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(65,41,16,.06)}
.product-page .review-name {margin:0 0 14px;color:#1f1b17;font-size:19px;line-height:1.2;font-weight:900}
.product-page .review-text {margin:0;color:#504840;font-size:15px;line-height:1.55;font-weight:500}
.product-page .review-stars {display:flex;gap:9px;margin-top:18px;color:#dd7a22;font-size:25px;line-height:1}
.product-page .wholesale-section {padding:0 28px 40px}
.product-page .wholesale-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 0;
  align-items: stretch;
  gap: 22px;
  padding: 28px 30px 26px;
  overflow: hidden;
  border: 1px solid #ece1d5;
  border-radius: 18px;
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(221,122,34,.12), transparent 55%),
    linear-gradient(180deg, #fbf6ef 0%, #f4ebe0 100%);
  box-shadow: 0 14px 32px rgba(63,39,17,.06);
}
.product-page .wholesale-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #ee650c 0%, #dd7a22 100%);
}
.product-page .wholesale-card__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-left: 8px;
}
.product-page .wholesale-copy {
  min-width: 0;
  max-width: 640px;
  padding: 0;
  background: transparent;
  color: inherit;
  display: block;
  justify-content: initial;
  align-items: initial;
}
.product-page .wholesale-eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  color: #dd7a22;
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.product-page .wholesale-title {
  margin: 0 0 10px;
  color: #1f1b17;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
  letter-spacing: -.5px;
  font-weight: 900;
}
.product-page .wholesale-text {
  margin: 0;
  max-width: none;
  color: #5c554e;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 500;
}
.product-page .wholesale-action {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-bottom: 2px;
}
.product-page .wholesale-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 12px;
  background: #dd7a22;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 850;
  box-shadow: 0 10px 22px rgba(221,122,34,.28);
  white-space: nowrap;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.product-page .wholesale-button:hover {
  background: #c2681a;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(194,104,26,.32);
}
.product-page .wholesale-button span {margin-left: 10px; font-size: 18px; line-height: 1}
.product-page .wholesale-prices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding-left: 8px;
}
.product-page .wholesale-tier {
  position: relative;
  min-height: 108px;
  padding: 18px 18px 16px;
  border: 1px solid #e8ddd0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(63,39,17,.04);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.product-page .wholesale-tier:hover {
  border-color: rgba(221,122,34,.35);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(63,39,17,.08);
}
.product-page .wholesale-tier.is-best {
  border-color: rgba(221,122,34,.55);
  background: linear-gradient(180deg, #fff 0%, #fff7ef 100%);
  box-shadow: 0 12px 26px rgba(221,122,34,.12);
}
.product-page .wholesale-tier-badge {
  position: absolute;
  top: -10px;
  right: 14px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #dd7a22;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .02em;
}
.product-page .wholesale-tier-label {
  display: block;
  margin-bottom: 12px;
  color: #766d64;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 750;
}
.product-page .wholesale-tier-price {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  color: #1f1b17;
  font-weight: 900;
  line-height: 1;
}
.product-page .wholesale-tier-price strong {
  font-size: 34px;
  letter-spacing: -.7px;
}
.product-page .wholesale-tier.is-best .wholesale-tier-price strong {color: #c2681a}
.product-page .wholesale-tier-price span {
  font-size: 13px;
  font-weight: 700;
  color: #766d64;
  padding-bottom: 4px;
}
.product-page .product-faq-section {padding:0 28px 32px}
.product-page .product-faq-head {text-align:center;max-width:760px;margin:0 auto 18px}
.product-page .product-faq-title {margin:0;color:#1f1b17;font-size:28px;line-height:1.08;letter-spacing:-.7px;font-weight:900}
.product-page .product-faq-subtitle {margin:10px 0 0;color:#766d64;font-size:15px;line-height:1.45;font-weight:500}
.product-page .product-faq-tabs {display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px}
.product-page .product-faq-pill {min-height:52px;padding:0 28px;border:1px solid #eadfd2;border-radius:999px;background:#fff;color:#403932;font:inherit;font-size:15px;line-height:1.2;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(63,39,17,.04);transition:all .2s ease;white-space:nowrap}
.product-page .product-faq-pill:hover {border-color:rgba(221,122,34,.4);color:#c2681a;transform:translateY(-1px)}
.product-page .product-faq-pill.is-active {background:#dd7a22;border-color:#dd7a22;color:#fff;box-shadow:0 10px 22px rgba(221,122,34,.22)}
.product-page .product-faq-pill:focus-visible {outline:3px solid rgba(221,122,34,.22);outline-offset:2px}
.product-page .product-faq-answer {padding:22px 26px;border:1px solid #eee4da;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(63,39,17,.06);transition:opacity .16s ease, transform .16s ease}
.product-page .product-faq-answer.is-switching {opacity:0;transform:translateY(6px)}
.product-page .product-faq-answer-inner {position:relative;padding-left:18px}
.product-page .product-faq-answer-inner::before {content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:6px;background:#dd7a22}
.product-page .product-faq-question {margin:0 0 10px;color:#1f1b17;font-size:19px;line-height:1.3;font-weight:900}
.product-page .product-faq-text {margin:0;max-width:1120px;color:#504840;font-size:15px;line-height:1.58;font-weight:500}
.product-page .product-blog-section {padding:0 28px 44px}
.product-page .product-blog-head {text-align:center;max-width:760px;margin:0 auto 18px}
.product-page .product-blog-title {margin:0;color:#1f1b17;font-size:28px;line-height:1.08;letter-spacing:-.7px;font-weight:900}
.product-page .product-blog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-page .product-blog-card {display:flex;flex-direction:column;min-height:100%;padding:18px;border:1px solid #eee4da;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(63,39,17,.06)}
.product-page .product-blog-card img {display:block;width:100%;height:220px;border-radius:14px;object-fit:cover}
.product-page .product-blog-card-title {margin:16px 0 18px;color:#1f1b17;font-size:18px;line-height:1.28;font-weight:900}
.product-page .product-blog-link {margin-top:auto;color:#dd7a22;text-decoration:none;font-size:15px;line-height:1.2;font-weight:800}
.product-page .product-blog-link:hover {color:#c2681a}
@media(max-width:1200px) {
  .product-page .product-hero-grid {grid-template-columns:1fr 1fr}
  .product-page .gallery-main {height:430px}
  .product-page .usp-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-page .usp-card,
  .product-page .usp-card:nth-child(4),
  .product-page .usp-card:nth-child(5) {grid-column:auto}
  .product-page .price-section {padding:0 20px 34px}
  .product-page .price-card {padding:20px}
  .product-page .product-calculator-section {padding:0 20px 34px}
  .product-page .specs-section {padding:0 20px 34px}
  .product-page .documents-section {padding:0 20px 36px}
  .product-page .production-cta-section {padding:0 20px 36px}
  .product-page .reviews-section {padding:0 20px 32px}
  .product-page .wholesale-section {padding:0 20px 36px}
  .product-page .wholesale-card {padding:24px 22px 22px; gap:18px}
  .product-page .wholesale-card__head {flex-direction:column; align-items:flex-start; gap:16px}
  .product-page .wholesale-action {justify-content:flex-start; width:100%}
  .product-page .wholesale-button {width:100%}
  .product-page .wholesale-prices {grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px}
  .product-page .wholesale-tier {min-height:96px; padding:16px 14px 14px}
  .product-page .wholesale-tier-price strong {font-size:28px}
  .product-page .production-cta-grid {grid-template-columns:1fr}
  .product-page .production-figure img {height:280px}
  .product-page .documents-grid {grid-template-columns:1fr}
  .product-page .document-card {min-height:220px}
  .product-page .reviews-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-page .product-faq-section {padding:0 20px 32px}
  .product-page .product-blog-section {padding:0 20px 40px}
  .product-page .product-blog-grid {grid-template-columns:1fr}
  .product-page .product-calculator-grid {grid-template-columns:1fr;min-height:0}
  .product-page .product-calculator-copy {padding:32px 30px 28px}
  .product-page .product-calculator-visual {min-height:520px;border-left:0;border-top:1px solid #eee4da;padding:28px 24px 22px}
  .product-page .price-table th, .product-page .price-table td {padding:11px 8px}
  .product-page .price-table .length-head, .product-page .price-table .length-cell {padding-left:13px}
  .product-page .specs-card {padding:24px 24px 22px}
  .product-page .specs-grid {grid-template-columns:1fr;gap:0 0}

}
@media(max-width:940px) {
  .product-page .product-hero-grid {grid-template-columns:1fr}
  .product-page .product-info {padding-top:0}
  .product-page .gallery-main {height:480px}
  .product-page .usp-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-page .usp-card,
  .product-page .usp-card:nth-child(4),
  .product-page .usp-card:nth-child(5) {grid-column:auto}
  .product-page .price-table-desktop {display:none}
  .product-page .price-mobile {display:block}
  .product-page .price-head {align-items:flex-start}
  .product-page .price-order {min-width:150px}
  .product-page .reviews-grid {grid-template-columns:1fr 1fr}

}
@media(max-width:680px) {
  .product-page .breadcrumbs {padding:18px 16px 12px;white-space:nowrap;overflow-x:auto}
  .product-page .product-hero {padding:0 16px 26px}
  .product-page .product-hero-grid {gap:18px}
  .product-page .gallery-card {padding:9px;border-radius:13px}
  .product-page .gallery-main {height:315px;border-radius:10px}
  .product-page .gallery-thumbs {gap:7px;margin-top:8px}
  .product-page .gallery-thumb {height:72px;border-radius:8px}
  .product-page .product-title {font-size:32px;letter-spacing:-.8px}
  .product-page .product-subtitle {font-size:18px;margin-top:10px}
  .product-page .stock-badge {width:100%;font-size:13px;margin-top:17px}
  .product-page .usp-grid {grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
  .product-page .usp-card {min-height:126px;padding:14px 12px;grid-template-columns:36px 1fr;gap:8px;border-radius:12px;grid-column:auto}
  .product-page .usp-icon {width:34px;height:34px}
  .product-page .usp-icon svg {width:31px;height:31px}
  .product-page .usp-title {font-size:13px}
  .product-page .usp-text {font-size:10.5px}
  .product-page .usp-card:last-child {grid-column:1/-1;min-height:104px}
  .product-page .price-section {padding:0 16px 28px}
  .product-page .price-card {padding:16px;border-radius:14px}
  .product-page .production-card, .product-page .engineering-card {padding:18px;border-radius:14px}
  .product-page .production-title, .product-page .engineering-title {font-size:23px;letter-spacing:-.45px}
  .product-page .production-figure {margin-top:14px;border-radius:12px}
  .product-page .production-figure img {height:220px}
  .product-page .engineering-button {width:100%;min-height:58px;padding:0 18px;font-size:16px;border-radius:10px}
  .product-page .engineering-link {margin-top:20px;font-size:16px}
  .product-page .product-calculator-section {padding:0 16px 28px}
  .product-page .production-cta-section {padding:0 16px 28px}
  .product-page .reviews-section {padding:0 16px 24px}
  .product-page .wholesale-section {padding:0 16px 28px}
  .product-page .product-calculator-card {border-radius:14px}
  .product-page .specs-section {padding:0 16px 28px}
  .product-page .documents-section {padding:0 16px 30px}
  .product-page .documents-head {margin-bottom:16px}
  .product-page .documents-title {font-size:26px;letter-spacing:-.4px}
  .product-page .documents-subtitle {margin-top:7px;font-size:13px}
  .product-page .documents-grid {grid-template-columns:1fr;gap:12px}
  .product-page .document-card {grid-template-columns:76px 1fr;gap:14px;min-height:0;padding:18px 16px;border-radius:14px}
  .product-page .document-icon {width:70px;height:82px}
  .product-page .document-icon svg {width:66px;height:76px}
  .product-page .document-title {margin-bottom:8px;font-size:18px}
  .product-page .document-text {margin-bottom:15px;font-size:13px}
  .product-page .document-download {width:100%;min-height:44px;font-size:13px}
  .product-page .specs-card {padding:18px 16px 16px;border-radius:14px}
  .product-page .specs-title {margin-bottom:14px;font-size:24px;letter-spacing:-.35px}
  .product-page .specs-grid {grid-template-columns:1fr;gap:0}
  .product-page .specs-row {grid-template-columns:1fr;gap:2px;min-height:0;padding:9px 0}
  .product-page .specs-key, .product-page .specs-value {padding:0;font-size:14px}
  .product-page .specs-value {color:#6c635c}
  .product-page .product-calculator-copy {padding:22px 16px 18px}
  .product-page .product-calculator-title {font-size:28px;letter-spacing:-.6px}
  .product-page .product-calculator-subtitle {margin-bottom:18px;font-size:13px}
  .product-page .advanced-calc-link {width:100%}
  .product-page .product-calculator-visual {min-height:390px;border-left:0;border-top:1px solid #eee4da;padding:20px 14px 16px}
  .product-page .product-calculator-visual img {width:92%;max-height:350px;object-position:center}
  .product-page .price-head {display:grid;grid-template-columns:1fr;margin-bottom:15px}
  .product-page .price-title {font-size:30px}
  .product-page .price-caption {font-size:12px}
  .product-page .price-order {width:100%;min-height:46px}
  .product-page .beam-plywood-switch {margin:8px 0 10px}
  .product-page .beam-plywood-switch__btns {width:100%;max-width:280px}
  .product-page .beam-plywood-switch__btn {flex:1;min-width:0;min-height:40px}
  .product-page .price-foot {display:block;margin-top:12px}
  .product-page .price-legend {margin-top:8px;gap:10px}
  .product-page .reviews-head {margin-bottom:14px}
  .product-page .reviews-title {font-size:25px;letter-spacing:-.4px}
  .product-page .reviews-grid {grid-template-columns:1fr;gap:12px}
  .product-page .review-card {min-height:0;padding:18px 16px 16px;border-radius:14px}
  .product-page .product-faq-section {padding:0 16px 24px}
  .product-page .product-faq-head {margin-bottom:14px}
  .product-page .product-faq-title {font-size:25px;letter-spacing:-.4px}
  .product-page .product-faq-subtitle {font-size:13px;margin-top:7px}
  .product-page .product-faq-tabs {flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:6px;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(221,122,34,.35) transparent}
  .product-page .product-faq-pill {min-height:42px;padding:0 18px;font-size:14px;flex:0 0 auto}
  .product-page .product-faq-answer {padding:18px 16px;border-radius:14px}
  .product-page .product-faq-answer-inner {padding-left:14px}
  .product-page .product-faq-answer-inner::before {width:4px}
  .product-page .product-faq-question {font-size:18px;margin-bottom:8px}
  .product-page .product-faq-text {font-size:14px;line-height:1.52}
  .product-page .product-blog-section {padding:0 16px 32px}
  .product-page .product-blog-head {margin-bottom:14px}
  .product-page .product-blog-title {font-size:25px;letter-spacing:-.4px}
  .product-page .product-blog-grid {grid-template-columns:1fr;gap:12px}
  .product-page .product-blog-card {padding:14px;border-radius:14px}
  .product-page .product-blog-card img {height:184px;border-radius:12px}
  .product-page .product-blog-card-title {margin:14px 0 16px;font-size:17px}
  .product-page .review-name {margin-bottom:10px;font-size:18px}
  .product-page .review-text {font-size:14px}
  .product-page .review-stars {gap:7px;margin-top:15px;font-size:23px}
  .product-page .wholesale-card {gap:16px;padding:20px 16px 18px;border-radius:16px}
  .product-page .wholesale-title {font-size:22px}
  .product-page .wholesale-text {font-size:14px}
  .product-page .wholesale-prices {grid-template-columns:1fr;gap:12px;padding-left:0}
  .product-page .wholesale-card__head {padding-left:0}
  .product-page .wholesale-tier {min-width:0;min-height:0;padding:16px 16px 14px;border-radius:14px}
  .product-page .wholesale-tier-label {font-size:13px;margin-bottom:8px}
  .product-page .wholesale-tier-price strong {font-size:28px}
  .product-page .wholesale-button {width:100%;min-height:50px;padding:0 16px;border-radius:12px;font-size:15px}

}

/* Extra stock block */
.product-page .extra-stock-section {
  padding: 0 30px 40px;
  background: #fff;
}
.product-page .extra-stock-head {
  max-width: 900px;
  margin: 0 auto 22px;
  text-align: center;
}
.product-page .extra-stock-title {
  margin: 0;
  color: #171512;
  font-size: clamp(30px, 2.4vw, 42px);
  line-height: 1.08;
  letter-spacing: -.8px;
  font-weight: 950;
}
.product-page .extra-stock-subtitle {
  margin: 10px 0 0;
  color: #766d64;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}
.product-page .extra-stock-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.product-page .extra-stock-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 18px 18px 20px;
  border: 1px solid #ebe1d6;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(63, 39, 17, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-page .extra-stock-card:hover {
  transform: translateY(-2px);
  border-color: rgba(221, 122, 34, .28);
  box-shadow: 0 16px 34px rgba(63, 39, 17, .085);
}
.product-page .extra-stock-image {
  height: 180px;
  border-radius: 14px;
  overflow: hidden;
  background: #f4ede4;
  margin-bottom: 16px;
}
.product-page .extra-stock-image img,
.product-page .extra-stock-image .extra-stock-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.product-page .extra-stock-placeholder {
  display: grid;
  place-items: center;
  color: #9a9086;
  font-size: 13px;
  font-weight: 700;
  background:
    linear-gradient(135deg, #f7f1e9 0%, #efe6da 100%);
}
.product-page .extra-stock-card-title {
  margin: 0 0 8px;
  color: #211d1a;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.35px;
  font-weight: 950;
}
.product-page .extra-stock-text {
  margin: 0 0 18px;
  color: #5f5750;
  font-size: 15px;
  line-height: 1.48;
  font-weight: 550;
}
.product-page .extra-stock-btn {
  margin-top: auto;
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(221, 122, 34, .56);
  border-radius: 9px;
  background: #fff;
  color: var(--orange);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 850;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.product-page .extra-stock-btn:hover {
  background: #fff6eb;
  border-color: var(--orange);
  transform: translateY(-1px);
}

/* Calculator widget inside product layout */
.product-page .product-calculator-copy .balka-calc {
  max-width: none;
  width: 100%;
}
.product-page .product-calculator-copy .balka-calc__card {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.product-page .product-calculator-copy .balka-calc__header {
  display: none;
}

/* Launch notify modal (тизер «Узнать первыми о запуске») */
.launch-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(36, 28, 20, .48);
}
.launch-modal.is-open {
  display: flex;
}
.launch-modal__dialog {
  width: min(100%, 440px);
  padding: 28px 26px 24px;
  border-radius: 16px;
  border: 1px solid #eadfd2;
  background: #fff;
  box-shadow: 0 24px 60px rgba(40, 24, 10, .22);
  position: relative;
}
.launch-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: #f5efe7;
  color: #5a524a;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.launch-modal__title {
  margin: 0 36px 8px 0;
  color: #171512;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -.4px;
}
.launch-modal__text {
  margin: 0 0 18px;
  color: #6f675f;
  font-size: 14px;
  line-height: 1.5;
}
.launch-modal__form {
  display: grid;
  gap: 10px;
}
.launch-modal__input {
  height: 48px;
  padding: 0 14px;
  border: 1px solid #ddd4ca;
  border-radius: 9px;
  background: #fff;
  font: inherit;
  font-size: 14px;
}
.launch-modal__input:focus {
  border-color: rgba(221, 122, 34, .72);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(221, 122, 34, .1);
}
.launch-modal__submit {
  height: 50px;
  border: 0;
  border-radius: 9px;
  background: var(--orange);
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 850;
  cursor: pointer;
}
.launch-modal__submit:hover {
  filter: brightness(.96);
}
.launch-modal__note {
  margin: 10px 0 0;
  color: #9a9086;
  font-size: 11px;
  line-height: 1.4;
}

@media (max-width: 1100px) {
  .product-page .extra-stock-grid {
    grid-template-columns: 1fr 1fr;
  }
  .product-page .extra-stock-card:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 680px) {
  .product-page .extra-stock-section {
    padding: 0 16px 28px;
  }
  .product-page .extra-stock-title {
    font-size: 26px;
  }
  .product-page .extra-stock-subtitle {
    font-size: 13px;
  }
  .product-page .extra-stock-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .product-page .extra-stock-card:last-child {
    grid-column: auto;
  }
  .product-page .extra-stock-card {
    padding: 14px;
    border-radius: 14px;
  }
  .product-page .extra-stock-image {
    height: 160px;
    border-radius: 12px;
  }
  .product-page .extra-stock-card-title {
    font-size: 18px;
  }
  .product-page .extra-stock-text {
    font-size: 13px;
  }
  .product-page .extra-stock-btn {
    width: 100%;
    min-height: 44px;
    font-size: 13px;
  }
}


/* ===== DOCUMENTS PAGE (/documents/) ===== */
.documents-route {
  --docs-orange: #dd7a22;
  --docs-orange-hover: #c2681a;
}
.documents-route .documents-page {
  width: 100%;
  max-width: none;
  margin: 0;
}
.documents-route .main-nav a.is-active {
  color: var(--orange);
}
.documents-route .main-nav a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  height: 2px;
  border-radius: 99px;
  background: var(--orange);
}
.documents-route .documents-page {
      width:min(100%, 1540px);
      margin:0 auto;
      padding:74px 30px;
    }
.documents-route .documents-intro {
      min-height:500px;
      display:grid;
      grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
      align-items:center;
      gap:42px;
      padding:58px 58px 58px 66px;
      border:1px solid rgba(234,223,210,.9);
      border-radius:28px;
      background:
        radial-gradient(circle at 86% 42%,rgba(221,122,34,.055),transparent 25%),
        rgba(255,255,255,.97);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
.documents-route .documents-intro__inner {
      width:100%;
      max-width:820px;
      margin:0;
      text-align:left;
    }
.documents-route .documents-intro__title {
      margin:0;
      color:#171512;
      font-size:clamp(48px,4.4vw,72px);
      line-height:1.02;
      letter-spacing:-2.2px;
      font-weight:950;
    }
.documents-route .documents-intro__accent {
      width:92px;
      height:6px;
      margin:32px 0 26px;
      border-radius:999px;
      background:var(--orange);
    }
.documents-route .documents-intro__subtitle {
      max-width:780px;
      margin:0;
      color:#4f4943;
      font-size:clamp(19px,1.55vw,25px);
      line-height:1.58;
      font-weight:450;
      letter-spacing:-.3px;
    }
.documents-route .documents-intro__visual {
      position:relative;
      min-height:380px;
      display:flex;
      align-items:center;
      justify-content:center;
      isolation:isolate;
    }
.documents-route .documents-intro__visual::before {
      content:"";
      position:absolute;
      inset:10% 8%;
      border-radius:50%;
      background:radial-gradient(circle,rgba(217,164,65,.16),rgba(221,122,34,.03) 48%,transparent 72%);
      filter:blur(10px);
      z-index:-1;
    }
.documents-route .documents-intro__image {
      width:min(100%,560px);
      display:block;
      object-fit:contain;
      filter:saturate(.96) contrast(1.02);
      -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 52%,#000 57%,rgba(0,0,0,.96) 70%,transparent 95%);
      mask-image:radial-gradient(ellipse 72% 72% at 50% 52%,#000 57%,rgba(0,0,0,.96) 70%,transparent 95%);
    }
.documents-route .certificate-section {
      margin-top:18px;
    }
.documents-route .certificate-card {
      display:grid;
      grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
      gap:28px;
      align-items:center;
      min-height:0;
      padding:24px 28px;
      border:1px solid rgba(234,223,210,.92);
      border-radius:18px;
      background:#fff;
      box-shadow:var(--shadow);
    }
.documents-route .certificate-preview {
      min-height:220px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:20px;
      border-radius:14px;
      background:linear-gradient(145deg,#fbf7f2 0%,#f4ece2 100%);
    }
.documents-route .pdf-sheet {
      position:relative;
      width:min(100%,200px);
      aspect-ratio:.72;
      padding:36px 20px 20px;
      border-radius:12px 12px 14px 14px;
      background:linear-gradient(180deg,#fff 0%,#fbfbfb 100%);
      box-shadow:0 12px 28px rgba(72,52,33,.12);
      overflow:visible;
    }
.documents-route .pdf-sheet::before {
      content:"";
      position:absolute;
      top:0;
      right:0;
      width:52px;
      height:52px;
      background:linear-gradient(225deg,#efe9e2 0 50%,transparent 50% 100%);
      border-top-right-radius:12px;
    }
.documents-route .pdf-badge {
      position:absolute;
      left:-14px;
      top:20px;
      min-width:72px;
      padding:8px 12px;
      border-radius:6px;
      background:linear-gradient(180deg,#ef4b2d 0%,#d9321b 100%);
      color:#fff;
      font-size:18px;
      line-height:1;
      font-weight:950;
      letter-spacing:-.4px;
      box-shadow:0 8px 16px rgba(201,57,30,.22);
    }
.documents-route .pdf-symbol {
      margin:34px auto 14px;
      width:90px;
      height:70px;
      position:relative;
      opacity:.28;
    }
.documents-route .pdf-symbol::before, .documents-route .pdf-symbol::after {
      content:"";
      position:absolute;
      border:6px solid #e45f48;
      border-radius:50%;
      transform:rotate(27deg);
    }
.documents-route .pdf-symbol::before {inset:10px 32px 16px 24px;border-left-color:transparent;border-right-color:transparent}
.documents-route .pdf-symbol::after {inset:24px 10px 0 40px;border-top-color:transparent;border-bottom-color:transparent}
.documents-route .pdf-sheet-title {
      margin:0;
      text-align:center;
      color:#3a3632;
      font-size:15px;
      line-height:1.3;
      font-weight:850;
      letter-spacing:.02em;
      text-transform:uppercase;
    }
.documents-route .pdf-sheet-subtitle {
      margin:14px 0 0;
      text-align:center;
      color:#59534d;
      font-size:13px;
      line-height:1.3;
      font-weight:650;
    }
.documents-route .certificate-content {
      max-width:560px;
    }
.documents-route .certificate-index {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:40px;
      height:40px;
      padding:0 10px;
      border-radius:8px;
      background:linear-gradient(180deg,#e87719 0%,#db6910 100%);
      color:#fff;
      font-size:16px;
      font-weight:950;
      box-shadow:0 8px 16px rgba(221,122,34,.18);
    }
.documents-route .certificate-title {
      margin:14px 0 0;
      color:#1c1916;
      font-size:clamp(22px,2.2vw,32px);
      line-height:1.12;
      letter-spacing:-.8px;
      font-weight:950;
    }
.documents-route .certificate-accent {
      width:56px;
      height:3px;
      margin:14px 0 12px;
      border-radius:999px;
      background:var(--orange);
    }
.documents-route .certificate-text {
      margin:0;
      color:#4e4842;
      font-size:clamp(14px,1.1vw,16px);
      line-height:1.5;
      font-weight:450;
    }
.documents-route .certificate-download {
      margin-top:18px;
      min-height:46px;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      gap:10px;
      border-radius:10px;
      background:linear-gradient(90deg,#e77717,#ef6d00);
      color:#fff;
      font-size:15px;
      line-height:1;
      font-weight:900;
      box-shadow:0 8px 18px rgba(221,122,34,.2);
      transition:transform .18s ease,filter .18s ease;
    }
.documents-route .certificate-download:hover {
      transform:translateY(-1px);
      filter:brightness(.97);
    }
.documents-route .download-icon {
      width:18px;
      height:18px;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.documents-route .certificate-arrow {
      font-size:18px;
      line-height:1;
      margin-left:2px;
    }
.documents-route .protocol-sheet .pdf-symbol {display:none}
.documents-route .protocol-sheet {padding-top:44px}
.documents-route .protocol-sheet .pdf-sheet-title {
      margin-top:28px;
      font-size:16px;
      line-height:1.25;
    }
.documents-route .protocol-sheet .pdf-sheet-subtitle {
      color:var(--orange);
      font-size:14px;
      font-weight:900;
      margin-top:12px;
    }
.documents-route .protocol-sheet::after {
      content:"ЛАБОРАТОРИЯ ООО «ПРОГРЕСС»";
      position:absolute;
      left:18px;
      bottom:18px;
      color:#4f4943;
      font-size:10px;
      font-weight:750;
      letter-spacing:.02em;
    }
.documents-route .protocol-stamp {
      position:absolute;
      right:16px;
      bottom:16px;
      width:52px;
      height:52px;
      display:grid;
      place-items:center;
      border:3px double #4771d7;
      border-radius:50%;
      color:#4771d7;
      font-size:12px;
      font-weight:900;
      transform:rotate(-8deg);
      opacity:.9;
    }
.documents-route .passport-sheet {
      padding-top:44px;
    }
.documents-route .passport-sheet .pdf-symbol {
      width:56px;
      height:56px;
      margin:22px auto 14px;
      border:2px solid #d9d5d0;
      border-radius:8px;
      opacity:.9;
    }
.documents-route .passport-sheet .pdf-symbol::before, .documents-route .passport-sheet .pdf-symbol::after {
      border-width:4px;
    }
.documents-route .passport-sheet .pdf-sheet-title {
      font-size:16px;
      line-height:1.22;
    }
.documents-route .passport-sheet .pdf-sheet-subtitle {
      margin-top:12px;
      color:#5b544e;
      font-size:11px;
      line-height:1.4;
      font-weight:750;
      text-transform:uppercase;
    }
.documents-route .passport-beam-icon {
      width:64px;
      height:44px;
      margin:14px auto 8px;
      position:relative;
      color:var(--ochre);
    }
.documents-route .passport-beam-icon::before, .documents-route .passport-beam-icon::after {
      content:"";
      position:absolute;
      left:8px;
      right:8px;
      height:7px;
      border:2px solid currentColor;
      border-radius:2px;
      background:#fff;
    }
.documents-route .passport-beam-icon::before {top:1px}
.documents-route .passport-beam-icon::after {bottom:1px}
.documents-route .passport-beam-icon span {
      position:absolute;
      left:27px;
      top:7px;
      width:10px;
      height:30px;
      border-left:2px solid currentColor;
      border-right:2px solid currentColor;
    }
.documents-route .passport-model {
      margin:8px 0 0;
      text-align:center;
      color:var(--orange);
      font-size:14px;
      line-height:1.2;
      font-weight:900;
    }
@media (max-width: 900px) {
.documents-route .documents-page {
        padding:44px 20px;
      }
.documents-route .documents-intro {
        min-height:420px;
        padding:54px 32px;
        border-radius:22px;
      }
.documents-route .documents-intro__title {
        font-size:clamp(40px, 7vw, 58px);
        letter-spacing:-1.6px;
      }
.documents-route .documents-intro__subtitle {
        font-size:20px;
        line-height:1.55;
      }
.documents-route .certificate-card {
        grid-template-columns:1fr;
        gap:20px;
        padding:20px;
      }
.documents-route .certificate-preview {
        min-height:200px;
      }
.documents-route .certificate-content {
        max-width:none;
      }

}
@media (max-width: 600px) {
.documents-route .documents-page {
        padding:22px 12px;
      }
.documents-route .documents-intro {
        min-height:330px;
        padding:42px 20px;
        border-radius:18px;
      }
.documents-route .documents-intro__title {
        font-size:34px;
        line-height:1.06;
        letter-spacing:-1px;
      }
.documents-route .documents-intro__accent {
        width:64px;
        height:4px;
        margin:26px auto 22px;
      }
.documents-route .documents-intro__subtitle {
        font-size:16px;
        line-height:1.55;
      }
.documents-route .certificate-section {margin-top:14px}
.documents-route .certificate-card {
        gap:16px;
        padding:16px;
        border-radius:14px;
      }
.documents-route .certificate-preview {
        min-height:180px;
        padding:16px;
        border-radius:12px;
      }
.documents-route .pdf-sheet {
        width:min(100%,170px);
        padding:28px 16px 16px;
        border-radius:12px;
      }
.documents-route .pdf-sheet::before {width:44px;height:44px}
.documents-route .pdf-badge {left:-10px;top:16px;min-width:64px;padding:7px 10px;font-size:15px}
.documents-route .pdf-symbol {width:72px;height:56px;margin:28px auto 12px}
.documents-route .pdf-sheet-title {font-size:13px}
.documents-route .pdf-sheet-subtitle {font-size:11px;margin-top:10px}
.documents-route .certificate-index {min-width:36px;height:36px;font-size:14px}
.documents-route .certificate-title {font-size:22px;letter-spacing:-.5px}
.documents-route .certificate-accent {width:48px;height:3px;margin:12px 0 10px}
.documents-route .certificate-text {font-size:14px}
.documents-route .certificate-download {width:100%;justify-content:center;min-height:44px;margin-top:14px;padding:0 14px;font-size:14px}
.documents-route .download-icon {width:18px;height:18px}
.documents-route .certificate-arrow {font-size:16px}

}
.documents-route .industry-standard-section {
      margin-top:28px;
    }
.documents-route .industry-standard-card {
      display:grid;
      grid-template-columns:92px minmax(0,1fr);
      gap:26px;
      align-items:center;
      padding:30px 34px;
      border:1px solid rgba(221,122,34,.18);
      border-radius:22px;
      background:linear-gradient(135deg,#fffdf9 0%,#fff 58%,#fbf3e8 100%);
      box-shadow:0 12px 30px rgba(66,42,21,.055);
    }
.documents-route .industry-standard-icon {
      width:74px;
      height:74px;
      display:grid;
      place-items:center;
      border:2px solid var(--orange);
      border-radius:50%;
      color:var(--orange);
      background:#fffaf4;
      font-family:Georgia,"Times New Roman",serif;
      font-size:42px;
      line-height:1;
      font-weight:700;
      box-shadow:0 8px 20px rgba(221,122,34,.08);
    }
.documents-route .industry-standard-title {
      margin:0 0 8px;
      color:#211d1a;
      font-size:clamp(24px,2.1vw,34px);
      line-height:1.15;
      letter-spacing:-.55px;
      font-weight:950;
    }
.documents-route .industry-standard-text {
      margin:0;
      color:#5a534c;
      font-size:16px;
      line-height:1.62;
      font-weight:500;
    }
.documents-route .industry-standard-text strong {
      color:#332d28;
      font-weight:850;
    }
@media (max-width:600px) {
.documents-route .industry-standard-section {margin-top:16px}
.documents-route .industry-standard-card {
        grid-template-columns:58px minmax(0,1fr);
        gap:16px;
        padding:20px 18px;
        border-radius:16px;
      }
.documents-route .industry-standard-icon {
        width:54px;
        height:54px;
        font-size:31px;
      }
.documents-route .industry-standard-title {
        font-size:21px;
      }
.documents-route .industry-standard-text {
        font-size:14px;
        line-height:1.55;
      }

}
.documents-route .documents-help-section {
      padding:0 0 72px;
    }
.documents-route .documents-help-card {
      display:grid;
      grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);
      gap:42px;
      align-items:center;
      padding:46px 50px;
      border:1px solid rgba(234,223,210,.95);
      border-radius:28px;
      background:#fff;
      box-shadow:0 18px 46px rgba(66,42,21,.075);
      overflow:hidden;
    }
.documents-route .documents-help-title {
      margin:0;
      color:#171512;
      font-size:clamp(38px,3.6vw,62px);
      line-height:1.02;
      letter-spacing:-1.8px;
      font-weight:950;
    }
.documents-route .documents-help-title span {
      display:block;
      margin-top:8px;
      color:var(--orange);
    }
.documents-route .documents-help-text {
      max-width:670px;
      margin:26px 0 30px;
      color:#4f4943;
      font-size:20px;
      line-height:1.55;
      font-weight:500;
    }
.documents-route .documents-help-contacts {
      display:grid;
      gap:18px;
    }
.documents-route .documents-help-contact {
      display:grid;
      grid-template-columns:64px 1fr;
      gap:16px;
      align-items:center;
    }
.documents-route .documents-help-contact-icon {
      width:64px;
      height:64px;
      display:grid;
      place-items:center;
      border-radius:14px;
      background:#fff7ed;
      color:var(--orange);
    }
.documents-route .documents-help-contact-icon svg {
      width:31px;
      height:31px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.documents-route .documents-help-contact strong {
      display:block;
      color:#171512;
      font-size:24px;
      line-height:1.2;
      font-weight:900;
    }
.documents-route .documents-help-contact span {
      display:block;
      margin-top:4px;
      color:#6f675f;
      font-size:16px;
      line-height:1.35;
      font-weight:500;
    }
.documents-route .documents-help-button {
      width:min(100%,480px);
      min-height:72px;
      margin-top:28px;
      padding:0 26px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      border-radius:12px;
      background:linear-gradient(90deg,#e77717,#ef6d00);
      color:#fff;
      font-size:20px;
      font-weight:900;
      box-shadow:0 12px 26px rgba(221,122,34,.22);
      transition:transform .18s ease,filter .18s ease;
    }
.documents-route .documents-help-button:hover {
      transform:translateY(-1px);
      filter:brightness(.97);
    }
.documents-route .documents-help-button-left {
      display:flex;
      align-items:center;
      gap:13px;
    }
.documents-route .documents-help-button svg {
      width:29px;
      height:29px;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.documents-route .documents-help-note {
      margin:12px 0 0;
      color:#6f675f;
      font-size:15px;
      line-height:1.4;
    }
.documents-route .documents-help-visual {
      position:relative;
      min-height:500px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
.documents-route .documents-help-halo {
      position:absolute;
      width:510px;
      height:410px;
      border-radius:50%;
      background:radial-gradient(circle at 50% 45%,#fff9ef 0%,#f6e9d4 72%,rgba(246,233,212,0) 73%);
    }
.documents-route .help-doc {
      position:absolute;
      width:250px;
      height:330px;
      padding:30px 24px;
      border:1px solid #eee4d8;
      border-radius:7px;
      background:#fff;
      box-shadow:0 18px 28px rgba(62,39,18,.11);
      color:#3f3934;
      text-align:center;
    }
.documents-route .help-doc::before {
      content:"";
      display:block;
      width:72%;
      height:1px;
      margin:14px auto 20px;
      background:#d8d0c7;
    }
.documents-route .help-doc small {
      display:block;
      color:#4d4741;
      font-size:11px;
      line-height:1.4;
      font-weight:800;
      text-transform:uppercase;
    }
.documents-route .help-doc strong {
      display:block;
      margin-top:16px;
      color:#24201c;
      font-size:20px;
      line-height:1.18;
      font-weight:950;
      text-transform:uppercase;
    }
.documents-route .help-doc p {
      margin:16px 0 0;
      color:#756c63;
      font-size:11px;
      line-height:1.45;
    }
.documents-route .help-doc .help-stamp {
      position:absolute;
      right:24px;
      bottom:28px;
      width:64px;
      height:64px;
      display:grid;
      place-items:center;
      border:2px solid #4d72c4;
      border-radius:50%;
      color:#4d72c4;
      font-size:9px;
      font-weight:900;
      transform:rotate(-10deg);
    }
.documents-route .help-doc--certificate {
      left:7%;
      top:110px;
      z-index:4;
      width:280px;
      height:350px;
      border:8px double #d6b36e;
      background:#fff8df;
      transform:rotate(-3deg);
    }
.documents-route .help-doc--protocol {
      left:30%;
      top:18px;
      z-index:2;
      transform:rotate(-4deg);
    }
.documents-route .help-doc--passport {
      right:7%;
      top:24px;
      z-index:1;
      transform:rotate(5deg);
    }
.documents-route .help-doc--passport strong, .documents-route .help-doc--protocol strong {
      font-size:17px;
    }
.documents-route .help-beam {
      position:absolute;
      z-index:6;
      right:2%;
      bottom:26px;
      width:430px;
      height:112px;
      filter:drop-shadow(0 18px 18px rgba(67,43,16,.16));
    }
.documents-route .help-beam-web {
      position:absolute;
      left:20px;
      right:20px;
      top:29px;
      height:55px;
      border-left:3px solid #c99128;
      border-right:3px solid #c99128;
      background:linear-gradient(180deg,#f4dc9f 0%,#eacb83 100%);
    }
.documents-route .help-beam-flange {
      position:absolute;
      left:0;
      right:0;
      height:23px;
      border:1px solid #bd7c14;
      border-radius:3px;
      background:linear-gradient(180deg,#f6c91d 0%,#dba30e 100%);
    }
.documents-route .help-beam-flange.top {top:8px}
.documents-route .help-beam-flange.bottom {bottom:7px}
.documents-route .documents-help-benefits {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin-top:22px;
      padding:28px 26px;
      border:1px solid rgba(234,223,210,.95);
      border-radius:24px;
      background:#fff;
      box-shadow:0 15px 36px rgba(66,42,21,.06);
    }
.documents-route .documents-help-benefit {
      display:grid;
      grid-template-columns:62px 1fr;
      gap:16px;
      align-items:start;
      padding:0 24px;
      border-right:1px solid #eee4d9;
    }
.documents-route .documents-help-benefit:first-child {padding-left:0}
.documents-route .documents-help-benefit:last-child {border-right:0;padding-right:0}
.documents-route .documents-help-benefit-icon {
      width:62px;
      height:62px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#fff7ed;
      color:var(--orange);
    }
.documents-route .documents-help-benefit-icon svg {
      width:30px;
      height:30px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.8;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.documents-route .documents-help-benefit h3 {
      margin:0;
      color:#171512;
      font-size:17px;
      line-height:1.3;
      font-weight:900;
    }
.documents-route .documents-help-benefit p {
      margin:12px 0 0;
      color:#5f5851;
      font-size:14px;
      line-height:1.52;
      font-weight:500;
    }
@media (max-width:1100px) {
.documents-route .documents-help-card {grid-template-columns:1fr;gap:10px}
.documents-route .documents-help-visual {min-height:460px}
.documents-route .documents-help-benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
.documents-route .documents-help-benefit:nth-child(2) {border-right:0}
.documents-route .documents-help-benefit:nth-child(3) {padding-left:0}

}
@media (max-width:700px) {
.documents-route .documents-help-section {padding-bottom:36px}
.documents-route .documents-help-card {padding:28px 20px;border-radius:18px}
.documents-route .documents-help-title {font-size:36px;letter-spacing:-1px}
.documents-route .documents-help-text {margin:20px 0 24px;font-size:16px}
.documents-route .documents-help-contact {grid-template-columns:52px 1fr;gap:13px}
.documents-route .documents-help-contact-icon {width:52px;height:52px;border-radius:12px}
.documents-route .documents-help-contact strong {font-size:19px}
.documents-route .documents-help-contact span {font-size:14px}
.documents-route .documents-help-button {min-height:60px;margin-top:22px;font-size:17px}
.documents-route .documents-help-note {font-size:13px}
.documents-route .documents-help-visual {min-height:360px;margin-top:6px;transform:scale(.84);transform-origin:center top}
.documents-route .documents-help-halo {width:430px;height:330px}
.documents-route .help-doc {width:190px;height:260px;padding:22px 16px}
.documents-route .help-doc--certificate {width:214px;height:282px;left:5%;top:80px}
.documents-route .help-doc--protocol {left:31%;top:10px}
.documents-route .help-doc--passport {right:4%;top:18px}
.documents-route .help-doc strong {font-size:15px}
.documents-route .help-doc--passport strong, .documents-route .help-doc--protocol strong {font-size:13px}
.documents-route .help-doc p {font-size:9px}
.documents-route .help-beam {width:330px;height:90px;right:1%;bottom:12px}
.documents-route .help-beam-web {top:24px;height:44px}
.documents-route .help-beam-flange {height:19px}
.documents-route .documents-help-benefits {grid-template-columns:1fr;padding:22px 18px;border-radius:18px}
.documents-route .documents-help-benefit {padding:18px 0;border-right:0;border-bottom:1px solid #eee4d9}
.documents-route .documents-help-benefit:first-child {padding-top:0}
.documents-route .documents-help-benefit:last-child {padding-bottom:0;border-bottom:0}

}
.documents-route .documents-breadcrumbs {width:min(100%,1540px);margin:0 auto;padding:22px 30px 0;color:#81776d;font-size:12px;font-weight:650}
.documents-route .documents-breadcrumbs a:hover {color:var(--orange)}
.documents-route .documents-breadcrumbs span {margin:0 8px;color:#b1a69b}
@media(max-width:760px) {
.documents-route .documents-breadcrumbs {padding:16px 16px 0;font-size:11px}

}
@media (max-width: 1000px) {
.documents-route .documents-intro {
        grid-template-columns:1fr;
        gap:10px;
        padding:50px 36px 28px;
        text-align:center;
      }
.documents-route .documents-intro__inner {
        max-width:900px;
        margin:0 auto;
        text-align:center;
      }
.documents-route .documents-intro__accent {
        margin:28px auto 24px;
      }
.documents-route .documents-intro__subtitle {
        margin:0 auto;
      }
.documents-route .documents-intro__visual {
        min-height:300px;
      }
.documents-route .documents-intro__image {
        width:min(82vw,520px);
      }

}
@media (max-width: 600px) {
.documents-route .documents-intro {
        min-height:0;
        padding:36px 20px 18px;
        border-radius:18px;
      }
.documents-route .documents-intro__title {
        font-size:34px;
        line-height:1.06;
        letter-spacing:-1px;
      }
.documents-route .documents-intro__accent {
        width:64px;
        height:4px;
        margin:24px auto 20px;
      }
.documents-route .documents-intro__subtitle {
        font-size:16px;
        line-height:1.55;
      }
.documents-route .documents-intro__visual {
        min-height:230px;
      }
.documents-route .documents-intro__image {
        width:min(92vw,420px);
      }

}

@media (max-width: 860px) {
  .documents-route .main-nav a.is-active::after { bottom: 0; }
}


/* ===== OPTOVIKAM PAGE ===== */







/* header */













.optovikam-route .call-btn{
  min-height:44px;
  padding:0 22px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;
  background:#DD7A22;
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:0 5px 14px rgba(239,91,0,.18);
}

/* main panel */
.optovikam-route .wholesale-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fdfaf6 0%,#fbf8f2 100%);
  border-radius:0 0 18px 18px;
  box-shadow:0 8px 24px rgba(53,38,21,.045);
  min-height:880px;
}
.optovikam-route .optovikam-breadcrumbs{
  height:68px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 38px;
  color:#77716c;
  font-size:14px;
  font-weight:500;
}
.optovikam-route .optovikam-breadcrumbs .home{
  width:16px;height:16px;
  fill:none;stroke:#74706b;stroke-width:1.8;
}
.optovikam-route .optovikam-breadcrumbs .slash{opacity:.62}

.optovikam-route .optovikam-hero{
  display:grid;
  grid-template-columns:50.6% 49.4%;
  min-height:604px;
}
.optovikam-route .hero-left{
  padding:17px 10px 0 38px;
}
.optovikam-route .hero-title{
  margin:0;
  max-width:690px;
  color:#242426;
  font-size:51px;
  line-height:1.06;
  letter-spacing:-1.7px;
  font-weight:950;
}
.optovikam-route .hero-title .orange{
  display:block;
  margin-top:13px;
  color:var(--orange);
}
.optovikam-route .hero-sub{
  margin:30px 0 0;
  max-width:520px;
  color:#2f2e2d;
  font-size:20px;
  line-height:1.5;
  font-weight:500;
}
.optovikam-route .hero-sub strong{color:var(--orange);font-weight:900}

.optovikam-route .hero-benefits{
  margin-top:24px;
  width:718px;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#F8F1E6;
  border:1px solid #ECE2D4;
  border-radius:17px;
  box-shadow:0 9px 24px rgba(44,31,19,.04);
  overflow:hidden;
}
.optovikam-route .hero-benefit{
  position:relative;
  min-height:244px;
  padding:20px 14px 16px;
  text-align:center;
}
.optovikam-route .hero-benefit + .hero-benefit:before{
  content:"";
  position:absolute;
  left:0;top:33px;bottom:27px;
  width:1px;background:#F8F1E6;
}
.optovikam-route .hero-icon{
  width:67px;height:67px;
  margin:0 auto 12px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF8EF;
  color:var(--orange2);
}
.optovikam-route .hero-icon svg{
  width:39px;height:39px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .hero-benefit h3{
  margin:0;
  color:#262425;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}
.optovikam-route .hero-benefit p{
  margin:15px 0 0;
  color:#595550;
  font-size:13px;
  line-height:1.55;
  font-weight:500;
}
.optovikam-route .partner-note{
  margin:23px 0 0 65px;
  color:#4f4b48;
  font-size:14px;
  line-height:1.4;
}

.optovikam-route .hero-right{
  position:relative;
  min-width:0;
  overflow:hidden;
}
.optovikam-route .hero-right:before{
  content:"";
  position:absolute;
  left:-24px;top:0;bottom:0;
  width:130px;
  z-index:2;
  background:linear-gradient(90deg,#fdfaf6 0%,rgba(253,250,246,.95) 18%,rgba(253,250,246,.52) 56%,transparent 100%);
  pointer-events:none;
}
.optovikam-route .hero-beams{
  position:absolute;
  left:0;
  top:19px;
  width:100%;
  height:520px;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* bottom conditions */
.optovikam-route .conditions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  padding:0 38px 25px;
}
.optovikam-route .condition{
  min-height:191px;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:start;
  padding:30px 18px 22px;
  background:#FFFFFF;
  border:1px solid #ECE2D4;
  border-radius:17px;
  box-shadow:none;
}
.optovikam-route .condition-icon{
  width:62px;height:62px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF8EF;
  color:var(--orange);
}
.optovikam-route .condition-icon svg{
  width:38px;height:38px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .condition h3{
  margin:7px 0 0;
  color:#252324;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
.optovikam-route .condition p{
  margin:10px 0 0;
  color:#373432;
  font-size:14px;
  line-height:1.55;
  font-weight:500;
}

@media(max-width:1180px){

  
  
  
  .optovikam-route .optovikam-hero{grid-template-columns:1fr}
  .optovikam-route .hero-right{min-height:470px}
  .optovikam-route .hero-beams{height:470px;top:0}
  .optovikam-route .hero-right:before{display:none}
  .optovikam-route .hero-left{padding-right:38px}
  .optovikam-route .hero-benefits{width:100%}
  .optovikam-route .conditions{grid-template-columns:repeat(2,1fr)}

}
@media(max-width:720px){

  
  
  
  
  
  
  .optovikam-route .optovikam-breadcrumbs{padding:0 20px;height:54px}
  .optovikam-route .hero-left{padding:22px 20px 0}
  .optovikam-route .hero-title{font-size:36px;letter-spacing:-1px}
  .optovikam-route .hero-sub{font-size:17px}
  .optovikam-route .hero-benefits{grid-template-columns:1fr 1fr}
  .optovikam-route .hero-benefit:nth-child(3):before{display:none}
  .optovikam-route .partner-note{margin-left:0;text-align:center}
  .optovikam-route .hero-right{min-height:330px}
  .optovikam-route .hero-beams{height:330px}
  .optovikam-route .conditions{grid-template-columns:1fr;padding:0 20px 20px}

}

/* pricing grid */
.optovikam-route .wholesale-pricing{
  padding:48px 36px 54px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-pricing-inner{
  width:min(100%,1380px);
  margin:0 auto;
}
.optovikam-route .wholesale-pricing-head{
  max-width:850px;
  margin:0 0 30px;
}
.optovikam-route .wholesale-pricing-title{
  margin:0;
  color:#1f1b17;
  font-size:44px;
  line-height:1.07;
  letter-spacing:-1.2px;
  font-weight:950;
}
.optovikam-route .wholesale-pricing-title span{
  display:block;
  margin-top:5px;
  color:#DD7A22;
}
.optovikam-route .wholesale-pricing-subtitle{
  margin:18px 0 0;
  color:#413b36;
  font-size:19px;
  line-height:1.5;
  font-weight:520;
}
.optovikam-route .wholesale-plywood-switch{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px 14px;
  margin:22px auto 0;
  max-width:440px;
}
.optovikam-route .wholesale-plywood-switch__label{
  color:#5f564d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
}
.optovikam-route .wholesale-plywood-switch__btns{
  display:inline-flex;
  gap:6px;
  padding:4px;
  border:1px solid #e8ddd0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 6px 16px rgba(58,42,29,.05);
}
.optovikam-route .wholesale-plywood-switch__btn{
  min-width:88px;
  min-height:40px;
  padding:0 16px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#5a5148;
  font-size:14px;
  font-weight:850;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.optovikam-route .wholesale-plywood-switch__btn:hover{
  color:var(--orange-dark,#c2681a);
  background:rgba(221,122,34,.08);
}
.optovikam-route .wholesale-plywood-switch__btn:focus-visible{
  outline:2px solid rgba(221,122,34,.55);
  outline-offset:2px;
}
.optovikam-route .wholesale-plywood-switch__btn.is-active{
  background:var(--orange,#dd7a22);
  color:#fff;
  box-shadow:0 6px 14px rgba(221,122,34,.22);
}
.optovikam-route .wholesale-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.optovikam-route .price-tier{
  position:relative;
  min-height:445px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:40px 34px 34px;
  border:1px solid #E8DCCB;
  border-radius:22px;
  background:#F8F1E6;
  box-shadow:none;
  text-align:center;
}
.optovikam-route .price-tier.is-popular{
  border:2px solid #DD7A22;
  background:#F8F1E6;
  transform:translateY(-8px);
  box-shadow:none;
}
.optovikam-route .price-tier-badge{
  position:absolute;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  min-width:176px;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  background:#DD7A22;
  color:#fff;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
.optovikam-route .price-tier-badge.is-gold{
  background:#D9A441;
}
.optovikam-route .price-tier-name{
  margin:24px 0 0;
  color:#24201c;
  font-size:31px;
  line-height:1.15;
  font-weight:950;
}
.optovikam-route .price-tier-range{
  margin:8px 0 0;
  color:#4d4640;
  font-size:18px;
  font-weight:550;
}
.optovikam-route .price-tier-divider{
  width:100%;
  height:1px;
  margin:24px 0 22px;
  background:#E8DCCB;
}
.optovikam-route .price-tier-price{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:8px;
  color:#171512;
  line-height:1;
}
.optovikam-route .price-tier-price strong{
  color:#DD7A22;
  font-size:56px;
  letter-spacing:-1.8px;
  font-weight:950;
}
.optovikam-route .price-tier-price span{
  padding-bottom:7px;
  font-size:20px;
  font-weight:850;
}
.optovikam-route .price-tier-icon{
  width:82px;
  height:82px;
  margin:26px auto 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fbf3e8;
  color:#c76f16;
}
.optovikam-route .price-tier-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.optovikam-route .price-tier-note{
  margin:auto 0 0;
  color:#47413c;
  font-size:16px;
  line-height:1.45;
  font-weight:540;
}
.optovikam-route .wholesale-pricing-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:28px auto 0;
  color:#4e4741;
  font-size:16px;
  line-height:1.45;
  text-align:center;
}
.optovikam-route .wholesale-pricing-note-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border:2px solid #c87516;
  border-radius:50%;
  color:#c87516;
  font-size:17px;
  font-weight:900;
}
@media (max-width:900px){

  .optovikam-route .wholesale-pricing{padding:36px 22px 42px}
  .optovikam-route .wholesale-pricing-title{font-size:36px}
  .optovikam-route .wholesale-pricing-grid{grid-template-columns:1fr}
  .optovikam-route .price-tier{min-height:0}
  .optovikam-route .price-tier.is-popular{transform:none}

}
@media (max-width:560px){

  .optovikam-route .wholesale-pricing{padding:28px 16px 34px}
  .optovikam-route .wholesale-pricing-title{font-size:30px}
  .optovikam-route .wholesale-pricing-subtitle{font-size:16px}
  .optovikam-route .price-tier{padding:34px 22px 26px;border-radius:18px}
  .optovikam-route .price-tier-name{font-size:26px}
  .optovikam-route .price-tier-price strong{font-size:48px}
  .optovikam-route .price-tier-price span{font-size:18px}
  .optovikam-route .price-tier-note{font-size:14px}

}





/* WHY CHOOSE US */
.optovikam-route .wholesale-proof{
  padding:58px 36px 24px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-proof__inner{
  width:min(100%,1380px);
  margin:0 auto;
}
.optovikam-route .wholesale-proof__head{
  margin-bottom:30px;
}
.optovikam-route .wholesale-proof__title{
  margin:0;
  color:#211d19;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-1.2px;
  font-weight:950;
}
.optovikam-route .wholesale-proof__title span{color:#DD7A22}
.optovikam-route .wholesale-proof__subtitle{
  margin:13px 0 0;
  color:#423c37;
  font-size:19px;
  line-height:1.45;
  font-weight:520;
}
.optovikam-route .wholesale-proof__panel{
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);
  min-height:574px;
  overflow:hidden;
  border:1px solid #EFE3D4;
  border-radius:20px;
  background:#F8F1E6;
}
.optovikam-route .wholesale-proof__list{
  padding:30px 34px 26px 36px;
}
.optovikam-route .proof-item{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:20px;
  align-items:center;
  min-height:126px;
  padding:18px 0;
}
.optovikam-route .proof-item + .proof-item{
  border-top:1px solid #E7DBCB;
}
.optovikam-route .proof-icon{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#FFF9F1;
  color:#DD7A22;
}
.optovikam-route .proof-icon svg{
  width:40px;height:40px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .proof-item h3{
  margin:0;
  color:#26211d;
  font-size:21px;
  line-height:1.2;
  font-weight:900;
}
.optovikam-route .proof-item p{
  margin:7px 0 0;
  color:#514941;
  font-size:15px;
  line-height:1.48;
  font-weight:520;
}
.optovikam-route .wholesale-proof__photo{
  position:relative;
  min-height:574px;
  overflow:hidden;
}
.optovikam-route .wholesale-proof__photo img{
  width:100%;height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.optovikam-route .wholesale-proof__photo::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:15%;
  z-index:1;
  background:linear-gradient(90deg,#F8F1E6,rgba(248,241,230,.68),transparent);
}
.optovikam-route .proof-stats{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #EFE3D4;
  border-radius:18px;
  background:#F8F1E6;
  overflow:hidden;
}
.optovikam-route .proof-stat{
  position:relative;
  min-height:142px;
  display:grid;
  grid-template-columns:78px 1fr;
  gap:16px;
  align-items:center;
  padding:22px 28px;
}
.optovikam-route .proof-stat + .proof-stat::before{
  content:"";
  position:absolute;
  left:0;top:24px;bottom:24px;
  width:1px;background:#E7DBCB;
}
.optovikam-route .proof-stat__icon{
  width:66px;height:66px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF9F1;
  color:#DD7A22;
}
.optovikam-route .proof-stat__icon svg{
  width:37px;height:37px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .proof-stat strong{
  display:block;
  color:#DD7A22;
  font-size:29px;
  line-height:1.05;
  font-weight:950;
}
.optovikam-route .proof-stat p{
  margin:7px 0 0;
  color:#423c36;
  font-size:14px;
  line-height:1.42;
  font-weight:550;
}

/* DELIVERY FLOW */
.optovikam-route .wholesale-delivery{
  padding:28px 36px 58px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-delivery__inner{
  width:min(100%,1380px);
  margin:0 auto;
}
.optovikam-route .delivery-panel{
  padding:38px 38px 32px;
  border:1px solid #EFE3D4;
  border-radius:20px;
  background:#F8F1E6;
}
.optovikam-route .delivery-top{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:44px;
  align-items:center;
}
.optovikam-route .delivery-copy h2{
  margin:0;
  color:#211d19;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-1.1px;
  font-weight:950;
}
.optovikam-route .delivery-copy h2 span{
  display:block;
  margin-top:8px;
  color:#DD7A22;
}
.optovikam-route .delivery-copy p{
  margin:28px 0 0;
  color:#423c37;
  font-size:20px;
  line-height:1.48;
  font-weight:520;
}
.optovikam-route .delivery-photo{
  height:320px;
  overflow:hidden;
  border-radius:17px;
  background:#fff;
}
.optovikam-route .delivery-photo img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.optovikam-route .delivery-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
  margin-top:34px;
}
.optovikam-route .delivery-steps::before{
  content:"";
  position:absolute;
  top:84px;
  left:9%;
  right:9%;
  border-top:2px dashed #D7C5AF;
}
.optovikam-route .delivery-step{
  position:relative;
  z-index:1;
  text-align:center;
  padding:0 8px;
}
.optovikam-route .delivery-step__num{
  width:38px;height:30px;
  margin:0 auto 12px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#FFF8EF;
  color:#DD7A22;
  font-size:14px;
  font-weight:900;
}
.optovikam-route .delivery-step__icon{
  width:78px;height:78px;
  margin:0 auto 14px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF8EF;
  color:#DD7A22;
}
.optovikam-route .delivery-step__icon svg{
  width:40px;height:40px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .delivery-step h3{
  margin:0;
  color:#26211d;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
}
.optovikam-route .delivery-step p{
  margin:8px auto 0;
  max-width:220px;
  color:#514941;
  font-size:13px;
  line-height:1.45;
  font-weight:520;
}
.optovikam-route .delivery-contact{
  margin-top:22px;
  min-height:142px;
  display:grid;
  grid-template-columns:1.25fr .75fr auto;
  align-items:center;
  gap:24px;
  padding:24px 36px;
  border:1px solid #EFE3D4;
  border-radius:18px;
  background:#F8F1E6;
}
.optovikam-route .delivery-contact__lead{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:20px;
  align-items:center;
}
.optovikam-route .delivery-contact__phone-icon{
  width:70px;height:70px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#DD7A22;
  color:#fff;
}
.optovikam-route .delivery-contact__phone-icon svg{
  width:34px;height:34px;
  fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .delivery-contact h3{
  margin:0;
  color:#24201c;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
}
.optovikam-route .delivery-contact p{
  margin:7px 0 0;
  color:#514941;
  font-size:15px;
  line-height:1.4;
}
.optovikam-route .delivery-contact__number{
  text-align:right;
}
.optovikam-route .delivery-contact__number a{
  color:#DD7A22;
  font-size:28px;
  line-height:1.1;
  font-weight:950;
  white-space:nowrap;
}
.optovikam-route .delivery-contact__number span{
  display:block;
  margin-top:8px;
  color:#645c54;
  font-size:14px;
}
.optovikam-route .delivery-contact__btn{
  min-width:250px;
  min-height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#DD7A22;
  color:#fff;
  font-size:17px;
  font-weight:900;
  transition:.18s ease;
}
.optovikam-route .delivery-contact__btn:hover{
  background:#C2681A;
  transform:translateY(-1px);
}

@media(max-width:1050px){

  .optovikam-route .wholesale-proof__panel,
.optovikam-route .delivery-top{
    grid-template-columns:1fr;
  }
  .optovikam-route .wholesale-proof__photo{min-height:420px}
  .optovikam-route .delivery-photo{height:380px}
  .optovikam-route .proof-stats{grid-template-columns:repeat(2,1fr)}
  .optovikam-route .proof-stat:nth-child(3)::before{display:none}
  .optovikam-route .delivery-steps{grid-template-columns:repeat(2,1fr)}
  .optovikam-route .delivery-steps::before{display:none}
  .optovikam-route .delivery-contact{grid-template-columns:1fr 1fr}
  .optovikam-route .delivery-contact__btn{grid-column:1/-1}

}
@media(max-width:680px){

  .optovikam-route .wholesale-proof,
.optovikam-route .wholesale-delivery{padding-left:16px;padding-right:16px}
  .optovikam-route .wholesale-proof__title,
.optovikam-route .delivery-copy h2{font-size:32px}
  .optovikam-route .wholesale-proof__subtitle,
.optovikam-route .delivery-copy p{font-size:16px}
  .optovikam-route .wholesale-proof__list{padding:18px}
  .optovikam-route .proof-item{grid-template-columns:64px 1fr;gap:14px}
  .optovikam-route .proof-icon{width:58px;height:58px}
  .optovikam-route .proof-icon svg{width:31px;height:31px}
  .optovikam-route .proof-item h3{font-size:18px}
  .optovikam-route .proof-item p{font-size:14px}
  .optovikam-route .wholesale-proof__photo{min-height:290px}
  .optovikam-route .proof-stats{grid-template-columns:1fr}
  .optovikam-route .proof-stat + .proof-stat::before{
    top:0;bottom:auto;left:20px;right:20px;width:auto;height:1px;
  }
  .optovikam-route .delivery-panel{padding:24px 18px}
  .optovikam-route .delivery-photo{height:230px}
  .optovikam-route .delivery-steps{grid-template-columns:1fr}
  .optovikam-route .delivery-step{
    display:grid;
    grid-template-columns:38px 64px 1fr;
    gap:12px;
    text-align:left;
    align-items:center;
  }
  .optovikam-route .delivery-step__num{margin:0}
  .optovikam-route .delivery-step__icon{width:58px;height:58px;margin:0}
  .optovikam-route .delivery-step__icon svg{width:30px;height:30px}
  .optovikam-route .delivery-step h3{font-size:16px}
  .optovikam-route .delivery-step p{margin:4px 0 0}
  .optovikam-route .delivery-contact{
    grid-template-columns:1fr;
    padding:22px 18px;
  }
  .optovikam-route .delivery-contact__number{text-align:left}
  .optovikam-route .delivery-contact__number a{font-size:24px}
  .optovikam-route .delivery-contact__btn{grid-column:auto;min-width:0;width:100%}

}


/* WHOLESALE SAVINGS CALCULATOR */
.optovikam-route .wholesale-savings{
  padding:28px 36px 62px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-savings__inner{
  width:min(100%,1380px);
  margin:0 auto;
  padding:42px 40px 36px;
  border:1px solid #EFE3D4;
  border-radius:22px;
  background:#F8F1E6;
}
.optovikam-route .wholesale-savings__head{
  margin-bottom:28px;
}
.optovikam-route .wholesale-savings__title{
  margin:0;
  color:#211D19;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-1.2px;
  font-weight:950;
}
.optovikam-route .wholesale-savings__title span{
  color:#DD7A22;
}
.optovikam-route .wholesale-savings__subtitle{
  margin:14px 0 0;
  color:#423C37;
  font-size:19px;
  line-height:1.45;
  font-weight:520;
}
.optovikam-route .savings-layout{
  display:grid;
  grid-template-columns:1fr 1.06fr;
  gap:24px;
}
.optovikam-route .savings-card{
  min-height:490px;
  padding:34px 38px;
  border:1px solid #EDE1D2;
  border-radius:19px;
  background:#FFFFFF;
}
.optovikam-route .savings-kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#FFF6EC;
  color:#DD7A22;
  font-size:15px;
  font-weight:900;
}
.optovikam-route .savings-kicker svg{
  width:20px;height:20px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .savings-field{
  display:block;
  margin-top:28px;
}
.optovikam-route .savings-field span{
  display:block;
  margin-bottom:10px;
  color:#2A2521;
  font-size:16px;
  font-weight:850;
}
.optovikam-route .savings-field input{
  width:100%;
  height:66px;
  padding:0 22px;
  border:1px solid #DCCEBE;
  border-radius:11px;
  background:#FFFFFF;
  color:#2A2521;
  font:inherit;
  font-size:18px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.optovikam-route .savings-field input:focus{
  border-color:#DD7A22;
  box-shadow:0 0 0 3px rgba(221,122,34,.12);
}
.optovikam-route .savings-calc-btn{
  width:100%;
  min-height:64px;
  margin-top:26px;
  border:0;
  border-radius:10px;
  background:#DD7A22;
  color:#FFFFFF;
  font:inherit;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.optovikam-route .savings-calc-btn:hover{
  background:#C2681A;
  transform:translateY(-1px);
}
.optovikam-route .savings-disclaimer{
  margin:13px 0 0;
  color:#756C64;
  font-size:13px;
  line-height:1.45;
}
.optovikam-route .savings-result-top{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:20px;
  align-items:center;
}
.optovikam-route .savings-result-icon{
  width:100px;height:100px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF6EC;
  color:#DD7A22;
}
.optovikam-route .savings-result-icon svg{
  width:58px;height:58px;
  fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .savings-result-label{
  margin:0;
  color:#26211D;
  font-size:22px;
  line-height:1.28;
  font-weight:900;
}
.optovikam-route .savings-result-rate{
  margin:8px 0 0;
  color:#514941;
  font-size:17px;
  line-height:1.4;
}
.optovikam-route .savings-result-amount{
  margin:12px 0 0;
  color:#DD7A22;
  font-size:46px;
  line-height:1;
  letter-spacing:-1px;
  font-weight:950;
}
.optovikam-route .savings-result-amount small{
  font-size:.58em;
  letter-spacing:0;
}
.optovikam-route .savings-result-lines{
  margin-top:28px;
  border-top:1px solid #E9DECF;
}
.optovikam-route .savings-result-line{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:14px;
  align-items:center;
  min-height:72px;
  border-bottom:1px solid #E9DECF;
}
.optovikam-route .savings-result-line__icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF6EC;
  color:#DD7A22;
}
.optovikam-route .savings-result-line__icon svg{
  width:21px;height:21px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .savings-result-line span{
  color:#514941;
  font-size:15px;
}
.optovikam-route .savings-result-line strong{
  color:#26211D;
  font-size:17px;
  font-weight:900;
  white-space:nowrap;
}
.optovikam-route .savings-quote-btn{
  min-height:56px;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1.5px solid #DD7A22;
  border-radius:10px;
  color:#DD7A22;
  font-size:16px;
  font-weight:900;
  transition:.18s ease;
}
.optovikam-route .savings-quote-btn:hover{
  background:#FFF6EC;
  color:#C2681A;
}
.optovikam-route .savings-benefits{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #EDE1D2;
  border-radius:17px;
  background:#FFFFFF;
  overflow:hidden;
}
.optovikam-route .savings-benefit{
  position:relative;
  min-height:116px;
  display:grid;
  grid-template-columns:66px 1fr;
  gap:18px;
  align-items:center;
  padding:20px 28px;
}
.optovikam-route .savings-benefit + .savings-benefit::before{
  content:"";
  position:absolute;
  left:0;top:20px;bottom:20px;
  width:1px;background:#E7DBCB;
}
.optovikam-route .savings-benefit__icon{
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF6EC;
  color:#DD7A22;
}
.optovikam-route .savings-benefit__icon svg{
  width:32px;height:32px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .savings-benefit p{
  margin:0;
  color:#39332E;
  font-size:15px;
  line-height:1.48;
  font-weight:620;
}
.optovikam-route .savings-benefit p strong{
  display:block;
  font-size:16px;
  font-weight:900;
}

@media(max-width:900px){

  .optovikam-route .savings-layout{grid-template-columns:1fr}
  .optovikam-route .savings-card{min-height:0}
  .optovikam-route .savings-benefits{grid-template-columns:1fr}
  .optovikam-route .savings-benefit + .savings-benefit::before{
    top:0;bottom:auto;left:20px;right:20px;width:auto;height:1px;
  }

}
@media(max-width:600px){

  .optovikam-route .wholesale-savings{padding:22px 16px 42px}
  .optovikam-route .wholesale-savings__inner{padding:28px 16px 22px;border-radius:18px}
  .optovikam-route .wholesale-savings__title{font-size:31px}
  .optovikam-route .wholesale-savings__subtitle{font-size:16px}
  .optovikam-route .savings-card{padding:24px 18px;border-radius:15px}
  .optovikam-route .savings-result-top{grid-template-columns:72px 1fr}
  .optovikam-route .savings-result-icon{width:66px;height:66px}
  .optovikam-route .savings-result-icon svg{width:38px;height:38px}
  .optovikam-route .savings-result-label{font-size:18px}
  .optovikam-route .savings-result-rate{font-size:14px}
  .optovikam-route .savings-result-amount{font-size:37px}
  .optovikam-route .savings-result-line{grid-template-columns:40px 1fr;gap:10px;padding:10px 0}
  .optovikam-route .savings-result-line strong{grid-column:2}
  .optovikam-route .savings-benefit{padding:18px}

}


/* FINAL PAGE BLOCKS */
.optovikam-route .wholesale-review{
  padding:26px 36px 24px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-review__inner,
.optovikam-route .wholesale-form-section__inner,
.optovikam-route .wholesale-sales-contact__inner{
  width:min(100%,1380px);
  margin:0 auto;
}
.optovikam-route .wholesale-review__card{
  position:relative;
  overflow:hidden;
  min-height:270px;
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:30px;
  align-items:center;
  padding:40px 48px;
  border:1px solid #EFE3D4;
  border-radius:22px;
  background:#F8F1E6;
}
.optovikam-route .wholesale-review__quote{
  align-self:start;
  color:#DD7A22;
  font-family:Georgia,serif;
  font-size:132px;
  line-height:.78;
  opacity:.98;
}
.optovikam-route .wholesale-review__text{
  margin:0;
  max-width:850px;
  color:#26211D;
  font-size:27px;
  line-height:1.45;
  letter-spacing:-.35px;
  font-weight:680;
}
.optovikam-route .wholesale-review__author{
  margin:24px 0 0;
  color:#DD7A22;
  font-size:16px;
  line-height:1.45;
  font-weight:900;
}
.optovikam-route .wholesale-review__role{
  display:block;
  margin-top:4px;
  color:#5A524B;
  font-weight:600;
}
.optovikam-route .wholesale-review__badge{
  min-width:190px;
  padding:24px 20px;
  border-left:1px solid #E6D8C7;
  text-align:center;
}
.optovikam-route .wholesale-review__badge-icon{
  width:72px;
  height:72px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#FFF9F1;
  color:#DD7A22;
}
.optovikam-route .wholesale-review__badge-icon svg{
  width:40px;height:40px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .wholesale-review__badge strong{
  display:block;
  color:#2A2521;
  font-size:16px;
  line-height:1.35;
}
.optovikam-route .wholesale-review__badge span{
  display:block;
  margin-top:5px;
  color:#756C64;
  font-size:13px;
  line-height:1.4;
}

/* FORM */
.optovikam-route .wholesale-form-section{
  padding:30px 36px 26px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-form-card{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  overflow:hidden;
  border:1px solid #EFE3D4;
  border-radius:22px;
  background:#F8F1E6;
}
.optovikam-route .wholesale-form-intro{
  position:relative;
  padding:48px 42px;
  background:
    radial-gradient(circle at 20% 12%,rgba(221,122,34,.10),transparent 31%),
    #F8F1E6;
}
.optovikam-route .wholesale-form-intro__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#FFF9F1;
  color:#DD7A22;
  font-size:13px;
  font-weight:900;
}
.optovikam-route .wholesale-form-intro__eyebrow svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .wholesale-form-title{
  margin:24px 0 0;
  color:#211D19;
  font-size:42px;
  line-height:1.09;
  letter-spacing:-1px;
  font-weight:950;
}
.optovikam-route .wholesale-form-title span{color:#DD7A22}
.optovikam-route .wholesale-form-lead{
  margin:20px 0 0;
  max-width:440px;
  color:#514941;
  font-size:17px;
  line-height:1.58;
}
.optovikam-route .wholesale-form-points{
  display:grid;
  gap:14px;
  margin-top:30px;
}
.optovikam-route .wholesale-form-point{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  color:#3D3732;
  font-size:14px;
  line-height:1.45;
  font-weight:650;
}
.optovikam-route .wholesale-form-point__icon{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF9F1;
  color:#DD7A22;
}
.optovikam-route .wholesale-form-point__icon svg{
  width:17px;height:17px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .wholesale-form-wrap{
  padding:42px;
  border-left:1px solid #E7DBCB;
  background:#FFFFFF;
}
.optovikam-route .wholesale-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.optovikam-route .wholesale-form-field{
  display:block;
}
.optovikam-route .wholesale-form-field.is-wide{
  grid-column:1/-1;
}
.optovikam-route .wholesale-form-field span{
  display:block;
  margin-bottom:9px;
  color:#2A2521;
  font-size:14px;
  font-weight:850;
}
.optovikam-route .wholesale-form-field .req{color:#DD7A22}
.optovikam-route .wholesale-form-field input{
  width:100%;
  height:58px;
  padding:0 17px;
  border:1px solid #DCCEBE;
  border-radius:10px;
  background:#FFFFFF;
  color:#2A2521;
  font:inherit;
  font-size:15px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.optovikam-route .wholesale-form-field input:focus{
  border-color:#DD7A22;
  box-shadow:0 0 0 3px rgba(221,122,34,.11);
}
.optovikam-route .wholesale-form-submit{
  grid-column:1/-1;
  min-height:60px;
  margin-top:4px;
  border:0;
  border-radius:10px;
  background:#DD7A22;
  color:#FFFFFF;
  font:inherit;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.optovikam-route .wholesale-form-submit:hover{
  background:#C2681A;
  transform:translateY(-1px);
}
.optovikam-route .wholesale-form-note{
  grid-column:1/-1;
  margin:-4px 0 0;
  color:#7A7169;
  font-size:12px;
  line-height:1.45;
}
.optovikam-route .wholesale-form-success{
  display:none;
  grid-column:1/-1;
  padding:15px 17px;
  border:1px solid rgba(72,139,80,.25);
  border-radius:10px;
  background:#F3FAF3;
  color:#35663B;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}
.optovikam-route .wholesale-form-success.is-visible{display:block}

/* SALES CONTACT + DOCUMENTS */
.optovikam-route .wholesale-sales-contact{
  padding:26px 36px 58px;
  background:#FFFFFF;
}
.optovikam-route .wholesale-sales-contact__card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:34px;
  align-items:center;
  padding:31px 38px;
  border:1px solid #EFE3D4;
  border-radius:19px;
  background:#F8F1E6;
}
.optovikam-route .wholesale-sales-contact__content{
  display:grid;
  grid-template-columns:66px 1fr;
  gap:20px;
  align-items:center;
}
.optovikam-route .wholesale-sales-contact__icon{
  width:62px;height:62px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FFF9F1;
  color:#DD7A22;
}
.optovikam-route .wholesale-sales-contact__icon svg{
  width:33px;height:33px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .wholesale-sales-contact h2{
  margin:0;
  color:#24201C;
  font-size:24px;
  line-height:1.2;
  font-weight:950;
}
.optovikam-route .wholesale-sales-contact p{
  margin:8px 0 0;
  color:#5D554E;
  font-size:14px;
  line-height:1.5;
}
.optovikam-route .wholesale-sales-contact__details{
  display:flex;
  align-items:center;
  gap:24px;
}
.optovikam-route .wholesale-sales-contact__details a{
  color:#DD7A22;
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.optovikam-route .wholesale-sales-contact__details .email{
  color:#2A2521;
}
.optovikam-route .wholesale-documents-link{
  margin-top:18px;
  padding:0 4px;
  text-align:center;
  color:#645C54;
  font-size:14px;
  line-height:1.45;
}
.optovikam-route .wholesale-documents-link a{
  color:#DD7A22;
  font-weight:850;
}
.optovikam-route .wholesale-documents-link a:hover{color:#C2681A}

/* FOOTER */























@media(max-width:1050px){

  .optovikam-route .wholesale-review__card{
    grid-template-columns:110px 1fr;
  }
  .optovikam-route .wholesale-review__badge{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid #E6D8C7;
  }
  .optovikam-route .wholesale-form-card{grid-template-columns:1fr}
  .optovikam-route .wholesale-form-wrap{border-left:0;border-top:1px solid #E7DBCB}
  .optovikam-route .wholesale-sales-contact__card{grid-template-columns:1fr}
  .optovikam-route .wholesale-sales-contact__details{padding-left:86px}
  

}
@media(max-width:680px){

  .optovikam-route .wholesale-review,
.optovikam-route .wholesale-form-section,
.optovikam-route .wholesale-sales-contact{
    padding-left:16px;
    padding-right:16px;
  }
  .optovikam-route .wholesale-review__card{
    min-height:0;
    grid-template-columns:1fr;
    gap:12px;
    padding:28px 22px;
  }
  .optovikam-route .wholesale-review__quote{
    font-size:78px;
    height:44px;
  }
  .optovikam-route .wholesale-review__text{font-size:20px}
  .optovikam-route .wholesale-review__badge{grid-column:auto}
  .optovikam-route .wholesale-form-intro,
.optovikam-route .wholesale-form-wrap{padding:28px 20px}
  .optovikam-route .wholesale-form-title{font-size:31px}
  .optovikam-route .wholesale-form-grid{grid-template-columns:1fr}
  .optovikam-route .wholesale-form-field.is-wide,
.optovikam-route .wholesale-form-submit,
.optovikam-route .wholesale-form-note,
.optovikam-route .wholesale-form-success{grid-column:auto}
  .optovikam-route .wholesale-sales-contact__content{grid-template-columns:54px 1fr;gap:14px}
  .optovikam-route .wholesale-sales-contact__icon{width:50px;height:50px}
  .optovikam-route .wholesale-sales-contact__details{
    padding-left:0;
    display:grid;
    gap:10px;
  }
  
  
  

}


/* PRESENTATION + CUSTOM QUOTE */
.optovikam-route .presentation-quote{
  padding:28px 36px 28px;
  background:#FFFFFF;
}
.optovikam-route .presentation-quote__inner{
  width:min(100%,1380px);
  margin:0 auto;
  padding:40px;
  border:1px solid #EFE3D4;
  border-radius:22px;
  background:#F8F1E6;
}
.optovikam-route .presentation-quote__head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:end;
  margin-bottom:26px;
}
.optovikam-route .presentation-quote__title{
  margin:0;
  color:#211D19;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1px;
  font-weight:950;
}
.optovikam-route .presentation-quote__title span{
  color:#DD7A22;
}
.optovikam-route .presentation-quote__subtitle{
  margin:14px 0 0;
  max-width:850px;
  color:#514941;
  font-size:17px;
  line-height:1.55;
}
.optovikam-route .presentation-quote__presentation-btn{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1.5px solid #DD7A22;
  border-radius:10px;
  color:#DD7A22;
  background:#FFFFFF;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
  transition:.18s ease;
}
.optovikam-route .presentation-quote__presentation-btn:hover{
  color:#C2681A;
  border-color:#C2681A;
  background:#FFF9F1;
}
.optovikam-route .presentation-quote__layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
}
.optovikam-route .presentation-quote__card{
  border:1px solid #EDE1D2;
  border-radius:18px;
  background:#FFFFFF;
}
.optovikam-route .presentation-quote__card--lengths{
  padding:26px;
}
.optovikam-route .presentation-quote__card--summary{
  padding:28px 30px;
}
.optovikam-route .presentation-quote__card-title{
  margin:0 0 6px;
  color:#2A2521;
  font-size:21px;
  font-weight:900;
}
.optovikam-route .presentation-quote__card-subtitle{
  margin:0 0 22px;
  color:#756C64;
  font-size:13px;
  line-height:1.45;
}
.optovikam-route .presentation-lengths{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.optovikam-route .presentation-length{
  position:relative;
  min-height:116px;
  padding:15px;
  border:1px solid #E6D9C9;
  border-radius:14px;
  background:#FCF8F2;
}
.optovikam-route .presentation-length__meter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.optovikam-route .presentation-length__meter strong{
  color:#DD7A22;
  font-size:22px;
  font-weight:950;
}
.optovikam-route .presentation-length__meter span{
  color:#7B726A;
  font-size:12px;
  font-weight:750;
}
.optovikam-route .presentation-length label{
  display:block;
  color:#49423C;
  font-size:12px;
  font-weight:800;
}
.optovikam-route .presentation-length input{
  width:100%;
  height:42px;
  margin-top:7px;
  padding:0 12px;
  border:1px solid #DCCEBE;
  border-radius:9px;
  background:#FFFFFF;
  color:#2A2521;
  font:inherit;
  font-size:15px;
  outline:none;
}
.optovikam-route .presentation-length input:focus{
  border-color:#DD7A22;
  box-shadow:0 0 0 3px rgba(221,122,34,.10);
}
.optovikam-route .presentation-total{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.optovikam-route .presentation-total__item{
  padding:15px 16px;
  border-radius:12px;
  background:#FFF6EC;
}
.optovikam-route .presentation-total__item span{
  display:block;
  color:#7A7169;
  font-size:12px;
  font-weight:750;
}
.optovikam-route .presentation-total__item strong{
  display:block;
  margin-top:5px;
  color:#DD7A22;
  font-size:25px;
  line-height:1.05;
  font-weight:950;
}
.optovikam-route .presentation-summary__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#FFF6EC;
  color:#DD7A22;
  font-size:12px;
  font-weight:900;
}
.optovikam-route .presentation-summary__eyebrow svg{
  width:17px;height:17px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.optovikam-route .presentation-summary__title{
  margin:18px 0 0;
  color:#2A2521;
  font-size:25px;
  line-height:1.18;
  font-weight:950;
}
.optovikam-route .presentation-summary__text{
  margin:10px 0 20px;
  color:#615850;
  font-size:14px;
  line-height:1.5;
}
.optovikam-route .presentation-summary__metrics{
  display:grid;
  gap:10px;
  margin-bottom:20px;
}
.optovikam-route .presentation-summary__metric{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid #EBE0D3;
}
.optovikam-route .presentation-summary__metric span{
  color:#6B625A;
  font-size:13px;
}
.optovikam-route .presentation-summary__metric strong{
  color:#2A2521;
  font-size:15px;
  font-weight:900;
}
.optovikam-route .presentation-summary__metric strong.orange{
  color:#DD7A22;
}
.optovikam-route .presentation-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.optovikam-route .presentation-contact-field{
  display:block;
}
.optovikam-route .presentation-contact-field.is-wide{
  grid-column:1/-1;
}
.optovikam-route .presentation-contact-field span{
  display:block;
  margin-bottom:7px;
  color:#403A35;
  font-size:12px;
  font-weight:850;
}
.optovikam-route .presentation-contact-field input{
  width:100%;
  height:48px;
  padding:0 14px;
  border:1px solid #DCCEBE;
  border-radius:9px;
  background:#FFFFFF;
  color:#2A2521;
  font:inherit;
  font-size:14px;
  outline:none;
}
.optovikam-route .presentation-contact-field input:focus{
  border-color:#DD7A22;
  box-shadow:0 0 0 3px rgba(221,122,34,.10);
}
.optovikam-route .presentation-submit{
  grid-column:1/-1;
  min-height:56px;
  margin-top:4px;
  border:0;
  border-radius:10px;
  background:#DD7A22;
  color:#FFFFFF;
  font:inherit;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
.optovikam-route .presentation-submit:hover{
  background:#C2681A;
  transform:translateY(-1px);
}
.optovikam-route .presentation-form-note{
  grid-column:1/-1;
  margin:0;
  color:#80766D;
  font-size:11px;
  line-height:1.45;
}
.optovikam-route .presentation-success{
  display:none;
  grid-column:1/-1;
  padding:13px 14px;
  border:1px solid rgba(72,139,80,.22);
  border-radius:9px;
  background:#F3FAF3;
  color:#35663B;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
.optovikam-route .presentation-success.is-visible{display:block}

@media(max-width:980px){

  .optovikam-route .presentation-quote__head{grid-template-columns:1fr}
  .optovikam-route .presentation-quote__layout{grid-template-columns:1fr}

}
@media(max-width:680px){

  .optovikam-route .presentation-quote{padding-left:16px;padding-right:16px}
  .optovikam-route .presentation-quote__inner{padding:26px 16px;border-radius:18px}
  .optovikam-route .presentation-quote__title{font-size:31px}
  .optovikam-route .presentation-quote__subtitle{font-size:15px}
  .optovikam-route .presentation-lengths{grid-template-columns:1fr 1fr}
  .optovikam-route .presentation-contact-grid{grid-template-columns:1fr}
  .optovikam-route .presentation-contact-field.is-wide,
.optovikam-route .presentation-submit,
.optovikam-route .presentation-form-note,
.optovikam-route .presentation-success{grid-column:auto}

}



/* Optovikam route chrome */
.optovikam-route {
  --opt-orange: #DD7A22;
  --opt-orange-hover: #C2681A;
}

.optovikam-route .main-nav a.is-active {
  color: var(--orange);
}
.optovikam-route .main-nav a.is-active::after {
  left: 0;
  right: 0;
}

.optovikam-route .optovikam-breadcrumbs {
  width: min(100%, 1540px);
  margin: 0 auto;
}

.optovikam-route .optovikam-page {
  width: min(100%, 1536px);
  margin: 0 auto;
}

/* Force orange CTAs (never green) */
.optovikam-route .savings-calc-btn,
.optovikam-route .wholesale-form-submit,
.optovikam-route .presentation-submit,
.optovikam-route .delivery-contact__btn,
.optovikam-route .presentation-quote__presentation-btn {
  background: #DD7A22 !important;
  border-color: #DD7A22 !important;
  color: #fff !important;
}
.optovikam-route .savings-calc-btn:hover,
.optovikam-route .wholesale-form-submit:hover,
.optovikam-route .presentation-submit:hover,
.optovikam-route .delivery-contact__btn:hover {
  background: #C2681A !important;
  border-color: #C2681A !important;
}
.optovikam-route .savings-quote-btn {
  color: #DD7A22 !important;
  border-color: #DD7A22 !important;
  background: transparent !important;
}

/* Critical: 3-column blocks → vertical stack on phones */
@media (max-width: 600px) {
  .optovikam-route .wholesale-pricing-grid,
  .optovikam-route .savings-benefits,
  .optovikam-route .presentation-lengths,
  .optovikam-route .hero-benefits,
  .optovikam-route .optovikam-hero .hero-benefits {
    grid-template-columns: 1fr !important;
  }
  .optovikam-route .savings-benefit + .savings-benefit::before,
  .optovikam-route .hero-benefit:before {
    display: none !important;
  }
}

/* Comparison on this page inherits global mobile stack; reinforce */
.optovikam-route .comparison-section {
  padding: 28px 28px 40px;
}
@media (max-width: 860px) {
  .optovikam-route .comparison-section {
    padding: 18px 16px 28px;
  }
  .optovikam-route .comparison-card {
    display: none !important;
  }
  .optovikam-route .comparison-mobile {
    display: grid !important;
    gap: 12px;
    width: 100%;
    min-width: 0;
  }
  .optovikam-route .comparison-mobile-card,
  .optovikam-route .comparison-mobile-text,
  .optovikam-route .comparison-mobile-title {
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
  }
}
@media (max-width: 360px) {
  .optovikam-route .comparison-mobile-card {
    padding: 14px 12px;
  }
}

/* Unified wholesale request form */
.optovikam-route .wholesale-form-card--unified {
  align-items: start;
}
.optovikam-route .wholesale-form-grid--unified {
  grid-template-columns: 1fr 1fr;
}
.optovikam-route .wholesale-form-lengths {
  margin-top: 6px;
  padding: 18px 18px 16px;
  border: 1px solid #EDE1D2;
  border-radius: 16px;
  background: #FCF8F2;
  grid-column: 1 / -1;
}
.optovikam-route .wholesale-form-lengths__title {
  margin: 0 0 6px;
  color: #2A2521;
  font-size: 18px;
  font-weight: 900;
}
.optovikam-route .wholesale-form-lengths__subtitle {
  margin: 0 0 16px;
  color: #756C64;
  font-size: 13px;
  line-height: 1.45;
}
.optovikam-route .wholesale-form-totals {
  margin-top: 16px;
}
.optovikam-route .wholesale-form-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  grid-column: 1 / -1;
  margin: 4px 0 0;
  color: #39332E;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  cursor: pointer;
}
.optovikam-route .wholesale-form-check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: 0 0 auto;
  accent-color: #DD7A22;
}
@media (max-width: 720px) {
  .optovikam-route .wholesale-form-grid--unified {
    grid-template-columns: 1fr;
  }
}

/* === About page (o-kompanii) — scoped, no chrome conflicts === */
.about-route {
  --about-cream: #F8F1E6;
  --about-cream-2: #FCF8F2;
  --about-graphite: #2A2521;
  --about-text: #211D19;
  --about-muted: #655D55;
  --about-line: #E9DED0;
  --about-shadow: 0 12px 30px rgba(53,37,23,.055);
  --about-radius: 18px;
}

.about-route .main-nav a.is-active {
  color: var(--orange);
}
.about-route .main-nav a.is-active::after {
  left: 0;
  right: 0;
}

.about-route .about-breadcrumbs {
  padding: 16px 28px 12px;
}
.about-route .about-page {
  padding: 0 28px 24px;
}
@media (max-width: 760px) {
  .about-route .about-breadcrumbs,
  .about-route .about-page {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* === About page (o-kompanii) === */
.about-page{padding-bottom:18px}

.about-breadcrumbs{display:flex;gap:10px;align-items:center;padding:20px 2px 14px;color:#746b63;font-size:14px;font-weight:600}

.about-breadcrumbs a:hover{color:var(--orange)}

.about-breadcrumbs .sep{opacity:.55}

.about-breadcrumbs [aria-current="page"]{color:var(--orange)}

.about-card{overflow:hidden;border:1px solid #eee3d6;border-radius:var(--about-radius);background:var(--about-cream)}

.about-hero{display:grid;grid-template-columns:.74fr 1.26fr;min-height:360px}

.about-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:48px 38px 48px 42px}

.about-hero h1{margin:0;font-size:46px;line-height:1.05;letter-spacing:-1.5px;font-weight:950}

.about-short-line{width:44px;height:3px;margin:22px 0;background:var(--orange);border-radius:999px}

.about-hero p{margin:0;max-width:470px;color:#45403a;font-size:21px;line-height:1.52;font-weight:500}

.about-hero__media{min-height:360px}

.about-hero__media img{width:100%;height:100%;object-fit:cover}

.about-story{margin-top:18px;display:grid;grid-template-columns:.88fr 1.12fr;min-height:330px}

.about-story__media img,.about-team__media img{width:100%;height:100%;object-fit:cover}

.about-story__copy,.about-team__copy{padding:38px 44px;display:flex;flex-direction:column;justify-content:center}

.about-eyebrow{margin:0 0 11px;color:var(--orange);font-size:12px;font-weight:950;letter-spacing:.15px}

.about-section-title{margin:0;color:#211d19;font-size:32px;line-height:1.12;letter-spacing:-.7px;font-weight:950}

.about-section-divider{width:42px;height:3px;margin:16px 0 18px;background:var(--orange);border-radius:99px}

.about-body-copy{color:#47413b;font-size:16px;line-height:1.55;font-weight:500}

.about-body-copy p{margin:0 0 18px}

.about-body-copy p:last-child{margin-bottom:0}

.about-orange-strong{color:var(--orange);font-weight:900}

.about-why{margin-top:18px;padding:16px 20px 22px;background:var(--about-cream);border:1px solid #eee3d6;border-radius:var(--about-radius)}

.about-why h2{margin:0 0 12px;text-align:center;font-size:20px;line-height:1.2;font-weight:950;text-transform:uppercase}

.about-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.about-why__card{min-height:120px;padding:20px 22px;display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;border-radius:14px;background:#fff;box-shadow:var(--about-shadow)}

.about-icon-bubble{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#FFF8EF;color:var(--orange)}

.about-icon-bubble svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.about-why__card h3{margin:0;font-size:16px;line-height:1.25;font-weight:900}

.about-why__card p{margin:7px 0 0;color:#625a53;font-size:13px;line-height:1.45}

.about-team{margin-top:18px;display:grid;grid-template-columns:1.05fr .95fr;min-height:335px}

.about-quote{position:relative;padding-left:34px;margin:0}

.about-quote::before{content:"“";position:absolute;left:0;top:-7px;color:var(--orange);font-family:Georgia,serif;font-size:58px;line-height:1}

.about-quote p{margin:0;color:#49423c;font-size:15px;line-height:1.55}

.about-quote__author{margin-top:18px;font-size:14px;font-weight:900;color:#2a2521}

.about-timeline{margin:18px auto 0;padding:4px 30px 8px}

.about-timeline h2{margin:0 0 20px;text-align:center;font-size:19px;font-weight:950;text-transform:uppercase}

.about-timeline__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}

.about-timeline__grid::before{content:"";position:absolute;left:13%;right:13%;top:14px;height:3px;background:var(--orange)}

.about-milestone{position:relative;text-align:center;padding-top:36px}

.about-milestone::before{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:18px;height:18px;border:4px solid var(--orange);border-radius:50%;background:#fff}

.about-milestone strong{display:block;color:#24201c;font-size:18px}

.about-milestone p{margin:7px auto 0;max-width:230px;color:#5c554e;font-size:13px;line-height:1.4}

.about-production{margin-top:14px;padding:14px 18px 18px;background:var(--about-cream);border:1px solid #eee3d6;border-radius:var(--about-radius)}

.about-production h2{margin:0 0 14px;text-align:center;font-size:20px;font-weight:950;text-transform:uppercase}

.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.about-gallery img{width:100%;aspect-ratio:3.15/1;object-fit:cover;border-radius:12px}

.about-info-row{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}

.about-info-card{min-height:208px;padding:26px 30px;border:1px solid #eee3d6;border-radius:var(--about-radius);background:var(--about-cream)}

.about-info-card h3{margin:0 0 14px;font-size:16px;text-transform:uppercase;font-weight:950}

.about-requisites{display:grid;grid-template-columns:170px 1fr;gap:8px 16px;color:#45403a;font-size:13px;line-height:1.4}

.about-requisites strong{font-weight:800;color:#2a2521}

.about-docs{display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:center;height:100%}

.about-pdf-icon{width:72px;height:82px;position:relative;border:3px solid var(--orange);border-radius:7px;color:var(--orange)}

.about-pdf-icon::before{content:"PDF";position:absolute;left:11px;bottom:13px;font-size:18px;font-weight:950}

.about-pdf-icon::after{content:"";position:absolute;right:-3px;top:-3px;width:24px;height:24px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);background:var(--about-cream)}

.about-docs p{margin:0;color:#49423c;font-size:14px;line-height:1.5}

.about-docs__btn{margin-top:16px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--orange);color:#fff;font-size:13px;font-weight:900}

.about-docs__btn:hover{background:var(--orange-dark)}

.about-locations{margin:18px 0 0}

.about-locations h2{margin:0 0 12px;text-align:center;font-size:20px;font-weight:950;text-transform:uppercase}

.about-locations__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

.about-location{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:center;min-height:150px;padding:18px 20px;border:1px solid #eee3d6;border-radius:var(--about-radius);background:var(--about-cream)}

.about-location h3{margin:0 0 10px;font-size:15px;font-weight:900}

.about-location p{margin:0;color:#514a43;font-size:13px;line-height:1.5}

.about-location img{width:100%;height:114px;object-fit:cover;border-radius:10px}

@media(max-width:1100px){
.about-hero{grid-template-columns:1fr 1.2fr}
.about-story,.about-team{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
.about-breadcrumbs{padding-top:16px}
.about-hero,.about-story,.about-team{grid-template-columns:1fr}
.about-hero__copy{order:1}
.about-hero__media{order:2;min-height:260px}
.about-story__media{order:1;min-height:250px}
.about-story__copy{order:2}
.about-team__copy{order:1}
.about-team__media{order:2;min-height:270px}
.about-hero h1{font-size:35px}
.about-hero p{font-size:17px}
.about-why__grid{grid-template-columns:1fr}
.about-gallery{grid-template-columns:1fr 1fr}
.about-info-row,.about-locations__grid{grid-template-columns:1fr}
.about-timeline__grid{grid-template-columns:1fr;gap:18px}
.about-timeline__grid::before{left:15px;right:auto;top:0;bottom:0;width:3px;height:auto}
.about-milestone{text-align:left;padding:0 0 0 46px;min-height:80px}
.about-milestone::before{left:15px;top:0}
.about-milestone p{margin-left:0}
.about-location{grid-template-columns:1fr}
}

@media(max-width:480px){
.about-hero__copy,.about-story__copy,.about-team__copy{padding:30px 22px}
.about-hero h1{font-size:31px}
.about-section-title{font-size:27px}
.about-body-copy{font-size:15px}
.about-gallery{grid-template-columns:1fr}
.about-gallery img{aspect-ratio:16/8.7}
.about-info-card{padding:22px 20px}
.about-requisites{grid-template-columns:1fr;gap:3px}
.about-requisites strong{margin-top:6px}
.about-docs{grid-template-columns:64px 1fr}
.about-pdf-icon{width:58px;height:68px}
.about-pdf-icon::before{font-size:14px;left:8px}
}

/* === FIX 2026-08-09: layout parity with approved About concept === */
:root{--container:1380px}

.about-breadcrumbs{padding:14px 2px 12px;font-size:12px}

.about-page{padding-bottom:10px}

.about-card{border-radius:16px}

.about-hero{grid-template-columns:.72fr 1.28fr;min-height:286px}

.about-hero__copy{padding:36px 34px 36px 40px}

.about-hero h1{font-size:40px;line-height:1.04;letter-spacing:-1.1px}

.about-short-line{width:38px;height:2px;margin:18px 0}

.about-hero p{max-width:430px;font-size:17px;line-height:1.5}

.about-hero__media{min-height:286px}

.about-story{margin-top:16px;grid-template-columns:.88fr 1.12fr;min-height:276px}

.about-story__copy,.about-team__copy{padding:30px 36px}

.about-eyebrow{margin-bottom:8px;font-size:10px}

.about-section-title{font-size:27px;line-height:1.1}

.about-section-divider{width:36px;height:2px;margin:13px 0 14px}

.about-body-copy{font-size:13.5px;line-height:1.52}

.about-body-copy p{margin-bottom:13px}

.about-why{margin-top:16px;padding:11px 16px 16px;border-radius:16px}

.about-why h2{margin-bottom:10px;font-size:16px}

.about-why__grid{gap:14px}

.about-why__card{min-height:96px;padding:14px 18px;grid-template-columns:52px 1fr;gap:13px;border-radius:12px}

.about-icon-bubble{width:48px;height:48px}

.about-icon-bubble svg{width:28px;height:28px}

.about-why__card h3{font-size:14px}

.about-why__card p{margin-top:5px;font-size:11.5px;line-height:1.4}

.about-team{margin-top:16px;grid-template-columns:1.03fr .97fr;min-height:278px}

.about-quote{padding-left:29px}

.about-quote::before{font-size:49px}

.about-quote p{font-size:13px;line-height:1.5}

.about-quote__author{margin-top:14px;font-size:12px}

.about-timeline{margin-top:14px;padding:2px 30px 5px}

.about-timeline h2{margin-bottom:14px;font-size:16px}

.about-timeline__grid{gap:30px}

.about-timeline__grid::before{top:11px;height:2px}

.about-milestone{padding-top:29px}

.about-milestone::before{top:2px;width:15px;height:15px;border-width:3px}

.about-milestone strong{font-size:15px}

.about-milestone p{margin-top:5px;max-width:220px;font-size:11px;line-height:1.35}

.about-production{margin-top:12px;padding:10px 14px 14px;border-radius:16px}

.about-production h2{margin-bottom:10px;font-size:16px}

.about-gallery{gap:10px}

.about-gallery img{aspect-ratio:3.35/1;border-radius:10px}

.about-info-row{margin-top:14px;gap:14px}

.about-info-card{min-height:168px;padding:20px 24px;border-radius:16px}

.about-info-card h3{margin-bottom:11px;font-size:13px}

.about-requisites{grid-template-columns:150px 1fr;gap:6px 14px;font-size:11px;line-height:1.35}

.about-docs{grid-template-columns:65px 1fr;gap:17px}

.about-pdf-icon{width:60px;height:68px;border-width:2px}

.about-pdf-icon::before{left:9px;bottom:10px;font-size:14px}

.about-pdf-icon::after{width:20px;height:20px;border-width:2px}

.about-docs p{font-size:12px;line-height:1.45}

.about-docs__btn{margin-top:12px;min-height:37px;padding:0 15px;font-size:11px;border-radius:7px}

.about-locations{margin-top:14px}

.about-locations h2{margin-bottom:9px;font-size:16px}

.about-locations__grid{gap:20px}

.about-location{grid-template-columns:.72fr 1.28fr;gap:14px;min-height:124px;padding:14px 16px;border-radius:16px}

.about-location h3{margin-bottom:7px;font-size:12px}

.about-location p{font-size:10.5px;line-height:1.45}

.about-location img{height:94px;border-radius:8px}

@media (max-width:1180px) and (min-width:761px){
.about-hero h1{font-size:36px}
}

@media(max-width:760px){
.about-breadcrumbs{width:calc(100% - 28px);padding:12px 0 9px;font-size:10px}
.about-page{width:calc(100% - 28px);margin:0 auto}
.about-hero,.about-story,.about-team{border-radius:14px}
.about-hero__copy,.about-story__copy,.about-team__copy{padding:22px 18px}
.about-hero h1{font-size:27px;line-height:1.05}
.about-short-line{margin:13px 0}
.about-hero p{font-size:14px;line-height:1.45}
.about-hero__media{min-height:210px}
.about-story__media{min-height:205px}
.about-section-title{font-size:22px}
.about-body-copy{font-size:12.5px}
.about-why{padding:10px;border-radius:14px}
.about-why h2{font-size:13px;line-height:1.25}
.about-why__card{min-height:78px;padding:12px;grid-template-columns:44px 1fr}
.about-icon-bubble{width:40px;height:40px}
.about-icon-bubble svg{width:24px;height:24px}
.about-why__card h3{font-size:12px}
.about-why__card p{font-size:10px}
.about-team__media{min-height:215px}
.about-quote p{font-size:12px}
.about-timeline{padding-left:12px;padding-right:12px}
.about-timeline h2{font-size:13px}
.about-milestone strong{font-size:13px}
.about-milestone p{font-size:10px}
.about-production{padding:9px;border-radius:14px}
.about-production h2{font-size:13px}
.about-gallery{grid-template-columns:1fr;gap:8px}
.about-gallery img{aspect-ratio:16/7.2}
.about-info-row{gap:10px}
.about-info-card{min-height:0;padding:17px;border-radius:14px}
.about-requisites{grid-template-columns:125px 1fr;font-size:10px}
.about-locations h2{font-size:13px}
.about-location{min-height:0;padding:13px;border-radius:14px}
.about-location img{height:120px}
}


/* ===== REVIEWS PAGE (/reviews/) ===== */
.reviews-route .main-nav a.is-active { color: var(--orange); }
.reviews-route .main-nav a.is-active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 15px;
  height: 2px; border-radius: 99px; background: var(--orange);
}
.reviews-route .reviews-page { width: min(calc(100% - 32px), 1120px); margin: 0 auto; padding-bottom: 18px; }
.reviews-route .reviews-breadcrumbs {
  display:flex; align-items:center; gap:8px; padding:14px 0 0;
  width: min(calc(100% - 32px), 1120px); margin: 0 auto; color:#6D655E; font-size:12px;
}
.reviews-route .reviews-breadcrumbs [aria-current="page"] { color:#2E2925; }
.reviews-route .breadcrumbs {
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 0;
  color:#6D655E;
  font-size:12px;
}
.reviews-route .breadcrumbs [aria-current="page"] {color:#2E2925}
.reviews-route .reviews-page {padding-bottom:18px}
.reviews-route .reviews-hero {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:250px;
  overflow:hidden;
  border:1px solid #EFE5DA;
  border-radius:var(--radius);
  background:var(--cream);
}
.reviews-route .reviews-hero__copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 42px;
}
.reviews-route .reviews-hero h1 {
  margin:0;
  font-size:40px;
  line-height:1.05;
  letter-spacing:-1px;
  font-weight:950;
}
.reviews-route .reviews-hero p {
  margin:18px 0 0;
  max-width:500px;
  color:#514A44;
  font-size:17px;
  line-height:1.5;
}
.reviews-route .reviews-hero__image {
  position:relative;
  min-height:250px;
  overflow:hidden;
}
.reviews-route .reviews-hero__image:before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto 0 0;
  width:18%;
  background:linear-gradient(90deg,var(--cream),rgba(248,241,230,.35),transparent);
}
.reviews-route .reviews-hero__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
}
.reviews-route .trust-grid {
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.reviews-route .trust-card {
  min-height:98px;
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  padding:18px 24px;
  border:1px solid #EFE5DA;
  border-radius:14px;
  background:var(--cream);
}
.reviews-route .trust-icon {
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--orange);
}
.reviews-route .trust-icon svg {
  width:32px;height:32px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.reviews-route .trust-card strong {
  display:block;
  color:var(--orange);
  font-size:27px;
  line-height:1;
  font-weight:950;
}
.reviews-route .trust-card span {
  display:block;
  margin-top:7px;
  color:#3D3732;
  font-size:13px;
  font-weight:650;
}
.reviews-route .reviews-list-section {padding:18px 0 0}
.reviews-route .reviews-block-title {
  margin:0 0 12px;
  font-size:24px;
  line-height:1.2;
  font-weight:950;
}
.reviews-route .reviews-list-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.reviews-route .reviews-item {
  position:relative;
  min-height:150px;
  padding:18px 22px 17px 62px;
  border:1px solid #EFE5DA;
  border-radius:14px;
  background:var(--cream);
}
.reviews-route .reviews-item__quote {
  position:absolute;
  top:10px;left:20px;
  color:var(--orange);
  font-family:Georgia,serif;
  font-size:45px;
  line-height:1;
  font-weight:900;
}
.reviews-route .reviews-item__text {
  margin:0;
  min-height:57px;
  color:#2F2B27;
  font-size:14px;
  line-height:1.4;
  font-weight:520;
}
.reviews-route .reviews-item__stars {
  margin-top:10px;
  color:var(--orange);
  font-size:16px;
  letter-spacing:2px;
}
.reviews-route .reviews-item__person {
  margin-top:7px;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:11px;
  align-items:center;
}
.reviews-route .person-icon {
  width:29px;height:29px;
  color:#5D5751;
}
.reviews-route .person-icon svg {
  width:100%;height:100%;
  fill:none;stroke:currentColor;stroke-width:1.55;
  stroke-linecap:round;stroke-linejoin:round;
}
.reviews-route .reviews-item__person strong {
  display:block;
  font-size:13px;
  font-weight:900;
}
.reviews-route .reviews-item__person span {
  display:block;
  margin-top:2px;
  color:#514A44;
  font-size:11px;
  line-height:1.3;
}
.reviews-route .review-form-block {
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr 265px;
  gap:26px;
  padding:18px 24px;
  border:1px solid #EFE5DA;
  border-radius:14px;
  background:var(--cream);
}
.reviews-route .review-form-block h2 {
  margin:0 0 12px;
  font-size:21px;
  font-weight:950;
}
.reviews-route .review-form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.reviews-route .review-form input, .reviews-route .review-form textarea {
  width:100%;
  border:1px solid #DED2C4;
  border-radius:8px;
  background:#fff;
  color:#2A2521;
  outline:none;
}
.reviews-route .review-form input {
  height:42px;
  padding:0 13px;
}
.reviews-route .review-form textarea {
  grid-column:1/-1;
  min-height:92px;
  padding:12px 13px;
  resize:vertical;
}
.reviews-route .review-form input:focus, .reviews-route .review-form textarea:focus {
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(221,122,34,.10);
}
.reviews-route .rating-panel {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.reviews-route .rating-panel__label {
  margin-bottom:7px;
  color:#4B453F;
  font-size:13px;
}
.reviews-route .star-picker {
  display:flex;
  gap:8px;
}
.reviews-route .star-btn {
  width:32px;height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#CDBEAE;
  font-size:29px;
  line-height:1;
}
.reviews-route .star-btn.active, .reviews-route .star-btn:hover, .reviews-route .star-btn:has(~ .star-btn:hover) {
  color:var(--orange);
}
.reviews-route .submit-review {
  min-height:44px;
  margin-top:14px;
  border:0;
  border-radius:8px;
  background:var(--orange);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.reviews-route .submit-review:hover {background:var(--orange-hover)}
.reviews-route .moderation-note {
  margin:10px 0 0;
  color:#696159;
  font-size:11px;
  line-height:1.4;
}
.reviews-route .form-success,
.reviews-route .lead-form-status {
  display:none;
  margin-top:10px;
  padding:10px 12px;
  border-radius:8px;
  background:#EFF8EF;
  color:#37643D;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
}
.reviews-route .form-success.show,
.reviews-route .lead-form-status.is-visible,
.reviews-route .lead-form-status.is-ok,
.reviews-route .lead-form-status.is-error {display:block}
.reviews-route .lead-form-status.is-error {
  background:#F8EFEF;
  color:#8a2f2f;
}
.reviews-route .external-block {
  margin-top:10px;
  padding:14px 22px 18px;
  border:1px solid #EFE5DA;
  border-radius:14px;
  background:var(--cream);
}
.reviews-route .external-block h2 {
  margin:0 0 11px;
  font-size:19px;
  font-weight:950;
}
.reviews-route .external-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.reviews-route .platform-card {
  min-height:60px;
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:15px;
  align-items:center;
  padding:9px 16px;
  border:1px solid #DED3C6;
  border-radius:9px;
  background:#fff;
}
.reviews-route .platform-icon {
  width:38px;height:38px;
  display:grid;place-items:center;
}
.reviews-route .platform-icon.yandex {
  position:relative;
  border-radius:50% 50% 50% 10%;
  background:#FF2C24;
  transform:rotate(-45deg);
}
.reviews-route .platform-icon.yandex:after {
  content:"";
  width:12px;height:12px;
  border-radius:50%;
  background:#fff;
  transform:rotate(45deg);
}
.reviews-route .platform-icon.gis {
  border-radius:9px;
  background:linear-gradient(145deg,#15A84C 0 58%,#2F75E7 58%);
  color:#fff;
  font-size:13px;
  font-weight:950;
}
.reviews-route .platform-card strong {
  display:block;
  font-size:14px;
}
.reviews-route .platform-card span {
  display:block;
  margin-top:2px;
  color:#5E5750;
  font-size:11px;
}
.reviews-route .platform-arrow {
  color:#7A7169;
  font-size:22px;
}
@media(max-width:1050px) {
.reviews-route .reviews-hero {grid-template-columns:1fr 1fr}

}
@media(max-width:760px) {
.reviews-route .reviews-hero {grid-template-columns:1fr}
.reviews-route .reviews-hero__copy {padding:28px 24px}
.reviews-route .reviews-hero h1 {font-size:32px}
.reviews-route .reviews-hero p {font-size:15px}
.reviews-route .reviews-hero__image {min-height:220px}
.reviews-route .trust-grid {grid-template-columns:1fr}
.reviews-route .reviews-list-grid {grid-template-columns:1fr}
.reviews-route .review-form-block {grid-template-columns:1fr}
.reviews-route .rating-panel {padding-top:4px}
.reviews-route .external-grid {grid-template-columns:1fr}

}
@media(max-width:480px) {
.reviews-route .reviews-hero__image {min-height:190px}
.reviews-route .reviews-hero h1 {font-size:29px}
.reviews-route .reviews-item {padding-left:54px}
.reviews-route .reviews-item__quote {left:16px}
.reviews-route .review-form {grid-template-columns:1fr}
.reviews-route .review-form textarea {grid-column:auto}
.reviews-route .platform-card {grid-template-columns:44px 1fr auto}

}

@media (max-width: 860px) {
  .reviews-route .main-nav a.is-active::after { bottom: 0; }
  .reviews-route .reviews-page { width: min(calc(100% - 20px), 1120px); }
  .reviews-route .reviews-breadcrumbs { width: min(calc(100% - 20px), 1120px); }
}


/* ===== DELIVERY PAGE (/dostavka-i-oplata/) ===== */
.delivery-route .main-nav a.is-active { color: var(--orange); }
.delivery-route .main-nav a.is-active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 15px;
  height: 2px; border-radius: 99px; background: var(--orange);
}
.delivery-route .delivery-page { width: min(calc(100% - 32px), 1180px); margin: 0 auto; padding-bottom: 16px; }
.delivery-route .delivery-breadcrumbs {
  display:flex; align-items:center; gap:8px; padding:14px 0 0;
  width: min(calc(100% - 32px), 1180px); margin: 0 auto; color:#6D655E; font-size:12px;
}
.delivery-route .delivery-breadcrumbs [aria-current="page"] { color:#2E2925; }
.delivery-route .breadcrumbs {
  display:flex;
  gap:8px;
  align-items:center;
  padding:14px 0;
  color:#6D655E;
  font-size:12px;
}
.delivery-route .breadcrumbs [aria-current="page"] {color:#2E2925}
.delivery-route .delivery-page {padding-bottom:16px}
.delivery-route .delivery-hero {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  min-height:260px;
  overflow:hidden;
  border:1px solid #EFE5DA;
  border-radius:var(--radius);
  background:var(--cream);
}
.delivery-route .delivery-hero-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 42px;
}
.delivery-route .delivery-hero h1 {
  margin:0;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-1px;
  font-weight:950;
}
.delivery-route .delivery-hero p {
  margin:18px 0 0;
  max-width:470px;
  color:#514A44;
  font-size:17px;
  line-height:1.48;
}
.delivery-route .delivery-hero-media {
  position:relative;
  min-height:260px;
  overflow:hidden;
}
.delivery-route .delivery-hero-media:before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0 auto 0 0;
  width:18%;
  background:linear-gradient(90deg,var(--cream),rgba(248,241,230,.45),transparent);
}
.delivery-route .delivery-hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.delivery-route .delivery-section {
  margin-top:18px;
}
.delivery-route .delivery-section-title {
  margin:0 0 12px;
  font-size:24px;
  line-height:1.2;
  font-weight:950;
}
.delivery-route .delivery-card {
  border:1px solid #EFE5DA;
  border-radius:14px;
  background:var(--cream);
}
.delivery-route .method-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.delivery-route .method-card {
  min-height:170px;
  display:grid;
  grid-template-columns:68px 1fr;
  gap:17px;
  align-items:start;
  padding:24px 22px;
}
.delivery-route .icon-circle {
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--orange);
}
.delivery-route .icon-circle svg {
  width:35px;height:35px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.delivery-route .method-card h3 {
  margin:4px 0 10px;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}
.delivery-route .method-card p {
  margin:0;
  color:#514A44;
  font-size:13px;
  line-height:1.5;
}
.delivery-route .cost-card {
  padding:22px 28px 18px;
}
.delivery-route .cost-card h2 {
  margin:0 0 17px;
  font-size:22px;
  font-weight:950;
}
.delivery-route .cost-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.delivery-route .cost-item {
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  align-items:center;
  min-height:74px;
  padding:7px 24px 7px 0;
}
.delivery-route .cost-item + .cost-item {
  border-left:1px solid #DFD3C5;
  padding-left:24px;
}
.delivery-route .cost-icon {
  width:44px;height:44px;
  color:var(--orange);
}
.delivery-route .cost-icon svg {
  width:100%;height:100%;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.delivery-route .cost-item p {
  margin:0;
  color:#3D3732;
  font-size:13px;
  line-height:1.45;
  font-weight:620;
}
.delivery-route .cost-note {
  margin:14px 0 0;
  color:#655D56;
  font-size:12px;
  line-height:1.45;
}
.delivery-route .payment-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.delivery-route .payment-card {
  min-height:125px;
  display:grid;
  grid-template-columns:66px 1fr;
  gap:18px;
  align-items:center;
  padding:22px 25px;
}
.delivery-route .payment-card h3 {
  margin:0 0 7px;
  font-size:17px;
  font-weight:900;
}
.delivery-route .payment-card p {
  margin:0;
  color:#514A44;
  font-size:13px;
  line-height:1.48;
}
.delivery-route .faq-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.delivery-route .faq-tab {
  min-height:54px;
  padding:8px 14px;
  border:1px solid #D9CDBF;
  border-radius:999px;
  background:#fff;
  color:#38322D;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  transition:.18s ease;
}
.delivery-route .faq-tab:hover, .delivery-route .faq-tab.active {
  border-color:var(--orange);
  color:var(--orange);
  background:#FFF9F2;
}
.delivery-route .faq-answer {
  margin-top:12px;
  padding:20px 24px;
  min-height:72px;
  color:#514A44;
  font-size:13px;
  line-height:1.5;
}
.delivery-route .delivery-form-card {
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:end;
  padding:18px 24px 16px;
}
.delivery-route .form-copy h2 {
  margin:0 0 13px;
  font-size:22px;
  font-weight:950;
}
.delivery-route .delivery-form {
  display:grid;
  grid-template-columns:1.45fr 1fr .9fr;
  gap:12px;
}
.delivery-route .field label {
  display:block;
  margin-bottom:7px;
  color:#48413B;
  font-size:11px;
  font-weight:750;
}
.delivery-route .field input {
  width:100%;
  height:42px;
  padding:0 13px;
  border:1px solid #DCCFC1;
  border-radius:8px;
  background:#fff;
  color:#2A2521;
  outline:none;
}
.delivery-route .field input:focus {
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(221,122,34,.10);
}
.delivery-route .submit-wrap {
  min-width:180px;
}
.delivery-route .calc-btn {
  width:100%;
  height:42px;
  border:0;
  border-radius:8px;
  background:var(--orange);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.delivery-route .calc-btn:hover {background:var(--orange-hover)}
.delivery-route .form-note {
  margin:10px 0 0;
  color:#746B63;
  font-size:10px;
  line-height:1.4;
}
.delivery-route .form-note a {color:var(--orange)}
.delivery-route .form-success {
  display:none;
  margin-top:10px;
  padding:10px 12px;
  border-radius:8px;
  background:#EFF8EF;
  color:#37643D;
  font-size:12px;
  font-weight:700;
}
.delivery-route .form-success.show {display:block}
@media(max-width:1050px) {
.delivery-route .delivery-hero {grid-template-columns:1fr 1fr}

}
@media(max-width:760px) {
.delivery-route .delivery-hero {grid-template-columns:1fr}
.delivery-route .delivery-hero-copy {padding:28px 24px}
.delivery-route .delivery-hero h1 {font-size:32px}
.delivery-route .delivery-hero p {font-size:15px}
.delivery-route .delivery-hero-media {min-height:220px}
.delivery-route .method-grid, .delivery-route .cost-grid, .delivery-route .payment-grid, .delivery-route .faq-tabs {
    grid-template-columns:1fr;
  }
.delivery-route .cost-item + .cost-item {
    border-left:0;
    border-top:1px solid #DFD3C5;
    padding-left:0;
    padding-top:16px;
  }
.delivery-route .delivery-form-card {
    grid-template-columns:1fr;
  }
.delivery-route .delivery-form {
    grid-template-columns:1fr;
  }
.delivery-route .submit-wrap {min-width:0}

}
@media(max-width:480px) {
.delivery-route .delivery-hero h1 {font-size:29px}
.delivery-route .method-card {
    grid-template-columns:56px 1fr;
    padding:19px 17px;
  }
.delivery-route .icon-circle {width:52px;height:52px}

}

@media (max-width: 860px) {
  .delivery-route .main-nav a.is-active::after { bottom: 0; }
  .delivery-route .delivery-page { width: min(calc(100% - 20px), 1180px); }
  .delivery-route .delivery-breadcrumbs { width: min(calc(100% - 20px), 1180px); }
}

/* === CATALOG ROUTE === */
.catalog-route {
  --cream: #f8f2e9;
  --cream-2: #f3eadf;
  --catalog-accent: #e86d08;
  --catalog-accent-2: #dd7a22;
  --catalog-accent-hover: #c2681a;
  --catalog-dark: #22201e;
  --catalog-muted: #68615b;
  --catalog-line: #ead8c7;
  background: #fff;
}

/* --- Listing page (/catalog/) — full page-shell width --- */
.catalog-page {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 28px 20px;
  color: var(--catalog-dark);
  scroll-behavior: smooth;
}

.catalog-page a { text-decoration: none; color: inherit; }
.catalog-page img { display: block; max-width: 100%; height: auto; }

.catalog-breadcrumbs {
  font-size: 12px;
  color: #777;
  margin: 18px 0 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.catalog-breadcrumbs a:hover { color: var(--catalog-accent); }

.catalog-btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid transparent;
  box-sizing: border-box;
  text-align: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
/* color must beat .catalog-page a { color: inherit } */
.catalog-page a.catalog-btn--orange,
.catalog-page .catalog-btn--orange {
  background: var(--catalog-accent);
  color: #fff;
}
.catalog-page a.catalog-btn--orange:hover,
.catalog-page .catalog-btn--orange:hover {
  background: var(--catalog-accent-hover);
  color: #fff;
}
.catalog-page a.catalog-btn--soft,
.catalog-page .catalog-btn--soft {
  background: #f5eadb;
  color: var(--catalog-dark);
}
.catalog-page a.catalog-btn--soft:hover,
.catalog-page .catalog-btn--soft:hover {
  background: #efe0cc;
  color: var(--catalog-dark);
}
.catalog-page a.catalog-btn--outline,
.catalog-page .catalog-btn--outline {
  border-color: var(--catalog-accent);
  color: var(--catalog-accent);
  background: #fff;
}
.catalog-page a.catalog-btn--outline:hover,
.catalog-page .catalog-btn--outline:hover {
  background: #fff8f1;
  color: var(--catalog-accent);
}

/* Hero */
.catalog-hero {
  display: grid;
  grid-template-columns: 44% 56%;
  min-height: 380px;
  margin-bottom: 18px;
  gap: 0;
  align-items: stretch;
}
.catalog-hero__copy { padding: 28px 28px 24px 0; }
.catalog-hero h1 {
  margin: 6px 0 16px;
  font-size: clamp(30px, 2.8vw, 42px);
  line-height: 1.08;
  letter-spacing: -.8px;
  font-weight: 750;
  color: var(--catalog-dark);
}
.catalog-hero__copy > p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #4f4944;
  max-width: 460px;
}
.catalog-hero__actions {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.catalog-hero__benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 32px;
}
.catalog-benefit {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
}
.catalog-benefit__ico {
  color: var(--catalog-accent);
  line-height: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.catalog-benefit__ico svg { display: block; }
.catalog-hero__media {
  min-height: 380px;
  background: #fcf6ee;
  overflow: hidden;
  border-radius: 0 0 0 18px;
}
.catalog-hero__media picture,
.catalog-hero__media img {
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
  object-position: center;
}

/* Beam feature */
.catalog-beam {
  display: grid;
  grid-template-columns: 38% 62%;
  min-height: 280px;
  border: 1px solid var(--catalog-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  margin: 8px 0 28px;
}
.catalog-beam__media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 24px;
  background: #fff;
}
.catalog-beam__media img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 6px;
}
.catalog-beam__copy { padding: 26px 32px 22px; }
.catalog-beam__copy h2 {
  margin: 0 0 14px;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
  font-weight: 700;
}
.catalog-beam__copy > p {
  margin: 0;
  color: #5a534d;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  max-width: 620px;
}
.catalog-beam__facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 20px 0;
}
.catalog-fact {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fbf5ed;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
.catalog-fact__ico {
  color: var(--catalog-accent);
  line-height: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.catalog-fact__ico svg { display: block; }
.catalog-beam__actions {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

/* Products */
.catalog-products__title {
  text-align: center;
  font-size: clamp(22px, 2vw, 28px);
  margin: 8px 0 18px;
  font-weight: 700;
}
.catalog-products__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.catalog-product-card {
  border: 1px solid var(--catalog-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.catalog-product-card__media {
  height: 180px;
  background: #faf7f2;
  overflow: hidden;
}
.catalog-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}
.catalog-product-card__body {
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.catalog-product-card h3 {
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 650;
  line-height: 1.25;
  min-height: 40px;
}
.catalog-product-card__body > p {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  color: #4d4742;
  margin: 0 0 10px;
  min-height: 56px;
  flex: 1;
}
.catalog-tiers {
  display: flex;
  gap: 6px;
  margin: 0 0 10px;
  flex-wrap: wrap;
}
.catalog-tiers a {
  border: 1px solid #d9c9b9;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px;
  background: #fff;
  font-weight: 500;
  color: var(--catalog-dark);
}
.catalog-tiers a:hover {
  border-color: var(--catalog-accent);
  color: var(--catalog-accent-hover);
}
.catalog-product-card .catalog-btn {
  width: 100%;
  min-height: 34px;
  margin-top: 6px;
  padding: 0 10px;
  font-size: 12px;
}
.catalog-product-card .catalog-btn--soft { background: #f8ebd8; color: #222; }
.catalog-product-card__link {
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 10px 0 2px;
  font-weight: 500;
  color: var(--catalog-dark);
}
.catalog-product-card__link:hover { color: var(--catalog-accent-hover); }

/* Related */
.catalog-related__title {
  text-align: center;
  font-size: clamp(20px, 1.8vw, 26px);
  margin: 28px 0 16px;
  font-weight: 700;
}
.catalog-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.catalog-page .catalog-related .catalog-related-card {
  min-height: 120px;
  border: 1px solid var(--catalog-line);
  border-radius: 12px;
  background: #fffaf4;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 10px;
  padding: 18px 14px;
  transition: border-color .15s ease, transform .15s ease;
}
.catalog-page .catalog-related .catalog-related-card:hover {
  border-color: rgba(232, 109, 8, .4);
  transform: translateY(-1px);
}
.catalog-related-card__ico {
  color: var(--catalog-accent);
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-related-card__ico svg { display: block; }
.catalog-page .catalog-related .catalog-related-card h3 {
  font-size: 15px;
  margin: 2px 0 8px;
  font-weight: 650;
}
.catalog-page .catalog-related .catalog-related-card p {
  font-size: 12px;
  font-weight: 400;
  color: #5d5650;
  line-height: 1.35;
  margin: 0 0 10px;
}
.catalog-related-card__go {
  font-size: 12px;
  color: var(--catalog-accent);
  font-weight: 500;
}
.catalog-page .catalog-related .catalog-related-card:hover .catalog-related-card__go {
  color: var(--catalog-accent-hover);
}

/* FAQ */
.catalog-faq__title {
  text-align: center;
  font-size: clamp(20px, 1.8vw, 26px);
  margin: 32px 0 16px;
  font-weight: 700;
}
.catalog-faq__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.catalog-faq__primary {
  background: #fffaf4;
  border: 1px solid var(--catalog-line);
  border-radius: 12px;
  padding: 20px 22px;
  min-height: 160px;
}
.catalog-faq__primary h3 {
  font-size: 16px;
  color: var(--catalog-accent);
  margin: 0 0 12px;
  font-weight: 650;
}
.catalog-faq__primary p {
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  margin: 0;
  color: #4d4742;
}
.catalog-faq__list { display: grid; gap: 10px; }
.catalog-faq__item {
  border: 1px solid var(--catalog-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.catalog-faq__q {
  width: 100%;
  min-height: 44px;
  border: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: var(--catalog-dark);
  cursor: pointer;
  font-family: inherit;
}
.catalog-faq__item.is-open .catalog-faq__q { font-weight: 600; }
.catalog-faq__q span {
  font-size: 18px;
  font-weight: 400;
  color: #777;
  flex-shrink: 0;
}
.catalog-faq__a {
  display: none;
  padding: 0 14px 12px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  color: #544e49;
  background: #fffaf4;
}
.catalog-faq__item.is-open .catalog-faq__a { display: block; padding-top: 4px; }

/* SEO — readable measure inside full container */
.catalog-seo {
  margin: 32px 0 24px;
  max-width: 960px;
}
.catalog-seo h2 {
  font-size: clamp(18px, 1.6vw, 24px);
  margin: 0 0 14px;
  font-weight: 700;
  line-height: 1.3;
}
.catalog-seo p {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  margin: 0 0 10px;
  color: #4c4641;
}
.catalog-seo strong,
.catalog-seo b {
  font-weight: 600;
}

/* Help CTA */
.catalog-help {
  min-height: 78px;
  border: 1px solid var(--catalog-line);
  border-radius: 12px;
  background: #fffaf4;
  display: grid;
  grid-template-columns: 48px 1fr auto auto;
  align-items: center;
  gap: 18px;
  padding: 16px 22px;
  margin-bottom: 22px;
}
.catalog-help__ico {
  color: var(--catalog-accent);
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-help__ico svg { display: block; }
.catalog-help__copy h2 {
  font-size: 18px;
  margin: 0 0 4px;
  font-weight: 700;
}
.catalog-help__copy p {
  font-size: 13px;
  margin: 0;
  font-weight: 400;
  color: #6a625b;
}
.catalog-help__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.catalog-help__phone strong {
  font-size: 18px;
  display: block;
  font-weight: 600;
}
.catalog-help__phone a:hover { color: var(--catalog-accent-hover); }
.catalog-help__phone small {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  font-weight: 400;
  color: #666;
}

.catalog-page .callback-section {
  padding: 0 0 28px;
  margin: 0;
}
.catalog-page .callback-title { font-weight: 700; }
.catalog-page .callback-text { font-weight: 400; }
.catalog-page .callback-submit { font-weight: 600; }
.catalog-page .callback-input { font-weight: 400; }

/* Header / footer typography — only on /catalog/ shell */
.catalog-route .main-nav {
  font-weight: 500;
}
.catalog-route .main-nav a.is-active {
  font-weight: 600;
  color: var(--orange);
}
.catalog-route .main-nav a.is-active::after {
  left: 0;
  right: 0;
}
.catalog-route .phone { font-weight: 600; }
.catalog-route .header-cta { font-weight: 600; }
.catalog-route .footer-heading { font-weight: 600; }
.catalog-route .footer-description,
.catalog-route .footer-address,
.catalog-route .footer-hours,
.catalog-route .footer-hours strong,
.catalog-route .footer-nav-link,
.catalog-route .footer-bottom,
.catalog-route .privacy-note {
  font-weight: 400;
}
.catalog-route .footer-contact-link { font-weight: 400; }
.catalog-route .footer-contact-link[href^="tel"] { font-weight: 600; }
.catalog-breadcrumbs { font-weight: 400; }

/* Listing adaptive */
@media (max-width: 1200px) {
  .catalog-products__grid { gap: 12px; }
  .catalog-product-card h3 { font-size: 15px; min-height: 38px; }
  .catalog-product-card__media { height: 160px; }
  .catalog-beam__actions .catalog-btn { font-size: 12px; }
}
@media (max-width: 1024px) {
  .catalog-page { padding-left: 20px; padding-right: 20px; }
  .catalog-hero { min-height: 340px; }
  .catalog-hero__media,
  .catalog-hero__media picture,
  .catalog-hero__media img { min-height: 340px; }
  .catalog-related__grid { gap: 12px; }
  .catalog-help {
    grid-template-columns: 42px 1fr;
  }
  .catalog-help__actions,
  .catalog-help__phone { grid-column: 2; }
}
@media (max-width: 900px) {
  .catalog-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .catalog-page { padding-left: 16px; padding-right: 16px; }
  .catalog-hero { grid-template-columns: 1fr; }
  .catalog-hero__media { height: 260px; min-height: 260px; border-radius: 0; }
  .catalog-hero__media picture,
  .catalog-hero__media img { min-height: 260px; }
  .catalog-hero__copy { padding: 18px 0 8px; }
  .catalog-hero__benefits { grid-template-columns: 1fr 1fr; }
  .catalog-beam { grid-template-columns: 1fr; }
  .catalog-beam__media img { height: 220px; }
  .catalog-beam__copy { padding: 20px; }
  .catalog-faq__grid { grid-template-columns: 1fr; }
  .catalog-seo { max-width: none; }
}
@media (max-width: 430px) {
  .catalog-products__grid,
  .catalog-related__grid { grid-template-columns: 1fr; }
  .catalog-hero h1 { font-size: 28px; }
  .catalog-hero__actions { flex-wrap: wrap; gap: 8px; }
  .catalog-hero__benefits { grid-template-columns: 1fr; }
  .catalog-beam__facts { grid-template-columns: 1fr; }
  .catalog-beam__actions { flex-wrap: wrap; gap: 8px; }
  .catalog-beam__actions .catalog-btn { width: 100%; }
  .catalog-btn { width: auto; }
}

/* --- Category / product stubs (unchanged architecture) --- */
.catalog-route .breadcrumbs {
  padding: 22px 30px 14px;
  color: #8b8177;
  font-size: 12px;
}
.catalog-route .breadcrumbs a:hover { color: var(--catalog-accent-2); }
.catalog-route .breadcrumbs span { margin: 0 7px; color: #b2a89e; }

.catalog-product-hero { padding: 8px 30px 28px; }
.catalog-product-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.catalog-product-media {
  padding: 14px;
  border: 1px solid #eadfd2;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(63, 39, 17, .06);
}
.catalog-product-media img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: contain;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #f7f1e9);
}
.catalog-product-title {
  margin: 0;
  color: var(--catalog-dark);
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -1px;
  font-weight: 950;
}
.catalog-product-lead {
  margin: 14px 0 0;
  color: #3a342f;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
.catalog-product-purpose {
  margin: 12px 0 0;
  color: #6a6158;
  font-size: 15px;
  line-height: 1.55;
}
.catalog-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.catalog-product-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  background: var(--catalog-accent-2);
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(221, 122, 34, .2);
  transition: background .18s ease;
}
.catalog-product-cta:hover { background: var(--catalog-accent-hover); color: #fff; }
.catalog-product-cta--inline { margin-top: 16px; }
.catalog-product-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 10px;
  border: 1px solid #eadfd2;
  background: #fff;
  color: var(--catalog-dark);
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.catalog-product-secondary:hover { border-color: var(--catalog-accent-2); color: var(--catalog-accent-2); }

.catalog-placeholder-section {
  padding: 0 30px 36px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.catalog-placeholder-card {
  padding: 24px;
  border: 1px solid #eadfd2;
  border-radius: 18px;
  background: var(--cream);
}
.catalog-placeholder-title {
  margin: 0;
  color: var(--catalog-dark);
  font-size: 22px;
  font-weight: 900;
}
.catalog-placeholder-text {
  margin: 12px 0 0;
  color: #6a6158;
  font-size: 14px;
  line-height: 1.55;
}
.catalog-placeholder-list {
  margin: 14px 0 0;
  padding-left: 18px;
  color: #504840;
  font-size: 14px;
  line-height: 1.6;
}

.catalog-related-section { padding: 0 30px 44px; }
.catalog-related-head { margin-bottom: 16px; }
.catalog-related-heading {
  margin: 0;
  color: var(--catalog-dark);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -.5px;
}
.catalog-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.catalog-related-section .catalog-related-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #eadfd2;
  border-radius: 16px;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(63, 39, 17, .05);
  transition: transform .16s ease, border-color .16s ease;
}
.catalog-related-section .catalog-related-card:hover {
  transform: translateY(-2px);
  border-color: rgba(221, 122, 34, .35);
}
.catalog-related-image {
  border-radius: 12px;
  overflow: hidden;
  background: var(--cream);
  aspect-ratio: 4 / 3;
}
.catalog-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.catalog-related-title {
  margin: 14px 0 0;
  color: var(--catalog-dark);
  font-size: 17px;
  font-weight: 850;
}
.catalog-related-text {
  margin: 6px 0 0;
  color: #6a6158;
  font-size: 13px;
  line-height: 1.4;
  flex: 1;
}
.catalog-related-cta {
  margin-top: 12px;
  color: var(--catalog-accent-2);
  font-size: 14px;
  font-weight: 800;
}

.catalog-route .callback-section { padding: 0 30px 40px; }
.catalog-page .callback-section { padding: 0 0 28px; }

.product-page a.extra-stock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .catalog-product-hero-grid { grid-template-columns: 1fr; }
  .catalog-product-media img { height: 340px; }
}
@media (max-width: 820px) {
  .catalog-route .breadcrumbs { padding: 18px 16px 12px; white-space: nowrap; overflow-x: auto; }
  .catalog-product-hero,
  .catalog-placeholder-section,
  .catalog-related-section,
  .catalog-route .callback-section { padding-left: 16px; padding-right: 16px; }
  .catalog-placeholder-section,
  .catalog-related-grid { grid-template-columns: 1fr; }
  .catalog-product-media img { height: 280px; }
}

/* Lead form status / honeypot — layout of existing controls unchanged */
.lead-hp {
  position: fixed !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.lead-form-status {
  display: none;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  color: #2f6b3a;
}
.lead-form-status.is-visible,
.lead-form-status.is-ok { display: block; }
.lead-form-status.is-error { display: block; color: #8a2f2f; }
.wholesale-form-success.is-error,
.form-success.is-error,
.stoyki-form-success.is-error {
  background: #FBF2F2;
  color: #8a2f2f;
  border-color: rgba(138, 47, 47, 0.25);
}
