/* ==========================================================================
   Страница-подборка (шаблон page-podborka.php, тема kg-blog).
   Классы pb-* перенесены из утверждённого макета seo/pages/podborki/nedorogie-mockup.html
   без изменений (кроме плашек-заглушек .mk-tilda). Только токены кита var(--kg-*), без импорта шрифтов:
   шрифты приходят с шапкой Тильды (docs/gotchas.md, 20.10.2026).
   Подключается в functions.php только на этом шаблоне, после kg-components.css кита.
   ========================================================================== */

/* Первый экран — «Вариант А», утверждён владельцем 20.10.2026 (образец — живая /nedorogie-uchastki-v-krymu/,
   стили перенесены из макета варианта А 1:1 с префиксом pb-). Фото на всю ширину под затемнением кита,
   слева текст (до 640 px): крошки, H1, лид, цена «от» с лентой «Рассрочка 0-0-12», две кнопки, подпись;
   внизу внутри фото — полоса из четырёх фактов в стеклянных плитках с белой обводкой.
   Шапка Тильды фиксированная и плавающая, у .kg-blog-main под неё резерв padding-top 100 px
   (до 900 px — 80 px, style.css темы). Фото уходит под шапку, как на «Акциях» (.kg-hero темы):
   отрицательный margin на высоту резерва, контент опускаем тем же padding-top. Белой полосы нет. */
.pb-hero{--pb-head:100px;position:relative;margin-top:calc(-1 * var(--pb-head));padding-top:var(--pb-head);min-height:max(520px, 100vh);display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--kg-white);background:var(--kg-ink)}
/* фото сочнее и светлее (владелец 20.10.2026): насыщенность и яркость, затемнение кита слабее */
.pb-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.3) brightness(1.12)}
.pb-hero__scrim{position:absolute;inset:0;background:var(--kg-hero-scrim);opacity:.7}
.pb-hero__in{position:relative;width:100%;padding-block:var(--kg-space-6)}
.pb-hero__box{max-width:640px}
.pb-crumbs{display:flex;flex-wrap:wrap;gap:var(--kg-space-2);font-size:var(--kg-body-sm);color:var(--kg-white);opacity:.85;margin-bottom:var(--kg-space-4)}
.pb-crumbs a{color:var(--kg-white)} .pb-crumbs a:hover{color:var(--kg-red-light)}
.pb-crumbs span[aria-hidden]{opacity:.6}
.pb-page .pb-hero h1{font-family:var(--kg-font-display);font-weight:var(--kg-w-medium);font-size:var(--kg-display-xl);line-height:1.1;letter-spacing:var(--kg-ls-display);text-transform:uppercase;margin:0;color:inherit}
.pb-hero__lead{font-size:var(--kg-body-md);line-height:1.4;max-width:560px;margin:var(--kg-space-4) 0 0;color:inherit}
.pb-hero__price{display:flex;align-items:center;gap:var(--kg-space-5);flex-wrap:wrap;margin-top:var(--kg-space-5)}
.pb-hero__price small{display:block;font-size:var(--kg-body-sm);opacity:.85}
.pb-hero__price b{font-family:var(--kg-font-display);font-weight:var(--kg-w-medium);font-size:var(--kg-display-lg);letter-spacing:var(--kg-ls-display)}
.pb-flag{background:var(--kg-blue-light);color:var(--kg-white);font-family:var(--kg-font-display);font-style:italic;text-transform:uppercase;line-height:1;padding:var(--kg-space-3) var(--kg-space-5) var(--kg-space-3) var(--kg-space-6);clip-path:polygon(var(--kg-space-4) 0,100% 0,100% 100%,var(--kg-space-4) 100%,0 50%)}
.pb-hero__price .pb-flag small{display:block;font-size:var(--kg-body-xs);opacity:1}
.pb-hero__price .pb-flag b{font-size:var(--kg-display-xs)}
.pb-hero__cta{display:flex;gap:var(--kg-space-4);align-items:center;flex-wrap:wrap;margin-top:var(--kg-space-6)}
.pb-page a.pb-btn-ghost,.pb-page a.pb-btn-ghost:hover{background:transparent;color:var(--kg-white);box-shadow:inset 0 0 0 1px var(--kg-white)}
.pb-hero__note{font-size:var(--kg-body-sm);opacity:.85;margin-top:var(--kg-space-3)}
.pb-facts{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kg-space-3);margin-top:var(--kg-space-7)}
/* факты — как полоса фактов на лендингах Тильды (/shedroe/): тёмная скруглённая плитка,
   крупная голубая цифра, белая подпись (владелец 20.10.2026) */
.pb-fact{background:color-mix(in srgb, var(--kg-ink) 86%, transparent);border-radius:var(--kg-radius-xl);padding:var(--kg-space-5) var(--kg-space-6);color:var(--kg-white)}
.pb-fact b{display:block;font-family:var(--kg-font-display);font-weight:var(--kg-w-medium);font-size:var(--kg-display-sm);text-transform:uppercase;letter-spacing:var(--kg-ls-display);color:var(--kg-blue-light);margin-bottom:var(--kg-space-1)}
.pb-fact span{font-size:var(--kg-body-sm)}
@media (max-width:900px){
  .pb-hero{--pb-head:80px}
  .pb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-page .pb-hero h1{font-size:var(--kg-display-lg)}
  .pb-hero__price b{font-size:var(--kg-display-md)}
}
/* телефон: плитки фактов узкие (~160 px) — поля и цифры поменьше, чтобы «от 32 500 ₽» влезало в строку */
@media (max-width:480px){
  .pb-fact{padding:var(--kg-space-3)} .pb-fact b{font-size:var(--kg-body-md)}
}
/* невысокие экраны (ноутбуки): всё первое — в окне */
@media (max-height:820px){
  .pb-hero__in{padding-block:var(--kg-space-4)}
  .pb-crumbs{margin-bottom:var(--kg-space-2)}
  .pb-page .pb-hero h1{font-size:var(--kg-display-lg)}
  .pb-hero__lead{margin-top:var(--kg-space-3);font-size:var(--kg-body-base)}
  .pb-hero__price{margin-top:var(--kg-space-3)} .pb-hero__price b{font-size:var(--kg-display-md)}
  .pb-hero__cta{margin-top:var(--kg-space-4)} .pb-hero__note{margin-top:var(--kg-space-2)}
  .pb-fact{padding:var(--kg-space-3) var(--kg-space-4)} .pb-fact b{font-size:var(--kg-body-md)}
  .pb-facts{margin-top:var(--kg-space-4)}
}

/* Карточки проектов — kg-card кита + список коммуникаций */
.pb-card-link{color:inherit;display:block}
.pb-card-link:hover{color:inherit}
.pb-comms{display:flex;flex-wrap:wrap;gap:var(--kg-space-2)}
.pb-month{font-size:var(--kg-body-base);color:var(--kg-blue);font-weight:var(--kg-w-semibold)}
.pb-tagpill{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;height:40px;padding:0 var(--kg-space-4);border-radius:var(--kg-radius-xl);background:var(--kg-white);font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold);color:var(--kg-ink)}

