/* ============================================================
   ИНТЕГРАЦИЯ — редизайн-слой
   Стальной синий акцент, обновлённые карточки, кнопки и ритм секций.
   Подключается последним и мягко перекрывает базовые модули.
   ============================================================ */
:root{
  --acc:#2F6AE1;      /* стальной синий — акцент */
  --acc-d:#2250B8;    /* тёмный для hover */
  --acc-l:#6B9BF2;    /* светлый */
  --acc-soft:#EAF1FD; /* светлая подложка-акцент */
  --tint:#F4F7FC;     /* прохладный фон секций */
  --card-line:#E6EBF2;
}

/* ---------------------------------------------- Кнопки / CTA */
.banner-call,
.promo-strip-all,
.fc-all{
  border-radius:10px;
  background-image:linear-gradient(180deg,#3D77EA,#2F6AE1);
  box-shadow:0 6px 16px rgba(47,106,225,.26);
  transition:transform .16s ease, box-shadow .16s ease, background-image .16s ease;
}
.banner-call:hover,
.promo-strip-all:hover,
.fc-all:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(47,106,225,.42);
  background-image:linear-gradient(180deg,#2F6AE1,#2250B8);
}
.banner-catalog{ border-radius:10px; }

/* ---------------------------------------------- Плитки разделов */
.front-categories li a{
  border-radius:14px;
  background:#fff;
  border:1px solid var(--card-line);
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.front-categories li a:hover{
  transform:translateY(-3px);
  border-color:var(--acc-l);
  box-shadow:0 16px 32px rgba(30,45,80,.13);
}

/* ---------------------------------------------- Карточки товаров */
.front-products .promo-products .product-item{
  border-radius:14px;
  border:1px solid var(--card-line);
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.front-products .promo-products .slick-slide:hover .product-item,
.front-products .promo-products .product-item:hover{
  transform:translateY(-3px);
  border-color:var(--acc-l);
  box-shadow:0 16px 32px rgba(30,45,80,.13);
}
.front-products .promo-products .product-item .price{ color:var(--acc); }

/* ---------------------------------------------- Ритм секций */
.front-text{ background:var(--tint); }

/* ---------------------------------------------- Акцентная черта под заголовками */
.adv-title,
.front-contacts h2.fc-title{ position:relative; }
.adv-title:after,
.front-contacts h2.fc-title:after{
  content:"";
  display:block;
  width:52px; height:3px;
  margin-top:14px;
  background:var(--acc);
  border-radius:2px;
}

/* ---------------------------------------------- Панель контактов — мягче */
.front-contacts .fc-panel{ border-radius:16px; }