/* =====================================================================
   Kidney Holistic Institute — единый визуальный слой (10.2026)
   Подключается скриптом bin/khi_hiend.py. Классы-области на <html>:
     .khi-he   — страницы старого шаблона Webflow (перекрашиваются целиком)
     .khi-lite — страницы нового образца с сайтовой шапкой (только шрифты)
   Тексты страниц слой не меняет. При правке поднять VER в khi_hiend.py.
   ===================================================================== */

/* ---------- Шрифты: свои файлы, старые имена семейств ведут на них ---------- */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-latin.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Geologica";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Geologica";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-latin.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-italic-latin.woff2) format("woff2")}

:root{
  --kh-navy:#0C1B2F;--kh-navy-deep:#091523;--kh-navy-card:#12243C;--kh-navy-line:rgba(255,255,255,.09);
  --kh-paper:#FAF7F2;--kh-paper-2:#F2ECE1;--kh-paper-line:rgba(12,27,47,.12);
  --kh-ink:#0C1B2F;--kh-ink-soft:#46556A;
  --kh-gold:#C9A44D;--kh-gold-lt:#DEC585;--kh-gold-dk:#8A6C25;
  --kh-cream:#F7F2E8;--kh-mist:#C5CEDB;
  --kh-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --kh-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --kh-r:16px;--kh-ease:cubic-bezier(.2,.7,.2,1);
}

/* =====================================================================
   1. Основа
   ===================================================================== */