/* Текстовые блоки */
.pb-text{max-width:820px;display:flex;flex-direction:column;gap:var(--kg-space-4)}
.pb-text p{margin:0;font-size:var(--kg-body-md);line-height:1.5;color:var(--kg-ink-2)}
.pb-honest{display:grid;gap:var(--kg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.pb-honest .kg-benefit{align-items:flex-start;text-align:left}
.pb-honest h3{margin:0}
.pb-honest p{margin:0;line-height:1.45}

.pb-review{background:var(--kg-white);border-radius:var(--kg-radius-md);box-shadow:var(--kg-shadow-soft);padding:var(--kg-space-6);display:flex;flex-direction:column;gap:var(--kg-space-3)}
.pb-stars{color:var(--kg-gold);letter-spacing:2px}
.pb-links{display:flex;flex-wrap:wrap;gap:var(--kg-space-4);align-items:center}



/* ── Дополнения к макету: в макете фото были фоном, в шаблоне это <img> ─────
   Фото первого экрана — настоящая картинка с предзагрузкой (LCP), фото карточек —
   loading="lazy" с alt. Выглядят так же, как фон center/cover в макете. */
.pb-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ── Стыковка кита с темой блога ─────────────────────────────────────────────
   В style.css темы есть свои .kg-card, .kg-faq, .kg-eyebrow: свойства, которых нет в ките,
   протекают на подборку. Возвращаем вид кита только внутри .pb-page, тему не трогаем. */

/* Тильда: у .kg-container content-box, и width:100% + поля кита вылезают за окно на 2×поле
   (на 375 px текст и плитки обрезались справа на 20 px). В ките контейнер border-box. */
.pb-page .kg-container{box-sizing:border-box}
.pb-page{overflow-wrap:anywhere}
/* Production prints Tilda's global content-box reset after wp_head; keep the kit model
   inside the collection only, without changing the imported header/form/footer. */
.pb-page,.pb-page *,.pb-page *::before,.pb-page *::after,
.pb-gallery-viewer,.pb-gallery-viewer *{box-sizing:border-box}

/* Тема: у карточки flex-колонка и своя тень на наведении. В ките карточка — блок с тенью кита. */
.pb-page .kg-card{display:block}
.pb-page .kg-card:hover{box-shadow:var(--kg-shadow-card)}

/* Тема: у FAQ отступ сверху, у пункта рамка, поля и нижний отступ. В ките — тень и gap. */
.pb-page .kg-faq{margin:0}
.pb-page .kg-faq__item{border:0;padding:0;margin:0}

/* Тема: надзаголовок прописными. В ките и в макете — обычный регистр. */
.pb-page .kg-eyebrow{text-transform:none}

/* Кит: `a:hover` красит ссылку в коралловый и по специфичности перебивает цвет кнопки-ссылки
   (так же, как на /chat/, см. style.css). Закрепляем цвета кнопок кита для ссылок. */
.pb-page a.kg-btn--primary,
.pb-page a.kg-btn--primary:hover,
.pb-page a.kg-btn--outline:hover{color:var(--kg-white)}
.pb-page a.kg-btn--outline,
.pb-page a.kg-btn--secondary,
.pb-page a.kg-btn--secondary:hover{color:var(--kg-red)}
.pb-page a.pb-card-link:hover .kg-arrow-btn{background:var(--kg-red);color:var(--kg-white)}

/* Обновление подборок, 03.11.2026. Общие части Тильды находятся вне .pb-page. */
.pb-page .pb-hero{min-height:max(700px,92svh)}
.pb-page .pb-hero__img{filter:none}
.pb-page .pb-hero__scrim{opacity:1}
.pb-page .pb-hero__in{padding-block:var(--kg-space-8)}
.pb-page .pb-hero__box{max-width:calc(var(--kg-container) * .64)}
.pb-hero__eyebrow{display:inline-block;margin-bottom:var(--kg-space-5);font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold);letter-spacing:var(--kg-ls-display);text-transform:uppercase;color:var(--kg-white)}
.pb-page .pb-hero h1{max-width:15ch;line-height:1.15;text-wrap:balance}
.pb-page .pb-hero__lead{max-width:48ch;font-size:var(--kg-body-lg);line-height:1.5}
.pb-page .pb-hero__cta{gap:var(--kg-space-4);margin-top:var(--kg-space-6)}
.pb-page .pb-facts{margin-top:var(--kg-space-8);gap:var(--kg-space-4)}
.pb-page .pb-fact{padding:var(--kg-space-5);border-radius:var(--kg-radius-md);background:color-mix(in srgb,var(--kg-ink) 84%,transparent);border:1px solid color-mix(in srgb,var(--kg-white) 20%,transparent)}
.pb-page .pb-fact b{font-size:var(--kg-display-xs);line-height:1.3}
.pb-page .pb-fact span{display:block;line-height:1.4}
.pb-page .kg-heading h2{text-wrap:balance;max-width:28ch}
.pb-page #projects .kg-grid-3{align-items:stretch;gap:var(--kg-space-6)}
.pb-page #projects .kg-card{display:flex;padding:var(--kg-space-1);transition:box-shadow var(--kg-transition);container-type:inline-size}
.pb-page #projects .pb-card-content{display:flex;flex-direction:column;width:100%;height:100%;color:var(--kg-ink)}
.pb-page #projects .kg-card__media{height:auto;aspect-ratio:16 / 9;flex-shrink:0;position:relative}
.pb-page #projects .kg-card__body{padding:var(--kg-space-5);display:flex;flex:1;flex-direction:column;gap:var(--kg-space-5)}
.pb-page #projects .kg-card__title{font-size:var(--kg-display-xs);line-height:1.35;min-height:0;text-wrap:balance}
.pb-page #projects .kg-card__location{display:block;font-size:var(--kg-body-base);line-height:1.45;margin-top:var(--kg-space-3);min-height:2.9em}
.pb-card-number{font-size:var(--kg-body-xs);font-weight:var(--kg-w-semibold);letter-spacing:var(--kg-ls-display);color:var(--kg-blue)}
.pb-card-caption{font-size:var(--kg-body-xs);line-height:1.4;color:var(--kg-ink-2);padding:var(--kg-space-3) var(--kg-space-5) 0}
.pb-page #projects .kg-card__foot{margin-top:auto;padding-top:var(--kg-space-5);border-top:1px solid var(--kg-border);align-items:center}
.pb-card-action{display:block;color:var(--kg-red);font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold)}
.pb-page .kg-chip__key{color:var(--kg-ink-2)}
.pb-page .pb-tagpill{height:auto;max-width:calc(100% - var(--kg-space-6));padding:var(--kg-space-3) var(--kg-space-4);border-radius:var(--kg-radius-pill);line-height:1.3}
.pb-page .pb-honest{gap:var(--kg-space-5)}
.pb-page .pb-honest .kg-benefit{padding:var(--kg-space-6);gap:var(--kg-space-4)}
.pb-page .pb-honest .kg-textlink{margin-top:auto}
.pb-page .pb-text{max-width:70ch}
.pb-page .pb-text p{line-height:1.65}
.pb-page .kg-faq__q:focus-visible{outline:none;box-shadow:var(--kg-ring-focus)}
@media(max-height:820px) and (min-width:901px){
 .pb-page .pb-hero{min-height:max(640px,100svh)}
 .pb-page .pb-hero__in{padding-block:var(--kg-space-6)}
 .pb-page .pb-hero h1{font-size:var(--kg-display-lg)}
 .pb-page .pb-hero__lead{font-size:var(--kg-body-md)}
 .pb-page .pb-facts{margin-top:var(--kg-space-6)}
}
@media(max-width:900px){
 .pb-page .pb-hero{min-height:auto}
 .pb-page .pb-hero__in{padding-block:var(--kg-space-7)}
 .pb-page .pb-hero__lead{font-size:var(--kg-body-md)}
 .pb-page .pb-facts{margin-top:var(--kg-space-7);gap:var(--kg-space-3)}
 .pb-page .pb-fact{padding:var(--kg-space-4)}
 .pb-page .pb-fact b{font-size:var(--kg-body-md)}
}
@media(max-width:480px){
 .pb-page .pb-hero__in{padding-block:var(--kg-space-6)}
 .pb-page .pb-hero h1{font-size:var(--kg-display-md);line-height:1.25}
 .pb-hero__eyebrow{font-size:var(--kg-body-xs);margin-bottom:var(--kg-space-4)}
 .pb-page .pb-hero__lead{font-size:var(--kg-body-base);line-height:1.5}
 .pb-page .pb-hero__price{gap:var(--kg-space-4);margin-top:var(--kg-space-5)}
 .pb-page .pb-hero__price b{font-size:var(--kg-display-md)}
 .pb-page .pb-hero__cta{gap:var(--kg-space-3);margin-top:var(--kg-space-5)}
 .pb-page .pb-hero__cta .kg-btn--primary{width:100%;justify-content:flex-start}
 .pb-page .pb-hero__cta .pb-btn-ghost{height:auto;padding:var(--kg-space-3) 0;box-shadow:none;text-decoration:underline;text-underline-offset:var(--kg-space-1);font-size:var(--kg-body-base)}
 .pb-page .pb-hero__note{margin-top:var(--kg-space-2);font-size:var(--kg-body-xs)}
 .pb-page .pb-facts{margin-top:var(--kg-space-5)}
 .pb-page .pb-fact{padding:var(--kg-space-3);border-radius:var(--kg-radius-sm)}
 .pb-page .pb-fact b{font-size:var(--kg-body-base)}
 .pb-page .pb-fact span{font-size:var(--kg-body-xs)}
 .pb-page #projects .kg-card__title,.pb-page #projects .kg-card__location{min-height:0}
 .pb-page .pb-honest .kg-benefit{padding:var(--kg-space-5)}
}

