/* ═══════════════════════════════════════════════════
   CATALOG + HOME — lideravto theme
   Контентные стили: цвета текста, шрифты, изображения.
   Layout (grid/gap/padding) — только в grid.css.
   Только var() из tokens.css.
═══════════════════════════════════════════════════ */

/* ══════════════════════════════
   ОБЩИЙ КОНТЕНТ — отступы секций
══════════════════════════════ */
.region-content > .block {
  padding: 32px 0;   /* 48→32px */
}
.region-content > .block + .block {
  border-top: 1px solid var(--gray-100);
}

/* Заголовки секций */
.region-content h2 {
  font-size: var(--h2);
  font-weight: 700;
  color: var(--gray-900);
  margin-bottom: 16px;   /* 20→16px */
  line-height: 1.2;
}

/* ══════════════════════════════
   HERO — фон и вёрстка
══════════════════════════════ */
.hero-inner {
  background: linear-gradient(135deg, var(--navy) 0%, #0a4a9e 60%, #112244 100%);
  border-radius: var(--radius);
  padding: 48px 20px;
  color: var(--white);
  text-align: center;
}

.hero-badges {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.hero-badges span {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.85);
  padding: 4px 14px;
  border-radius: 20px;
  font-size: var(--small);
  font-family: var(--font);
}

.hero-inner h1 {
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 900 !important;
  color: var(--white) !important;
  margin-bottom: 12px !important;
  line-height: 1.1 !important;
}

.hero-sub {
  font-size: 18px;
  color: rgba(255,255,255,.75);
  margin-bottom: 32px;
  font-family: var(--font);
}

/* Hero поиск */
.hero-search {
  display: flex;
  max-width: 600px;
  margin: 0 auto 16px;
  height: 52px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.hero-search input {
  flex: 1;
  border: none;
  padding: 0 20px;
  font-size: 16px;
  font-family: var(--font);
  outline: none;
  color: var(--gray-900);
}
.hero-search button {
  background: var(--accent);
  color: var(--white);
  border: none;
  padding: 0 28px;
  font-weight: 700;
  font-size: 16px;
  font-family: var(--font);
  cursor: pointer;
  transition: background var(--transition);
  white-space: nowrap;
}
.hero-search button:hover { background: var(--accent-hover); }

.hero-hint {
  font-size: var(--small);
  color: rgba(255,255,255,.5);
  font-family: var(--font);
  margin-top: 8px;
}

/* ══════════════════════════════
   КАТАЛОГ ПО МАРКАМ — контентные стили
══════════════════════════════ */

.lider-brand-count {
  font-size: var(--small);
  color: var(--gray-500);
  font-family: var(--font);
}

/* ══════════════════════════════
   КАРТОЧКА ТОВАРА — контентные стили
══════════════════════════════ */

/* Фото товара */
#block-lideravto-lider-popular-parts .views-field-field-images img,
.view-id-lider_top_n .views-field-field-images img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  background: var(--gray-50);
}

#block-lideravto-lider-popular-parts .views-row > *:first-child { padding: 0; }

/* Название */
#block-lideravto-lider-popular-parts .views-field-title a,
.view-id-lider_top_n .views-field-title a {
  font-size: 15px;
  font-weight: 600;
  color: var(--gray-900);
  text-decoration: none;
  line-height: 1.3;
  display: block;
  margin-top: 12px;
}

/* OEM */
#block-lideravto-lider-popular-parts .views-field-field-oem,
.view-id-lider_top_n .views-field-field-oem {
  font-size: 12px;
  color: var(--blue);
  font-family: monospace;
  margin-top: 4px;
}

/* Цена */
#block-lideravto-lider-popular-parts .views-field-price,
.view-id-lider_top_n .views-field-price,
#block-lideravto-lider-popular-parts .price,
.view-id-lider_top_n .price {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 8px;
  padding-bottom: 10px;
  font-family: var(--font);
}

/* ══════════════════════════════
   БЛОК «О КОМПАНИИ»
══════════════════════════════ */
.about-block p {
  font-size: var(--body);
  color: var(--gray-600);
  line-height: 1.6;
  margin-bottom: 12px;
  font-family: var(--font);
}

/* ══════════════════════════════
   ФУТЕР — контентные стили
══════════════════════════════ */
footer,
.region-footer-first,
.region-footer-second,
.region-footer-third,
.region-footer-fourth {
  background: var(--navy);
  color: rgba(255,255,255,.75);
}

/* Футер — убираем буллиты в меню */
.region-footer-first ul,
.region-footer-second ul,
.region-footer-third ul,
.region-footer-fourth ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.region-footer-first li::before,
.region-footer-second li::before,
.region-footer-third li::before,
.region-footer-fourth li::before { display: none !important; }

.region-footer-first a,
.region-footer-second a,
.region-footer-third a,
.region-footer-fourth a {
  color: rgba(255,255,255,.65) !important;
  text-decoration: none !important;
  font-size: var(--small) !important;
  font-family: var(--font) !important;
  transition: color var(--transition);
  display: block;
  padding: 3px 0;
}
.region-footer-first a:hover,
.region-footer-second a:hover,
.region-footer-third a:hover,
.region-footer-fourth a:hover { color: var(--white) !important; }

/* Заголовки колонок футера */
.region-footer-first h4,
.region-footer-second h4,
.region-footer-third h4,
.region-footer-fourth h4,
.region-footer-first .block-title,
.region-footer-second .block-title,
.region-footer-third .block-title,
.region-footer-fourth .block-title {
  color: var(--white) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 16px !important;
  font-family: var(--font) !important;
}

/* Текст футера */
.region-footer-first p,
.region-footer-fourth p {
  color: rgba(255,255,255,.6);
  font-size: var(--small);
  font-family: var(--font);
  line-height: 1.5;
}

/* Первый блок в контенте — без верхнего отступа (hero вплотную к шапке) */
.region-content > .block:first-child { padding-top: 0; }
/* Последний блок — без нижнего */
.region-content > .block:last-child  { padding-bottom: 0; }

/* ══════════════════════════════
   FOOTER — синий на всю ширину, колонки по верху
══════════════════════════════ */
footer.site-footer,
.site-footer {
  background: var(--navy) !important;
  width: 100%;
}
.site-footer__top { background: transparent !important; }

/* Футер grid — align top */
.lider-footer-inner { background: var(--navy); width: 100%; }
.lider-footer-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 32px !important;
  max-width: var(--cont-max);
  margin: 0 auto;
  padding: 40px var(--cont-pad) 32px;
  align-items: start !important;   /* колонки по верху */
}