/* ═══════════════════════════════════════════════════════════════
   ЭТАЛОН — правки поверх базовых стилей
   Этот файл подключён последним на всех страницах сайта.
   Всё, что нужно поправить в оформлении, пишем СЮДА — правка
   в одном месте применится ко всему сайту сразу.
   ═══════════════════════════════════════════════════════════════ */

/* FIX 27.08.2026 (внутренние страницы): единый ритм блоков, плотнее на стыках белого */
.ep-wrap{padding-top:clamp(92px,9vw,118px) !important}
.podk-top{padding-top:clamp(92px,9vw,118px) !important}
.final-cta{padding-top:clamp(44px,5vw,68px) !important;padding-bottom:clamp(44px,5vw,68px) !important}
.sub-teaser{padding-bottom:clamp(28px,3.6vw,44px) !important}
.guides-teaser{padding-bottom:clamp(28px,3.6vw,44px) !important}
.vpromo-wide{padding-top:clamp(24px,3vw,36px) !important;padding-bottom:clamp(24px,3vw,36px) !important}
.mp-wrap{padding-top:clamp(32px,4vw,56px) !important}
@media(max-width:768px){
  .ep-wrap,.podk-top{padding-top:clamp(92px,9vw,118px) !important}
  .final-cta{padding-top:clamp(36px,7vw,52px) !important;padding-bottom:clamp(36px,7vw,52px) !important}
}


/* ── главная: ритм секций ── */
/* FIX 27.08.2026: плотнее ритм там, где белые секции идут подряд.
   При одинаковом фоне двойной отступ читается как пустая дыра.
   Значения через clamp — плавно масштабируются от мобилы до FullHD. */
#services{padding-top:clamp(40px,5vw,76px) !important;padding-bottom:clamp(28px,3.6vw,52px) !important}
#calculator{padding-top:clamp(28px,3.6vw,52px) !important;padding-bottom:clamp(10px,1.4vw,16px) !important}
#kalkulyatory{padding-top:clamp(24px,3vw,44px) !important;padding-bottom:clamp(20px,2.6vw,36px) !important}
#why{padding-top:clamp(40px,5vw,72px) !important;padding-bottom:clamp(36px,4.6vw,68px) !important}
#case-study{padding-top:clamp(36px,4.2vw,60px) !important;padding-bottom:clamp(36px,4.2vw,60px) !important}
#steps{padding-top:clamp(36px,4.2vw,60px) !important;padding-bottom:clamp(36px,4.2vw,60px) !important}
#reviews{padding-top:clamp(36px,4.2vw,60px) !important;padding-bottom:clamp(32px,3.9vw,56px) !important}
#news{padding-top:clamp(32px,3.9vw,56px) !important;padding-bottom:clamp(20px,3vw,44px) !important}
#blog{padding-top:clamp(20px,3vw,44px) !important;padding-bottom:clamp(36px,4.5vw,64px) !important}
#st-section{padding-top:clamp(32px,4vw,56px) !important}
.bh-head{margin-bottom:clamp(18px,2.2vw,28px)}
.section-heading-full{margin-bottom:clamp(8px,1vw,10px)}
@media(max-width:768px){
  #news{padding-top:40px;padding-bottom:28px}
  #blog{padding-top:28px}
}

/* стыки одинакового фона, которые остались: белое к белому */
#why{padding-top:clamp(34px,4vw,60px) !important}
#audit{padding-top:clamp(28px,3.4vw,48px) !important}
#team{padding-top:clamp(28px,3.4vw,48px) !important;padding-bottom:clamp(28px,3.4vw,48px) !important}
#faq{padding-top:clamp(28px,3.4vw,48px) !important}
#vidzhety-home{padding-bottom:clamp(20px,2.6vw,36px) !important}
#news{padding-bottom:clamp(16px,2.2vw,32px) !important}
#blog{padding-top:clamp(16px,2.2vw,32px) !important}

/* крупнейшие оставшиеся зазоры на стыках разных фонов */
#contacts{padding-bottom:clamp(36px,4.4vw,64px) !important}
#zayavka{padding-top:clamp(36px,4.4vw,64px) !important}
#segments{padding-top:clamp(36px,4.4vw,64px) !important}
#materialy{padding-bottom:clamp(36px,4.4vw,64px) !important}
#vidzhety-home{padding-top:clamp(36px,4.4vw,64px) !important}
#faq{padding-bottom:clamp(36px,4.4vw,64px) !important}
@media(max-width:768px){
  .hero{padding-bottom:clamp(24px,6vw,44px) !important}
}


/* меню: больше воздуха между пунктами на ПК */
.nav{gap:22px !important}
@media(max-width:1300px){.nav{gap:16px !important}}
@media(max-width:1150px){.nav{gap:12px !important}}

/* страница мероприятий: шапка ближе к меню */
.mp-hero{padding-top:clamp(92px,9vw,118px) !important}

/* активный раздел в шапке */
.nav a.active{color:var(--red,#D6001C) !important;font-weight:700}
.nav .nav-drop.active > a{color:var(--red,#D6001C) !important;font-weight:700}
.nav .nav-menu a.active{color:var(--red,#D6001C) !important;background:#FBF9F5}
.mobile-overlay a.active{color:var(--red,#D6001C) !important}

/* бейдж выгоды в выпадающем меню */
.nav-menu a{justify-content:space-between;gap:10px}
.nm-badge{flex:0 0 auto;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#1A1A1A;background:var(--yellow,#FFD100);padding:3px 7px;border-radius:6px;line-height:1}
.nav-menu a:hover .nm-badge{background:#1A1A1A;color:#fff}

/* акцентная рубрика на карточке услуги */
.blog-card .bc-tag--hot{display:inline-block !important;width:auto !important;align-self:flex-start;color:#1A1A1A !important;background:var(--yellow,#FFD100);padding:4px 10px;border-radius:7px;font-weight:800;font-size:11px;letter-spacing:.03em}

/* единый отступ шапки контента на всех внутренних страницах */
.v-page{padding-top:0 !important}
.v-hero{padding-top:clamp(92px,9vw,118px) !important}
.cal-hero{padding-top:clamp(92px,9vw,118px) !important}

/* крошки: единый стиль на всех страницах */
.crumbs,.kcrumbs{font-size:13px !important;margin-bottom:18px !important;color:#888 !important}
.crumbs a,.kcrumbs a{color:#888}
.crumbs a:hover,.kcrumbs a:hover{color:var(--red,#D6001C)}

/* точка «есть новое» на родительском пункте выпадающего меню */
.nav .nav-dot{position:relative}
.nav .nav-dot::after{content:"";position:absolute;top:-2px;right:-9px;width:7px;height:7px;border-radius:50%;
  background:var(--yellow,#FFD100);box-shadow:0 0 0 2px #fff}
.nav .nav-dot.nav-dot-red::after{background:var(--red,#D6001C)}
.nav .nav-menu a.nav-new::after{position:static;margin-left:8px;top:auto;right:auto}