/* Второй просмотр: сравнение без прокрутки, линейные иконки, разные композиции блоков. */
.pb-page .pb-icon{display:block;flex:none;color:var(--kg-blue)}
.pb-page .pb-icon-box{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--kg-space-8);height:var(--kg-space-8);border-radius:var(--kg-radius-sm);color:var(--kg-blue);background:color-mix(in srgb,var(--kg-blue) 10%,var(--kg-white))}
.pb-page .pb-icon-box .pb-icon{width:var(--kg-space-6);height:var(--kg-space-6)}
.pb-page .kg-chip .pb-icon{width:var(--kg-space-5);height:var(--kg-space-5)}
.pb-page .pb-detail{display:flex;align-items:flex-start;gap:var(--kg-space-3);min-width:0;line-height:1.5}
.pb-page .pb-detail .pb-icon{width:var(--kg-space-5);height:var(--kg-space-5);margin-top:var(--kg-space-1)}
.pb-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kg-space-5)}
.pb-payment-card{display:flex;flex-direction:column;gap:var(--kg-space-5);min-width:0;padding:var(--kg-space-7);border-radius:var(--kg-radius-xl);background:var(--kg-white);border:1px solid var(--kg-border)}
.pb-payment-card--blue{border-color:color-mix(in srgb,var(--kg-blue) 35%,var(--kg-white))}
.pb-feature-top{display:flex;align-items:center;justify-content:space-between;gap:var(--kg-space-5)}
.pb-payment-value{font-family:var(--kg-font-display);font-size:var(--kg-display-lg);font-weight:var(--kg-w-medium);color:var(--kg-blue)}
.pb-page .pb-payment-card h3,.pb-page .pb-checklist h3,.pb-page .pb-process h3,.pb-page .pb-assurance h3,.pb-page .pb-tours h3,.pb-page .pb-tours h4{margin:0;font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);line-height:1.4;letter-spacing:var(--kg-ls-display);text-transform:uppercase}
.pb-page .pb-payment-card p{margin:0;font-size:var(--kg-body-base);line-height:1.6}
.pb-payment-card .kg-textlink{display:inline-flex;align-items:center;gap:var(--kg-space-3);margin-top:auto;align-self:flex-start}
.pb-page .pb-payment-caption{padding-top:var(--kg-space-4);border-top:1px solid var(--kg-border)}
.pb-page .pb-payment-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--kg-space-5);padding:0;margin:0;list-style:none}
.pb-payment-facts li{display:flex;flex-direction:column;gap:var(--kg-space-2)}
.pb-payment-facts b{font-family:var(--kg-font-display);font-size:var(--kg-body-md);font-weight:var(--kg-w-medium)}
.pb-payment-facts span{font-size:var(--kg-body-sm);color:var(--kg-ink-2)}
.pb-assurance{display:flex;align-items:flex-start;gap:var(--kg-space-4);padding:var(--kg-space-5) var(--kg-space-6);background:var(--kg-white);border-radius:var(--kg-radius-md);border:1px solid var(--kg-border)}
.pb-page .pb-assurance p{margin:0;font-size:var(--kg-body-base);line-height:1.6}
.pb-before-choice{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--kg-space-8);align-items:start}
.pb-before-intro{display:flex;flex-direction:column;gap:var(--kg-space-6)}
.pb-page .pb-before-intro .kg-heading h2{font-size:var(--kg-display-md);line-height:1.3}
.pb-page .pb-before-intro .pb-text p{font-size:var(--kg-body-base)}
.pb-before-note{padding-top:var(--kg-space-5);border-top:1px solid var(--kg-border);font-weight:var(--kg-w-semibold);font-size:var(--kg-body-sm)}
.pb-checklist{display:flex;flex-direction:column;gap:var(--kg-space-6)}
.pb-checklist-item{display:flex;align-items:flex-start;gap:var(--kg-space-5);padding-bottom:var(--kg-space-6);border-bottom:1px solid var(--kg-border)}
.pb-checklist-item:last-child{padding-bottom:0;border-bottom:0}
.pb-page .pb-checklist-item p{margin:var(--kg-space-3) 0 0;line-height:1.6}
.pb-page .pb-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kg-space-5);list-style:none;padding:0;margin:0}
.pb-process li{position:relative;min-width:0;padding:var(--kg-space-6);border:1px solid var(--kg-border);border-radius:var(--kg-radius-md);background:var(--kg-white)}
.pb-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--kg-space-6);gap:var(--kg-space-3)}
.pb-process-number{font-family:var(--kg-font-display);font-size:var(--kg-display-md);font-weight:var(--kg-w-regular);color:var(--kg-grey-300)}
.pb-page .pb-process h3{font-size:var(--kg-body-md)}
.pb-page .pb-process p{margin:var(--kg-space-3) 0 0;font-size:var(--kg-body-base);line-height:1.6}
.pb-assurance--bank{padding:var(--kg-space-6);gap:var(--kg-space-5)}
.pb-page .pb-assurance--bank h3{font-size:var(--kg-body-md);margin-bottom:var(--kg-space-2)}
.pb-tours{margin-top:var(--kg-space-7);padding-top:var(--kg-space-7);border-top:1px solid var(--kg-border)}
.pb-tours-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--kg-space-6);margin-bottom:var(--kg-space-6)}
.pb-tours-heading .kg-eyebrow{margin-bottom:var(--kg-space-4)}
.pb-page .pb-tours-heading p{max-width:36ch;margin:0;font-size:var(--kg-body-base);line-height:1.6}
.pb-tours-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kg-space-6)}
.pb-page .pb-tour{display:block;color:var(--kg-ink);border-radius:var(--kg-radius-md);border:1px solid var(--kg-border);padding:var(--kg-space-2);transition:box-shadow var(--kg-transition)}
.pb-tour:hover{box-shadow:var(--kg-shadow-card)}
.pb-tour-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--kg-radius-sm);background:var(--kg-ink)}
.pb-tour-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--kg-transition)}
.pb-tour:hover img{transform:scale(1.025)}
.pb-tour-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--kg-space-8);height:var(--kg-space-8);border-radius:var(--kg-radius-pill);background:var(--kg-red)}
.pb-page .pb-tour-play .pb-icon{color:var(--kg-white);fill:currentColor;width:var(--kg-space-6);height:var(--kg-space-6)}
.pb-tour-platform{position:absolute;left:var(--kg-space-4);bottom:var(--kg-space-4);padding:var(--kg-space-2) var(--kg-space-3);border-radius:var(--kg-radius-chip);background:var(--kg-white);font-size:var(--kg-body-xs);font-weight:var(--kg-w-semibold)}
.pb-tour-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--kg-space-5);padding:var(--kg-space-5) var(--kg-space-4)}
.pb-tour-caption>svg{flex:none;color:var(--kg-red)}
.pb-tour-caption span{display:block;font-size:var(--kg-body-sm);margin-bottom:var(--kg-space-2)}
.pb-page .pb-tour-caption h4{font-size:var(--kg-body-md)}
@media(max-width:1100px){
 .pb-page .pb-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pb-before-choice{gap:var(--kg-space-7);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}
@media(max-width:820px){
 .pb-before-choice{grid-template-columns:1fr}
 .pb-payment-card{padding:var(--kg-space-6)}
 .pb-payment-value{font-size:var(--kg-display-md)}
 .pb-tours-heading{align-items:flex-start;flex-direction:column;gap:var(--kg-space-4)}
 .pb-tours-heading p{max-width:none}
}
@media(max-width:620px){
 .pb-payment-grid,.pb-tours-grid,.pb-page .pb-process{grid-template-columns:1fr}
 .pb-checklist-item{gap:var(--kg-space-4)}
 .pb-page .pb-checklist-item .pb-icon-box{width:var(--kg-space-7);height:var(--kg-space-7);border-radius:var(--kg-radius-chip)}
 .pb-page .pb-checklist h3{font-size:var(--kg-body-md)}
 .pb-process li{padding:var(--kg-space-5) var(--kg-space-5) var(--kg-space-5) calc(var(--kg-space-8) + var(--kg-space-6))}
 .pb-process-top{margin:0}
 .pb-process-top .pb-icon-box{position:absolute;left:var(--kg-space-5);top:var(--kg-space-5);width:var(--kg-space-7);height:var(--kg-space-7)}
 .pb-process-top .pb-icon{width:var(--kg-space-5);height:var(--kg-space-5)}
 .pb-process-number{font-size:var(--kg-body-sm);position:absolute;left:var(--kg-space-5);top:calc(var(--kg-space-7) + var(--kg-space-6));width:var(--kg-space-7);text-align:center;color:var(--kg-blue)}
 .pb-assurance,.pb-assurance--bank{padding:var(--kg-space-5);gap:var(--kg-space-4)}
 .pb-assurance--bank .pb-icon-box{width:var(--kg-space-7);height:var(--kg-space-7)}
}

.pb-page section[id]{scroll-margin-top:100px}
.pb-payment-card:not(.pb-payment-card--blue) .pb-payment-value{color:var(--kg-red)}
.pb-page .pb-water-note{align-items:flex-start;white-space:normal;line-height:1.5;max-width:100%}
.pb-water-note .pb-icon{margin-top:var(--kg-space-1)}
.pb-water-note small{display:block;margin-top:var(--kg-space-1);font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold)}
.pb-gallery .kg-card__media{background:var(--kg-grey-bg)}
.pb-page .pb-gallery .pb-card-img{object-fit:contain}
.pb-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:var(--kg-space-3);border:1px solid var(--kg-border);border-radius:var(--kg-radius-pill);background:var(--kg-white);color:var(--kg-red);cursor:pointer;box-shadow:var(--kg-shadow-card)}
.pb-gallery-prev{left:var(--kg-space-3)}
.pb-gallery-prev svg{transform:rotate(180deg)}
.pb-gallery-next{right:var(--kg-space-3)}
.pb-gallery-count{position:absolute;right:var(--kg-space-3);bottom:var(--kg-space-3);padding:var(--kg-space-2) var(--kg-space-3);border-radius:var(--kg-radius-chip);background:var(--kg-white);font-size:var(--kg-body-xs);font-weight:var(--kg-w-semibold);color:var(--kg-ink)}
.pb-gallery-open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.pb-gallery-viewer{width:min(1100px,calc(100vw - var(--kg-space-7)));max-width:none;max-height:calc(100dvh - var(--kg-space-7));padding:var(--kg-space-7) var(--kg-space-5) var(--kg-space-4);border:0;border-radius:var(--kg-radius-md);background:var(--kg-white);color:var(--kg-ink)}
.pb-gallery-viewer::backdrop{background:color-mix(in srgb,var(--kg-ink) 80%,transparent)}
.pb-gallery-viewer>img{display:block;max-height:calc(100dvh - 180px);max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}
.pb-viewer-close,.pb-viewer-prev,.pb-viewer-next{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--kg-border);border-radius:var(--kg-radius-pill);background:var(--kg-white);color:var(--kg-red);font-size:var(--kg-display-md);cursor:pointer;flex:none}
.pb-viewer-close{position:absolute;right:var(--kg-space-3);top:var(--kg-space-3)}
.pb-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--kg-space-4);margin-top:var(--kg-space-4)}
.pb-viewer-bottom p{margin:0;font-size:var(--kg-body-sm);line-height:1.5;text-align:center}
.pb-gallery .pb-card-caption{margin:0;min-height:2.8em;padding:var(--kg-space-3) var(--kg-space-5) 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pb-gallery{display:grid;grid-template-columns:minmax(0,1fr)}
.pb-gallery .kg-card__media{grid-area:1/1}
.pb-gallery-meta{grid-area:2/1}
.pb-gallery-dots{grid-area:1/1;align-self:end;justify-self:start;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:calc(100% - var(--kg-space-8) - var(--kg-space-5));border-radius:var(--kg-radius-pill);background:var(--kg-white);margin:var(--kg-space-2)}
.pb-gallery--many .pb-gallery-dots{grid-area:2/1;justify-self:center;max-width:calc(100% - var(--kg-space-5) * 2)}
.pb-gallery--many .pb-gallery-meta{grid-area:3/1}
.pb-gallery-dot{position:relative;display:block;width:44px;height:44px;background:transparent;border:0;padding:0;cursor:pointer}
.pb-gallery-dot:after{content:'';position:absolute;inset:var(--kg-space-4);border-radius:var(--kg-radius-pill);background:var(--kg-grey-300)}
.pb-gallery-dot[aria-pressed=true]:after{background:var(--kg-red)}
.pb-page :is(.pb-gallery button,.pb-use-card a):focus-visible{outline:2px solid var(--kg-red);outline-offset:var(--kg-space-1)}
.pb-page .pb-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-6)}
.pb-use-card{min-width:0;display:flex;flex-direction:column;background:var(--kg-white);border-radius:var(--kg-radius-xl);padding:var(--kg-space-2);box-shadow:var(--kg-shadow-soft)}
.pb-use-image{display:block;overflow:hidden;aspect-ratio:432/256;border-radius:var(--kg-radius-lg)}
.pb-use-image img{display:block;width:100%;height:100%;object-fit:cover}
.pb-use-body{padding:var(--kg-space-5);display:flex;flex:1;flex-direction:column;gap:var(--kg-space-4)}
.pb-page .pb-use-body h3{margin:0;font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);text-transform:uppercase;letter-spacing:var(--kg-ls-display);line-height:1.4}
.pb-page .pb-use-body p{margin:0;font-size:var(--kg-body-base);line-height:1.6}
.pb-use-body .kg-textlink{display:inline-flex;align-items:center;gap:var(--kg-space-3);font-size:var(--kg-body-sm);margin-top:auto;padding-top:var(--kg-space-3)}
.pb-use-body .kg-textlink svg{flex:none}
.pb-use-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--kg-space-6)}
.pb-page .pb-use-bottom p{margin:0;max-width:70ch;font-size:var(--kg-body-sm);line-height:1.6}
.pb-use-bottom .kg-btn{flex:none;gap:var(--kg-space-3)}
.pb-check-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--kg-space-8);align-items:start}
.pb-check-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kg-space-5);padding:var(--kg-space-7);border-radius:var(--kg-radius-xl);background:var(--kg-ink);color:var(--kg-white)}
.pb-check-intro .pb-icon-box{background:color-mix(in srgb,var(--kg-blue) 20%,var(--kg-ink))}
.pb-check-intro .pb-icon{color:var(--kg-blue-light)}
.pb-page .pb-check-intro h2{margin:0;font-family:var(--kg-font-display);font-size:var(--kg-display-md);font-weight:var(--kg-w-medium);line-height:1.3;letter-spacing:var(--kg-ls-display);text-transform:uppercase;color:inherit}
.pb-page .pb-check-intro p{margin:0;font-size:var(--kg-body-base);line-height:1.6}
.pb-check-intro .kg-btn{font-size:var(--kg-body-base);margin-top:var(--kg-space-3)}
.pb-page .pb-buyer-list{list-style:none;display:grid;gap:var(--kg-space-6);margin:0;padding:0}
.pb-buyer-list li{display:flex;gap:var(--kg-space-5);padding-bottom:var(--kg-space-6);border-bottom:1px solid var(--kg-border)}
.pb-buyer-list li:last-child{padding-bottom:0;border-bottom:0}
.pb-buyer-list>li>div{min-width:0;overflow-wrap:anywhere}
.pb-page .pb-buyer-list h3{margin:0;font-family:var(--kg-font-display);font-size:var(--kg-body-md);font-weight:var(--kg-w-medium);line-height:1.4;letter-spacing:var(--kg-ls-display);text-transform:uppercase}
.pb-page .pb-buyer-list p{margin:var(--kg-space-3) 0 0;font-size:var(--kg-body-base);line-height:1.6}
@media(max-width:1000px){
 .pb-page .pb-use-grid{gap:var(--kg-space-5)}
 .pb-use-body{padding:var(--kg-space-4)}
 .pb-page .pb-use-body h3{font-size:var(--kg-body-md)}
 .pb-check-layout{grid-template-columns:1fr;gap:var(--kg-space-7)}
 .pb-check-intro{padding:var(--kg-space-6)}
 .pb-use-bottom{align-items:flex-start;flex-direction:column;gap:var(--kg-space-5)}
}
@media(max-width:700px){
 .pb-page .pb-use-grid{grid-template-columns:1fr}
 .pb-use-body{padding:var(--kg-space-5)}
 .pb-page .pb-use-body h3{font-size:var(--kg-display-xs)}
 .pb-check-intro{padding:var(--kg-space-5)}
 .pb-page .pb-check-intro h2{font-size:var(--kg-display-sm)}
 .pb-check-intro .kg-btn{padding-right:var(--kg-space-4);white-space:normal;width:100%;justify-content:flex-start}
 .pb-buyer-list li{gap:var(--kg-space-4)}
 .pb-buyer-list .pb-icon-box{width:var(--kg-space-7);height:var(--kg-space-7)}
}

