/* ============================================================
   brand.css — минимальный брендовый слой поверх Webflow (keelson 1:1)
   Только то, что НЕ ломает родную вёрстку keelson:
   — размеры логотипа НИЖПРОМПЛАСТ (пропорция ~3.37:1)
   Перекраска акцента (#FF8146 → #140C64) вшита прямо в index.html и webflow.css.
   ============================================================ */

img.logo {                 /* логотип в шапке */
  height: 40px !important;
  width: auto !important;
  object-fit: contain;
  object-position: left center;
}
img.image-12 {             /* логотип в подвале / крупный */
  height: auto !important;
  width: auto !important;
  max-height: 60px !important;
  max-width: 230px !important;
  object-fit: contain;
}
img.image-138 {            /* логотип в блоке «Выберите свой цвет» */
  height: auto !important;
  width: auto !important;
  max-height: 46px !important;
  max-width: 190px !important;
  object-fit: contain;
}
@media (max-width: 768px) {
  img.logo { height: 32px !important; }
}

/* ---------- Герой: заголовок в фирменном тёмном НПП (вместо хаки/серого) ---------- */
.heading-70 { color: #060322 !important; }      /* крупный заголовок героя → навигационный тёмный */

/* ============================================================
   ЕДИНАЯ ШАПКА на главной (как на остальных страницах)
   namespace .npp-* — не конфликтует с webflow.css в теле
   ============================================================ */
.npp-hd{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #E7E5F1;box-shadow:0 6px 24px -20px rgba(6,3,34,.5);font-family:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.npp-hd__inner{max-width:1180px;margin:0 auto;height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,5vw,32px);}
.npp-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.npp-brand img{height:38px!important;width:auto!important;}
.npp-nav{display:flex;align-items:center;gap:28px;}
.npp-nav a{font-size:15px;font-weight:600;color:#16132E;text-decoration:none;transition:color .15s;}
.npp-nav a:hover,.npp-nav a.is-current{color:#140C64;}
.npp-hd__right{display:flex;align-items:center;gap:18px;}
.npp-phone{font-weight:800;font-size:16px;color:#060322;text-decoration:none;white-space:nowrap;}
.npp-cta{display:inline-flex;align-items:center;background:#140C64;color:#fff;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;text-decoration:none;transition:background .18s,transform .18s;}
.npp-cta:hover{background:#2A1F8C;transform:translateY(-2px);}
.npp-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.npp-burger span{width:24px;height:2px;background:#060322;border-radius:2px;}
@media(max-width:860px){
  .npp-nav,.npp-phone{display:none;}
  .npp-burger{display:flex;}
  .npp-nav.open{display:flex;flex-direction:column;gap:18px;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid #E7E5F1;padding:22px clamp(18px,5vw,32px);box-shadow:0 24px 60px -28px rgba(20,12,100,.34);}
}

/* ============================================================
   Ограничение ширины контента на главной (был слишком широкий)
   .containers — основной контентный контейнер секций keelson.
   Фоновые секции остаются full-width, контент центрируется ≤1200px.
   ============================================================ */
.containers{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(18px,4vw,40px) !important;
  padding-right:clamp(18px,4vw,40px) !important;
  box-sizing:border-box;
}

/* ============================================================
   ГЕРО: фоновое фото + тёмный оверлей, текст белый
   ============================================================ */
#promo{
  background-image:linear-gradient(rgba(6,3,34,.62), rgba(8,5,34,.68)), url('../assets/hero-bg.jpg?v=2') !important;
  background-size:cover !important;
  background-position:center 30% !important;
  background-repeat:no-repeat !important;
}
#promo .heading-70{color:#FFFFFF !important;}
#promo .paragraph-30,
#promo .heading_2,
#promo .heading_2.new,
#promo .paragraph-7,
#promo .text-block-16,
#promo .text-block-14,
#promo p{color:#FFFFFF !important;}
#promo img[src*="npp_logo"]{filter:brightness(0) invert(1);}  /* лого НПП в герое → белый */

/* добор: описание в герое (text-block-18) + любые тексты #promo → белый */
#promo .text-block-18,
#promo .text-block-18 *{color:#FFFFFF !important;}

/* ---------- Герой: плашки и баннер в индиго (читаемость на фото) ---------- */
#promo .div-block-114{ background-color:#140C64 !important; }   /* тэг-плашки → индиго */
#promo .text-block-16{ color:#FFFFFF !important; }              /* текст тэгов → белый */
#promo .container-1705{                                          /* баннер «Подходит новичкам» */
  background-image:none !important;
  background-color:#140C64 !important;
}
#promo .text-block-15{ color:#FFFFFF !important; }

/* ============================================================
   ГЕРО: блок покупки с переключателем моделей БД-2 / БД-3
   ============================================================ */
.nppbuy{padding:0 clamp(18px,4vw,40px) clamp(40px,6vw,80px);}
.nppbuy__card{max-width:1080px;margin:0 auto;background:#fff;border:1px solid #E7E5F1;border-radius:24px;box-shadow:0 14px 40px -26px rgba(6,3,34,.28);padding:clamp(24px,3.2vw,48px);box-sizing:border-box;}
.nppbuy__tabs{display:inline-flex;gap:4px;background:#F4F3F9;border-radius:999px;padding:4px;margin-bottom:30px;}
.nppbuy__tab{border:0;background:transparent;padding:10px 28px;border-radius:999px;font-weight:800;font-size:15px;color:#16132E;cursor:pointer;font-family:Rubik,-apple-system,Segoe UI,sans-serif;transition:background .18s,color .18s;}
.nppbuy__tab.is-active{background:#140C64;color:#fff;}
.nppbuy__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,3vw,44px);align-items:center;}
.nppbuy__name{color:#140C64 !important;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:Rubik,-apple-system,Segoe UI,sans-serif;}
.nppbuy__title{color:#060322 !important;font-size:clamp(21px,2.6vw,30px);font-weight:800;line-height:1.15;margin-bottom:22px;font-family:Rubik,-apple-system,Segoe UI,sans-serif;}
.nppbuy__specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:24px;}
.nppbuy__spec b{display:block;color:#060322 !important;font-size:18px;font-weight:800;}
.nppbuy__spec span{color:#6A6880 !important;font-size:13px;}
.nppbuy__price{font-size:24px;font-weight:800;color:#060322 !important;margin-bottom:22px;font-family:Rubik,-apple-system,Segoe UI,sans-serif;}
.nppbuy__pricenote{display:block;font-size:12px;font-weight:600;color:#6A6880 !important;}
.nppbuy__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;}
.nppbuy__btn{display:inline-flex;align-items:center;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:.18s;font-family:Rubik,-apple-system,Segoe UI,sans-serif;}
.nppbuy__btn--solid{background:#140C64;color:#fff !important;}
.nppbuy__btn--solid:hover{background:#2A1F8C;}
.nppbuy__btn--out{border-color:#D7D4E8;color:#140C64 !important;}
.nppbuy__btn--out:hover{border-color:#140C64;}
.nppbuy__swatch{display:flex;align-items:center;gap:8px;color:#6A6880 !important;font-size:14px;}
.nppbuy__swatch .sw{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #D7D4E8;}
.sw--red{background:#D32A33;}
.sw--blue{background:#1B5FCC;}
.nppbuy__media{background:#F7F6FB;border-radius:18px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;}
.nppbuy__media img{width:100%;height:100%;object-fit:contain;padding:5%;}
@media(max-width:820px){.nppbuy__grid{grid-template-columns:1fr;}.nppbuy__media{order:-1;}}

/* Разрыв между геро-фото и секцией «Инновационные решения» */
#promo{ padding-bottom: clamp(48px, 7vw, 96px) !important; }
#about{ padding-top: clamp(40px, 5vw, 72px) !important; }

/* Две фотографии в блоке «Байдарка, сочетающая скорость…» */
.npp-featimg{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;max-width:1100px;margin:30px auto 0;padding:0 clamp(18px,4vw,40px);box-sizing:border-box;}
.npp-featimg__cell{border-radius:20px;overflow:hidden;height:380px;background:#F4F3F9;}
.npp-featimg__cell img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:760px){.npp-featimg{grid-template-columns:1fr;}.npp-featimg__cell{height:260px;}}

/* Блок «Байдарка-кроссовер»: фото слева + текст справа, переключение по клику */
.npp-cross{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;max-width:1100px;margin:32px auto 0;padding:0 clamp(18px,4vw,40px);box-sizing:border-box;font-family:Rubik,-apple-system,sans-serif;}
.npp-cross__media{border-radius:22px;overflow:hidden;height:420px;background:#F4F3F9;cursor:pointer;}
.npp-cross__media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s;}
.npp-cross__eyebrow{color:#140C64;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;}
.npp-cross__title{color:#060322;font-size:clamp(22px,2.6vw,32px);font-weight:700;line-height:1.22;margin:0;}
.npp-cross__dots{display:flex;gap:10px;margin-top:28px;}
.npp-cross__dot{width:38px;height:6px;border-radius:999px;border:0;background:#D7D4E8;cursor:pointer;transition:.2s;padding:0;}
.npp-cross__dot.is-active{background:#140C64;width:56px;}
@media(max-width:760px){.npp-cross{grid-template-columns:1fr;}.npp-cross__media{height:300px;order:-1;}}

/* Подзаголовок в блоке «Характеристики» */
.npp-charsub{max-width:760px;margin:-8px 0 26px;color:#6A6880;font-size:clamp(16px,1.6vw,19px);line-height:1.5;font-family:Rubik,-apple-system,sans-serif;}

/* подзаголовок в блоке «байдарка-кроссовер» */
.npp-cross__sub{margin:14px 0 0;color:#6A6880;font-size:clamp(16px,1.5vw,18px);line-height:1.5;font-family:Rubik,-apple-system,sans-serif;}
.npp-cross__title{margin-bottom:0;}

/* Блок «Характеристики»: фото слева, характеристики справа, без рамок */
.npp-spec{max-width:1100px;margin:0 auto;padding:clamp(44px,6vw,84px) clamp(18px,4vw,40px);font-family:Rubik,-apple-system,sans-serif;box-sizing:border-box;}
.npp-spec *{box-sizing:border-box;}
.npp-spec__sub{color:#6A6880;font-size:clamp(15px,1.5vw,18px);line-height:1.5;margin:0 0 30px;max-width:62ch;}
.npp-spec__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;}
.npp-spec__media img{width:100%;height:auto;display:block;}
.npp-spec__list{display:flex;flex-direction:column;}
.npp-spec__row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:16px 0;border-bottom:1px solid #ECEAF3;}
.npp-spec__row:last-child{border-bottom:0;}
.npp-spec__row span{color:#6A6880;font-size:15px;}
.npp-spec__row b{color:#060322;font-size:20px;font-weight:700;white-space:nowrap;}
@media(max-width:760px){.npp-spec__grid{grid-template-columns:1fr;}}

/* «Перейти к товару» — ровное выравнивание у заголовка */
.preorder-link.desktop{align-self:center !important;white-space:nowrap;margin-left:auto;}

/* ============================================================
   ЕДИНЫЙ СТИЛЬ ЗАГОЛОВКОВ БЛОКОВ (главная)
   ============================================================ */
/* Главные заголовки секций */
.heading_2, .heading-40, .heading-8, .heading-37, .npp-spec__title{
  font-family:Rubik,-apple-system,"Segoe UI",sans-serif !important;
  color:#060322 !important;
  font-weight:700 !important;
  font-size:clamp(28px,3.6vw,40px) !important;
  line-height:1.18 !important;
  letter-spacing:-0.01em !important;
  margin:0 0 26px !important;
  text-align:left !important;
}
/* Подзаголовки/карточные заголовки */
.heading_3, .heading-7, .heading-25, .npp-cross__title{
  font-family:Rubik,-apple-system,"Segoe UI",sans-serif !important;
  color:#060322 !important;
  font-weight:700 !important;
  letter-spacing:-0.01em !important;
}
.heading_3, .heading-7{ font-size:clamp(19px,2vw,24px) !important; line-height:1.25 !important; }

/* ============================================================
   ЕДИНЫЙ ЛЕВЫЙ ОТСТУП (гаттер) для всех секций → заголовки в линию
   ============================================================ */
.w-layout-blockcontainer.container-1701,
.w-layout-blockcontainer.container-1703{
  max-width:1200px !important;
  margin-left:auto !important; margin-right:auto !important;
  padding-left:clamp(18px,4vw,40px) !important;
  padding-right:clamp(18px,4vw,40px) !important;
  box-sizing:border-box;
}
/* кастомные блоки — тот же гаттер 1200px (было 1100/1080) */
.npp-spec, .npp-cross{ max-width:1200px !important; }

/* ============================================================
   АДАПТИВ ПОД МОБИЛЬНЫЕ + ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ длинных секций
   ============================================================ */
@media (max-width: 760px){
  /* единый гаттер на мобиле */
  .w-layout-blockcontainer.container-1701,
  .w-layout-blockcontainer.container-1703,
  .npp-spec, .npp-cross{ padding-left:18px !important; padding-right:18px !important; }

  /* кастомные блоки в один столбец */
  .npp-spec__grid{ grid-template-columns:1fr !important; gap:20px !important; }
  .npp-cross{ grid-template-columns:1fr !important; }
  .npp-cross__media{ height:240px !important; order:-1; }

  /* «Сравним байдарку с каяком» — горизонтальный свайп вместо длинного списка */
  .section-4 .div-block-11{
    display:flex !important; flex-wrap:nowrap !important;
    overflow-x:auto !important; gap:12px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }
  .section-4 .div-block-11 > *{ flex:0 0 78% !important; scroll-snap-align:start; }

  /* «Назначение / Инновации» — карточки в свайп */
  .container-1701 .div-block-109,
  .container-1703 .div-block-109{
    display:flex !important; flex-wrap:nowrap !important;
    overflow-x:auto !important; gap:12px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }
  .container-1701 .div-block-109 > *,
  .container-1703 .div-block-109 > *{ flex:0 0 82% !important; scroll-snap-align:start; }

  /* подсказка-полоска скролла */
  .section-4 .div-block-11::-webkit-scrollbar,
  .div-block-109::-webkit-scrollbar{ height:4px; }
  .section-4 .div-block-11::-webkit-scrollbar-thumb,
  .div-block-109::-webkit-scrollbar-thumb{ background:#D7D4E8; border-radius:4px; }

  /* чуть уменьшить крупные заголовки на мобиле */
  .heading_2, .heading-40, .heading-8, .heading-37, .npp-spec__title{ font-size:clamp(24px,7vw,30px) !important; margin-bottom:20px !important; }
}

/* ============================================================
   ЕДИНЫЙ ОТСТУП БЕЗ СЖАТИЯ: секции на всю ширину + один гаттер
   (перебивает прежний кап max-width:1200)
   ============================================================ */
.containers,
.w-layout-blockcontainer.container-1701,
.w-layout-blockcontainer.container-1703,
.npp-spec, .npp-cross{
  max-width:none !important;
  margin-left:0 !important; margin-right:0 !important;
  padding-left:clamp(20px,5vw,72px) !important;
  padding-right:clamp(20px,5vw,72px) !important;
  box-sizing:border-box !important;
}

/* «Индивидуальность» (h3.heading_2 в section-9) — тот же левый отступ, что у секционных заголовков */
h3.heading_2{ padding-left:clamp(20px,5vw,72px) !important; }

/* ============================================================
   ЕДИНЫЕ КАРТОЧКИ секций (фото сверху → заголовок → текст)
   десктоп: сетка 3-в-ряд · мобайл: горизонтальный свайп
   ============================================================ */
.npp-cards{padding:clamp(44px,6vw,84px) clamp(20px,5vw,72px);font-family:Rubik,-apple-system,sans-serif;box-sizing:border-box;}
.npp-cards__title{font-family:Rubik,-apple-system,sans-serif;color:#060322;font-weight:700;font-size:clamp(28px,3.6vw,40px);line-height:1.18;letter-spacing:-0.01em;margin:0 0 30px;}
.npp-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.npp-card{background:#fff;border:1px solid #ECEAF3;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 34px -24px rgba(6,3,34,.32);transition:transform .2s,box-shadow .2s;}
.npp-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(6,3,34,.4);}
.npp-card__img{aspect-ratio:4/3;background:#F7F6FB;}
.npp-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.npp-card__body{padding:24px;}
.npp-card__body h3{font-family:Rubik,-apple-system,sans-serif;font-size:20px;font-weight:700;color:#060322;margin:0 0 10px;line-height:1.25;letter-spacing:-0.01em;}
.npp-card__body p{font-size:15px;color:#6A6880;margin:0;line-height:1.5;}
@media(max-width:760px){
  .npp-cards{padding-left:16px;padding-right:16px;}
  .npp-cards__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:14px;scroll-padding-left:16px;}
  .npp-card{flex:0 0 80%;scroll-snap-align:start;}
  .npp-cards__grid::-webkit-scrollbar{height:4px;}
  .npp-cards__grid::-webkit-scrollbar-thumb{background:#D7D4E8;border-radius:4px;}
}

/* карточки одинаковой высоты + выровненный текст */
.npp-cards__grid{align-items:stretch;}
.npp-card{height:100%;}
.npp-card__body{display:flex;flex-direction:column;flex:1;}
.npp-card__body h3{min-height:2.6em;}
@media(max-width:760px){ .npp-card__body h3{min-height:2.6em;} }

/* ============================================================
   ГЕРОЙ — чистый адаптивный (фото-фон + оверлей)
   ============================================================ */
.npp-hero{position:relative;color:#fff;background:linear-gradient(rgba(6,3,34,.6),rgba(8,5,34,.72)),url('../assets/hero-bg.jpg?v=2');background-size:cover;background-position:center 30%;font-family:Rubik,-apple-system,sans-serif;}
.npp-hero__inner{max-width:1200px;margin:0 auto;padding:clamp(64px,11vw,140px) clamp(20px,5vw,72px);box-sizing:border-box;}
.npp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:22px;}
.npp-hero h1{font-size:clamp(32px,6vw,58px);font-weight:800;line-height:1.08;margin:0 0 18px;max-width:18ch;letter-spacing:-0.02em;}
.npp-hero h1 em{font-style:normal;color:#B7B2EA;}
.npp-hero__lead{font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,.86);line-height:1.55;max-width:46ch;margin:0 0 26px;}
.npp-hero__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.npp-hero__tags span{padding:8px 16px;border-radius:999px;background:#140C64;font-size:13px;font-weight:700;}
.npp-hero__actions{display:flex;flex-wrap:wrap;gap:14px;}
.npp-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:999px;background:#fff;color:#140C64;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s,background .2s;}
.npp-hero__btn:hover{transform:translateY(-2px);}
.npp-hero__btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.38);}
.npp-hero__btn--ghost:hover{background:rgba(255,255,255,.2);}
@media(max-width:600px){
  .npp-hero__inner{padding:56px 18px 64px;}
  .npp-hero__actions{flex-direction:column;}
  .npp-hero__btn{width:100%;}
}

/* строго одинаковые карточки: равная ширина и высота, фото внутри */
.npp-cards__grid{align-items:stretch;}
.npp-card{height:100%;display:flex;flex-direction:column;}
.npp-card__img{aspect-ratio:4/3;flex:0 0 auto;}
.npp-card__body{flex:1 1 auto;display:flex;flex-direction:column;}
.npp-card__body h3{min-height:2.6em;}
.npp-card__body p{margin:0;}
@media(max-width:760px){
  .npp-cards__grid{align-items:stretch;}
  .npp-card{flex:0 0 270px !important;width:270px;}
}

/* ЖЁСТКО равные карточки: фикс высота фото + равная высота карточек */
.npp-card__img{ height:200px !important; aspect-ratio:auto !important; flex:0 0 200px !important; overflow:hidden; }
.npp-card__img img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
.npp-cards__grid{ align-items:stretch !important; }
.npp-card{ align-self:stretch !important; }
@media(max-width:760px){
  .npp-card{ flex:0 0 270px !important; width:270px !important; }
  .npp-card__img{ height:180px !important; flex:0 0 180px !important; }
}

/* ============================================================
   МОБИЛКА: горизонтальный свайп карточек в секциях
   Инновационные (#about) / Назначение (.section-8) / Индивидуальность (.section-9)
   Десктоп НЕ затрагивается — только @media ≤760px
   ============================================================ */
@media (max-width:760px){
  #about .div-block-96,
  .section-8 .div-block-96,
  .section-9 .div-block-108{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:14px !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px;
    grid-template-columns:none !important;
  }
  #about .div-block-96 > *,
  .section-8 .div-block-96 > *,
  .section-9 .div-block-108 > *{
    flex:0 0 84% !important;
    width:84% !important;
    max-width:84% !important;
    min-width:0 !important;
    scroll-snap-align:start;
  }
  #about .div-block-96::-webkit-scrollbar,
  .section-8 .div-block-96::-webkit-scrollbar,
  .section-9 .div-block-108::-webkit-scrollbar{ height:4px; }
  #about .div-block-96::-webkit-scrollbar-thumb,
  .section-8 .div-block-96::-webkit-scrollbar-thumb,
  .section-9 .div-block-108::-webkit-scrollbar-thumb{ background:#D7D4E8; border-radius:4px; }
}

/* Герой: заголовок белый (был тёмный на десктопе), акцент-слово светло-сиреневый */
.npp-hero h1{ color:#FFFFFF !important; }
.npp-hero h1 em{ color:#B7B2EA !important; }

/* ============================================================
   ДВЕ ВЕРСИИ секций: десктоп = keelson, мобайл = единые карточки
   ============================================================ */
.npp-cards--mobile{ display:none; }
@media (max-width:760px){
  #about, .section-8, .section-9{ display:none !important; }   /* keelson-раскладка скрыта на мобиле */
  .npp-cards--mobile{ display:block !important; }              /* единые карточки видны на мобиле */
}

/* Мобильные карточки: текст чуть меньше, чтобы помещался */
@media (max-width:760px){
  .npp-card__body{ padding:16px 18px; }
  .npp-card__body h3{ font-size:17px !important; line-height:1.2; min-height:2.4em; margin-bottom:6px; }
  .npp-card__body p{ font-size:13.5px !important; line-height:1.45; }
  .npp-card__img{ height:160px !important; flex:0 0 160px !important; }
}

/* Особенности Волжанки-2 — карточка «Больше контроля»: фото на всю ширину, прижато к низу (как 1-я карточка) */
.div-block-97{ position:relative; overflow:hidden; padding-bottom:0 !important; }
.image-131{
  max-width:none !important;
  width:calc(100% + 48px) !important;   /* перекрываем боковой padding 24px */
  margin:auto -24px 0 -24px !important;  /* auto сверху — прижать вниз; края до бортов карточки */
  border-radius:0 !important;
  object-fit:cover;
  display:block;
}

/* Особенности Волжанки-2: единые отступы + текст к нижнему краю.
   div-block-98 / div-block-117 — это контент-блоки карточек 1 и 3 (фото + h3 + p). */
.div-block-96 .heading_3{ margin:0 0 10px 0 !important; }      /* единый отступ заголовок → список */
.div-block-96 .p_3{ margin:0 !important; }
.div-block-96 .div-block-97{ row-gap:0 !important; }
.div-block-96{ align-items:stretch !important; }
.div-block-96 .div-block-99,
.div-block-96 .div-block-101{ display:flex !important; flex-direction:column !important; }
/* контент-блок карточки = flex-колонка на всю высоту; заголовок прижат к низу через auto-распор */
.div-block-96 .div-block-98,
.div-block-96 .div-block-117{ display:flex !important; flex-direction:column !important; height:100% !important; box-sizing:border-box; }
.div-block-96 .div-block-98 > .heading_3,
.div-block-96 .div-block-117 > .heading_3{ margin-top:auto !important; }

/* Назначение байдарки (section-8): карточки одинакового размера */
.section-8 .div-block-96{ align-items:stretch !important; }
.section-8 .div-block-103{ height:auto !important; }
.section-8 .div-block-102{ height:100% !important; box-sizing:border-box; justify-content:flex-start !important; }
.section-8 .div-block-102 img{
  width:100% !important; max-width:none !important;
  height:300px !important; object-fit:cover !important;
  border-radius:10px; margin:0 0 16px 0 !important;
}

/* Мобильные карточки: top-down лодки без фона показывать целиком */
.npp-cards--mobile .npp-card__img img[src*="b2-1n"],
.npp-cards--mobile .npp-card__img img[src*="b3-1n"]{
  object-fit:contain !important;
  background:#F7F6FB;
  padding:8px;
}

/* Блок «Не боится ударов, переездов и зимовок» (section-10): одинаковые квадратные фото */
.section-10 .image-133,
.section-10 .image-134,
.section-10 .image-135{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  border-radius:14px;
  display:block;
}
.section-10 .div-block-104 > div:first-child{ width:100%; }