/* ═══ KD CARD — премиум стиль, ОРИГИНАЛЬНАЯ структура prod ═══
       Container 1280px, gallery left + title/text right, БЕЗ full-bleed баннера.
       Только украшение: gold accents, premium shadows, типографика главной. */

    html body .house-info,
    html body div.house-info {
      background:
        radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px) 0 0 / 28px 28px,
        linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
      padding: 48px 0 64px !important;
      min-height: 0 !important;
      overflow: visible !important;
      position: relative !important;
    }
    html body .house-info::before,
    html body .house-info::after { display: none !important; content: '' !important; }
    html body .house-info .container {
      max-width: 1280px !important;
      padding: 0 32px !important;
      margin: 0 auto !important;
      position: relative !important;
    }
    html body .house-info .house-info-wrapper,
    html body .house-info .in {
      display: block !important;
      width: 100% !important;
      min-height: 0 !important;
    }
    html body .house-info .in .top,
    html body .house-info .top {
      display: flex !important;
      flex-direction: column !important;
      gap: 32px !important;
      align-items: stretch !important;
    }

    /* LEFT — gallery премиум */
    html body .house-info .left {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      flex: initial !important;
    }
    html body .house-info .slider-wrapper { width: 100% !important; }
    /* Большая галерея 16:9 — full container width */
    html body .house-info .slider-wrapper-with-thumbs,
    html body .house-info .slider-wrapper { width: 100% !important; }
    html body .house-info .gallery-top {
      border-radius: 18px !important;
      overflow: hidden !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      box-shadow:
        0 24px 60px rgba(60, 40, 20, 0.22),
        0 4px 12px rgba(60, 40, 20, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
      background: #14100d !important;
      aspect-ratio: 16 / 9 !important;
      max-height: 620px !important;
    }
    html body .house-info .gallery-top .swiper-slide,
    html body .house-info .gallery-top .swiper-slide a.image {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
    }
    html body .house-info .swiper-slide img,
    html body .house-info .swiper-slide video,
    html body .house-info .swiper-slide .slider-video {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      object-fit: cover !important;
    }
    /* Thumbs — горизонтальная ленточка, scrollable */
    html body .house-info .gallery-thumbs {
      margin-top: 14px !important;
      display: flex !important;
      gap: 10px !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      scrollbar-width: thin !important;
      padding-bottom: 4px !important;
    }
    html body .house-info .gallery-thumbs::-webkit-scrollbar { height: 4px !important; }
    html body .house-info .gallery-thumbs::-webkit-scrollbar-track {
      background: rgba(193, 154, 91, 0.10) !important;
      border-radius: 999px !important;
    }
    html body .house-info .gallery-thumbs::-webkit-scrollbar-thumb {
      background: rgba(193, 154, 91, 0.55) !important;
      border-radius: 999px !important;
    }
    html body .house-info .gallery-thumb {
      flex: 0 0 140px !important;
      max-width: 140px !important;
      aspect-ratio: 4/3 !important;
      border-radius: 10px !important;
      overflow: hidden !important;
      border: 2px solid transparent !important;
      cursor: pointer !important;
      transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
      box-shadow: 0 6px 16px rgba(60, 40, 20, 0.10) !important;
    }
    html body .house-info .gallery-thumb:hover {
      border-color: rgba(193, 154, 91, 0.55) !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 10px 22px rgba(166, 124, 58, 0.22) !important;
    }
    html body .house-info .gallery-thumb.active {
      border-color: #c19a5b !important;
      box-shadow: 0 8px 20px rgba(166, 124, 58, 0.32) !important;
    }
    html body .house-info .gallery-thumb .image,
    html body .house-info .gallery-thumb {
      height: 100% !important;
    }
    html body .house-info .gallery-thumb img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      display: block !important;
    }
    @media (max-width: 768px) {
      html body .house-info .gallery-top { aspect-ratio: 4/3 !important; }
      html body .house-info .gallery-thumb { flex: 0 0 100px !important; max-width: 100px !important; }
    }
    html body .house-info .slider-arrows { margin-top: 14px !important; }
    html body .house-info .slider-arrow,
    html body .house-info .slider-arrow-prev,
    html body .house-info .slider-arrow-next {
      background: #fffcf5 !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      border-radius: 50% !important;
      width: 44px !important;
      height: 44px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #a67c3a !important;
      box-shadow: 0 6px 16px rgba(60, 40, 20, 0.10) !important;
      transition: border-color 0.2s ease, color 0.2s ease !important;
    }
    html body .house-info .slider-arrow:hover { border-color: #c19a5b !important; color: #14100d !important; }

    /* RIGHT — title + длинный текст */
    html body .house-info .right {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      flex: initial !important;
      position: relative !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }
    html body .house-info .right > .title,
    html body .house-info .right > h1.title {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(28px, 3.2vw, 42px) !important;
      font-weight: 500 !important;
      line-height: 1.15 !important;
      letter-spacing: -0.015em !important;
      color: #1a1410 !important;
      margin: 0 0 22px !important;
      text-transform: none !important;
    }
    html body .house-info .right > .title i,
    html body .house-info .right > .title b,
    html body .house-info .right > .title em {
      font-style: normal !important;
      font-weight: 700 !important;
      background: linear-gradient(135deg, #c19a5b 0%, #a67c3a 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    /* Описание в 2 колонки (CSS columns), full-width читабельное */
    html body .house-info .right > .text-in,
    html body .house-info .right .text-in {
      display: block !important;
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 1.75 !important;
      color: #2a2018 !important;
      column-count: 2 !important;
      column-gap: 48px !important;
      column-rule: 1px solid rgba(193, 154, 91, 0.18) !important;
    }
    @media (max-width: 900px) {
      html body .house-info .right > .text-in,
      html body .house-info .right .text-in {
        column-count: 1 !important;
        column-rule: none !important;
      }
    }
    html body .house-info .right .text-in p {
      margin: 0 0 14px !important;
      break-inside: avoid !important;
    }
    html body .house-info .right .text-in p:last-child { margin-bottom: 0 !important; }
    html body .house-info .right .text-in strong,
    html body .house-info .right .text-in b {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-weight: 700 !important;
      letter-spacing: -0.005em !important;
      background: linear-gradient(135deg, #c19a5b, #a67c3a) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    html body .house-info .right .text-in em,
    html body .house-info .right .text-in i {
      font-style: normal !important;
      color: #a67c3a !important;
      font-weight: 600 !important;
    }
    /* M² accent в описании */
    html body .house-info .right .text-in .scandi-m2 {
      font-weight: 600 !important;
      color: #a67c3a !important;
    }
    /* Telegram-button — gold premium pill */
    html body .house-info .telegram-button,
    html body .house-info a.telegram-button {
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      padding: 13px 22px !important;
      margin: 22px 0 !important;
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.06em !important;
      text-transform: uppercase !important;
      color: #14100d !important;
      background: linear-gradient(135deg, #e6c285 0%, #d4ad6e 50%, #c19a5b 100%) !important;
      border: none !important;
      border-radius: 999px !important;
      text-decoration: none !important;
      box-shadow: 0 8px 20px rgba(193, 154, 91, 0.30) !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    }
    html body .house-info .telegram-button:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 12px 28px rgba(193, 154, 91, 0.42) !important;
      background: linear-gradient(135deg, #d4ad6e 0%, #c19a5b 50%, #a67c3a 100%) !important;
    }

    /* ─── EXAMPLE BLOCK — карточка-summary («Проект каркасного XXX КД-XXXX»).
       JS выносит .example из .right на уровень .in (после .top), для full-width. */
    html body .house-info .in > .example,
    html body .house-info .example {
      display: block !important;
      margin: 36px 0 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    html body .house-info .example .example-in {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 320px !important;
      gap: 32px !important;
      align-items: center !important;
      padding: 28px 36px !important;
      background: linear-gradient(135deg, #fffcf5 0%, #f5ebd7 100%) !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      border-top: 2px solid #c19a5b !important;
      border-radius: 14px !important;
      box-shadow:
        0 16px 36px rgba(60, 40, 20, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    }
    html body .house-info .example .example-in-desc {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
    }
    html body .house-info .example .example-in-desc > .b-title,
    html body .house-info .example .example-in-desc .b-title.bt14.bold:first-child {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 18px !important;
      font-weight: 600 !important;
      letter-spacing: -0.01em !important;
      color: #1a1410 !important;
      margin: 0 0 4px !important;
      line-height: 1.25 !important;
    }
    html body .house-info .example .info {
      display: flex !important;
      flex-direction: column !important;
      gap: 4px !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    html body .house-info .example .info {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 0 20px !important;
      margin: 4px 0 0 !important;
    }
    html body .house-info .example .info-item {
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 14px !important;
      line-height: 1.5 !important;
      color: #2a2018 !important;
      padding: 8px 0 !important;
      border-bottom: 1px solid rgba(193, 154, 91, 0.16) !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      align-items: baseline !important;
    }
    html body .house-info .example .info-item:last-child { border-bottom: none !important; }
    html body .house-info .example .info-item strong,
    html body .house-info .example .info-item b {
      font-weight: 700 !important;
      color: #1a1410 !important;
    }
    /* "Получить полный проект КД-XXXX" — gold pill CTA */
    html body .house-info .example .cb-link,
    html body .house-info .example a.cb-link {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 12px 24px !important;
      margin-top: 10px !important;
      align-self: flex-start !important;
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.08em !important;
      text-transform: uppercase !important;
      color: #14100d !important;
      background: linear-gradient(135deg, #e6c285 0%, #d4ad6e 50%, #c19a5b 100%) !important;
      border: none !important;
      border-radius: 999px !important;
      text-decoration: none !important;
      box-shadow: 0 8px 20px rgba(193, 154, 91, 0.30) !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease !important;
      cursor: pointer !important;
    }
    html body .house-info .example .cb-link:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 12px 28px rgba(193, 154, 91, 0.45) !important;
    }
    /* Схема дома справа — premium frame */
    html body .house-info .example .example-in > img,
    html body .house-info .example .example-in img:not(.cb-link img) {
      width: 100% !important;
      max-width: 240px !important;
      height: auto !important;
      object-fit: contain !important;
      background: #fffcf5 !important;
      border: 1px solid rgba(193, 154, 91, 0.22) !important;
      border-radius: 10px !important;
      box-shadow: 0 8px 20px rgba(60, 40, 20, 0.08) !important;
      padding: 8px !important;
      align-self: center !important;
    }

    /* ─── BOTTOM — планировки. JS добавляет .scandi-N1/.scandi-N2 по количеству */
    html body .house-info .bottom {
      display: grid !important;
      gap: 22px !important;
      margin: 36px 0 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      position: static !important;
      left: auto !important;
      right: auto !important;
    }
    html body .house-info .bottom.scandi-N1 { grid-template-columns: 1fr !important; }
    html body .house-info .bottom.scandi-N2 { grid-template-columns: 1fr 1fr !important; }
    html body .house-info .bottom:not(.scandi-N1):not(.scandi-N2) {
      grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
    }
    html body .house-info .bottom .item {
      width: 100% !important;
      max-width: 100% !important;
      background: linear-gradient(135deg, #fffcf5 0%, #f5ebd7 100%) !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      border-top: 2px solid #c19a5b !important;
      border-radius: 14px !important;
      padding: 24px !important;
      box-shadow:
        0 16px 36px rgba(60, 40, 20, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    }
    /* Изображение планировки — центрировать и ограничить высотой */
    html body .house-info .bottom .item .image {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      max-width: 100% !important;
    }
    html body .house-info .bottom .item .image img,
    html body .house-info .bottom .item img {
      max-width: 100% !important;
      width: auto !important;
      max-height: 600px !important;
      height: auto !important;
      display: block !important;
      margin: 0 auto !important;
    }
    html body .house-info .bottom .item .b-title,
    html body .house-info .bottom .item > .b-title.bt20 {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(18px, 2.2vw, 24px) !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: #1a1410 !important;
      margin: 0 0 16px !important;
      text-align: center !important;
    }
    html body .house-info .bottom .item .b-title i,
    html body .house-info .bottom .item .b-title b,
    html body .house-info .bottom .item .b-title em {
      font-style: normal !important;
      font-weight: 700 !important;
      background: linear-gradient(135deg, #c19a5b, #a67c3a) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    html body .house-info .bottom .item .image {
      border-radius: 8px !important;
      overflow: hidden !important;
      background: #fffcf5 !important;
    }
    html body .house-info .bottom .item .image img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
      border-radius: 8px !important;
    }

    @media (max-width: 1023px) {
      html body .house-info,
      html body div.house-info { padding: 28px 0 40px !important; }
      html body .house-info .container { padding: 0 16px !important; }
      html body .house-info .in .top,
      html body .house-info .top { grid-template-columns: 1fr !important; gap: 22px !important; }
      html body .house-info .right > .title { font-size: clamp(22px, 6vw, 28px) !important; margin: 0 0 14px !important; }
      html body .house-info .right .text-in { font-size: 15px !important; line-height: 1.7 !important; }
      html body .house-info .gallery-top { border-radius: 14px !important; }
      html body .house-info .example .example-in {
        grid-template-columns: 1fr !important;
        padding: 18px 20px !important;
      }
      html body .house-info .example .example-in > img,
      html body .house-info .example .example-in img:not(.cb-link img) {
        max-width: 100% !important;
        align-self: stretch !important;
      }
      html body .house-info .bottom { grid-template-columns: 1fr !important; gap: 16px !important; margin: 24px 0 0 !important; }
      html body .house-info .bottom .item { padding: 18px !important; }
    }

    /* ═══ cbform-architect — премиум тёмная карточка («СКИДКА 10%») ═══ */
    html body .cbform-architect,
    html body section.cbform-architect,
    html body #cbform-architect {
      background:
        radial-gradient(circle, rgba(212, 173, 110, 0.08) 1px, transparent 1.5px) 0 0 / 28px 28px,
        linear-gradient(180deg, #14100d 0%, #1a1410 100%) !important;
      padding: 60px 0 !important;
      position: relative !important;
    }
    html body .cbform-architect .container {
      max-width: 1280px !important;
      padding: 0 32px !important;
      margin: 0 auto !important;
    }
    /* Card wrapper */
    html body .cbform-architect .form-wrapper {
      display: grid !important;
      grid-template-columns: minmax(0, 1.4fr) 320px !important;
      gap: 36px !important;
      align-items: center !important;
      background: linear-gradient(135deg, rgba(30, 22, 16, 0.85) 0%, rgba(20, 16, 13, 0.92) 100%) !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      border-top: 2px solid #c19a5b !important;
      border-radius: 16px !important;
      padding: 36px 40px !important;
      box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(243, 236, 220, 0.06) !important;
    }
    html body .cbform-architect form,
    html body .cbform-architect .form-style {
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }
    /* Header в форме */
    html body .cbform-architect .form-style .title,
    html body .cbform-architect form .title {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(22px, 2.4vw, 30px) !important;
      font-weight: 500 !important;
      line-height: 1.2 !important;
      color: #f3ecdc !important;
      margin: 0 0 12px !important;
      letter-spacing: -0.01em !important;
    }
    html body .cbform-architect .form-style .subtitle,
    html body .cbform-architect form .subtitle {
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 14px !important;
      line-height: 1.7 !important;
      color: rgba(243, 236, 220, 0.78) !important;
      margin: 0 0 22px !important;
      white-space: pre-line !important;
    }
    /* f-items — grid 2-col для inputs */
    html body .cbform-architect .f-items {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 12px 14px !important;
      margin: 0 0 18px !important;
    }
    html body .cbform-architect .f-items .item {
      position: relative !important;
      margin: 0 !important;
    }
    /* File-attach text — small caption */
    html body .cbform-architect .f-items [class*="upload"] [class*="text"],
    html body .cbform-architect .f-items .upload-info,
    html body .cbform-architect .f-items label[for*="file"] {
      font-size: 11px !important;
      color: rgba(243, 236, 220, 0.50) !important;
      line-height: 1.4 !important;
      margin-top: 6px !important;
    }
    /* Менеджер block — фото и desc справа */
    html body .cbform-architect .image {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 14px !important;
      max-width: 320px !important;
      position: relative !important;
    }
    html body .cbform-architect .image img,
    html body .cbform-architect .image picture img {
      width: 100% !important;
      max-width: 280px !important;
      height: auto !important;
      object-fit: cover !important;
      border-radius: 14px !important;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.40) !important;
      border: 1px solid rgba(193, 154, 91, 0.20) !important;
    }
    html body .cbform-architect .image-desc {
      text-align: center !important;
      padding: 10px 18px !important;
      background: rgba(193, 154, 91, 0.10) !important;
      border: 1px solid rgba(193, 154, 91, 0.28) !important;
      border-radius: 999px !important;
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      color: #d4ad6e !important;
      letter-spacing: 0.04em !important;
      line-height: 1.4 !important;
    }
    html body .cbform-architect .image-desc br { display: block !important; }
    /* Заголовок «СКИДКА ДО 10%» — крупный gold */
    html body .cbform-architect h2,
    html body .cbform-architect h3,
    html body .cbform-architect .form-title,
    html body .cbform-architect [class*="title"]:not([class*="title-"]):not(.b-title.bt14) {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(22px, 2.4vw, 30px) !important;
      font-weight: 500 !important;
      line-height: 1.2 !important;
      color: #f3ecdc !important;
      margin: 0 0 18px !important;
      letter-spacing: -0.01em !important;
    }
    html body .cbform-architect h2 b,
    html body .cbform-architect h2 i,
    html body .cbform-architect h2 em,
    html body .cbform-architect h3 b,
    html body .cbform-architect h3 i,
    html body .cbform-architect h3 em {
      font-style: normal !important;
      font-weight: 700 !important;
      background: linear-gradient(135deg, #e6c285, #d4ad6e, #a67c3a) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    html body .cbform-architect p,
    html body .cbform-architect li,
    html body .cbform-architect ul li,
    html body .cbform-architect .form-description,
    html body .cbform-architect .text-content {
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 14px !important;
      line-height: 1.6 !important;
      color: rgba(243, 236, 220, 0.82) !important;
    }
    /* Inputs — заметная gold-обводка на тёмном фоне */
    html body .cbform-architect input[type="text"],
    html body .cbform-architect input[type="tel"],
    html body .cbform-architect input[type="email"],
    html body .cbform-architect input[type="phone"],
    html body .cbform-architect input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]):not([type="checkbox"]),
    html body .cbform-architect textarea {
      background: rgba(255, 252, 245, 0.10) !important;
      border: 1.5px solid rgba(193, 154, 91, 0.45) !important;
      border-radius: 10px !important;
      padding: 14px 16px !important;
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 14px !important;
      color: #f3ecdc !important;
      transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
      width: 100% !important;
      box-shadow: inset 0 1px 0 rgba(243, 236, 220, 0.04) !important;
    }
    html body .cbform-architect input::placeholder,
    html body .cbform-architect textarea::placeholder {
      color: rgba(243, 236, 220, 0.45) !important;
    }
    html body .cbform-architect input:focus,
    html body .cbform-architect textarea:focus {
      border-color: #c19a5b !important;
      background: rgba(255, 252, 245, 0.10) !important;
      outline: none !important;
    }
    /* Submit button — gold gradient */
    html body .cbform-architect button[type="submit"],
    html body .cbform-architect input[type="submit"],
    html body .cbform-architect .btn-submit,
    html body .cbform-architect [class*="submit-btn"],
    html body .cbform-architect button:not([class*="close"]) {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 16px 28px !important;
      background: linear-gradient(135deg, #e6c285 0%, #d4ad6e 50%, #c19a5b 100%) !important;
      color: #14100d !important;
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.14em !important;
      text-transform: uppercase !important;
      border: none !important;
      border-radius: 999px !important;
      cursor: pointer !important;
      box-shadow: 0 10px 24px rgba(193, 154, 91, 0.30) !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    }
    html body .cbform-architect button[type="submit"]:hover,
    html body .cbform-architect input[type="submit"]:hover {
      transform: translateY(-2px) !important;
      box-shadow: 0 14px 32px rgba(193, 154, 91, 0.45) !important;
    }
    /* Менеджер блок (Кристина) — premium frame */
    html body .cbform-architect img,
    html body .cbform-architect .manager-photo img {
      border-radius: 14px !important;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
    }
    html body .cbform-architect .manager-name,
    html body .cbform-architect [class*="manager"] [class*="name"] {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-weight: 700 !important;
      color: #d4ad6e !important;
    }
    html body .cbform-architect [class*="manager"] [class*="role"],
    html body .cbform-architect .manager-position {
      font-size: 12px !important;
      color: rgba(243, 236, 220, 0.65) !important;
    }
    /* Privacy text */
    html body .cbform-architect .privacy,
    html body .cbform-architect a[href*="конфиденц"],
    html body .cbform-architect a[href*="privac"] {
      font-size: 11px !important;
      color: rgba(243, 236, 220, 0.50) !important;
    }
    html body .cbform-architect a {
      color: #d4ad6e !important;
      text-decoration: underline !important;
      text-underline-offset: 2px !important;
    }
    @media (max-width: 1023px) {
      html body .cbform-architect { padding: 40px 0 !important; }
      html body .cbform-architect .container { padding: 0 16px !important; }
      html body .cbform-architect .form-wrapper {
        grid-template-columns: 1fr !important;
        padding: 24px 22px !important;
        gap: 20px !important;
      }
      html body .cbform-architect .image { order: -1 !important; max-width: 100% !important; }
      html body .cbform-architect .image img { max-width: 200px !important; }
      html body .cbform-architect .f-items { grid-template-columns: 1fr !important; }
    }

    /* STEP2 inline-CSS — удалён, теперь живёт в styles/scandi-design.v2.css (один источник истины) */

    /* ═══ WhiteBox спецпредложение — cream section с тёмной карточкой ═══ */
    html body #white-box-default > .container,
    html body .white-box > .container {
      max-width: 1280px !important;
      margin: 0 auto !important;
      padding: 64px 32px !important;
      background:
        radial-gradient(circle, rgba(166, 124, 58, 0.06) 1px, transparent 1.5px) 0 0 / 28px 28px,
        linear-gradient(180deg, #f7f1e6 0%, #ebe1cd 100%) !important;
    }
    /* Section header */
    html body #white-box-default > .container > .title,
    html body #white-box-default > .container .title.bt24,
    html body .white-box > .container > .title {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.20em !important;
      text-transform: uppercase !important;
      color: rgba(166, 124, 58, 0.78) !important;
      text-align: center !important;
      margin: 0 0 8px !important;
    }
    html body #white-box-default > .container > .subtitle,
    html body .white-box > .container > .subtitle {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(24px, 2.8vw, 36px) !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      line-height: 1.2 !important;
      color: #1a1410 !important;
      text-align: center !important;
      margin: 0 0 36px !important;
      text-transform: none !important;
    }
    html body #white-box-default > .container > .subtitle i,
    html body #white-box-default > .container > .subtitle b,
    html body .white-box > .container > .subtitle i,
    html body .white-box > .container > .subtitle b {
      font-style: normal !important;
      font-weight: 700 !important;
      background: linear-gradient(135deg, #c19a5b, #a67c3a) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    /* WB wrapper — premium dark card в cream section */
    html body .white-box-wrapper {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 380px !important;
      gap: 32px !important;
      padding: 32px 36px !important;
      background: linear-gradient(165deg, rgba(40, 28, 20, 0.95), rgba(20, 16, 13, 1)) !important;
      border: 1px solid rgba(193, 154, 91, 0.32) !important;
      border-top: 2px solid #c19a5b !important;
      border-radius: 16px !important;
      box-shadow:
        0 24px 60px rgba(60, 40, 20, 0.18),
        inset 0 1px 0 rgba(243, 236, 220, 0.06) !important;
    }
    html body .white-box-left {
      font-family: var(--font-body, 'Manrope'), sans-serif !important;
      font-size: 15px !important;
      line-height: 1.7 !important;
      color: rgba(243, 236, 220, 0.85) !important;
    }
    html body .white-box-left p { margin: 0 0 12px !important; }
    html body .white-box-left a {
      color: #d4ad6e !important;
      text-decoration: underline !important;
      text-underline-offset: 2px !important;
    }
    html body .white-box-right {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      max-width: 380px !important;
    }
    html body .white-box-right img {
      width: 100% !important;
      height: auto !important;
      max-height: 320px !important;
      object-fit: contain !important;
      border-radius: 12px !important;
      filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.35)) !important;
    }
    /* Bottom block — что входит + цена + кнопка */
    html body .white-box-bottom {
      grid-column: 1 / -1 !important;
      padding: 22px 24px !important;
      margin-top: 22px !important;
      background: rgba(212, 173, 110, 0.06) !important;
      border: 1px solid rgba(193, 154, 91, 0.22) !important;
      border-radius: 12px !important;
    }
    html body .white-box-bottom h3,
    html body .white-box-bottom h4,
    html body .white-box-bottom [class*="title"]:not([class*="price"]) {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.12em !important;
      text-transform: uppercase !important;
      color: rgba(212, 173, 110, 0.78) !important;
      margin: 0 0 12px !important;
    }
    html body .white-box-bottom li,
    html body .white-box-bottom .item {
      font-size: 13px !important;
      line-height: 1.55 !important;
      color: rgba(243, 236, 220, 0.82) !important;
      list-style: none !important;
      padding: 3px 0 !important;
    }
    /* Цена в White Box */
    html body .white-box-bottom [class*="price"],
    html body .white-box-bottom .price {
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: clamp(20px, 2vw, 26px) !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      background: linear-gradient(135deg, #e6c285, #d4ad6e, #a67c3a) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
      margin: 10px 0 !important;
    }
    /* Carousel arrows если есть */
    html body .white-box-wrapper [class*="arrow"],
    html body .white-box-wrapper [class*="nav"] {
      background: rgba(212, 173, 110, 0.15) !important;
      border: 1px solid rgba(193, 154, 91, 0.40) !important;
      color: #d4ad6e !important;
      border-radius: 50% !important;
      width: 44px !important;
      height: 44px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: background 0.2s ease !important;
    }
    html body .white-box-wrapper [class*="arrow"]:hover {
      background: rgba(212, 173, 110, 0.30) !important;
      color: #14100d !important;
    }
    /* CTA button внутри WhiteBox */
    html body .white-box-bottom button,
    html body .white-box-bottom a[class*="link"],
    html body .white-box-bottom [class*="btn"] {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 13px 24px !important;
      background: linear-gradient(135deg, #e6c285 0%, #d4ad6e 50%, #c19a5b 100%) !important;
      color: #14100d !important;
      font-family: var(--font-display, 'Manrope'), sans-serif !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      letter-spacing: 0.14em !important;
      text-transform: uppercase !important;
      border: none !important;
      border-radius: 999px !important;
      cursor: pointer !important;
      text-decoration: none !important;
      box-shadow: 0 8px 20px rgba(166, 124, 58, 0.30) !important;
      transition: transform 0.25s ease !important;
    }
    html body .white-box-bottom button:hover {
      transform: translateY(-2px) !important;
    }
    @media (max-width: 1023px) {
      html body #white-box-default > .container,
      html body .white-box > .container { padding: 40px 16px !important; }
      html body .white-box-wrapper {
        grid-template-columns: 1fr !important;
        padding: 22px 20px !important;
        gap: 20px !important;
      }
      html body .white-box-right { order: -1 !important; max-width: 100% !important; }
      html body .white-box-right img { max-height: 220px !important; }
    }