/* Подробное сравнение: общие строки характеристик вместо повторения карточек. */
.pb-page .pb-card-highlight{display:flex;align-items:flex-start;gap:var(--kg-space-3);margin:0;padding:var(--kg-space-3) 0 var(--kg-space-3) var(--kg-space-4);border-left:2px solid var(--kg-blue);font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold);line-height:1.5}
.pb-card-highlight .pb-icon{width:var(--kg-space-5);height:var(--kg-space-5)}
.pb-matrix-wrap{border:1px solid var(--kg-border);border-radius:var(--kg-radius-xl);background:var(--kg-white)}
.pb-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--kg-body-base);line-height:1.55}
.pb-page .pb-matrix th,.pb-page .pb-matrix td{padding:var(--kg-space-5);text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--kg-border);overflow-wrap:anywhere}
.pb-page .pb-matrix thead th{background:var(--kg-grey-bg);border-bottom:1px solid var(--kg-border);font-weight:var(--kg-w-medium)}
.pb-matrix thead th:first-child{width:21%;border-top-left-radius:var(--kg-radius-xl);font-size:var(--kg-body-sm)}
.pb-matrix thead th:last-child{border-top-right-radius:var(--kg-radius-xl)}
.pb-page .pb-matrix thead a{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kg-space-3);font-family:var(--kg-font-display);font-size:var(--kg-body-md);line-height:1.4;letter-spacing:var(--kg-ls-display);text-transform:uppercase;color:var(--kg-red)}
.pb-matrix thead a>svg{flex:none;margin-top:var(--kg-space-2);width:var(--kg-space-4)}
.pb-matrix-highlight{display:block;margin-top:var(--kg-space-4);font-size:var(--kg-body-sm);line-height:1.5;font-weight:var(--kg-w-regular)}
.pb-matrix tbody th{font-family:var(--kg-font-body);font-weight:var(--kg-w-medium);font-size:var(--kg-body-sm);background:var(--kg-grey-bg)}
.pb-matrix td+td,.pb-matrix th+th{border-left:1px solid var(--kg-border)}
.pb-matrix .pb-compare-row--price td{background:color-mix(in srgb,var(--kg-blue) 6%,var(--kg-white));font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);white-space:nowrap}
.pb-matrix .pb-compare-row--month td{font-weight:var(--kg-w-semibold);color:var(--kg-blue)}
.pb-matrix .pb-compare-row--area td{font-weight:var(--kg-w-semibold)}
.pb-matrix .pb-compare-row--attention td{background:var(--kg-grey-bg);font-size:var(--kg-body-sm)}
.pb-matrix tfoot .kg-textlink{display:inline-flex;align-items:center;gap:var(--kg-space-3);font-size:var(--kg-body-sm);line-height:1.5}
.pb-page .pb-matrix tfoot th,.pb-page .pb-matrix tfoot td{border-bottom:0;font-family:var(--kg-font-body);font-size:var(--kg-body-sm);font-weight:var(--kg-w-medium)}
.pb-page .pb-comparison-note{margin:0;font-size:var(--kg-body-sm);line-height:1.6;color:var(--kg-ink-2)}
.pb-compare-mobile{display:none}
.pb-documents{display:flex;align-items:center;gap:var(--kg-space-7);justify-content:space-between;padding:var(--kg-space-7);border-radius:var(--kg-radius-xl);background:var(--kg-grey-bg)}
.pb-documents-copy{display:flex;gap:var(--kg-space-5);align-items:flex-start;max-width:66ch}
.pb-page .pb-documents h3{margin:0;font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);line-height:1.4;text-transform:uppercase;letter-spacing:var(--kg-ls-display)}
.pb-page .pb-documents p{margin:var(--kg-space-3) 0 0;font-size:var(--kg-body-base);line-height:1.6}
.pb-documents-action{display:flex;flex-direction:column;gap:var(--kg-space-3);flex:none;max-width:340px}
.pb-documents-action>span{font-size:var(--kg-body-xs);line-height:1.5}
.pb-documents .kg-btn{font-size:var(--kg-body-base);white-space:normal}
.pb-page :is(.pb-matrix a,.pb-compare-card summary,.pb-compare-card a):focus-visible{outline:2px solid var(--kg-red);outline-offset:var(--kg-space-1)}
.pb-comparison--many .pb-matrix-wrap{display:none}
.pb-comparison--many .pb-compare-mobile{display:grid;gap:var(--kg-space-5)}
@media(max-width:1100px){
 .pb-documents{align-items:flex-start;flex-direction:column;gap:var(--kg-space-5)}
 .pb-documents-action{max-width:none;flex-direction:row;align-items:center}
 .pb-documents-action>span{max-width:25ch}
 .pb-matrix thead th:first-child{width:23%}
 .pb-page .pb-matrix thead a{font-size:var(--kg-body-base)}
 .pb-page .pb-matrix th,.pb-page .pb-matrix td{padding:var(--kg-space-4)}
 .pb-matrix .pb-compare-row--price td{font-size:var(--kg-body-md)}
}
@media(max-width:900px){
 .pb-matrix-wrap{display:none}
 .pb-compare-mobile{display:grid;gap:var(--kg-space-4)}
}
.pb-page .pb-compare-mobile-hint{margin:0 0 var(--kg-space-3);font-size:var(--kg-body-sm);line-height:1.5}
.pb-compare-card{border:1px solid var(--kg-border);border-radius:var(--kg-radius-md);background:var(--kg-white);min-width:0}
.pb-compare-card summary{position:relative;list-style:none;cursor:pointer;padding:var(--kg-space-5) var(--kg-space-8) var(--kg-space-5) var(--kg-space-5);display:flex;flex-wrap:wrap;gap:var(--kg-space-3) var(--kg-space-5);align-items:center}
.pb-compare-card summary::-webkit-details-marker{display:none}
.pb-compare-card-name{display:block;color:var(--kg-red);font-family:var(--kg-font-display);font-size:var(--kg-body-md);font-weight:var(--kg-w-medium);line-height:1.4;text-transform:uppercase;letter-spacing:var(--kg-ls-display)}
.pb-compare-card-price{font-family:var(--kg-font-display);font-size:var(--kg-body-base);white-space:nowrap}
.pb-compare-card-highlight{flex-basis:100%;font-size:var(--kg-body-sm);line-height:1.5}
.pb-compare-toggle{position:absolute;right:var(--kg-space-5);top:var(--kg-space-5);display:flex;align-items:center;justify-content:center;width:var(--kg-space-6);height:var(--kg-space-6);border-radius:var(--kg-radius-pill);background:var(--kg-grey-chip);color:var(--kg-red)}
.pb-compare-card[open] .pb-compare-toggle svg{transform:rotate(45deg)}
.pb-compare-card[open] summary{background:var(--kg-grey-bg);border-radius:var(--kg-radius-md) var(--kg-radius-md) 0 0;border-bottom:1px solid var(--kg-border)}
.pb-compare-card dl{margin:0;padding:0 var(--kg-space-5)}
.pb-compare-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--kg-space-5);padding:var(--kg-space-4) 0;border-bottom:1px solid var(--kg-border)}
.pb-compare-card dt{display:flex;align-items:flex-start;gap:var(--kg-space-2);font-size:var(--kg-body-sm);font-weight:var(--kg-w-medium);line-height:1.5;overflow-wrap:anywhere}
.pb-compare-card dt .pb-icon{width:var(--kg-space-4);height:var(--kg-space-4);margin-top:var(--kg-space-1)}
.pb-compare-card dd{margin:0;font-size:var(--kg-body-base);line-height:1.55;overflow-wrap:anywhere}
.pb-compare-card .pb-compare-row--month dd{color:var(--kg-blue);font-weight:var(--kg-w-semibold)}
.pb-compare-card .pb-compare-row--attention{border-bottom:0}
.pb-compare-card>.kg-textlink{display:inline-flex;align-items:center;gap:var(--kg-space-3);margin:var(--kg-space-5);font-size:var(--kg-body-sm)}
@media(max-width:620px){
 .pb-documents{padding:var(--kg-space-5)}
 .pb-documents-copy{flex-direction:column;gap:var(--kg-space-4)}
 .pb-documents-action{align-items:stretch;flex-direction:column;width:100%}
 .pb-documents-action>span{max-width:none}
 .pb-documents .kg-btn{width:100%;justify-content:flex-start;padding-right:var(--kg-space-4)}
}

