/* ==========================================================================
   B2B «Для организаций» — свой скоуп .okna-org / .okna-org-* (НЕ услуги, НЕ главная).
   Токены только через var() (design.css). H2 канон .okna-section-title (не копия — базовый стиль
   глобальный, тут только ось-отступ как у .glavnaya-v4/.okna-usluga). Анти-TT1 через скоуп/!important.
   ========================================================================== */

/* Снять ограничения родителя TT1 на B2B-странице (как .home) — иначе padding <main> = белая полоса над hero.
   .page-template-tpl-org-hub — хаб /dlya-organizaciy/ (обычная page, а не CPT-сингл): без этого TT1-сброса
   контент hero «уезжал» вправо и ширина блоков не совпадала с главной. Точная копия сброса сегмента. */
.single-okna_b2b_offer #primary,
.single-okna_b2b_offer .content-area,
.single-okna_b2b_offer .site-main,
.single-okna_b2b_offer #content,
.page-template-tpl-org-hub #primary,
.page-template-tpl-org-hub .content-area,
.page-template-tpl-org-hub .site-main,
.page-template-tpl-org-hub #content { max-width:none; padding:0; margin:0; width:100%; }
/* штатные крошки шапки скрываем — свои выводим внутри тёмного hero (как на услугах/главной); на хабе это убирает ДУБЛЬ крошек */
.single-okna_b2b_offer .okna-crumbs,
.page-template-tpl-org-hub .okna-crumbs{ display:none; }
/* белый отступ после шапки перед тёмным hero — КАК НА УСЛУГАХ (main padding-top 30 + hero margin 34 = 64) */
.single-okna_b2b_offer .site-main,
.page-template-tpl-org-hub .site-main{ padding-top:30px; }