.khi-he body{font-family:var(--kh-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.khi-he ::selection{background:rgba(201,164,77,.38);color:inherit}
.khi-he :focus-visible{outline:2px solid var(--kh-gold-lt);outline-offset:3px}
.khi-he img{image-rendering:auto}

/* заголовки: один серифный голос на весь сайт, без принудительного капса */
.khi-he :is(h1,h2,h3){font-family:var(--kh-serif)!important;font-weight:500!important;letter-spacing:-.012em;text-transform:none!important;text-wrap:balance}
.khi-he :is(h1,h2,h3)::first-letter{text-transform:uppercase}
.khi-he :is(h4,h5,h6){text-transform:none;text-wrap:balance}
.khi-he :is(h1,h2,h3) :is(b,strong){font-weight:600}

/* золото в заголовках на тёмном уходит в тёплый белый: золото остаётся акцентом */
.khi-he :is(.h1-inner-page-header,.h1-hero-service,.h2-service-page,.section-heading,.primary-section-title:not(.dark),.about-h2.light,.cb-content-title){color:var(--kh-cream)}
.khi-he .section-heading{font-size:clamp(30px,3.3vw,46px);line-height:1.14}
.khi-he .primary-section-title{font-size:clamp(27px,2.7vw,38px);line-height:1.18}
.khi-he .primary-section-title.dark{color:var(--kh-ink)}

/* =====================================================================
   2. Кнопки
   ===================================================================== */
.khi-he :is(.button-primary,.service-hero-btn,.btn-cta-filled,.btn-cta-ouline,.service-card-button,.resource-card-btn):not(.nav-cta):not(.khi-nav-book){
  font-family:var(--kh-sans);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:none;
  padding:15px 26px;border-radius:10px;text-align:center;
  transition:transform .25s var(--kh-ease),box-shadow .25s var(--kh-ease),background-color .25s,color .25s,border-color .25s}
.khi-he :is(.button-primary,.service-hero-btn,.btn-cta-filled,.btn-cta-ouline,.service-card-button,.resource-card-btn)::first-letter{text-transform:uppercase}
.khi-he :is(.button-primary,.service-hero-btn,.service-card-button,.resource-card-btn):not(.outline):not(.dark):not(.nav-cta):not(.khi-nav-book){
  background:var(--kh-gold);color:var(--kh-navy-deep);border:1px solid var(--kh-gold);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -14px rgba(201,164,77,.7)}
.khi-he :is(.button-primary,.service-hero-btn,.service-card-button,.resource-card-btn):not(.outline):not(.dark):not(.nav-cta):not(.khi-nav-book):hover{
  background:var(--kh-gold-lt);border-color:var(--kh-gold-lt);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 16px 30px -14px rgba(201,164,77,.8)}
.khi-he .button-primary.outline:not(.dark):not(.nav-cta){background:transparent;color:var(--kh-cream);border:1px solid rgba(247,242,232,.38)}
.khi-he .button-primary.outline:not(.dark):not(.nav-cta):hover{border-color:var(--kh-gold-lt);color:var(--kh-gold-lt);transform:translateY(-1px)}
.khi-he :is(.button-primary.dark:not(.outline),.btn-cta-filled){background:var(--kh-navy);color:var(--kh-cream);border:1px solid var(--kh-navy)}
.khi-he :is(.button-primary.dark:not(.outline),.btn-cta-filled):hover{background:#16304F;border-color:#16304F;color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px -16px rgba(12,27,47,.7)}
.khi-he :is(.button-primary.outline.dark,.btn-cta-ouline){background:transparent;color:var(--kh-ink);border:1px solid rgba(12,27,47,.32)}
.khi-he :is(.button-primary.outline.dark,.btn-cta-ouline):hover{border-color:var(--kh-ink);background:rgba(12,27,47,.04);transform:translateY(-1px)}

/* =====================================================================
   3. Шапка внутренних страниц («Treatments», «Services», «Blog»…)
   ===================================================================== */
.khi-he .section-inner-header{height:auto;min-height:0;padding:clamp(56px,7vw,96px) 0 clamp(44px,5vw,68px);
  background:radial-gradient(900px 320px at 50% -30%,rgba(201,164,77,.16),transparent 62%),linear-gradient(180deg,#0F2138 0%,var(--kh-navy) 100%);
  border-bottom:1px solid var(--kh-navy-line)}
.khi-he .section-inner-header .wrapper-ip-header{height:auto;min-height:0;padding-top:0;padding-bottom:0}
.khi-he .h1-inner-page-header{font-size:clamp(38px,5vw,64px);line-height:1.06;margin:0;text-align:center}
.khi-he .h1-inner-page-header::after{content:"";display:block;width:56px;height:1px;background:var(--kh-gold);margin:26px auto 0}

/* =====================================================================
   4. Сетки карточек (терапии, программы, состояния)
   ===================================================================== */
.khi-he .services-container{padding:clamp(56px,6vw,88px) 0 clamp(64px,7vw,104px);background:var(--kh-navy)}
.khi-he .services-container .primary-section-title{margin-bottom:10px}
.khi-he .srv-srvices-grid{gap:28px}
.khi-he .srv-service-card{position:relative;background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:18px;overflow:hidden;padding:0 0 26px;
  transition:transform .35s var(--kh-ease),border-color .35s,box-shadow .35s var(--kh-ease)}
.khi-he .srv-service-card:hover{transform:translateY(-4px);border-color:rgba(201,164,77,.45);box-shadow:0 26px 50px -30px rgba(0,0,0,.75)}
.khi-he .srv-grid-card-img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;border-radius:0;display:block;transition:transform .7s var(--kh-ease)}
.khi-he .srv-service-card:hover .srv-grid-card-img{transform:scale(1.04)}
.khi-he .srv-srv-card-s2{padding:22px 26px 0;text-align:left;align-items:flex-start;gap:10px}
.khi-he .srv-srv-h2{font-family:var(--kh-serif);font-weight:500;font-size:23px;line-height:1.22;color:var(--kh-cream);text-align:left;letter-spacing:-.01em}
.khi-he .srv-card-p{font-size:15.5px;line-height:1.6;color:var(--kh-mist);text-align:left;margin:0}
.khi-he .button-primary.srv-card-btn{background:none!important;border:0!important;box-shadow:none!important;padding:6px 0 0!important;color:var(--kh-gold-lt)!important;font-size:14.5px;font-weight:600;letter-spacing:.02em;align-self:flex-start;position:static}
.khi-he .button-primary.srv-card-btn::after{content:"\2192";display:inline-block;margin-left:8px;transition:transform .3s var(--kh-ease)}
.khi-he .button-primary.srv-card-btn::before{content:"";position:absolute;inset:0}
.khi-he .srv-service-card:hover .srv-card-btn::after{transform:translateX(5px)}
.khi-he .button-primary.srv-card-btn:hover{transform:none!important}

/* =====================================================================
   5. Светлые «бумажные» секции вместо сплошных золотых
   ===================================================================== */
.khi-he :is(.sec-abft-cta,.section-srv-why,.inpage-contact-section,.khm-socials,.about-section-2,.about-section-4,.sectoin-srv-feature,.book-section-9,.cs4-review-section,._12week-section-4){
  background:var(--kh-paper)!important;background-image:none!important;color:var(--kh-ink)}
.khi-he .sec-abft-cta .wrapper-abft-cta{padding:clamp(64px,7vw,104px) 24px;gap:30px}
.khi-he .abft-cta-content{font-family:var(--kh-serif);font-weight:500;font-size:clamp(26px,3vw,40px);line-height:1.22;letter-spacing:-.012em;text-transform:none;color:var(--kh-ink);text-wrap:balance}

/* =====================================================================
   6. Страницы терапий, состояний и программ
   ===================================================================== */
.khi-he .h1-hero-service{font-size:clamp(38px,4.4vw,62px);line-height:1.05;margin:0 0 20px}
.khi-he .h2-hero-service{font-family:var(--kh-sans)!important;font-weight:400!important;font-size:clamp(17px,1.45vw,20px);line-height:1.55;letter-spacing:0;color:var(--kh-mist);max-width:31em;margin:0 0 30px}
.khi-he .hero-rating-text{font-size:13.5px;letter-spacing:.02em;color:var(--kh-mist)}
.khi-he .hero-rating-block{margin-top:22px;opacity:.95}

.khi-he .section-service-content{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(40px,5vw,72px)}
.khi-he .service-contnet-container{gap:0}
.khi-he .sp-content-section{background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 clamp(40px,4.4vw,60px);margin:0 0 clamp(40px,4.4vw,60px);border-bottom:1px solid var(--kh-navy-line)}
.khi-he .sp-content-section:last-child{border-bottom:0;margin-bottom:0}
.khi-he .h2-service-page{font-size:clamp(27px,2.6vw,36px);line-height:1.18;margin:0 0 14px}
.khi-he .h3-service-page{font-size:clamp(20px,1.7vw,24px);line-height:1.32;color:var(--kh-cream);margin:26px 0 10px}
.khi-he .h3-service-page.mt-0{margin-top:0;font-family:var(--kh-sans)!important;font-size:17.5px;font-weight:500!important;letter-spacing:0;color:var(--kh-gold-lt)}
.khi-he :is(.sp-content-para,.sp-content-para p,.srv-content-text,.srv-col-content,.sp-content-list-text){font-size:17px;line-height:1.72}
.khi-he :is(.section-service-content,.section-srv-about,.section-contact-form,.services-container) :is(.sp-content-para,.sp-content-para p,.srv-content-text,.srv-col-content,.sp-content-list-text){color:var(--kh-mist)}
.khi-he .sp-content-para :is(strong,b){color:var(--kh-cream);font-weight:600}
.khi-he .sp-content-para a{color:var(--kh-gold-lt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.khi-he .sp-list-highlight{color:var(--kh-cream);font-weight:600;font-size:17px}
.khi-he .sp-content-list{gap:18px;display:grid}
.khi-he .sp-content-video{border-radius:16px;overflow:hidden;margin-bottom:28px;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}

/* боковая колонка */
.khi-he .sidebar-service-block{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:18px;padding:26px 26px 28px;box-shadow:none}
.khi-he .sidebar-block-title{font-family:var(--kh-sans)!important;font-weight:600!important;font-size:12.5px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase!important;color:var(--kh-gold);margin:0 0 14px}
.khi-he .sidebar-list{display:block}
.khi-he .sidebar-list-item{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);margin:0;align-items:center}
.khi-he .sidebar-list-item:last-child{border-bottom:0}
.khi-he .sidebar-list-text{font-size:15.5px;line-height:1.35;color:var(--kh-mist);transition:color .2s}
.khi-he .sidebar-list-text:hover,.khi-he .sidebar-list-text.w--current{color:var(--kh-gold-lt)}
.khi-he .sidebar-service-block .sp-content-para{font-size:15.5px;line-height:1.6}
.khi-he .sp-sidebar-img.book{filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}

/* аккордеоны: тонкие строки вместо золотых плашек */
.khi-he .rt-accordion-main{border-top:1px solid var(--kh-navy-line)}
.khi-he .rt-dropdown-2{display:block;background:none;border:0;border-bottom:1px solid var(--kh-navy-line);border-radius:0;margin:0;width:100%}
.khi-he .rt-dropdown-toggle-copy{background:none!important;border:0;border-radius:0;padding:19px 2px;width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;white-space:normal}
.khi-he .rt-category-cards-text-6{font-family:var(--kh-sans);font-size:17px;line-height:1.4;font-weight:500;text-transform:none;color:var(--kh-cream);white-space:normal}
.khi-he .rt-dropdown-toggle-copy:hover .rt-category-cards-text-6{color:var(--kh-gold-lt)}
.khi-he .rt-cross-icon{width:14px;height:14px;flex:none;filter:brightness(0) invert(.78) sepia(.55) saturate(3.2) hue-rotate(2deg);opacity:.95}
.khi-he .rt-dropdown-list-3{background:none!important;position:static}
.khi-he .rt-dropdown-list-3 .srv-content-text{padding:0 40px 22px 2px;font-size:16.5px}

/* шаги процесса */
.khi-he .rt-advertise-icon-wrapper{border:1px solid rgba(201,164,77,.55);background:none;color:var(--kh-gold-lt);border-radius:50%;width:38px;height:38px;font-family:var(--kh-serif);font-size:17px}
.khi-he .rt-dotted-line{border-color:rgba(201,164,77,.3)}
.khi-he .rt-category-cards-text-8{font-family:var(--kh-serif);font-size:21px;font-weight:500;color:var(--kh-cream);line-height:1.3}
.khi-he .rt-body-font-color{font-size:16.5px;line-height:1.65;color:var(--kh-mist)}

/* видео-отзывы внутри страниц */
.khi-he .f-testimonial-card.sp-review-slide{background:#12243C;border:1px solid var(--kh-navy-line);border-radius:16px;padding:12px 12px 16px;box-shadow:none}
.khi-he .sp-review-video{border-radius:10px;overflow:hidden}
.khi-he .f-testimonial-card .f-h6-heading{font-family:var(--kh-sans);font-size:15px;font-weight:500;line-height:1.4;color:var(--kh-cream);margin:12px 4px 0}

/* блок «о враче» на страницах услуг */
.khi-he .section-srv-about{background:#0F2036;padding:clamp(64px,7vw,104px) 0;border-top:1px solid var(--kh-navy-line)}
.khi-he .srv-about-sub-heading{font-family:var(--kh-serif);font-style:italic;font-size:19px;color:var(--kh-gold-lt);margin:6px 0 16px}
.khi-he :is(.srv-ft-list-item,.cb-list-item,.fn-list-item-2,.tki-accor-list-item){font-size:16px;line-height:1.5}
.khi-he .section-srv-about .srv-ft-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:22px}
.khi-he .section-srv-about .srv-ft-list-item{color:var(--kh-mist);margin:0}
.khi-he .bg-img-block.about-img{border-radius:20px;overflow:hidden}

/* блок «Work with Dr. Bismah / Free resources» */
.khi-he .book-section-9{padding:clamp(64px,7vw,104px) 0}
.khi-he .book-s5-content-block{background:#fff;border:1px solid var(--kh-paper-line);border-radius:20px;box-shadow:0 30px 60px -44px rgba(12,27,47,.35)}
.khi-he .book-s9-left-inner-block{background:#fff;border:1px solid var(--kh-paper-line);border-radius:18px;box-shadow:0 30px 60px -44px rgba(12,27,47,.35)}
.khi-he .book-s9-li-bold{font-weight:600;color:var(--kh-ink)}
.khi-he .book-section-9 .srv-ft-list-item-txt{color:var(--kh-ink-soft);font-size:15.5px;line-height:1.5}
.khi-he .service-hero-btn.bk-s9-btn{padding:11px 20px!important;font-size:14px!important;background:transparent!important;color:var(--kh-ink)!important;border:1px solid rgba(12,27,47,.28)!important;box-shadow:none!important}
.khi-he .service-hero-btn.bk-s9-btn:hover{border-color:var(--kh-ink)!important;background:rgba(12,27,47,.04)!important}
/* «Doctor Discussion Guide»: кнопка вела в никуда (#), файла нет — пункт скрыт, как уже сделано на /book */
.khi-he .book-s5-content-block a.bk-s9-btn[href="#"],.khi-he .book-s5-content-block ul.srv-ft-list:has(+ a.bk-s9-btn[href="#"]){display:none!important}

/* программы (12 недель, Renewal) */
.khi-he .sectoin-srv-feature{padding:clamp(64px,7vw,104px) 0}
.khi-he :is(.sectoin-srv-feature,._12week-section-4,.section-srv-why,.cs4-review-section,.about-section-4,.book-section-9) .srv-ft-list-item{color:var(--kh-ink)}
.khi-he .wrapper-cs2-s3{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:22px}
.khi-he .primary-section-title.dark.capital{font-size:clamp(30px,3.4vw,46px);text-transform:none!important}
.khi-he :is(.cs2-s2-right,.cs2-s4-right,.cs2-s3-left) img,.khi-he :is(.cs2-s2-right,.cs2-s4-right,.cs2-s3-left) .bg-img-block{border-radius:18px}

/* =====================================================================
   7. About / Houston
   ===================================================================== */
.khi-he .abme-hero-h1{font-size:clamp(46px,6.2vw,92px);line-height:1.02;color:var(--kh-cream)}
.khi-he .abme-hero-sub-h3{font-style:italic;font-weight:400!important;font-size:clamp(20px,2vw,29px);line-height:1.3;color:var(--kh-gold-lt);margin-top:14px}
.khi-he .about-section-2{padding:clamp(64px,7vw,100px) 0;border-bottom:1px solid var(--kh-paper-line)}
.khi-he .ab-s2-title{font-family:var(--kh-serif);font-style:italic;font-weight:400;font-size:clamp(24px,2.6vw,36px);line-height:1.38;color:var(--kh-ink);max-width:26em;margin:0 auto;text-wrap:balance}
.khi-he .h5-highlight{background:none;color:var(--kh-gold-dk);padding:0;font-weight:500;box-shadow:inset 0 -.14em 0 rgba(201,164,77,.35)}
.khi-he .about-section-3{padding:clamp(56px,6vw,88px) 0}
.khi-he .ab-org-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:20px;padding:36px}
.khi-he .org-card-text{font-size:16.5px;line-height:1.7;color:var(--kh-mist)}
.khi-he .about-h2{font-size:clamp(28px,3vw,42px);line-height:1.15}
.khi-he .ab-s4-text{font-size:17px;line-height:1.72;color:var(--kh-ink-soft)}
.khi-he .ab-s4-text strong{color:var(--kh-ink)}
.khi-he .bg-img-block:is(.ab-s4,.abme-s5){border-radius:20px;overflow:hidden}
.khi-he .about-section-5{padding:clamp(64px,7vw,104px) 0}
.khi-he .about-contnet-box{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:20px;padding:32px 34px}
.khi-he .cb-content-title{font-size:23px;line-height:1.25}
.khi-he .cb-content-sub-title{font-family:var(--kh-sans)!important;font-weight:600!important;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase!important;color:var(--kh-gold);margin:22px 0 12px}
.khi-he .cb-list-item{color:var(--kh-mist)}
.khi-he .tki-devider{background:var(--kh-navy-line);height:1px}

/* =====================================================================
   8. Блог: листинг и статья
   ===================================================================== */
.khi-he .section-archive{padding:clamp(48px,6vw,84px) 0 clamp(64px,7vw,104px)}
.khi-he .uui-blog02_list-2{gap:44px 30px}
.khi-he .uui-blog02_item-2{background:none;border:0;padding:0;border-radius:0}
.khi-he .uui-blog02_image-wrapper-2{border-radius:16px;overflow:hidden;aspect-ratio:3/2;background:#12243C;border:1px solid var(--kh-navy-line);padding:0}
.khi-he .uui-blog02_image-2{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .7s var(--kh-ease)}
.khi-he .uui-blog02_item-2:hover .uui-blog02_image-2{transform:scale(1.04)}
.khi-he .uui-blog02_title-link-2{margin-top:18px;display:block}
.khi-he .uui-heading-xsmall-7{font-size:22px;line-height:1.28;color:var(--kh-cream);transition:color .2s;margin:0}
.khi-he .uui-blog02_item-2:hover .uui-heading-xsmall-7{color:var(--kh-gold-lt)}
.khi-he .w-pagination-wrapper{margin-top:56px;gap:12px}
.khi-he :is(.w-pagination-next,.w-pagination-previous){background:transparent;border:1px solid rgba(247,242,232,.3);color:var(--kh-cream);border-radius:10px;padding:12px 22px;font-size:14.5px;font-weight:600;transition:border-color .2s,color .2s}
.khi-he :is(.w-pagination-next,.w-pagination-previous):hover{border-color:var(--kh-gold-lt);color:var(--kh-gold-lt)}

.khi-he .section-blog-post{padding:clamp(40px,5vw,72px) 0 clamp(64px,7vw,104px)}
.khi-he .blog-post-title{font-size:clamp(34px,4.2vw,56px);line-height:1.1;color:var(--kh-cream);max-width:20em}
.khi-he .uui-button-link-7{font-size:14px;letter-spacing:.04em;color:var(--kh-mist);transition:color .2s}
.khi-he .uui-button-link-7:hover{color:var(--kh-gold-lt)}
.khi-he .blog-post-ft-img{border-radius:18px;width:100%;height:auto;box-shadow:0 40px 70px -50px rgba(0,0,0,.9)}
.khi-he .post-content-body{font-family:var(--kh-sans);font-size:18.5px;line-height:1.78;color:#D3DBE6;max-width:44em;margin-top:36px}
/* длинные ссылки и слова без пробелов раздували статью шире экрана телефона (5 статей) */
.khi-he :is(.wrapper-blog-post,.blog-post-content-block,.uui-blogpost04_content-2,.uui-max-width-large-7){min-width:0;max-width:100%}
.khi-he .post-content-body{overflow-wrap:anywhere;min-width:0}
.khi-he .blog-post-title{overflow-wrap:anywhere}
.khi-he .post-content-body :is(pre,table){display:block;max-width:100%;overflow-x:auto}
.khi-he .post-content-body :is(iframe,video){max-width:100%}
.khi-he .post-content-body p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 1.25em}
.khi-he .post-content-body :is(h2,h3,h4){color:var(--kh-cream);margin:1.9em 0 .6em;line-height:1.22}
.khi-he .post-content-body h2{font-size:clamp(26px,2.5vw,33px)}
.khi-he .post-content-body h3{font-size:clamp(21px,2vw,25px)}
.khi-he .post-content-body h4{font-family:var(--kh-sans);font-size:19px;font-weight:600}
.khi-he .post-content-body a{color:var(--kh-gold-lt);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.khi-he .post-content-body a:hover{color:#fff}
.khi-he .post-content-body :is(ul,ol){padding-left:1.3em;margin:0 0 1.3em}
.khi-he .post-content-body li{font-size:inherit;line-height:1.7;color:inherit;margin-bottom:.5em}
.khi-he .post-content-body li::marker{color:var(--kh-gold)}
.khi-he .post-content-body :is(strong,b){color:var(--kh-cream);font-weight:600}
.khi-he .post-content-body blockquote{border-left:2px solid var(--kh-gold);margin:1.6em 0;padding:.2em 0 .2em 1.2em;font-family:var(--kh-serif);font-style:italic;font-size:1.15em;line-height:1.55;color:var(--kh-cream)}
.khi-he .post-content-body img{border-radius:14px;max-width:100%;height:auto}
.khi-he .post-content-body figure{margin:2em 0}
.khi-he .post-content-body figcaption{font-size:14px;color:var(--kh-mist);margin-top:10px;text-align:center}
.khi-he .post-content-body table{width:100%;border-collapse:collapse;font-size:16px;margin:1.6em 0}
.khi-he .post-content-body :is(th,td){border-bottom:1px solid var(--kh-navy-line);padding:12px 14px;text-align:left;vertical-align:top}
.khi-he .post-content-body th{color:var(--kh-gold-lt);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.khi-he .uui-blogpost04_newsletter-2{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:20px;padding:30px}
.khi-he .uui-heading-xsmall-5{font-family:var(--kh-serif);font-weight:500;font-size:24px;color:var(--kh-cream)}
.khi-he .uui-text-size-medium-13{font-size:15.5px;line-height:1.6;color:var(--kh-mist)}

/* =====================================================================
   9. FAQ (главная и др.)
   ===================================================================== */
.khi-he .faq-section{background:var(--kh-navy);padding:clamp(64px,7vw,104px) 0}
.khi-he .uui-faq01_list{border-top:1px solid var(--kh-navy-line)}
.khi-he .uui-faq01_accordion{background:none!important;border:0;border-bottom:1px solid var(--kh-navy-line);border-radius:0;margin:0}
.khi-he .uui-faq01_question{background:none!important;padding:22px 2px;border-radius:0}
.khi-he .uui-faq01_heading{font-family:var(--kh-sans);font-size:18.5px;font-weight:500;line-height:1.4;color:var(--kh-cream);transition:color .2s}
.khi-he .uui-faq01_question:hover .uui-faq01_heading{color:var(--kh-gold-lt)}
.khi-he .uui-faq01_icon-wrapper{color:var(--kh-gold)}
.khi-he :is(.accordion-icon_horizontal-line-2,.accordion-icon_vertical-line-2){background-color:var(--kh-gold)}
.khi-he .accordion-icon_component-2{border:0;background:none}
.khi-he .uui-faq01_answer{background:none!important}
.khi-he .uui-text-size-medium-10{font-size:16.5px;line-height:1.72;color:var(--kh-mist);padding:0 48px 6px 2px}

/* =====================================================================
   10. Главная
   ===================================================================== */
/* hero */
.khi-he .hero-bg-video{background-image:linear-gradient(180deg,rgba(9,21,35,.72) 0%,rgba(9,21,35,.58) 45%,rgba(9,21,35,.9) 100%)}
.khi-he .hero-left-wrapper{width:min(880px,92%);gap:0}
.khi-he .home-hero-copy{font-size:clamp(40px,5.6vw,80px);line-height:1.04;color:var(--kh-cream);margin:0 0 26px;text-shadow:0 2px 30px rgba(9,21,35,.5)}
.khi-he .home-hero-copy .hm-hero-h1-bold{display:block;font-style:italic;font-weight:500;color:var(--kh-gold-lt)}
.khi-he .hero-para-copy{font-size:clamp(17px,1.5vw,20.5px);line-height:1.6;color:#DCE3EC;text-shadow:none;max-width:33em;margin:0 auto 34px;text-wrap:balance}
.khi-he .hero-subheading-highlight{color:#fff;font-weight:600}
.khi-he .hero-btns-wrapper{gap:14px}
.khi-he .hero-btns-wrapper .button-primary{padding:17px 30px!important;font-size:16px!important}

/* счётчики */
.khi-he .khv-cnum{font-family:var(--kh-serif);font-weight:500;font-size:68px;color:var(--kh-gold-lt);letter-spacing:-.02em}
.khi-he .khv-cnum span.khv-suffix{font-size:40px}
.khi-he .khv-clab{font-size:15px;color:#A9B7CA}
.khi-he .khv-citem{position:relative}
.khi-he .khv-citem + .khv-citem::before{content:"";position:absolute;left:-12px;top:18%;height:64%;width:1px;background:var(--kh-navy-line)}
.khi-he .khv-kick{letter-spacing:.2em}

/* «Three ways to work with us» */
.khi-he .services-section{background:var(--kh-navy-deep);padding:clamp(72px,8vw,120px) 0}
.khi-he .services-section .sub-para{font-size:18px;line-height:1.6;color:var(--kh-mist)}
.khi-he .fn-classic-pricing-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:24px;padding:28px;gap:36px;transition:border-color .35s,transform .35s var(--kh-ease)}
.khi-he .fn-classic-pricing-card:hover{border-color:rgba(201,164,77,.4)}
.khi-he .service-img-box-1{border-radius:16px;min-height:320px}
.khi-he .service-details{padding:8px 8px 8px 0}
.khi-he .service-mode-btn-tooltip{background:transparent;border:1px solid rgba(201,164,77,.5);color:var(--kh-gold-lt);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.khi-he .service-mode-btn-tooltip .text-block-6{font-size:inherit;color:inherit;letter-spacing:inherit}
.khi-he .service-card-main-title{font-family:var(--kh-serif);font-weight:500;font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.012em;color:var(--kh-cream)}
.khi-he .fn-pricing-line{background:var(--kh-navy-line);height:1px;width:100%}
.khi-he .service-list-item-text{font-size:16px;line-height:1.5;color:var(--kh-mist)}
.khi-he .service-card-button{align-self:flex-start;width:auto}

/* «One line from question to plan»: ровная линия из четырёх шагов */
.khi-he .khv-journey{background:var(--kh-paper);padding:clamp(72px,8vw,112px) 24px}
.khi-he .khv-step .khv-n{font-family:var(--kh-serif);font-weight:400;font-size:34px;letter-spacing:0;color:var(--kh-gold-dk);line-height:1}
.khi-he .khv-step .khv-h{font-family:var(--kh-serif);font-weight:500;font-size:23px;line-height:1.25;margin:14px 0 8px}
.khi-he .khv-step p{font-size:16px;line-height:1.6;font-weight:400;color:var(--kh-ink-soft)}
@media(min-width:900px){
  .khi-he .khv-pline{max-width:1160px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(12,27,47,.16)}
  .khi-he .khv-pline svg{display:none}
  .khi-he .khv-step{position:relative;inset:auto;width:auto;padding:36px 32px 0 0;opacity:1;transform:none}
  .khi-he .khv-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--kh-gold);box-shadow:0 0 0 5px var(--kh-paper)}
}

/* ресурсы */
.khi-he .resource-section{background:var(--kh-navy);padding:clamp(72px,8vw,112px) 0}
.khi-he .resource-section .section-heading{margin-bottom:44px}
.khi-he .resouce-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:20px;padding:14px 14px 24px;gap:0;transition:transform .35s var(--kh-ease),border-color .35s}
.khi-he .resouce-card:hover{transform:translateY(-4px);border-color:rgba(201,164,77,.45)}
.khi-he .resource-card-img-block{border-radius:12px;aspect-ratio:1/1}
.khi-he .resouce-card-img{width:100%;height:100%;object-fit:cover;display:block}
.khi-he .resouce-card-content{padding:20px 10px 0;gap:14px;align-items:flex-start}
.khi-he .resource-card-text{font-family:var(--kh-serif);font-weight:500;font-size:23px;line-height:1.22;color:var(--kh-cream);text-align:left;margin:0}
.khi-he .resource-card-btn{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--kh-gold-lt)!important;font-size:14.5px!important;align-self:flex-start;width:auto}
.khi-he .resource-card-btn::after{content:"\2192";display:inline-block;margin-left:8px;transition:transform .3s var(--kh-ease)}
.khi-he .resource-card-btn::before{content:"";position:absolute;inset:0}
.khi-he .resouce-card:hover .resource-card-btn::after{transform:translateX(5px)}
.khi-he .resource-card-btn:hover{transform:none!important}
.khi-he .resouce-card-label{background:rgba(9,21,35,.82);backdrop-filter:blur(6px);color:var(--kh-gold-lt);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;margin:24px;border:1px solid rgba(201,164,77,.35)}
.khi-he .other-services:not(:has(*)){display:none}

/* видео-истории */
.khi-he .cs4-review-section{padding:clamp(72px,8vw,112px) 0}
.khi-he .ybg-review-lbox{border-radius:14px;overflow:hidden;display:block;box-shadow:0 24px 44px -34px rgba(12,27,47,.6)}
.khi-he .ybg-review-title{font-family:var(--kh-sans);font-size:16px;font-weight:500;line-height:1.4;color:var(--kh-ink);margin-top:14px}

/* =====================================================================
   10a. Добивка по аудиту: остатки золотых плашек, контраст, мелочи
   ===================================================================== */
/* холодный серо-белый карточек → тёплая «бумага» */
html.khi-he{--_main-colors---off-white:#FAF7F2}

/* золотые подписи на светлом фоне не читались (контраст 2.2) */
.khi-he :is(.khs-kick,.khs-tag,.ksv-kick),.khi-he .khi-press .khi-press-outlet,.khi-he .khv-journey .khv-kick{color:var(--kh-gold-dk)}

/* главная: вторая и третья карточки программ размечены другими классами */
.khi-he .fn-heading-8{font-family:var(--kh-serif);font-weight:500;font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.012em;color:var(--kh-cream)}
.khi-he .mode-btn{background:transparent;border:1px solid rgba(201,164,77,.5);color:var(--kh-gold-lt);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.khi-he .service-details{display:flex;flex-direction:column;align-items:flex-start}
.khi-he .service-details > :is(.features-container,.fn-pricing-line){align-self:stretch}
.khi-he .service-card-button{align-self:flex-start;width:auto;display:inline-block;margin-top:auto}
.khi-he .hero-section .hero-wrapper{width:100%}
.khi-he .hero-left-wrapper{width:min(1100px,94%)}
.khi-he .home-hero-copy{font-size:clamp(38px,4.7vw,68px);max-width:none;width:100%}
.khi-he .resource-card-btn{display:inline-block!important;text-align:left}

/* оставшиеся золотые секции и плашки */
.khi-he :is(.khm-cta,.cp-s4,.cp-s7){background:var(--kh-paper)!important;background-image:none!important;color:var(--kh-ink)}
.khi-he :is(.khm-cta,.cp-s4,.cp-s7) :is(.about-h2,.cp-s2-title){color:var(--kh-ink)}
.khi-he .khm-cta-text,.khi-he .cp-s7-text{color:var(--kh-ink-soft);font-size:18px;line-height:1.65}
.khi-he .khm-cta-text.bold{color:var(--kh-ink);font-family:var(--kh-serif);font-style:italic;font-weight:400;font-size:21px;text-decoration:none}
.khi-he .khm-underhero-content{background:var(--kh-paper)!important;background-image:none!important;border-radius:22px;box-shadow:0 40px 80px -50px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.5)}
.khi-he .khm-underhero-content .cp-hero-sub-heading{color:var(--kh-ink)}
.khi-he .khm-u-hero-text{color:var(--kh-ink-soft);font-size:16.5px;line-height:1.7}
.khi-he .bg-highlight{background:none;color:var(--kh-gold-dk);font-style:italic;padding:0}
.khi-he .wrapper-cs3-s7{background:var(--kh-paper)!important;background-image:none!important;border-radius:24px;padding:clamp(40px,5vw,72px) clamp(24px,4vw,64px)}
.khi-he .cs3-slider-slide-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%)!important;border:1px solid var(--kh-navy-line);border-radius:18px;overflow:hidden}
.khi-he .cs3-slider-slide-title{font-size:22px;line-height:1.25;color:var(--kh-cream)!important}
.khi-he .cs3-slider-slide-card .srv-ft-list-item,.khi-he .cs3-slider-slide-card .srv-ft-list-item-txt{color:var(--kh-mist)!important}
.khi-he .cs3-slider-slide-card .srv-ft-list-icon-bg-black{background:rgba(201,164,77,.18)}
.khi-he .cs3-slide-image{display:block;width:100%}
.khi-he .cs3-s6-card{border-radius:18px}
.khi-he .cs3-s6-card-title{font-size:23px;color:var(--kh-ink)}

/* списки-плашки → ровные строки */
.khi-he .srv-ft-list-item.dark-bg-item{background:none;border-radius:0;padding:13px 0;border-bottom:1px solid var(--kh-paper-line);margin:0}
.khi-he .srv-ft-list-item.dark-bg-item .srv-ft-list-item-txt{color:var(--kh-ink)}
.khi-he .srv-ft-list-item.light-bg{background:none;border-radius:0;padding:13px 0;border-bottom:1px solid var(--kh-navy-line);margin:0}
.khi-he .srv-ft-list-item.light-bg .srv-ft-list-item-txt{color:var(--kh-cream)!important;font-weight:500}
.khi-he .srv-ft-list-item.light-bg .srv-ft-list-icon-bg-black{background:rgba(201,164,77,.18)}

/* /our-protocols */
.khi-he .protocols-s2-card{border-radius:22px;overflow:hidden}
.khi-he .protocols-card-title-block{background:none!important;padding:0;border-radius:0;gap:12px}
.khi-he .protocol-card-h3{font-size:clamp(24px,2.3vw,30px);line-height:1.2;color:var(--kh-ink)}
.khi-he .protocol-card-h3-icon{color:var(--kh-gold-dk)}
.khi-he .protocol-card-h4{font-size:21px;color:var(--kh-ink)}
.khi-he .protocol-card-text{font-size:16.5px;line-height:1.7;color:var(--kh-ink-soft)}
.khi-he .protocal-card-img{border-radius:16px}
.khi-he .protocol-card-btn-note{font-size:13px;color:var(--kh-ink-soft)}

/* /contact */
.khi-he .inpage-contact-section{padding:clamp(64px,7vw,104px) 0}
.khi-he .inpage-contact-section .section-heading{color:var(--kh-ink)}
.khi-he .icf-header-text{color:var(--kh-ink-soft);font-size:17px}
.khi-he .ic-links{color:var(--kh-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.khi-he .section-contact-form{padding:clamp(56px,6vw,88px) 0}
.khi-he .contact-info-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:14px}
.khi-he .section-google-map{background:var(--kh-navy);padding:0 0 clamp(64px,7vw,104px)}
.khi-he .section-google-map iframe{border-radius:20px}

/* /choose-path: после снятия 8-недельной программы в сетках осталось по одной-две карточки — ставим по центру */
@media(min-width:768px){
  .khi-he .cp-s4-wrapper:has(> .cp-plan-card:only-child){grid-template-columns:minmax(0,560px);justify-content:center}
  .khi-he .cp-s6-wrapper:has(> .cp-guide-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,320px));justify-content:center}
}
.khi-he :is(.cp-plan-card,.cp-guide-card){border-radius:18px}
.khi-he .cp-s2-title{color:var(--kh-cream)}
.khi-he :is(.cp-s4,.cp-s7) .cp-s2-title{color:var(--kh-ink)}

/* /kidney-health-media: ссылки-плашки в карточках */
.khi-he .khm-card-title-block.sm-card{background:transparent!important;border:1px solid rgba(12,27,47,.28);border-radius:10px;padding:11px 18px;transition:background-color .2s,border-color .2s}
.khi-he .khm-card-title-block.sm-card:hover{border-color:var(--kh-ink);background:rgba(12,27,47,.04)!important}
.khi-he .khm-card-title-block.sm-card.dark{background:var(--kh-navy)!important;border-color:var(--kh-navy)}
.khi-he .khm-card-title-block.sm-card.dark:hover{background:#16304F!important}
.khi-he .khm-card-title-block.sm-card .khm-card-title{font-family:var(--kh-sans)!important;font-size:14.5px;font-weight:600!important;letter-spacing:.01em;color:var(--kh-ink);margin:0}
.khi-he .khm-card-title-block.sm-card .khm-card-title.light{color:var(--kh-cream)}
.khi-he .khm-social-card{border-radius:18px}

.khi-he .khm-content-card .khm-card-title{font-family:var(--kh-sans)!important;font-weight:600!important;font-size:15px;letter-spacing:.01em}
.khi-he .khm-content-card{background:linear-gradient(180deg,#14273F 0%,#0F2036 100%);border:1px solid var(--kh-navy-line);border-radius:20px}

/* мелкие кнопки старого образца */
.khi-he .image-box-button{font-family:var(--kh-sans);font-size:14.5px;font-weight:600;letter-spacing:.01em;text-transform:none;background:var(--kh-gold);color:var(--kh-navy-deep);border-radius:10px;padding:12px 20px}
.khi-he .image-box-button::first-letter{text-transform:uppercase}
.khi-he .image-box-card{border-radius:18px;overflow:hidden}
.khi-he .image-box-content-title{font-size:23px}

/* юридические страницы */
.khi-he .section-policy-content{padding:clamp(48px,6vw,84px) 0 clamp(64px,7vw,104px)}
.khi-he .section-policy-content .w-richtext,.khi-he .section-policy-content .w-container{max-width:46em}
.khi-he .section-policy-content :is(p,li){font-size:17px;line-height:1.75;color:var(--kh-mist)}
.khi-he .section-policy-content :is(h2,h3,h4){color:var(--kh-cream);margin:1.8em 0 .6em}
.khi-he .section-policy-content a{color:var(--kh-gold-lt)}

/* футер: крупный вордмарк серифом, в тон заголовкам */
:is(.khi-he,.khi-lite) .kfv2-word{font-family:var(--kh-serif);font-weight:500;letter-spacing:-.015em}
.khi-he .sidebar-list,.khi-he .sidebar-list-item{width:100%}
.khi-he .services-container .sub-para,.khi-he .service-section-titles .sub-para{color:var(--kh-mist);font-size:18px;line-height:1.6}

/* =====================================================================
   10b. Мобильная вёрстка
   ===================================================================== */
.khi-he .contact-itext-block .primary-section-title,.khi-he .left-biz-info .primary-section-title{margin-bottom:14px}
.khi-he .cs3-s3-cta-wrapper .cta-btns-container{justify-content:center;align-items:center}
@media(max-width:767px){
  .khi-he .khv-citem + .khv-citem::before{display:none}
  .khi-he .khv-cnum{font-size:56px}
  .khi-he .sp-content-list{grid-template-columns:minmax(0,1fr)!important}
  .khi-he .section-srv-about .srv-ft-list{grid-template-columns:minmax(0,1fr)}
  .khi-he .faq-section{padding-left:8px;padding-right:8px}
  .khi-he .uui-text-size-medium-10{padding-right:8px}
  .khi-he .rt-dropdown-list-3 .srv-content-text{padding-right:8px}
  .khi-he .fn-classic-pricing-card{padding:18px;gap:22px;border-radius:20px}
  .khi-he .service-img-box-1,.khi-he [class^="service-img-box"]{min-height:230px}
  .khi-he .post-content-body{font-size:17.5px;line-height:1.75;margin-top:26px}
  .khi-he .h1-inner-page-header::after{margin-top:20px}
  .khi-he .hero-btns-wrapper .button-primary{width:100%;max-width:320px}
  .khi-he .about-contnet-box,.khi-he .ab-org-card{padding:26px 22px}
  .khi-he .srv-srvices-grid{gap:20px}
}
/* /houston: две карточки клиник на телефоне раздували страницу до 596px (на /about это уже было починено) */
@media(max-width:600px){
  .khi-he .wrapper-about-s3{flex-direction:column!important;flex-wrap:wrap!important}
  .khi-he :is(.ab-s3-left,.ab-s3-right){width:100%;max-width:100%}
}
/* гео-страницы: карточки регалий на телефоне шире экрана (442px при 390) */
@media(max-width:560px){
  :is(.khi-lite,.khi-he) .st-grid{grid-template-columns:minmax(0,1fr)!important}
  :is(.khi-lite,.khi-he) .st-card{min-width:0}
}

/* =====================================================================
   11. Hero с видео на About / Houston: затухание вниз (заодно гасит водяной знак в углу ролика)
   ===================================================================== */
.khi-he .hero-bg-video.about-page{position:relative}
.khi-he .hero-bg-video.about-page::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(12,27,47,0) 0%,rgba(12,27,47,.92) 78%,var(--kh-navy) 100%);pointer-events:none;z-index:1}
.khi-he .hero-bg-video.about-page > .w-container{position:relative;z-index:2}