/* Пятый просмотр: карточки по примеру владельца /kerch/, компактные отзывы и навигация. */
.pb-page #projects>.kg-container{max-width:calc(var(--kg-container) * 1.5)}
.pb-page #projects .kg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-5)}
.pb-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kg-space-4);align-items:start}
.pb-card-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--kg-space-1)}
.pb-card-price small{font-size:var(--kg-body-xs);color:var(--kg-ink-2)}
.pb-card-price b{font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);white-space:nowrap;line-height:1.35}
.pb-card-price .pb-month{font-size:var(--kg-body-sm);white-space:nowrap}
.pb-card-chips{display:flex;flex-wrap:wrap;gap:var(--kg-space-2)}
.pb-card-chips>span{display:inline-flex;align-items:center;gap:var(--kg-space-1);padding:var(--kg-space-2) var(--kg-space-3);border-radius:var(--kg-radius-pill);font-size:var(--kg-body-xs);line-height:1.3;background:var(--kg-grey-chip)}
.pb-card-chips>span:first-child{background:color-mix(in srgb,var(--kg-blue) 12%,var(--kg-white));color:var(--kg-blue)}
.pb-card-chips .pb-icon{width:var(--kg-space-4);height:var(--kg-space-4)}
.pb-card-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kg-space-4);margin:0}
.pb-card-facts dt{display:flex;align-items:center;gap:var(--kg-space-2);font-size:var(--kg-body-xs);color:var(--kg-ink-2);margin-bottom:var(--kg-space-1)}
.pb-card-facts dd{margin:0;font-size:var(--kg-body-sm);font-weight:var(--kg-w-medium);line-height:1.5}
.pb-card-facts-wide{grid-column:1/-1}
.pb-card-facts .pb-icon,.pb-card-water .pb-icon{width:var(--kg-space-5);height:var(--kg-space-5)}
.pb-page .pb-card-water{display:flex;gap:var(--kg-space-3);margin:0;padding:var(--kg-space-3);border-radius:var(--kg-radius-sm);background:var(--kg-grey-bg);font-size:var(--kg-body-sm);line-height:1.5}
.pb-card-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--kg-space-2);margin-top:auto}
.pb-page .pb-card-actions .kg-btn{min-width:0;width:100%;height:auto;min-height:44px;padding:var(--kg-space-3) var(--kg-space-2);gap:var(--kg-space-2);font-size:var(--kg-body-xs);line-height:1.3}
.pb-card-actions svg{width:var(--kg-space-4);flex:none}
.pb-page .pb-card-actions .pb-card-compare{color:var(--kg-blue);box-shadow:inset 0 0 0 1px var(--kg-blue);background:transparent}
.pb-page .pb-card-actions .pb-card-compare:hover{background:var(--kg-blue);color:var(--kg-white)}
@container(max-width:420px){.pb-card-heading{grid-template-columns:1fr}.pb-card-price{align-items:flex-start}.pb-card-facts{grid-template-columns:1fr}.pb-card-actions{grid-template-columns:1fr 1fr}.pb-card-actions .kg-btn:first-child{grid-column:1/-1}}
@media(max-width:1100px){.pb-page #projects .kg-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pb-page #projects .kg-grid-3{grid-template-columns:minmax(0,1fr)}}
.pb-review-sources{display:flex;gap:var(--kg-space-3);margin-top:var(--kg-space-5);flex-wrap:wrap}
.pb-review-sources button{min-height:44px;padding:var(--kg-space-3) var(--kg-space-5);border:1px solid var(--kg-border);border-radius:var(--kg-radius-pill);font:inherit;font-size:var(--kg-body-base);cursor:pointer;color:var(--kg-ink);background:var(--kg-white)}
.pb-review-sources button[aria-pressed=true]{background:var(--kg-ink);color:var(--kg-white);border-color:var(--kg-ink)}
.pb-page #reviews [hidden]{display:none!important}
.pb-page #reviews :is(.kgrev-track,.kg2gis-track){align-items:flex-start}
/* The native scroller clips an outer border at a fractional page offset.
   Draw the frame inside the same card box, keeping the original widget geometry. */
.pb-page #reviews :is(.kgrev-card,.kg2gis-card):not(._all){border-color:transparent;outline:1px solid var(--kg-border);outline-offset:-2px}
.pb-page #reviews :is(.kgrev-card__text,.kg2gis-card__text){-webkit-line-clamp:5}
.pb-page #reviews :is(.kgrev-card,.kg2gis-card)._open :is(.kgrev-card__text,.kg2gis-card__text){-webkit-line-clamp:unset}
.pb-page #reviews :is(.kgrev-section,.kg2gis-section){padding-top:var(--kg-space-5);padding-bottom:var(--kg-space-5)}
.pb-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-5)}
.pb-page .pb-guide-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kg-space-4);padding:var(--kg-space-6);border-radius:var(--kg-radius-lg);border:1px solid var(--kg-border);color:var(--kg-ink);background:var(--kg-white);transition:box-shadow var(--kg-transition)}
.pb-page .pb-guide-card:hover{box-shadow:var(--kg-shadow-card)}
.pb-page .pb-guide-card h3{font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);line-height:1.4;text-transform:uppercase;margin:0}
.pb-page .pb-guide-card p{font-size:var(--kg-body-base);line-height:1.6;margin:0;color:var(--kg-ink-2)}
.pb-guide-link{display:flex;align-items:center;gap:var(--kg-space-3);padding-top:var(--kg-space-3);margin-top:auto;font-size:var(--kg-body-sm);font-weight:var(--kg-w-semibold);color:var(--kg-red)}
.pb-page :is(.pb-review-sources button,.pb-guide-card,.pb-card-actions a):focus-visible{outline:2px solid var(--kg-red);outline-offset:var(--kg-space-1)}
@media(max-width:900px){.pb-guide-grid{grid-template-columns:1fr}.pb-page .pb-guide-card{padding:var(--kg-space-5)}}

