/* ====== HERO / верхний баннер на услугах ====== */
.page__article-header{
  position:relative;
  min-height:320px;
  background-size:cover;
  background-position:center;
  border-radius:12px;
  overflow:hidden;
}
.page__article-header::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.45));
}
.page__article-header .button--light{
  backdrop-filter: blur(4px);
  background: rgba(255,255,255,.92);
  color:#111; border:1px solid rgba(255,255,255,.6);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  transition:transform .15s ease;
}
.page__article-header .button--light:hover{ transform:translateY(-1px); }

/* ====== Кнопки по сайту — единые ховеры ====== */
.button--default{
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}
.button--default:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

/* ====== Сетка с тремя фотографиями в тексте ====== */
.page__text .row .col-12.col-md-4 img{
  width:100%; height:220px;
  object-fit:cover; object-position:center;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transition:transform .2s ease;
}
.page__text .row .col-12.col-md-4 img:hover{ transform:scale(1.02); }
@media (min-width:992px){ .page__text .row .col-12.col-md-4 img{ height:260px; } }

/* ====== Таблицы (Цены) ====== */
.page__table-container{
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  overflow:hidden;
}
.page__table{ width:100%; border-collapse:separate; border-spacing:0; }
.page__table thead th{ background:#f7f9fb; font-weight:600; }
.page__table tr:nth-child(even){ background:#fbfdff; }
.page__table td,.page__table th{ padding:14px 16px; border-bottom:1px solid #eef2f6; }
@media (max-width:767px){
  .page__table-container{ overflow-x:auto; }
  .page__table{ min-width:520px; }
}

/* ====== Коробки контента / хлебные крошки ====== */
.page__box{ border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.04); }
.breadcrumbs{ margin-bottom:10px; }
.breadcrumbs-link,.breadcrumbs-current{ color:#6b7683; }
.breadcrumbs-link:hover{ color:#111; }

/* ====== Боковое меню “Наши услуги” ====== */
.page__aside{
  position:sticky; top:20px;
  background:#fff; border-radius:12px; padding:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.page__aside-link--large{ font-weight:600; }
.page__aside a:hover{ text-decoration:none; color:#0b6bcb; }

/* ====== Нижняя липкая навигация (десктоп) ====== */
@media (min-width:1200px){
  #js-header-bottom-holder{
    position:sticky; top:0; z-index:1000; background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
  }
}

/* ====== Заголовки на мобилках компактнее ====== */
@media (max-width:576px){
  .title{ font-size:22px; line-height:1.25; }
}


/* Sticky CTA: mobile only */
.sticky-cta{
  position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 1000;
  display: none; /* по умолчанию скрыта на десктопе */
}
@media (max-width: 576px){
  .sticky-cta{ display:block; }
  .sticky-cta .button--default{ width:100%; padding:14px 18px; border-radius:14px; }
}

/* KPI cards row */
.kpi-cards{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px; margin:20px 0 28px;
}
.kpi-card{
  background:#fff; border-radius:12px; padding:16px;
  text-align:center; box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.kpi-num{ font-size:26px; font-weight:700; line-height:1; margin-bottom:6px; }
.kpi-caption{ color:#6b7683; font-size:14px; }
@media (max-width: 992px){ .kpi-cards{ grid-template-columns:repeat(2,1fr);} }
@media (max-width: 576px){ .kpi-cards{ grid-template-columns:1fr; } }

/* Главная: левый список как карточка */
.page__main .page__aside{
  background:#fff; border-radius:12px; padding:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.page__aside a{ transition:color .15s ease, transform .1s ease; }
.page__aside a:hover{ color:#0b6bcb; transform: translateX(2px); }
/* Большой промо-баннер на главной */
.page__main .page__box:first-of-type img{
  border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,.10);
  display:block;
}
html{ scroll-behavior:smooth; }