.okna-org{ width:100%; }
.okna-org .okna-wrap{ max-width:calc(var(--okna-cw) + 80px); margin:0 auto; padding:0 40px; }   /* контент = --okna-cw (1200), как канон сайта */
.okna-org > section{ padding:32px 0; }
.okna-org > section:first-child{ padding-top:0; }
.okna-org > section.gv-soft{ background:var(--bg-soft,#f6f8fb); }

/* H2 канон — ось-отступ (базовый вид .okna-section-title глобальный в design.css) */
.okna-org .okna-section-title,
.okna-org .gv-head{ margin-left:var(--okna-head-indent,37px); }
.okna-org .gv-head > h2{ margin-left:0 !important; }
.okna-org .okna-section-sub{ margin-left:var(--okna-head-indent,37px); max-width:820px; }
/* faq/seo — заголовки на канон-отступе 37 (шли без отступа, край 145) */
.okna-org .okna-faq > h2,
.okna-org .okna-org-seo .gv-seo > h2{ margin-left:var(--okna-head-indent,37px); }
/* ПОКАЗ 09.08 (уточнение к заходу 3): заголовок FAQ на B2B приводим К ФОРМАТУ ГЛАВНОЙ (эталон .ok-faq__h2 — 34px/800 + красная черта 44×3px, замерено живьём на главной). Прежде равняли на соседние org-заголовки (30px без черты) — владелец хочет «как на главной». Вес 800 держит спецификой поверх двойной загрузки TT1 (0,2,1 > element-level). Черта var(--red) — определён в design.css (грузится на B2B). */
.okna-org .okna-faq > h2{ font-weight:800; font-size:34px; line-height:1.15; position:relative; padding-bottom:14px; }
.okna-org .okna-faq > h2::after{ content:""; position:absolute; left:0; bottom:0; width:44px; height:3px; background:var(--red,#e0223a); border-radius:0; }
/* «остальные» блоки B2B — контент = ширина wrap (теперь 1200 через --okna-cw); бли́д -40px убран (был для wrap 1120); заголовки в .okna-wrap с канон-отступом */
.okna-org .okna-cases__grid,
.okna-org .okna-faq-list,
.okna-org .okna-part__slider,
.okna-org .okna-org-final__box,
.okna-org .okna-org-seo .okna-seo-text{ margin-left:0; margin-right:0; }
.okna-org .okna-org-seo .okna-seo-text p{ max-width:none; }

/* ===================== HERO ===================== */
.okna-org-hero{ position:relative; background-size:cover; background-position:center; min-height:520px;
  display:flex; align-items:center; overflow:hidden; margin-top:34px; }  /* отступ после шапки как на услугах (.okna-uhero) */
.okna-org-hero__shade{ position:absolute; inset:0; z-index:0;
  background:linear-gradient(100deg, rgba(18,30,68,.95) 0%, rgba(18,30,68,.86) 40%, rgba(18,30,68,.42) 76%, rgba(18,30,68,.14) 100%); }
.okna-org .okna-org-hero__inner{ position:relative; z-index:1; width:100%; padding-top:22px; padding-bottom:56px; } /* спец. 0,2,0 > .okna-org .okna-wrap{padding:0 40px} (стр.18) — иначе вертикальный отступ hero-контента (крошки/H1) обнуляется. width:100% — flex-элемент .okna-wrap иначе сжимается до контента (на хабе без широких плашек hero «уезжал» вправо) */
/* Крошки hero — единый сайт-стандарт .okna-uhero__crumbs (стиль в design.css), свои .okna-org-hero__crumbs удалены против расхождения */
.okna-org-hero__h1{ font-size:clamp(30px,4vw,46px); font-weight:800; line-height:1.12; letter-spacing:-.02em;
  color:#fff; margin:0 0 16px; max-width:720px; }
.okna-org-hero__sub{ font-size:clamp(16px,1.4vw,19px); line-height:1.6; color:rgba(255,255,255,.82);
  margin:0 0 26px; max-width:620px; }
.okna-org-hero__ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:34px; }
.okna-org-hero__ctas .okna-btn{ display:inline-flex; align-items:center; gap:8px; }
/* контурная белая кнопка (не синяя заливка) */
.okna-org-hero__ghost{ background:transparent !important; color:#fff !important; border:1.5px solid rgba(255,255,255,.6) !important; }
.okna-org-hero__ghost:hover{ background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:#fff !important; }
/* 4 плашки-галочки */
.okna-org-hero__ticks{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:6px;
  border-top:1px solid rgba(255,255,255,.16); padding-top:22px; }
.okna-org-hero__tick{ display:flex; gap:12px; align-items:flex-start; padding:0 22px; position:relative; }
.okna-org-hero__tick + .okna-org-hero__tick::before{ content:""; position:absolute; left:0; top:2px; bottom:2px; width:1px; background:rgba(255,255,255,.16); }
.okna-org-hero__tick:first-child{ padding-left:0; }
.okna-org-hero__tick-ic{ flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  border:1.5px solid var(--red,#e0223a); color:var(--red,#e0223a); margin-top:2px; }
.okna-org-hero__tick-txt{ display:flex; flex-direction:column; gap:3px; }
.okna-org-hero__tick-txt b{ color:#fff; font-size:15px; font-weight:700; line-height:1.25; }
.okna-org-hero__tick-txt span{ color:rgba(255,255,255,.66); font-size:13px; line-height:1.35; }

/* ===================== КАРТОЧКИ (tasks/offer/benefits) ===================== */
.okna-org-cards__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:24px; }
.okna-org-card{ background:#fff; border:1px solid var(--line,#e8ecf2); border-radius:var(--ok-radius-card,16px);
  padding:24px; box-shadow:var(--shadow-sm,0 6px 18px rgba(20,30,55,.06)); }
.okna-org-card__ic{ display:inline-grid; place-items:center; width:56px; height:56px; border-radius:14px;
  background:var(--blue-soft,#eef3fc); margin-bottom:14px; }
.okna-org-card__t{ font-size:18px; font-weight:800; color:var(--ink,#123d87); line-height:1.25; margin:0 0 8px; }
.okna-org-card__d{ font-size:15px; line-height:1.55; color:var(--muted,#6b7686); margin:0; }

/* ===================== «Кому подходит» (audience) — иерархичный блок по макету ===================== */
.okna-org-aud{ position:relative; }
/* фон блока (градиент + декор) — ПАНЕЛЬ в ширину блока (1200), НЕ на весь экран */
.okna-org .okna-org-aud__panel{ position:relative; overflow:hidden; border-radius:24px; padding-top:34px; padding-bottom:40px;
  background:linear-gradient(180deg,#fbfcfe 0%, var(--blue-soft,#eef3fc) 100%); } /* .okna-org — перебить .okna-wrap padding:0 (вертикаль) */
.okna-org-aud__panel > :not(.okna-org-aud__decor){ position:relative; z-index:1; }
.okna-org-aud__decor{ position:absolute; top:0; right:0; width:min(48%,560px); height:64%; z-index:0;
  background-repeat:no-repeat; background-position:top right; background-size:contain; opacity:.4; pointer-events:none; }
.okna-org-aud__grid{ display:grid; grid-template-columns:minmax(300px,33%) 1fr; gap:24px; margin-top:26px; align-items:stretch; }
/* большая карточка: иконка сверху → текст прижат вниз → флот в самом низу */
.okna-org-aud__big{ position:relative; overflow:hidden; background:#fff; border:1px solid var(--line,#e8ecf2);
  border-radius:22px; box-shadow:var(--shadow-sm,0 8px 24px rgba(20,30,55,.07)); padding:32px 30px 200px;
  display:flex; flex-direction:column; min-height:440px; }
.okna-org-aud__big::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:210px; z-index:0;
  background-image:var(--bigbg); background-repeat:no-repeat; background-position:bottom center; background-size:cover; /* во всю ширину карточки */
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%); mask-image:linear-gradient(180deg,transparent 0,#000 30%); pointer-events:none; }
.okna-org-aud__big > *{ position:relative; z-index:1; }
.okna-org-aud__big-txt{ margin-top:auto; }
.okna-org-aud__big .okna-org-aud__t{ font-size:24px; margin:0 0 10px; }
/* правая колонка: 2 средние в ряд + 1 широкая снизу */
.okna-org-aud__right{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.okna-org-aud__card,.okna-org-aud__wide{ display:flex; gap:18px; align-items:flex-start; background:#fff;
  border:1px solid var(--line,#e8ecf2); border-radius:22px; box-shadow:var(--shadow-sm,0 8px 24px rgba(20,30,55,.07)); padding:26px; }
.okna-org-aud__wide{ grid-column:1 / -1; }
/* иконки (fill=подложка → виден только синий контур = line-style как в макете) */
.okna-org-aud__ic{ flex:0 0 auto; width:64px; height:64px; border-radius:16px; background:var(--blue-soft,#eef3fc);
  display:grid; place-items:center; color:var(--blue,#1c5bd6); }
.okna-org-aud__ic--lg{ width:72px; height:72px; margin-bottom:20px; }
.okna-org-aud__ic svg{ width:32px; height:32px; }
.okna-org-aud__t{ font-size:19px; font-weight:800; color:var(--ink,#123d87); line-height:1.25; margin:0 0 8px; }
.okna-org-aud__d{ font-size:15px; line-height:1.55; color:var(--muted,#6b7686); margin:0; }
@media (max-width:1024px){
  .okna-org-aud__grid{ grid-template-columns:1fr; }
  .okna-org-aud__big{ min-height:auto; padding-bottom:180px; }
}
@media (max-width:768px){
  .okna-org-aud__right{ grid-template-columns:1fr; }
  .okna-org-aud__decor{ display:none; }
  .okna-org .okna-wrap.okna-org-aud__panel{ padding-top:24px; padding-bottom:30px; border-radius:18px; } /* (0,3,0) — перебить .okna-org .okna-wrap моб (padding:0) независимо от порядка */
  .okna-org-aud__big{ padding:24px 22px 150px; }
  .okna-org-aud__big::after{ height:150px; }
  .okna-org-aud__card,.okna-org-aud__wide{ padding:20px; gap:14px; }
  .okna-org-aud__ic{ width:52px; height:52px; } .okna-org-aud__ic--lg{ width:60px; height:60px; }
}

/* ===================== SEO-текст ===================== */
.okna-org-seo .gv-seo{ }
.okna-org-seo h2{ font-size:24px; font-weight:800; color:var(--ink,#123d87); margin:0 0 14px; }
.okna-org-seo .okna-seo-text h3{ font-size:18px; font-weight:700; color:var(--ink,#123d87); margin:22px 0 8px; }
.okna-org-seo .okna-seo-text h3:first-child{ margin-top:0; }
.okna-org-seo .okna-seo-text p{ font-size:16px; line-height:1.7; color:var(--text,#1c2433); margin:0 0 14px; max-width:900px; }
/* Раскрытие SEO-текста (услуговый механизм .okna-st-*, CSS в glavnaya.css): фейд под цвет секции gv-soft, не белый (иначе шов) */
.okna-org-seo .okna-st-body::after{ background:linear-gradient(rgba(246,248,251,0), var(--bg-soft,#f6f8fb)); }
/* P-СЕО-ТАБЛ §0: тип-скоуп-копия обёртки (.okna-org-seo .okna-tbl-scroll) СНЯТА — единый вид в design.css (глобально). */

/* ===================== ФИНАЛЬНАЯ ФОРМА (fleet) ===================== */
.okna-org-final__box{ display:grid; grid-template-columns:1fr 1fr; gap:36px; background:var(--graphite,#1e2330);
  border-radius:var(--ok-radius-card,16px); padding:40px; align-items:center; }
.okna-org-final__info h2{ font-size:26px; font-weight:800; color:#fff; line-height:1.2; margin:0 0 12px; }
.okna-org-final__info p{ font-size:16px; line-height:1.6; color:var(--muted-d,#9aa4b6); margin:0 0 16px; }
.okna-org-final__pts{ list-style:none; margin:0; padding:0; }
.okna-org-final__pts li{ position:relative; padding-left:26px; color:rgba(255,255,255,.85); font-size:15px; margin:8px 0; }
.okna-org-final__pts li::before{ content:""; position:absolute; left:0; top:6px; width:14px; height:9px;
  border-left:2px solid var(--red,#e0223a); border-bottom:2px solid var(--red,#e0223a); transform:rotate(-45deg); }
.okna-org-final__form{ background:#fff; border-radius:var(--ok-radius-card,16px); padding:26px; }
/* поля fleet-формы слипались (margin-bottom:0) — вертикальный отступ; textarea чуть ниже. Скоуп финблока — fleet-форма на др. экранах не тронута */
.okna-org-final__form .okna-fleet-phone,
.okna-org-final__form .okna-fleet-fleet{ margin:0 0 14px !important; }
.okna-org-final__form textarea{ min-height:100px !important; }

/* ===================== АДАПТИВ ===================== */
@media (max-width:1024px){
  .okna-org-cards__grid{ grid-template-columns:repeat(2,1fr); }
  .okna-org-hero__ticks{ grid-template-columns:repeat(2,1fr); gap:18px 0; }
  .okna-org-hero__tick:nth-child(3){ padding-left:0; }
  .okna-org-hero__tick:nth-child(3)::before,.okna-org-hero__tick:nth-child(2n+1)::before{ display:none; }
}
@media (max-width:768px){
  .okna-org .okna-wrap{ padding:0 20px; }
  .okna-org > section{ padding:26px 0; }
  .okna-org-hero{ min-height:auto; margin-top:16px; }        /* меньше отступ на моб (64→~32) */
  .single-okna_b2b_offer .site-main{ padding-top:16px; }
  .okna-org .okna-wrap.okna-org-hero__inner{ padding-top:16px; padding-bottom:36px; } /* спец. 0,3,0 > моб .okna-org .okna-wrap (стр.153/162) */
  .okna-org-hero__ctas .okna-btn{ width:100%; justify-content:center; min-height:48px; }
  .okna-org-final__box{ grid-template-columns:1fr; gap:22px; padding:26px; }
}
@media (max-width:600px){
  .okna-org .okna-wrap{ padding:0 16px; }
  .okna-org-hero__ticks{ grid-template-columns:1fr; }
  .okna-org-hero__tick,.okna-org-hero__tick:nth-child(n){ padding-left:0; }
  .okna-org-hero__tick::before{ display:none !important; }
  .okna-org-cards__grid{ grid-template-columns:1fr; }
  /* inputs 16px на моб — против iOS-зума */
  .okna-org input[type=text],.okna-org input[type=tel],.okna-org input[type=email],.okna-org textarea,
  .okna-org .wpcf7 input,.okna-org .wpcf7 textarea{ font-size:16px !important; }
}

/* ===================== БЛОК «ПОЧЕМУ ВЫБИРАЮТ НАС» (benefits/why) ===================== */
/* Большая левая карточка (заголовок+текст+3 пункта+декор-схема снизу) + сетка 6 карточек 2×3. Иконки — растровые webp (img, своя подложка). */
/* контент why = ширина wrap (теперь 1200 через --okna-cw); бли́д убран; H2 остаётся с канон-отступом */
.okna-org-why__layout{ display:grid; grid-template-columns:minmax(0,41%) 1fr; gap:36px; margin:26px 0 0; align-items:stretch; }
.okna-org-why__ic{ object-fit:contain; display:block; border-radius:13px; } /* скругление — срезать белые уголки плитки на светлом фоне карточки */
.okna-org-why__main{ position:relative; overflow:hidden; display:flex; flex-direction:column;
  background:linear-gradient(180deg,#fff 0%, var(--blue-soft,#eef3fc) 100%); border:1px solid var(--line,#e8ecf2);
  border-radius:24px; box-shadow:var(--shadow-sm,0 8px 24px rgba(20,30,55,.07)); padding:34px 32px 24px; }
.okna-org-why__main-t{ margin:0 0 12px; color:var(--ink,#123d87); font-weight:800; font-size:23px; line-height:1.25; max-width:420px; }
.okna-org-why__main-tx{ margin:0 0 22px; color:var(--muted,#6b7686); font-size:15px; line-height:1.6; max-width:420px; }
.okna-org-why__points{ list-style:none; margin:0; padding:0; position:relative; z-index:1; max-width:460px; }
.okna-org-why__point{ display:flex; gap:15px; align-items:flex-start; padding:15px 0; border-top:1px solid var(--line,#e8ecf2); }
.okna-org-why__point:first-child{ border-top:0; padding-top:0; }
.okna-org-why__point .okna-org-why__ic{ flex:0 0 auto; width:44px; height:44px; margin-top:-2px; }
.okna-org-why__point-b{ min-width:0; }
.okna-org-why__point-b b{ display:block; color:var(--ink,#123d87); font-weight:800; font-size:16px; line-height:1.3; margin:0 0 3px; }
.okna-org-why__point-b span{ color:var(--muted,#6b7686); font-size:14px; line-height:1.45; }
.okna-org-why__decor{ position:absolute; left:0; right:0; bottom:0; width:100%; height:200px; z-index:0; opacity:.5;
  object-fit:cover; object-position:center 45%; pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 52%); mask-image:linear-gradient(180deg,transparent 0,#000 52%); }
/* правая сетка 2×3 */
.okna-org-why__grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.okna-org-why__card{ background:#fff; border:1px solid var(--line,#e8ecf2); border-radius:20px;
  box-shadow:var(--shadow-sm,0 8px 24px rgba(20,30,55,.07)); padding:26px 26px 24px; }
/* иконка + заголовок в один ряд; min-height ряда = высота иконки → тексты/заголовки выровнены по соседним плиткам */
.okna-org-why__card-head{ display:flex; align-items:center; gap:14px; min-height:52px; margin:0 0 14px; }
.okna-org-why__card .okna-org-why__ic{ width:52px; height:52px; margin:0; flex:0 0 auto; }
.okna-org-why__card-t{ margin:0; color:var(--ink,#123d87); font-weight:800; font-size:18px; line-height:1.25; }
.okna-org-why__card-d{ margin:0; color:var(--muted,#6b7686); font-size:14px; line-height:1.5; }
/* анимации hover (карточки не кликабельны — только hover): подъём+тень+border+иконка; reduced-motion гасит */
.okna-org-why__card, .okna-org-why__main{ transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.okna-org-why__card .okna-org-why__ic{ transition:transform .2s ease; }
.okna-org-why__card:hover{ transform:translateY(-4px); box-shadow:0 22px 48px rgba(18,61,135,.13); border-color:#c7d8f5; }
.okna-org-why__card:hover .okna-org-why__ic{ transform:scale(1.03); }
.okna-org-why__main:hover{ box-shadow:0 20px 52px rgba(18,61,135,.11); }
@media (prefers-reduced-motion:reduce){
  .okna-org-why__card, .okna-org-why__main, .okna-org-why__card .okna-org-why__ic{ transition:none !important; }
  .okna-org-why__card:hover{ transform:none; }
  .okna-org-why__card:hover .okna-org-why__ic{ transform:none; }
}
@media (max-width:1024px){
  .okna-org-why__layout{ grid-template-columns:1fr; margin-left:0; margin-right:0; }
  .okna-org-why__main{ padding-bottom:120px; } /* моб: 1 колонка, декор ниже контента */
}
@media (max-width:600px){
  /* ПОЗИЦИЯ MOBM-06: макет #09 хочет «почему» КОМПАКТ 2-кол (как хаб). ПОПРОБОВАЛ — упёрлось:
     title карточки = <h3> (.okna-org-why__card-t), глобально форсится okna-mobile.css:63
     `body h3{19px!important}`. Компакт-2-кол требует title ~13px → перебить можно ТОЛЬКО новым
     !important (Forbidden §8 «новых !important ноль») ЛИБО сменой разметки h3→<b> (как у хаба,
     где title = <b> и 13px берётся без !important) — это семантика/SEO. Оба — решение архитектора.
     Оставлено 1-кол (крупные карточки читаемы, overflow 0). Хаб-почему уже 2-кол (там <b>). */
  .okna-org-why__grid{ grid-template-columns:1fr; }
  .okna-org-why__main{ padding:26px 20px 150px; }
  .okna-org-why__decor{ opacity:.7; }
}

/* ===================== БЛОК «ФОРМАТЫ РАБОТЫ» (offer) — тёмный CTA + попап ===================== */
/* Плашка = .okna-wrap (1200, как блок выше), тёмно-синий фон formats-bg, overflow:hidden, без рамки.
   Вертикальный padding через .okna-org (перебить .okna-wrap padding:0). Шапка (иконка+разделитель+H2 белый) + 3 карточки-кнопки. */
.okna-org .okna-org-fmt__panel{ position:relative; overflow:hidden; border-radius:28px; padding-top:40px; padding-bottom:44px;
  background-color:#0d2657; background-size:cover; background-position:center right; color:#fff; }
.okna-org-fmt__shade{ position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(100deg, rgba(8,22,58,.94) 0%, rgba(10,30,78,.72) 44%, rgba(12,42,104,.28) 100%); }
.okna-org-fmt__panel > :not(.okna-org-fmt__shade){ position:relative; z-index:1; }
/* шапка горизонтально: иконка + разделитель + заголовок/подзаголовок на одном уровне */
.okna-org-fmt__head{ display:flex; align-items:center; gap:20px; margin-bottom:34px; }
.okna-org-fmt__head-ic{ flex:0 0 auto; width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); box-shadow:0 0 0 7px rgba(255,255,255,.04); }
.okna-org-fmt__head-div{ flex:0 0 auto; width:1px; align-self:stretch; background:rgba(255,255,255,.22); margin:6px 2px; }
.okna-org-fmt__head-txt{ min-width:0; }
.okna-org .okna-org-fmt__panel .okna-section-title{ color:#fff; margin-left:0; }
.okna-org .okna-org-fmt__panel .okna-section-sub{ color:rgba(255,255,255,.82); margin-left:0 !important; max-width:640px; } /* !important — против design.css:694 */
/* сетка карточек + пунктирная связь между номер-бейджами */
/* сетка карточек: бейджи 01/02/03 выступают вверх (padding-top). Пунктир-коннектор убран — прятался за непрозрачными карточками, в зазорах читался как баг верстки */
.okna-org-fmt__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-top:23px; }
.okna-org .okna-org-fmt__card{ position:relative; z-index:1; display:flex; flex-direction:column; text-align:left; cursor:pointer; -webkit-appearance:none; appearance:none;
  background:#fff !important; color:var(--ink,#123d87) !important; border:0 !important; border-radius:22px; padding:36px 28px 28px; margin:0; font:inherit;
  box-shadow:0 18px 44px rgba(6,18,50,.28); transition:transform .2s ease, box-shadow .2s ease; } /* !important — против кнопочных стилей TT1 (тёмный фон) */
.okna-org-fmt__badge{ position:absolute; top:0; left:50%; transform:translate(-50%,-50%); width:46px; height:46px;
  border-radius:50%; background:#fff; color:var(--ink,#123d87); font-weight:800; font-size:16px; display:grid; place-items:center;
  box-shadow:0 6px 16px rgba(6,18,50,.22); }
/* Карточный ряд «иконка + название» (СВОЙ класс — не путать с шапкой секции .okna-org-fmt__head!) */
.okna-org-fmt__card-head{ display:flex; align-items:center; gap:10px; margin:0 0 6px; }
.okna-org-fmt__card-ic{ display:block; width:44px; height:44px; flex:0 0 auto; margin:0; object-fit:contain; }
.okna-org-fmt__t{ margin:0; color:var(--ink,#123d87); font-weight:800; font-size:15px; line-height:1.25; } /* кегль под 1 строку рядом с иконкой (самое длинное «Абонентское сопровождение» влезает) */
.okna-org-fmt__line{ display:block; width:34px; height:2px; background:var(--line,#e8ecf2); border-radius:2px; margin:14px 0 16px; }
.okna-org-fmt__d{ margin:0; color:var(--muted,#6b7686); font-size:14.5px; line-height:1.55; }
.okna-org-fmt__card:focus-visible{ outline:3px solid #7aa7ff; outline-offset:3px; }
/* анимации: подъём/тень/иконка/свечение бейджа (деловые, ease); active перед попапом; reduced-motion гасит */
.okna-org-fmt__card-ic{ transition:transform .2s ease; }
.okna-org-fmt__badge{ transition:box-shadow .2s ease; }
.okna-org .okna-org-fmt__card:hover{ transform:translateY(-6px); box-shadow:0 28px 64px rgba(6,18,50,.42); }
.okna-org .okna-org-fmt__card:active{ transform:translateY(-2px) scale(.985); }
.okna-org-fmt__card:hover .okna-org-fmt__card-ic{ transform:scale(1.05); }
.okna-org-fmt__card:hover .okna-org-fmt__badge{ box-shadow:0 4px 18px rgba(28,91,214,.55); }
@media (prefers-reduced-motion: reduce){
  .okna-org-fmt__card, .okna-org-fmt__card-ic, .okna-org-fmt__badge,
  .okna-org-fmt-modal__box, .okna-org-fmt-modal__ov{ transition:none !important; }
  .okna-org .okna-org-fmt__card:hover, .okna-org .okna-org-fmt__card:active{ transform:none; }
  .okna-org-fmt__card:hover .okna-org-fmt__card-ic{ transform:none; }
}
@media (max-width:768px){
  .okna-org-fmt__grid{ grid-template-columns:1fr; gap:36px; }
}
@media (max-width:768px){
  .okna-org .okna-org-fmt__panel{ padding:24px 18px 26px; border-radius:20px; }
  .okna-org-fmt__head{ flex-wrap:wrap; gap:14px; margin-bottom:22px; }
  .okna-org-fmt__head-div{ display:none; }
  .okna-org-fmt__card{ padding:32px 22px 24px; }
}
/* ---- Попап «Обсудим формат работы» ---- */
.okna-org-fmt-modal{ position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:20px; }
.okna-org-fmt-modal[hidden]{ display:none; }
.okna-org-fmt-modal__ov{ position:absolute; inset:0; background:rgba(9,18,42,.55); opacity:0; transition:opacity .22s ease; }
.okna-org-fmt-modal.is-open .okna-org-fmt-modal__ov{ opacity:1; }
.okna-org-fmt-modal__box{ position:relative; z-index:1; width:min(940px,100%); max-height:92vh; overflow:auto;
  background:#fff; border-radius:24px; padding:32px 38px 28px; box-shadow:0 40px 100px rgba(6,18,50,.4);
  transform:translateY(14px) scale(.985); opacity:0; transition:transform .24s ease, opacity .24s ease;
  scrollbar-width:thin; scrollbar-color:rgba(28,91,214,.4) transparent; }
.okna-org-fmt-modal__box::-webkit-scrollbar{ width:8px; }
.okna-org-fmt-modal__box::-webkit-scrollbar-track{ background:transparent; }
.okna-org-fmt-modal__box::-webkit-scrollbar-thumb{ background:rgba(28,91,214,.35); border-radius:4px; }
.okna-org-fmt-modal__box::-webkit-scrollbar-thumb:hover{ background:rgba(28,91,214,.6); }
.okna-org-fmt-modal.is-open .okna-org-fmt-modal__box{ transform:none; opacity:1; }
/* единый крестик: белый круг + тень + SVG-× по центру + ховер синий (как у гарантии/кейсов) */
.okna-org-fmt-modal__x{ position:absolute; top:18px; right:18px; width:40px; height:40px; border-radius:50%;
  background:#fff; border:0; color:var(--ink,#123d87); display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; box-shadow:0 4px 14px rgba(20,30,55,.18); }
.okna-org-fmt-modal__x svg{ width:18px; height:18px; display:block; }
/* MOBM-06 (критик): тач-цель крестика попапа форматов до 44 на мобилке (было 40; норма 44). */
@media (max-width:768px){ .okna-org-fmt-modal__x{ width:44px; height:44px; } }
.okna-org-fmt-modal__x:hover{ background:var(--blue,#1c5bd6); color:#fff; }
.okna-org-fmt-modal__title{ margin:0; color:var(--ink,#123d87); font-size:26px; font-weight:800; line-height:1.2; padding-right:44px; }
.okna-org-fmt-modal__title::after{ content:""; display:block; width:52px; height:3px; background:var(--red,#e0223a); border-radius:2px; margin:12px 0 0; }
.okna-org-fmt-modal__sub{ margin:13px 0 18px; color:var(--muted,#6b7686); font-size:15px; line-height:1.5; }
/* align-items:stretch — левая карточка тянется до уровня кнопок (не оставляет пустоту снизу) */
.okna-org-fmt-modal__body{ display:grid; grid-template-columns:minmax(230px,290px) 1fr; gap:26px; align-items:stretch; }
.okna-org-fmt-modal__info{ background:var(--blue-soft,#eef3fc); border-radius:18px; padding:24px 22px; }
.okna-org-fmt-modal__info-ic img{ display:block; width:52px; height:52px; margin:0 0 14px; object-fit:contain; }
.okna-org-fmt-modal__info-t{ margin:0 0 16px; color:var(--ink,#123d87); font-size:18px; font-weight:800; line-height:1.3; }
.okna-org-fmt-modal__info-list{ list-style:none; margin:0; padding:0; }
.okna-org-fmt-modal__info-list li{ position:relative; padding-left:28px; margin:0 0 11px; color:var(--ink,#123d87); font-size:14px; line-height:1.4; }
.okna-org-fmt-modal__info-list li::before{ content:""; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%; background:var(--blue,#1c5bd6); }
.okna-org-fmt-modal__info-list li::after{ content:""; position:absolute; left:4.5px; top:6px; width:7px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); }
.okna-org-fmt-modal__form .okna-wf-f{ display:flex; align-items:center; gap:14px; margin:0 0 9px; }
.okna-org-fmt-modal__form .okna-wf-f > label{ flex:0 0 96px; font-size:13.5px; color:var(--muted,#6b7686); }
.okna-org-fmt-modal__form .okna-wf-f .wpcf7-form-control-wrap{ flex:1 1 auto; }
.okna-org-fmt-modal__form input[type=text], .okna-org-fmt-modal__form input[type=tel], .okna-org-fmt-modal__form select, .okna-org-fmt-modal__form textarea{
  width:100% !important; padding:10px 13px !important; border:1px solid var(--line,#e8ecf2) !important; border-radius:var(--ok-radius-field,8px) !important; background:#fff !important; color:var(--ink,#123d87) !important; font-size:14.5px !important; line-height:1.35 !important; box-sizing:border-box; } /* Волна 1-бис: поле fmt-модалки 10px→роль поля 8px */
.okna-org-fmt-modal__form textarea{ min-height:52px; resize:vertical; }
.okna-org-fmt-modal__form .okna-wf-actions{ display:flex !important; gap:12px !important; flex-wrap:wrap; align-items:center; margin:14px 0 2px; }
.okna-org-fmt-modal__form .okna-wf-submit, .okna-org-fmt-modal__form .okna-wf-consult{ font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; white-space:nowrap; width:auto !important; min-width:0 !important; border-radius:8px !important; padding:13px 28px !important; cursor:pointer; margin:0 !important; } /* РАЗМЕР-КНОПОК 09.08: радиус 12→8, кегль 15→16, padH 24→28 — к канону главной (попапы) */
.okna-org-fmt-modal__form .okna-wf-submit{ background:var(--red,#e0223a) !important; color:#fff !important; border:0 !important; }
.okna-org-fmt-modal__form .okna-wf-consult{ background:#fff !important; color:var(--blue,#1c5bd6) !important; border:1px solid var(--blue,#1c5bd6) !important; }
.okna-org-fmt-modal__form .okna-wf-submit:hover{ filter:brightness(1.06); }
.okna-org-fmt-modal__form .okna-wf-consult:hover{ background:var(--blue-soft,#eef3fc) !important; }
/* форма одна → кнопка «Получить консультацию» скрыта (на живой БД-форме 4774; в шаблоне уже убрана) */
.okna-org-fmt-modal__form .okna-wf-consult{ display:none !important; }
/* сообщения-ошибки CF7 в дизайн сайта: компактный красный текст, свой скролл/бордер невалидного поля */
.okna-org-fmt-modal__form .wpcf7-not-valid-tip{ display:block; margin:5px 0 0; color:var(--red,#e0223a); font-size:12.5px; font-weight:600; line-height:1.35; }
.okna-org-fmt-modal__form .okna-wf-f .wpcf7-not-valid-tip{ margin-left:0; }
/* Волна 1 §17: снят локальный вид ошибки fmt-модалки (был border-color+box-shadow) — перекрыт общим слоем design.css `.wpcf7 .wpcf7-not-valid{outline}`. Один индикатор ошибки на весь сайт. */
.okna-org-fmt-modal__form .wpcf7-response-output{ margin:14px 0 0 !important; padding:10px 14px !important; border-radius:8px !important; border-width:1px !important; font-size:13px; line-height:1.4; } /* ПОКАЗ 09.08: радиус 10→8, pad 11→10 — к общему виду блока-ответа (design.css) */
.okna-org-fmt-modal__form .wpcf7-spinner{ margin:0 0 0 10px; }
@media (max-width:768px){
  .okna-org-fmt-modal__box{ padding:24px 20px 22px; }
  .okna-org-fmt-modal__body{ grid-template-columns:1fr; gap:18px; }
  .okna-org-fmt-modal__form .okna-wf-f{ flex-direction:column; align-items:stretch; gap:5px; }
  .okna-org-fmt-modal__form .okna-wf-f > label{ flex:none; }
  .okna-org-fmt-modal__form input, .okna-org-fmt-modal__form select, .okna-org-fmt-modal__form textarea{ font-size:16px !important; }
}

/* ===================== БЛОК «КАКИЕ ЗАДАЧИ ЗАКРЫВАЕМ» (tasks) ===================== */
/* Панель на всю ширину блока (.okna-wrap 1200, как audience) + шапка (H2/подзаголовок) сверху.
   Плашка (с иконками) + пронумерованные карточки БЕЗ иконок (крупный номер). Канон H2 и ось-отступ 37px — глобально .okna-org. */
.okna-org-tasks__head{ margin-bottom:2px; }
.okna-org .okna-org-tasks__panel{ position:relative; overflow:hidden; margin-top:18px; padding-top:32px; padding-bottom:36px; border-radius:26px;
  background:linear-gradient(180deg,#fbfcff 0%, #f3f7ff 100%); border:1px solid var(--line,#e8ecf2);
  box-shadow:0 18px 50px rgba(18,61,135,.06); } /* .okna-org — перебить .okna-wrap padding:0 (вертикаль) */
.okna-org-tasks__bg{ position:absolute; inset:0; z-index:0; background-repeat:no-repeat; background-position:center right;
  background-size:cover; opacity:.7; pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.72) 40%,#000 100%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.72) 40%,#000 100%); }
.okna-org-tasks__panel > :not(.okna-org-tasks__bg){ position:relative; z-index:1; }
/* верхняя плашка преимуществ — гибкий ряд с тонкими разделителями */
.okna-org-tasks__strip{ display:flex; flex-wrap:wrap; gap:0; margin-bottom:26px;
  background:rgba(255,255,255,.85); border:1px solid var(--line,#e8ecf2); border-radius:20px; padding:6px; }
.okna-org-tasks__adv{ position:relative; flex:1 1 210px; min-width:190px; display:flex; align-items:flex-start; gap:13px; padding:16px 20px; }
.okna-org-tasks__adv:not(:first-child)::before{ content:""; position:absolute; left:0; top:15px; bottom:15px; width:1px; background:var(--line,#e8ecf2); }
.okna-org-tasks__adv-ic{ flex:0 0 auto; line-height:0; }
.okna-org-tasks__adv-ic svg{ width:30px; height:30px; }
.okna-org-tasks__adv-txt{ display:flex; flex-direction:column; gap:4px; }
.okna-org-tasks__adv-txt b{ color:var(--ink,#123d87); font-weight:800; font-size:15px; line-height:1.25; min-height:2.4em; } /* 2 строки → описания на одном уровне */
.okna-org-tasks__adv-txt span{ color:var(--muted,#6b7686); font-size:13px; line-height:1.4; }
/* сетка задач — гибкая (auto-fit), номера; 4 → 2×2 (макет), 5+ → компактно вертикально (до 5 в ряд) */
.okna-org-tasks__grid{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }
.okna-org-tasks__grid:has(> .okna-org-tasks__card:nth-child(4):last-child){ grid-template-columns:repeat(2,1fr); }
.okna-org-tasks__grid:has(> .okna-org-tasks__card:nth-child(5)){ grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.okna-org-tasks__card{ padding:24px 26px 26px; background:#fff; border:1px solid var(--line,#e8ecf2);
  border-radius:22px; box-shadow:0 10px 30px rgba(18,61,135,.05); }
/* иконка + заголовок в один ряд (min-height → плитки выровнены), красная линия под заголовком, описание ниже */
.okna-org-tasks__card-head{ display:flex; align-items:center; gap:15px; min-height:54px; margin-bottom:18px; }
.okna-org-tasks__card-ic{ flex:0 0 auto; width:54px; height:54px; border-radius:14px; object-fit:contain; }
.okna-org-tasks__card-ic--svg{ display:grid; place-items:center; background:var(--blue-soft,#eef3fc); }
.okna-org-tasks__card-ic--svg svg{ width:28px; height:28px; }
.okna-org-tasks__card-tcol{ min-width:0; }
.okna-org-tasks__t{ margin:0; color:var(--ink,#123d87); font-weight:800; font-size:19px; line-height:1.25; }
.okna-org-tasks__line{ display:block; width:30px; height:3px; border-radius:2px; background:var(--red,#e0223a); margin-top:11px; }
.okna-org-tasks__d{ margin:0; color:var(--muted,#6b7686); font-size:14.5px; line-height:1.55; }
@media (max-width:1024px){
  .okna-org-tasks__adv{ flex:1 1 44%; }
}
@media (max-width:768px){
  .okna-org .okna-wrap.okna-org-tasks__panel{ padding:16px 16px 20px; border-radius:18px; } /* (0,3,0) — перебить .okna-org .okna-wrap моб независимо от порядка */
  .okna-org-tasks__bg{ opacity:.28; }
  .okna-org-tasks__strip{ flex-direction:column; padding:4px; margin-bottom:16px; }
  .okna-org-tasks__adv{ flex:1 1 100%; padding:13px 15px; }
  .okna-org-tasks__adv:not(:first-child)::before{ left:15px; right:15px; top:0; bottom:auto; width:auto; height:1px; }
  .okna-org-tasks__adv-txt b{ min-height:0; } /* на моб выравнивание не нужно (1 колонка) */
  .okna-org-tasks__grid,
  .okna-org-tasks__grid:has(> .okna-org-tasks__card:nth-child(4):last-child),
  .okna-org-tasks__grid:has(> .okna-org-tasks__card:nth-child(5)){ grid-template-columns:1fr; }
  /* ПОЗИЦИЯ MOBM-06: макет #09 рисует задачи 2-кол компактом, но карточки задач тяжёлые
     (ic 54, title 19) и сестринского прецедента 2-кол-задач нет (в отличие от why→хаб).
     Оставлено 1-кол крупным ОСОЗНАННО; приведение к 2-кол = re-verstka — решение архитектора. */
  .okna-org-tasks__card{ padding:20px; }
}

/* ============================================================
   БЛОК «Гарантия, документы и работа по договору» (guarantee) — 3 зоны по макету
   слева «паспорт» (тёмная обложка + светлая страница «Наши гарантии»), справа сетка 2×2.
   Ширина/ритм 1200/32px — из .okna-org > section + .okna-org .okna-wrap (не переопределяем).
   ============================================================ */
.okna-org-guar__layout{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:30px; align-items:stretch; margin:26px 0 0;   /* wrap теперь даёт контент 1200 (--okna-cw) — бли́д -40px больше не нужен (был расчёт на wrap 1120) */
}

/* — «Документ»-книжка: обложка с ВЫРЕЗОМ сбоку (готовый фон) + светлая страница, вложенная за вырез — */
.okna-org-guar__doc{ position:relative; display:flex; align-items:stretch; min-width:0; }
/* Обложка: готовый фон с вырезом (автобусы/подпись/печать впечатаны) поверх страницы; тень по форме через drop-shadow */
.okna-org-guar__passport{
  flex:0 0 46%; min-width:0; position:relative; z-index:2; color:#fff;
  background:url('img/org/guarantee-passport-cover.webp') center/100% 100% no-repeat;
  filter:drop-shadow(0 16px 30px rgba(9,39,90,.16));
  padding:40px 28px 84px 34px; display:flex; flex-direction:column;
  justify-content:center;   /* контент по центру по вертикали — «ПАСПОРТ СЕРВИСА» напротив середины выреза (нижний паддинг больше → сдвиг вверх к ~50%) */
}
.okna-org-guar__passport > *{ position:relative; z-index:1; }
.okna-org-guar__passport-ic{ display:block; margin:6px 0 22px; }
.okna-org-guar__passport-ic img{ display:block; width:94px; height:auto; }
.okna-org-guar__passport-ic svg{ display:block; width:58px; height:auto; }
.okna-org-guar__passport-label{ font-size:24px; line-height:1.16; font-weight:800; letter-spacing:.015em; text-transform:uppercase; color:#fff; max-width:7ch; }
.okna-org-guar__passport-txt{ margin:14px 0 0; font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.82); max-width:24ch; }
.okna-org-guar__passport-div{ margin-top:20px; width:60px; height:1px; background:rgba(255,255,255,.30); }

/* — Светлая страница «Наши гарантии»: вложена ЗА обложку (левый край под вырезом), скруглена, своя тень — */
.okna-org-guar__center{
  flex:1 1 auto; min-width:0; position:relative; z-index:1; margin-left:-5%;
  background:linear-gradient(180deg,#fff 0%, #f8fbff 100%);
  border:1px solid rgba(26,93,180,.16); border-radius:22px;
  box-shadow:0 16px 34px rgba(9,39,90,.09);
  padding:34px 32px 28px calc(5% + 18px); display:flex; flex-direction:column;
}
.okna-org-guar__center-h{ font-size:15px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink,#123d87);
  margin:0 0 16px; padding-bottom:16px; border-bottom:1px solid rgba(7,59,131,.13); }
.okna-org-guar__points{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.okna-org-guar__point{ display:grid; grid-template-columns:66px 1fr; gap:16px; align-items:center; padding:16px 0; border-bottom:1px dashed #d8dce5; }
.okna-org-guar__point:last-child{ border-bottom:0; padding-bottom:2px; }
/* глиф (прозрачный webp) в БЕЛОМ круге с мягкой тенью — как в макете */
.okna-org-guar__point-ic{ width:66px; height:66px; display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:50%; box-shadow:0 4px 11px rgba(20,30,55,.10), inset 0 0 0 1px rgba(7,59,131,.05); }
.okna-org-guar__point-ic img{ display:block; width:28px; height:28px; object-fit:contain; }
.okna-org-guar__point-ic svg{ display:block; width:28px; height:28px; }
.okna-org-guar__point-t{ margin:0; font-size:15px; font-weight:800; line-height:1.18; color:var(--ink,#123d87); }
.okna-org-guar__point-d{ margin:4px 0 0; font-size:13px; line-height:1.48; color:#52657f; }
.okna-org-guar__foot{ margin-top:auto; padding-top:22px; border-top:1px solid rgba(7,59,131,.14);
  display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; align-items:start; }
.okna-org-guar__foot-col{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.okna-org-guar__foot-l{ font-size:var(--ok-fs-micro,12.5px); font-weight:700; /* MOB-05: 9.5 → пол ДС */ letter-spacing:.04em; text-transform:uppercase; color:var(--muted,#6b7686); white-space:nowrap; }
.okna-org-guar__foot-v{ font-size:11.5px; line-height:1.32; font-weight:600; color:var(--ink,#123d87); }
.okna-org-guar__foot-bar{ grid-column:1 / -1; justify-self:end; margin-top:10px; width:78px; height:24px; opacity:.6; border-radius:2px;
  background:repeating-linear-gradient(90deg, var(--ink,#123d87) 0 2px, #fff 2px 4px, var(--ink,#123d87) 4px 5px, #fff 5px 8px, var(--ink,#123d87) 8px 11px, #fff 11px 13px); }

/* — Правая сетка 2×2 крупных кликабельных карточек (та же высота, что документ) — */
.okna-org-guar__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:24px; min-width:0; }
.okna-org .okna-org-guar__card{
  appearance:none; text-align:left; cursor:pointer; font:inherit; color:inherit;
  background:#fff !important; border:1px solid rgba(26,93,180,.14) !important; border-radius:22px;   /* !important — перебить тёмную кнопку TT1 */
  padding:28px 26px 24px; min-height:198px; display:flex; flex-direction:column;
  box-shadow:0 14px 34px rgba(7,42,92,.08);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.okna-org-guar__card-ic{ width:66px; height:66px; display:flex; align-items:center; justify-content:center; margin-bottom:16px;
  background:#e5f1fe; border-radius:50%; }   /* макет: светло-голубой круг */
.okna-org-guar__card-ic img{ display:block; width:32px; height:32px; object-fit:contain; }
.okna-org-guar__card-ic svg{ display:block; width:32px; height:32px; }
.okna-org-guar__card-line{ width:36px; height:3px; border-radius:2px; background:var(--red,#e0223a); margin:0 0 12px; }
.okna-org-guar__card-t{ margin:0 0 8px; font-size:18px; font-weight:800; line-height:1.16; color:var(--ink,#123d87); min-height:2.32em; } /* min-height = 2 строки: описания карточек выровнены даже при 2-строчном заголовке */
.okna-org-guar__card-d{ margin:0; font-size:13.5px; line-height:1.5; color:#52657f; }
.okna-org-guar__card-arrow{ margin-top:auto; padding-top:16px; color:var(--blue,#1c5bd6); display:inline-flex; }
.okna-org-guar__card-ic{ transition:transform .2s ease; }
.okna-org-guar__card-arrow svg{ transition:transform .2s ease; }

/* — Анимации карточек (деловой hover/active/focus) — */
.okna-org .okna-org-guar__card:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(20,30,55,.14) !important; border-color:rgba(28,91,214,.42) !important; }
.okna-org .okna-org-guar__card:hover .okna-org-guar__card-ic{ transform:scale(1.03); }
.okna-org .okna-org-guar__card:hover .okna-org-guar__card-arrow svg{ transform:translateX(5px); }
.okna-org .okna-org-guar__card:active{ transform:scale(.985); }
.okna-org .okna-org-guar__card:focus-visible{ outline:3px solid rgba(28,91,214,.45); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
  .okna-org-guar__card, .okna-org-guar__card-ic, .okna-org-guar__card-arrow svg,
  .okna-org-guar-modal__box, .okna-org-guar-modal__ov{ transition:none !important; }
  .okna-org .okna-org-guar__card:hover,
  .okna-org .okna-org-guar__card:hover .okna-org-guar__card-ic,
  .okna-org .okna-org-guar__card:hover .okna-org-guar__card-arrow svg,
  .okna-org .okna-org-guar__card:active{ transform:none; }
}

/* — Адаптив — */
@media (max-width:1024px){
  .okna-org-guar__layout{ grid-template-columns:1fr; gap:24px; margin:22px 0 0; }
  .okna-org-guar__doc, .okna-org-guar__passport, .okna-org-guar__center{ min-height:unset; }
}
@media (max-width:768px){
  .okna-org-guar__doc{ flex-direction:column; }
  /* моб: обложка на всю ширину — слои (вырез-книжка только для десктопа) */
  .okna-org-guar__passport{ flex-basis:auto; border-radius:22px; padding:34px 26px 30px; min-height:330px; filter:none;
    background:
      url('img/org/guarantee-signstamp.webp') center bottom 12px / 84% auto no-repeat,
      url('img/org/guarantee-buses.webp') right 8% top 9% / 66% auto no-repeat,
      linear-gradient(158deg, #17377e 0%, #0a1d48 100%); }
  .okna-org-guar__center{ margin-left:0; margin-top:14px; border-radius:22px; padding:32px 26px 26px; }
  .okna-org-guar__passport-label{ font-size:23px; }
  .okna-org-guar__grid{ grid-template-columns:1fr; gap:16px; grid-auto-rows:auto; }
  .okna-org .okna-org-guar__card{ min-height:unset; padding:28px 24px 24px; }
  .okna-org-guar__foot{ grid-template-columns:1fr 1fr; gap:14px 18px; }
  .okna-org-guar__foot-bar{ grid-column:1 / -1; justify-self:start; }
}

/* ===== Попап блока «Гарантия» (okna-org-guar-modal) ===== */
.okna-org-guar-modal{ position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:18px; }
.okna-org-guar-modal[hidden]{ display:none; }
.okna-org-guar-modal__ov{ position:absolute; inset:0; background:rgba(9,18,42,.55); backdrop-filter:blur(2px); opacity:0; transition:opacity .22s ease; }
.okna-org-guar-modal.is-open .okna-org-guar-modal__ov{ opacity:1; }
/* бокс НЕ скролится сам (overflow:hidden) — flex-колонка, тело внутри тянется, скролится только левый текст */
.okna-org-guar-modal__box{ position:relative; z-index:1; width:min(1040px,100%); max-height:92vh; overflow:hidden;
  display:flex; flex-direction:column; background:#fff; border-radius:22px; box-shadow:0 30px 80px rgba(9,18,42,.32); padding:28px 30px 28px;
  transform:translateY(14px) scale(.985); opacity:0; transition:transform .24s ease, opacity .24s ease; }
.okna-org-guar-modal.is-open .okna-org-guar-modal__box{ transform:none; opacity:1; }
.okna-org-guar-modal__x{ position:absolute; top:14px; right:14px; width:40px; height:40px; border-radius:50%;
  background:#fff; border:0; color:var(--ink,#123d87); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3; padding:0; box-shadow:0 4px 14px rgba(20,30,55,.18); }
.okna-org-guar-modal__x svg{ width:18px; height:18px; display:block; }
.okna-org-guar-modal__x:hover{ background:var(--blue,#1c5bd6); color:#fff; }
.okna-org-guar-modal__body{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:stretch; flex:1 1 auto; min-height:0; overflow:hidden; }

/* левая инфо-колонка: контейнер (клипует, держит закреплённый фон); скролл — во внутреннем .info-scroll */
.okna-org-guar-modal__info{ position:relative; border-right:1px solid var(--line,#e8ecf2); display:flex; flex-direction:column; min-height:0; overflow:hidden; }
/* СКРОЛИТСЯ только текст; свой скроллбар в стиле сайта */
.okna-org-guar-modal__info-scroll{ position:relative; z-index:1; flex:1 1 auto; min-height:0; overflow:hidden auto; padding:2px 24px 6px 0;
  display:flex; flex-direction:column; scrollbar-width:thin; scrollbar-color:rgba(28,91,214,.4) transparent; }
.okna-org-guar-modal__info-scroll::-webkit-scrollbar{ width:6px; }
.okna-org-guar-modal__info-scroll::-webkit-scrollbar-track{ background:transparent; }
.okna-org-guar-modal__info-scroll::-webkit-scrollbar-thumb{ background:rgba(28,91,214,.35); border-radius:4px; }
.okna-org-guar-modal__info-scroll::-webkit-scrollbar-thumb:hover{ background:rgba(28,91,214,.6); }
.okna-org-guar-modal__info-ic{ width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:0 0 16px; }
.okna-org-guar-modal__info-ic img{ display:block; width:60px; height:60px; object-fit:contain; }
.okna-org-guar-modal__info-t{ margin:0; padding-right:20px; color:var(--ink,#123d87); font-size:23px; font-weight:800; line-height:1.2; }
.okna-org-guar-modal__info-line{ display:block; width:52px; height:3px; background:var(--red,#e0223a); border-radius:2px; margin:11px 0 13px; }
.okna-org-guar-modal__info-intro{ margin:0 0 15px; color:var(--graphite,#1e2330); font-size:14.5px; line-height:1.55; }
.okna-org-guar-modal__sections{ display:flex; flex-direction:column; gap:12px; }
.okna-org-guar-modal__sec-h{ margin:0 0 5px; color:var(--blue,#1c5bd6); font-size:14px; font-weight:700; }
.okna-org-guar-modal__sec-p{ margin:0; color:var(--muted,#6b7686); font-size:14px; line-height:1.6; }
.okna-org-guar-modal__sec-list{ list-style:none; margin:0; padding:0; }
.okna-org-guar-modal__sec-list li{ position:relative; padding-left:22px; margin:0 0 7px; color:var(--muted,#6b7686); font-size:14px; line-height:1.5; }
.okna-org-guar-modal__sec-list li::before{ content:""; position:absolute; left:2px; top:7px; width:7px; height:7px; border-radius:50%; background:var(--blue,#1c5bd6); }
/* декоративный «фон» (сертификат) — закреплён по центру левой части, ЗА текстом, не скролится вместе с ним */
.okna-org-guar-modal__decor{ position:absolute; left:0; right:0; bottom:12px; margin:0 auto; width:70%; max-width:250px; height:auto; opacity:.5; z-index:0; pointer-events:none; }

/* правая форма-колонка: компактная, вписывается; мягкий скролл-фолбэк на очень низких экранах */
.okna-org-guar-modal__form-col{ padding:2px 2px 4px 30px; min-height:0; overflow:hidden auto; scrollbar-width:thin; scrollbar-color:rgba(28,91,214,.4) transparent; }
.okna-org-guar-modal__form-col::-webkit-scrollbar{ width:6px; }
.okna-org-guar-modal__form-col::-webkit-scrollbar-thumb{ background:rgba(28,91,214,.35); border-radius:4px; }
/* CF7-autop оборачивает скрытые маркеры в <p> с <br> (пустая высота ~136px) — прячем; hidden-инпуты при display:none всё равно сабмитятся */
.okna-org-guar-modal__form .wpcf7-form > p:has(> input[type=hidden]){ display:none !important; }
.okna-org-guar-modal__form-t{ margin:0; color:var(--ink,#123d87); font-size:21px; font-weight:800; line-height:1.2; }
.okna-org-guar-modal__form-sub{ margin:11px 0 15px; color:var(--muted,#6b7686); font-size:14px; line-height:1.5; }
.okna-org-guar-modal__form .okna-guar-f{ display:flex; flex-direction:column; gap:4px; margin:0 0 9px; }
.okna-org-guar-modal__form .okna-guar-f > label{ font-size:13px; font-weight:600; color:var(--ink,#123d87); }
.okna-org-guar-modal__form .okna-guar-f .wpcf7-form-control-wrap{ display:block; }
.okna-org-guar-modal__form input[type=text], .okna-org-guar-modal__form input[type=tel], .okna-org-guar-modal__form textarea{
  width:100%; box-sizing:border-box; border:1px solid var(--line,#e8ecf2); border-radius:var(--ok-radius-field,8px); padding:10px 14px; font-size:14.5px; line-height:1.35; color:var(--graphite,#1e2330); background:#fff; font-family:inherit; } /* Волна 1-бис: поле guar-модалки 11px→роль поля 8px (§3.2.6 выброс 11) */
.okna-org-guar-modal__form input:focus, .okna-org-guar-modal__form textarea:focus{ outline:none; border-color:var(--blue,#1c5bd6); box-shadow:0 0 0 3px rgba(28,91,214,.12); }
.okna-org-guar-modal__form textarea{ min-height:50px; resize:vertical; }
.okna-org-guar-modal__form .okna-guar-actions{ margin:13px 0 0; }
/* #okna-guar-modal (спец. с id) — перебить TT1 input[type=submit]:not(...) (0,4,1) */
#okna-guar-modal .okna-guar-submit{ width:100% !important; background:var(--blue,#1c5bd6) !important; color:#fff !important; border:0 !important;
  font-size:16px !important; font-weight:700 !important; line-height:1.2 !important; border-radius:8px !important; padding:13px 28px !important; cursor:pointer; margin:0 !important; /* РАЗМЕР-КНОПОК 09.08: радиус 11→8, кегль 15→16, padH 24→28 — к канону главной */
  box-shadow:0 6px 18px rgba(28,91,214,.22) !important; }  /* К ПОКАЗУ п.1: кнопка СИНЯЯ, а базовое .wpcf7-submit (design.css:313) навешивало КРАСНУЮ тень rgba(224,34,58) — читалось как рамка ошибки. Тень к цвету кнопки. */
#okna-guar-modal .okna-guar-submit:hover{ filter:brightness(1.08) !important; background:var(--blue,#1c5bd6) !important; box-shadow:0 10px 26px rgba(28,91,214,.30) !important; }
.okna-guar-f > label .okna-req{ color:var(--red,#e0223a); margin-left:1px; }
.okna-org-guar-modal__form .wpcf7-spinner{ margin:8px auto 0; display:block; }
/* согласие 152-ФЗ (авто из requests.php) — над кнопкой */
.okna-org-guar-modal__form .okna-cf7-acc{ display:flex; align-items:flex-start; gap:9px; margin:2px 0 2px; font-size:12.5px; line-height:1.45; color:var(--muted,#6b7686); }
.okna-org-guar-modal__form .okna-cf7-acc input[type=checkbox]{ margin-top:2px; flex:0 0 auto; }
.okna-org-guar-modal__form .wpcf7-response-output{ margin:14px 0 0 !important; font-size:13px; border-radius:8px; padding:10px 14px !important; } /* Волна 1: радиус 10→8 к канону */
/* сообщения-ошибки CF7 в дизайн сайта: компактный красный текст бренда (был дефолт CF7 — крупный) + бордер невалидного поля. Попап гарантии + финальная форма (fleet) */
.okna-org-guar-modal__form .wpcf7-not-valid-tip,
.okna-org-final__form .wpcf7-not-valid-tip{ display:block; margin:5px 0 0; color:var(--red,#e0223a); font-size:12.5px; font-weight:600; line-height:1.35; }
/* Волна 1 §17: снят локальный вид ошибки guar/final-модалок (был border-color+box-shadow) — перекрыт общим слоем design.css `.wpcf7 .wpcf7-not-valid{outline}`. Один индикатор ошибки на весь сайт. */

/* адаптив попапа */
@media (max-width:768px){
  .okna-org-guar-modal{ padding:12px; }
  /* моб: колонки стекаются → скролит весь бокс (не внутренние колонки) */
  .okna-org-guar-modal__box{ padding:24px 18px 22px; border-radius:18px; max-height:92vh; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(28,91,214,.4) transparent; }
  .okna-org-guar-modal__box::-webkit-scrollbar{ width:6px; }
  .okna-org-guar-modal__box::-webkit-scrollbar-thumb{ background:rgba(28,91,214,.35); border-radius:4px; }
  .okna-org-guar-modal__body{ grid-template-columns:1fr; overflow:visible; min-height:auto; }
  .okna-org-guar-modal__info{ padding:0 0 18px; border-right:0; border-bottom:1px solid var(--line,#e8ecf2); margin-bottom:18px; overflow:visible; min-height:auto; }
  /* моб: внутренний скролл отключён (скролит весь бокс); декор — в поток ПОСЛЕ текста, по центру */
  .okna-org-guar-modal__info-scroll{ overflow:visible; min-height:auto; padding:0; order:1; }
  .okna-org-guar-modal__info-t{ font-size:20px; }
  .okna-org-guar-modal__decor{ position:static; order:2; width:66%; max-width:220px; opacity:.4; margin:14px auto 0; inset:auto; }
  .okna-org-guar-modal__form-col{ padding:0; overflow:visible; }
  .okna-org-guar-modal__form input[type=text], .okna-org-guar-modal__form input[type=tel], .okna-org-guar-modal__form textarea{ font-size:16px; } /* без зума iOS */
}

/* ============================================================
   ХАБ «Для организаций» (/dlya-organizaciy/, tpl-org-hub) — витрина сегментов.
   Ширина/ритм 1200/32px — из .okna-org > section + .okna-org .okna-wrap (не переопределяем).
   ============================================================ */
.okna-org-hub__hero{ min-height:400px; }
.okna-org-hub__hero .okna-org-hero__inner{ padding-top:56px; padding-bottom:56px; }
/* Воздух под hero на РАЗВОДЯЩЕЙ = как на внутренних страницах B2B (владелец: «слишком
   маленький отступ»). Замер: внутренняя /vahtovym-perevozkam/ даёт от низа hero до H2 66px
   (секция padding-top 32 + её .okna-wrap padding-top 34), а разводящая — только 32:
   базовый .okna-org .okna-wrap (org.css:26) вертикального отступа не имеет, а своей добавки
   у hub-секции не было. Выравниваем на тот же ритм. */
.okna-org .okna-org-hub__dir > .okna-wrap{ padding-top:34px; }

/* Подзаголовок разводящей = КАНОН .okna-section-sub (design.css:652): размер/цвет/отступы
   свои НЕ пишем — стандарт это прямо запрещает. Здесь остаётся только ось-отступ слева,
   как у прочих подзаголовков внутри .okna-org (правило .okna-org .okna-section-sub выше).
   Было: margin:-4px … + color:#5a6b82 + 16px/1.55 — из-за -4px подзаголовок липнул к
   красной черте H2, из-за своего цвета/размера выбивался из остальных страниц (16.07). */
.okna-org .okna-org-hub__lead{ margin-left:var(--okna-head-indent,37px); max-width:820px; }
/* карточки-направления
   W4-P04: величины приведены к макету «08 Для организаций (хаб)». Макеты 08 и 09 — ДВА
   НЕЗАВИСИМЫХ ЭКРАНА (медиазапросов по ширине ноль, ветвление sc-if isDesktop/isMobile),
   поэтому десктопные числа стоят в базовых правилах, мобильные — отдельным блоком в конце
   секции (@media max-width:600px). Имена .okna-org-hub__* печатает ТОЛЬКО хаб (замер «до»:
   на главной, ГЕО и оффере таких узлов 0), поэтому скоуп у правки собственный.
   Раскладку карточки НЕ переносим: в макете (и на десктопе, и на мобайле) в карточке стоит
   ФОТО сегмента, а шаблон inc/org-hub.php фото не печатает вовсе — там инлайновый SVG,
   обращения к миниатюре в шаблоне нет. Контент сегментов — данные владельца. */
.okna-org-hub__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px; }
.okna-org-hub__card{ display:flex; align-items:flex-start; gap:16px; text-decoration:none;
  background:#fff; border:1px solid var(--line,#e8ecf2); border-radius:var(--ok-radius-card,16px); padding:20px 24px 22px; /* макет 08: padding:20px 24px 22px */
  box-shadow:var(--shadow-sm,0 6px 18px rgba(20,30,55,.06)); transition:box-shadow .18s, border-color .18s, transform .18s; }
.okna-org-hub__card:hover{ box-shadow:0 12px 30px rgba(20,30,55,.12); border-color:var(--blue,#1c5bd6); transform:translateY(-2px); }
.okna-org-hub__card-ic{ flex:0 0 auto; display:inline-grid; place-items:center; width:54px; height:54px; border-radius:14px; background:var(--blue-soft,#eef3fc); }
.okna-org-hub__card-body{ display:flex; flex-direction:column; min-width:0; flex:1 1 auto; }
.okna-org-hub__card-t{ font-size:16.5px; font-weight:800; color:var(--ink,#123d87); line-height:1.22; margin:0 0 6px; } /* макет 08: font-size:16.5px; margin:0 0 6px */
.okna-org-hub__card-d{ font-size:13.5px; line-height:1.55; color:#526173; margin:0 0 14px; /* макет 08: 13.5px/1.55, #526173, margin:0 0 14px */
  display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
/* margin-top макета (auto) НЕ ставим: в макете он работает внутри вертикальной карточки
   flex-direction:column с flex:1 на теле, а здесь тело по высоте контента — свободного
   места ноль, auto дал бы 0 и был бы мёртвым объявлением. Отбивка от описания задана его
   же margin-bottom:14px (макет 08) — эффект совпадает с макетным. */
.okna-org-hub__card-go{ align-self:flex-start; display:inline-flex; align-items:center; gap:6px; /* макет 08: gap:6px */
  font-size:13.5px; font-weight:700; color:var(--blue,#1c5bd6); white-space:nowrap; }
.okna-org-hub__chev{ display:inline-flex; color:var(--blue,#1c5bd6); }
.okna-org-hub__empty{ color:#5a6b82; }
/* преимущества — макет 08, секция «ПОЧЕМУ ВЫБИРАЮТ НАС» (десктоп) */
.okna-org-hub__adv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.okna-org-hub__adv-item{ display:flex; flex-direction:column; gap:16px; background:#fff; border:1px solid var(--line,#e8ecf2); /* макет 08: значок отбит от заголовка на 16px */
  border-radius:var(--ok-radius-card,16px); padding:22px 24px; box-shadow:var(--shadow-sm,0 6px 18px rgba(20,30,55,.06)); } /* макет 08: padding:22px 24px */
.okna-org-hub__adv-ic{ display:inline-grid; place-items:center; width:52px; height:52px; border-radius:999px; /* макет 08: 52×52, border-radius:999px */
  background:var(--blue-soft,#eef3fc); color:var(--blue,#1c5bd6); }
.okna-org-hub__adv-txt b{ display:block; color:var(--ink,#123d87); font-weight:800; font-size:15.5px; line-height:1.28; margin:0 0 8px; } /* макет 08: margin:0 0 8px */
.okna-org-hub__adv-txt span{ color:#526173; font-size:13.5px; line-height:1.55; } /* макет 08: #526173, line-height:1.55 */
@media (max-width:768px){
  .okna-org-hub__adv-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .okna-org-hub__grid{ grid-template-columns:1fr; }
  .okna-org-hub__card{ flex-wrap:nowrap; }
  /* ---- МОБИЛЬНЫЙ ЭКРАН макета 08 (секции «НАПРАВЛЕНИЯ (стек)» и «ПОЧЕМУ (2x2)»).
     Это отдельный экран макета, а не адаптив десктопного, поэтому числа свои.
     НЕ переносится (вёрстка/содержимое, а не величина): фото сегмента 52×52 r10 в слоте
     значка — шаблон фото не печатает; шеврон-стрелка справа вместо ссылки «Подробнее»;
     align-items:center у карточки. Эти позиции названы в отчёте. ---- */
  .okna-org-hub__grid{ gap:9px; }                                     /* макет 08 моб: gap:9px */
  .okna-org-hub__card{ gap:12px; border-radius:14px; padding:13px 14px; } /* макет 08 моб: gap:12px; border-radius:14px; padding:13px 14px */
  .okna-org-hub__card-ic{ width:52px; height:52px; border-radius:10px; }  /* макет 08 моб: слот значка 52×52, r10 */
  .okna-org-hub__card-t{ font-size:14px; margin:0 0 1px; }            /* макет 08 моб: font-size:14px; margin-bottom:1px */
  .okna-org-hub__card-d{ font-size:11.5px; line-height:1.35; color:#8a94a6; margin:0; /* макет 08 моб: 11.5px/1.35, #8a94a6 */
    /* MOB-04: снят -webkit-line-clamp:3 (база org.css:634) — на мобиле (1 колонка) описание
       карточки B2B-хаба показывается ПОЛНОСТЬЮ (скрывалось 15–31px). Раскрывашка избыточна для
       1–2 строк. Десктоп (3 колонки) клэмп сохраняет для ровных рядов. */
    display:block; -webkit-line-clamp:none; line-clamp:none; overflow:visible; }
  .okna-org-hub__card-go{ margin-top:8px; font-size:12.5px; }         /* величины в мобильном макете нет (там шеврон) — держим компактный размер, отмечено позицией */
  .okna-org-hub__adv-grid{ grid-template-columns:1fr 1fr; gap:10px; } /* макет 08 моб: 2×2, gap:10px */
  .okna-org-hub__adv-item{ gap:10px; border-radius:14px; padding:14px; } /* макет 08 моб: border-radius:14px; padding:14px; значок отбит на 10px */
  .okna-org-hub__adv-ic{ width:38px; height:38px; }                   /* макет 08 моб: 38×38, r999 (радиус тот же, что на десктопе) */
  .okna-org-hub__adv-ic svg{ width:18px; height:18px; }               /* макет 08 моб: svg 18×18 */
  .okna-org-hub__adv-txt b{ font-size:13px; line-height:1.3; margin:0 0 4px; } /* макет 08 моб: 13px/1.3; margin-bottom:4px */
  .okna-org-hub__adv-txt span{ font-size:11.5px; line-height:1.45; }  /* макет 08 моб: 11.5px/1.45, цвет #526173 — тот же, что на десктопе */
}


/* ============================================================
   Попап «Гарантия» — КОМПАКТНАЯ форма, чтобы вмещалась БЕЗ СКРОЛЛА даже при ошибках валидации (реш. владельца 10.07).
   Раньше правая колонка (__form-col) скроллилась (контент > высоты). Ужимаем поля/отступы + компактный вывод ошибки.
   ============================================================ */
.okna-org-guar-modal__box{ max-height:96vh; padding:20px 28px 20px; overflow-y:auto; }
/* Единый скролл — на боксе (растёт по контенту до 96vh; на нормальном экране влезает → скролла НЕТ).
   Колонки больше НЕ скроллят по отдельности (раньше именно правая колонка формы давала скролл при ошибках). */
.okna-org-guar-modal__body{ overflow:visible; flex:0 0 auto; min-height:auto; }
.okna-org-guar-modal__form-col{ overflow:visible; }
.okna-org-guar-modal__info-scroll{ overflow:visible; }
.okna-org-guar-modal .wpcf7 input[type=text],
.okna-org-guar-modal .wpcf7 input[type=tel],
.okna-org-guar-modal .wpcf7 input[type=email]{ min-height:44px; padding-top:8px; padding-bottom:8px; margin-top:3px; }
.okna-org-guar-modal .wpcf7 textarea{ min-height:44px; padding-top:8px; margin-top:3px; }
.okna-org-guar-modal .wpcf7 .okna-cf7-row{ margin-bottom:8px; }
.okna-org-guar-modal .wpcf7 > p{ margin:0 0 8px; }
.okna-org-guar-modal .okna-org-guar-modal__form-t{ margin-top:0; margin-bottom:4px; }
.okna-org-guar-modal .okna-org-guar-modal__form-sub{ margin:0 0 8px; }
.okna-org-guar-modal .wpcf7-response-output{ margin:6px 0 0 !important; padding:10px 14px !important; font-size:13px; line-height:1.4; } /* Волна 1: padding 7/11→10/14, кегль 12.5→13 к канону (искомый выброс §4) */
.okna-org-guar-modal .okna-cf7-acc,.okna-org-guar-modal .okna-cf7-acc--auto{ margin:6px 0 0; }