/* 04.11.2026: full browser/keyboard/template matrix. */
.pb-page .kg-faq__q{gap:var(--kg-space-4);text-align:left}
.pb-faq-label{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
.pb-page .kg-faq__toggle{flex:none}
.pb-page .kg-faq__q:focus-visible{outline:2px solid var(--kg-red);outline-offset:-4px;box-shadow:none}
.pb-page a.pb-btn-ghost:focus-visible{outline:2px solid var(--kg-white);outline-offset:var(--kg-space-1)}
.pb-page .pb-gallery .pb-gallery-open:focus-visible{outline:3px solid var(--kg-red);outline-offset:-6px;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--kg-white)}
.pb-gallery-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kg-space-3);padding:var(--kg-space-5);color:var(--kg-ink-2);font-size:var(--kg-body-sm);text-align:center}
.pb-page .pb-card-link,.pb-compare-card-name,.pb-page .pb-matrix thead a{overflow-wrap:anywhere}
.pb-gallery-viewer{height:min(760px,calc(100vh - var(--kg-space-7)));height:min(760px,calc(100dvh - var(--kg-space-7)));max-height:calc(100vh - var(--kg-space-7));max-height:calc(100dvh - var(--kg-space-7))}
.pb-gallery-viewer[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--kg-space-4)}
.pb-gallery-viewer>img{width:100%;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain}
.pb-viewer-bottom{margin-top:0}
.pb-viewer-bottom p{min-width:0;max-height:min(160px,20vh);max-height:min(160px,20dvh);overflow:auto;overflow-wrap:anywhere}
@media(max-width:480px){.pb-page .pb-process h3{font-size:var(--kg-body-base)}}
@media(prefers-reduced-motion:reduce){.pb-page .kg-card,.pb-page .pb-tour,.pb-page .pb-tour-image img,.pb-page .pb-guide-card{transition:none}.pb-page{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){html:has(.pb-page){scroll-behavior:auto}.pb-page .kg-faq__toggle,.pb-page .kg-faq__toggle svg,.pb-page .kg-faq__a{transition:none}}
@media(min-width:621px){
 .pb-page #projects:is([data-project-count="2"],[data-project-count="4"])>.kg-container{max-width:var(--kg-container)}
 .pb-page #projects:is([data-project-count="2"],[data-project-count="4"]) .kg-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 .pb-page .kg-faq__q{padding:var(--kg-space-5);gap:var(--kg-space-3);font-size:var(--kg-body-base);line-height:1.5}
 .pb-page .kg-faq__toggle{width:44px;height:44px}
 .pb-page .kg-faq__a{padding-inline:var(--kg-space-5)}
}

/* Narrow cards: leave the complete site-plan photo visible; controls get their own row.
   Keep 44px touch targets and use the card width (including tablet two-column layouts). */
@container(max-width:420px){
 .pb-page #projects .pb-gallery .kg-card__media{overflow:visible}
 .pb-page .pb-gallery-open{overflow:hidden;border-radius:inherit}
 .pb-page .pb-gallery .pb-gallery-dots{grid-area:2/1;justify-self:center;max-width:calc(100% - 108px);margin:var(--kg-space-3) 0 0;background:transparent;border-radius:0}
 .pb-page .pb-gallery .pb-gallery-meta{grid-area:3/1}
 .pb-page .pb-gallery-arrow{top:calc(100% + var(--kg-space-3) + 22px)}
 .pb-page .pb-gallery-count{display:none}
 .pb-page .pb-tagpill{font-size:var(--kg-body-xs);padding:var(--kg-space-2) var(--kg-space-3)}
}
@media(max-width:480px){
 .pb-page .kg-heading h2{font-size:var(--kg-display-xs);line-height:1.4;overflow-wrap:anywhere}
 .pb-page .pb-use-card h3,.pb-page .pb-process h3{overflow-wrap:anywhere}
 /* Imported Zero Block assumes a 320px canvas even when the available width is smaller.
    Technical fit only, on collections: the original form, content and DOM stay intact. */
 #rec2491769271 [data-elem-id="1743858215927"]{left:var(--kg-space-5)!important;width:calc(100% - var(--kg-space-5) * 2)!important}
 #rec2491769271 [data-elem-id="1743858215927"] .tn-atom{font-size:var(--kg-display-xs)!important;line-height:1.4!important}
}
/* The imported classic popup has a 630px frame but an outdated 530px tablet canvas.
   Preserve its existing form/messenger row; give that row its authored frame height. */
@media(min-width:640px) and (max-width:1199px){
 #rec1146632461 .t396__artboard[data-artboard-height-res-640="530"][data-artboard-height-res-960="530"]{min-height:630px}
}
/* Narrow source footer misplaced mail at (11,242), on top of phone at (1,232).
   Restore the same two-column contact row: mail at (148,232). Native zoom applies
   to the existing group and this translation together; no links/content are rebuilt. */
@media(max-width:479px){
 #rec2491859071 [data-group-id="1792503339170000009"][data-group-left-res-320-value="11"][data-group-top-res-320-value="242"]{translate:137px -10px}
}

/* Optional collection v2: every block uses the same brand tokens and data contract. */
.pb-page [hidden]{display:none!important}
.pb-section-nav{padding:var(--kg-space-5) 0;background:var(--kg-white);border-bottom:1px solid var(--kg-border)}
.pb-section-nav>.kg-container{display:flex;align-items:center;gap:var(--kg-space-5);flex-wrap:wrap}
.pb-section-nav>.kg-container>span{font-size:var(--kg-body-sm);color:var(--kg-ink-2)}
.pb-section-nav>.kg-container>div{display:flex;flex-wrap:wrap;gap:var(--kg-space-2)}
.pb-page .pb-section-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--kg-space-3) var(--kg-space-4);background:var(--kg-grey-bg);border-radius:var(--kg-radius-pill);color:var(--kg-ink);font-size:var(--kg-body-sm)}
.pb-page .pb-section-nav a:hover{color:var(--kg-red)}
.pb-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-5)}
.pb-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kg-space-4);padding:var(--kg-space-6);border:1px solid var(--kg-border);border-radius:var(--kg-radius-xl);background:var(--kg-white);min-width:0}
.pb-page :is(.pb-choice-card,.pb-location-card,.pb-proof-sample,.pb-story-card) h3{font-family:var(--kg-font-display);font-size:var(--kg-display-xs);font-weight:var(--kg-w-medium);line-height:1.4;text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.pb-page :is(.pb-choice-card,.pb-location-card,.pb-proof-sample,.pb-story-card) p{margin:0;line-height:1.6;font-size:var(--kg-body-base);overflow-wrap:anywhere}
.pb-choice-links{display:grid;gap:var(--kg-space-2);margin-top:auto;padding-top:var(--kg-space-3)}
.pb-choice-links a{min-height:44px;line-height:1.5;justify-content:space-between}
.pb-location-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--kg-space-5)}
.pb-map-frame{min-height:440px;display:grid;overflow:hidden;border-radius:var(--kg-radius-md);background:var(--kg-white);border:1px solid var(--kg-border)}
.pb-map-frame iframe{width:100%;height:100%;min-height:440px;border:0;display:block}
.pb-map-frame{position:relative}
.pb-map-view{position:absolute;inset:0;min-height:100%;font-family:var(--kg-font-body)!important;font-size:var(--kg-body-sm)!important;z-index:0}
.pb-map-view .pb-map-pin{background:transparent;border:0}
.pb-map-pin>span{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--kg-radius-pill);background:var(--kg-red);color:var(--kg-white);font:var(--kg-w-semibold) var(--kg-body-base) var(--kg-font-body);box-shadow:var(--kg-shadow-card);border:2px solid var(--kg-white)}
.pb-map-view .pb-map-label{font:var(--kg-w-medium) var(--kg-body-xs) var(--kg-font-body);padding:var(--kg-space-2) var(--kg-space-3);border-radius:var(--kg-radius-chip);color:var(--kg-ink);border:1px solid var(--kg-border);box-shadow:var(--kg-shadow-card);width:max-content;max-width:170px;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.4;text-align:center}
.pb-page .pb-map-view .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;color:var(--kg-ink);font-size:var(--kg-display-sm)}
.pb-map-view .leaflet-control-attribution{font-size:var(--kg-body-xs);max-width:100%;white-space:normal}
.pb-map-yandex-credit{display:flex;align-items:center;flex-wrap:wrap;gap:var(--kg-space-2);margin:0!important;width:max-content;max-width:calc(100vw - var(--kg-space-7))}
.pb-map-yandex-credit>a{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--kg-white);color:var(--kg-ink)!important;font:var(--kg-w-medium) var(--kg-body-xs) var(--kg-font-body);text-decoration:none!important}
.pb-map-yandex-credit>a:last-child{padding-inline:var(--kg-space-3);border-radius:var(--kg-radius-chip);box-shadow:var(--kg-shadow-card)}
.pb-map-yandex-credit img{display:block;width:auto;max-width:100%;height:var(--kg-space-7)}
@media(max-width:480px){.pb-page .pb-map-view .leaflet-control-attribution{margin-bottom:calc(var(--kg-space-7) + var(--kg-space-3))}}
.pb-map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--kg-space-5);padding:var(--kg-space-7)}
.pb-map-symbol{display:grid;place-items:center;width:var(--kg-space-8);height:var(--kg-space-8);border-radius:var(--kg-radius-pill);color:var(--kg-blue);background:var(--kg-grey-bg)}
.pb-map-placeholder h3{font-family:var(--kg-font-display);font-size:var(--kg-display-sm);line-height:1.4;text-transform:uppercase;margin:0}
.pb-map-placeholder p{font-size:var(--kg-body-base);line-height:1.5;margin:0}
.pb-map-placeholder .kg-btn{white-space:normal;height:auto;min-height:48px;text-align:center}
.pb-location-list{display:grid;gap:var(--kg-space-3)}
.pb-location-card{padding:var(--kg-space-5);background:var(--kg-white);border:1px solid var(--kg-border);border-radius:var(--kg-radius-md);display:grid;gap:var(--kg-space-2);min-width:0}
.pb-location-title{display:flex;align-items:center;gap:var(--kg-space-3)}
.pb-location-title h3{flex:1;min-width:0;font-size:var(--kg-body-lg)!important}
.pb-location-number{display:grid;place-items:center;min-width:36px;height:36px;background:var(--kg-red);color:var(--kg-white);border-radius:var(--kg-radius-pill);font-size:var(--kg-body-base);font-weight:var(--kg-w-semibold);flex:none}
.pb-location-actions{display:flex;flex-wrap:wrap;gap:var(--kg-space-4);align-items:center}
.pb-location-actions>*{min-height:44px;line-height:1.5}
.pb-location-detail{font-size:var(--kg-body-sm)!important;line-height:1.5}
.pb-page button.kg-textlink{font-family:inherit;font-size:var(--kg-body-sm);background:transparent;border:0;cursor:pointer;padding:0;text-align:left;white-space:normal}
.pb-location-actions button[aria-pressed=true]{color:var(--kg-ink);text-decoration:underline}
.pb-map-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kg-space-5);margin-top:var(--kg-space-5)}
.pb-map-bottom p{flex:1;min-width:min(100%,300px);font-size:var(--kg-body-sm);line-height:1.6;margin:0}
.pb-map-bottom>a,.pb-map-bottom>button{min-height:44px}
.pb-compare-tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--kg-space-4);margin-bottom:var(--kg-space-5);padding:var(--kg-space-4) var(--kg-space-5);border-radius:var(--kg-radius-md);background:var(--kg-grey-bg)}
.pb-compare-tools label{display:flex;align-items:center;gap:var(--kg-space-3);min-height:44px;cursor:pointer;font-size:var(--kg-body-base);font-weight:var(--kg-w-semibold)}
.pb-compare-tools input{width:var(--kg-space-5);height:var(--kg-space-5);accent-color:var(--kg-red);flex:none}
.pb-compare-tools [role=status]{font-size:var(--kg-body-sm);line-height:1.5}
.pb-proof-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kg-space-7);align-items:center}
.pb-proof-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kg-space-5);min-width:0}
.pb-proof-copy h2{margin:0}
.pb-proof-copy>p{font-size:var(--kg-body-base);line-height:1.6;margin:0}
.pb-proof-copy>.kg-btn{min-height:48px;height:auto;white-space:normal;line-height:1.5;text-align:center;max-width:100%}
.pb-proof-list{list-style:none;display:grid;gap:var(--kg-space-4);margin:0;padding:0}
.pb-proof-list li{display:flex;gap:var(--kg-space-4);font-size:var(--kg-body-base);line-height:1.6}
.pb-proof-list li>span{min-width:0;flex:1}
.pb-proof-list .pb-icon{color:var(--kg-blue);flex:none}
.pb-proof-list b{display:block}
.pb-page .pb-proof-note{font-size:var(--kg-body-sm);line-height:1.5}
.pb-proof-samples{display:grid;gap:var(--kg-space-5);min-width:0}
.pb-proof-sample{margin:0;padding:var(--kg-space-3);border-radius:var(--kg-radius-xl);background:var(--kg-white);box-shadow:var(--kg-shadow-card);min-width:0}
.pb-proof-image{display:block;position:relative;color:var(--kg-white)!important;overflow:hidden;border-radius:var(--kg-radius-lg)}
.pb-proof-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.pb-proof-image>span{position:absolute;bottom:var(--kg-space-4);left:var(--kg-space-4);display:flex;align-items:center;gap:var(--kg-space-3);background:var(--kg-ink);padding:var(--kg-space-3) var(--kg-space-4);border-radius:var(--kg-radius-pill);font-size:var(--kg-body-sm)}
.pb-proof-sample figcaption{padding:var(--kg-space-5);display:grid;gap:var(--kg-space-3)}
.pb-proof-sample figcaption .kg-textlink{min-height:44px}
.pb-stories-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kg-space-5)}
.pb-stories-heading>.kg-heading{flex:1}
.pb-stories-heading>a{flex:none;min-height:44px}
.pb-story-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--kg-space-5) * 2)/3);gap:var(--kg-space-5);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--kg-space-1) var(--kg-space-1) var(--kg-space-4);scroll-padding:var(--kg-space-1);position:relative;align-items:stretch}
.pb-story-track::-webkit-scrollbar{display:none;width:0;height:0}
.pb-story-card{display:flex;flex-direction:column;min-width:0;background:var(--kg-white);border:1px solid var(--kg-border);border-radius:var(--kg-radius-xl);overflow:hidden;scroll-snap-align:start;scroll-margin:var(--kg-space-1)}
.pb-story-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}
.pb-story-cover img{display:block;width:100%;height:100%;object-fit:cover}
.pb-story-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:var(--kg-space-8);height:var(--kg-space-8);display:grid;place-items:center;border-radius:var(--kg-radius-pill);background:var(--kg-red);color:var(--kg-white)}
.pb-story-platform{position:absolute;left:var(--kg-space-4);bottom:var(--kg-space-3);padding:var(--kg-space-2) var(--kg-space-3);background:var(--kg-ink);color:var(--kg-white);font-size:var(--kg-body-xs);border-radius:var(--kg-radius-sm)}
.pb-story-body{padding:var(--kg-space-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--kg-space-4);flex:1;min-width:0}
.pb-story-person{font-size:var(--kg-body-sm);color:var(--kg-ink-2);line-height:1.5}
.pb-story-body>.kg-textlink{margin-top:auto;min-height:44px;line-height:1.5}
.pb-stories-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--kg-space-5);margin-top:var(--kg-space-4)}
.pb-stories-bottom>p{font-size:var(--kg-body-sm);line-height:1.6;margin:0;max-width:650px}
.pb-story-controls{display:flex;align-items:center;gap:var(--kg-space-4);flex:none}
.pb-story-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--kg-radius-pill);border:1px solid var(--kg-red);background:var(--kg-white);color:var(--kg-red);font-size:var(--kg-body-lg);cursor:pointer}
.pb-story-controls button:disabled{border-color:var(--kg-border);color:var(--kg-ink-2);cursor:default}
.pb-story-controls span{min-width:var(--kg-space-7);font-size:var(--kg-body-sm);text-align:center}
.pb-video-dialog,.pb-video-dialog *{box-sizing:border-box}
.pb-video-dialog{width:min(1000px,calc(100vw - var(--kg-space-7)));max-width:100%;max-height:calc(100dvh - var(--kg-space-7));overflow:auto;border:0;border-radius:var(--kg-radius-md);padding:var(--kg-space-7) var(--kg-space-5) var(--kg-space-5);background:var(--kg-white);color:var(--kg-ink)}
.pb-video-dialog::backdrop{background:color-mix(in srgb,var(--kg-ink) 85%,transparent)}
.pb-video-dialog h2{font-family:var(--kg-font-display);font-size:var(--kg-display-xs);line-height:1.5;text-transform:uppercase;margin:var(--kg-space-4) 0;overflow-wrap:anywhere}
.pb-video-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-bottom:var(--kg-space-4)}
.pb-video-dialog>.kg-textlink{font-size:var(--kg-body-sm);min-height:44px;line-height:1.5}
.pb-video-close{position:absolute;right:var(--kg-space-3);top:var(--kg-space-2);width:44px;height:44px;display:grid;place-items:center;background:var(--kg-grey-bg);border:0;border-radius:var(--kg-radius-pill);font-size:var(--kg-display-sm);color:var(--kg-ink);cursor:pointer}
.pb-page :is(.pb-section-nav a,.pb-choice-links a,.pb-map-frame button,.pb-location-actions button,.pb-location-actions a,.pb-story-track,.pb-story-controls button,.pb-story-cover,.pb-story-body a,.pb-proof-image,.pb-video-dialog a,.pb-video-dialog button):focus-visible{outline:2px solid var(--kg-red);outline-offset:-3px}
@media(max-width:1000px){.pb-choice-grid{grid-template-columns:1fr}.pb-location-layout{grid-template-columns:1fr}.pb-story-track{grid-auto-columns:calc((100% - var(--kg-space-5))/2)}.pb-proof-layout{gap:var(--kg-space-5)}}
@media(max-width:640px){.pb-proof-layout{grid-template-columns:1fr}.pb-section-nav>.kg-container{gap:var(--kg-space-3)}.pb-section-nav>.kg-container>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.pb-section-nav a{padding:var(--kg-space-2);font-size:var(--kg-body-xs)!important}.pb-map-placeholder{padding:var(--kg-space-5)}.pb-map-placeholder h3{font-size:var(--kg-display-xs)}.pb-map-frame,.pb-map-frame iframe{min-height:360px}.pb-stories-heading{display:block}.pb-stories-heading>.kg-heading{margin-bottom:var(--kg-space-3)}.pb-stories-heading>a{margin-bottom:var(--kg-space-5)}.pb-story-track{grid-auto-columns:calc(100% - var(--kg-space-3))}.pb-stories-bottom{align-items:flex-start;flex-direction:column}.pb-story-controls{align-self:center}.pb-choice-card{padding:var(--kg-space-5)}.pb-video-dialog{width:calc(100vw - var(--kg-space-5));max-height:calc(100dvh - var(--kg-space-5));padding-inline:var(--kg-space-4)}.pb-video-dialog>.kg-textlink{white-space:normal}}
@media(prefers-reduced-motion:reduce){.pb-story-track{scroll-behavior:auto}}