/* ========================================
   DUBROVSKIY SYNDICATE — TILDA GLOBAL CSS
   Схема: Dark · Red · Gold · Editorial
   Адаптивная версия 2.1 — ФИНАЛ + УЛУЧШЕНИЯ ЧИТАЕМОСТИ
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Raleway:wght@300;400;500;600;700;900&display=swap');

/* ── CSS ПЕРЕМЕННЫЕ ──────────────────────── */
:root {
  --black:   #080808;
  --dark:    #0d0d0d;
  --card:    #0f0f0f;
  --border:  #1a1a1a;
  --red:     #C0392B;
  --red2:    #E74C3C;
  --gold:    #C9A84C;
  --gold2:   #E8C96A;
  --white:   #F5F2ED;
  --gray:    #aaa;          /* повышенная яркость */
  --gray-dark: #777;
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Raleway', sans-serif;
  --acc:         #C0392B;
  --acc2:        #E74C3C;
  --acc-bg:      rgba(192,57,43,0.06);
  --acc-border:  rgba(192,57,43,0.22);
  --acc-low:     rgba(192,57,43,0.035);
}

/* ── БАЗОВЫЕ СТИЛИ ───────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body, .t-body {
  background-color: var(--black) !important;
  color: var(--white) !important;
  font-family: var(--font-body) !important;
  font-weight: 400;
  letter-spacing: 0.02em;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.6;
}

/* ── TILDA ОБНУЛЕНИЕ ФОНОВ ───────────────── */
.t-section,
.t-rec,
.t-section__container {
  background: transparent !important;
}

/* ── НАВИГАЦИЯ TILDA ─────────────────────── */
.t-menu__link,
.t-menusub__link,
.t706__menu-link {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #666 !important;
  transition: color 0.3s ease !important;
}
.t-menu__link:hover,
.t706__menu-link:hover {
  color: var(--red) !important;
}

.t-menu,
.t706 {
  background: rgba(8,8,8,0.95) !important;
  border-bottom: 1px solid #111 !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* ── ЗАГОЛОВКИ ───────────────────────────── */
.t-title, .t-heading, h1, h2, h3 {
  font-family: var(--font-display) !important;
  letter-spacing: 0.05em !important;
  color: var(--white) !important;
}

/* ── КНОПКИ TILDA ────────────────────────── */
.t-btn {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}

.t-btn_szbig,
.t-btn {
  background: transparent !important;
  color: var(--red) !important;
  border: 1px solid var(--red) !important;
  padding: 16px 40px !important;
}

.t-btn:hover {
  background: var(--red) !important;
  color: var(--white) !important;
}

/* ── ТЕКСТ ───────────────────────────────── */
.t-text, .t-descr {
  font-family: var(--font-body) !important;
  color: var(--gray) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  font-size: 15px;
}

/* ── ССЫЛКИ ──────────────────────────────── */
a {
  color: inherit !important;
  text-decoration: none !important;
}
a:hover {
  color: var(--white) !important;
}

/* ── СКРОЛЛБАР ───────────────────────────── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--red); }

/* ── ОБЩИЕ СЕКЦИОННЫЕ СТИЛИ ──────────────── */
.t-section + .t-section {
  border-top: 1px solid #101010;
}

/* ── RESET TILDA PADDING ─────────────────── */
.t-rec {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── ОБЩИЙ ЗАГОЛОВОК СЕКЦИИ ──────────────── */
.ds-sec-header {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 64px;
}
.ds-sec-num {
  font-family: var(--font-display);
  font-size: 88px;
  line-height: 1;
  color: #202020;
  user-select: none;
  flex-shrink: 0;
}
.ds-sec-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 6px;
}
.ds-sec-title {
  font-family: var(--font-display);
  font-size: clamp(40px, 5.5vw, 72px);
  color: var(--white);
  letter-spacing: 0.05em;
  line-height: 1;
}
.ds-sec-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #1a1a1a, transparent);
  margin-bottom: 12px;
}

/* ── АНИМАЦИЯ ПОЯВЛЕНИЯ КАРТОЧЕК ─────────── */
@keyframes cardAppear {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ========================================
   ПОВЫШЕНИЕ ЧИТАЕМОСТИ — ГЛОБАЛЬНЫЕ ПРАВКИ
   ======================================== */

/* Основной текст */
.t-text, .t-descr, p, .ds-s-desc, .ds-cleft-desc, .ds-form-sub, .ds-hpanel__bio {
  color: #bbb !important;
}

/* Заголовки и важные надписи — оставляем белыми */
.t-title, .t-heading, h1, h2, h3, .ds-sec-title, .ds-cleft-head {
  color: #fff !important;
}

/* Текст в карточках (авто, продукция, герои) */
.ds-ch-desc,
.ds-vid-title,
.ds-hcard__role,
.ds-s-svc__desc,
.ds-pcat-desc,
.ds-top-item-title,
.ds-car-meta,
.ds-flink,
.ds-fabout {
  color: #aaa !important;
}

/* Текст статистики и мелких меток */
.ds-sl-stat__lbl,
.ds-car-hbadge,
.ds-pb-lbl,
.ds-form-label,
.ds-form-note,
.ds-fcol-title {
  color: #aaa !important;
}

/* Усиление контраста в подписях к соцсетям */
.ds-csoc__handle {
  color: #777 !important;
}

/* Блок "Коллаборации..." в контактах */
.ds-cleft-desc {
  color: #ccc !important;
  font-weight: 400 !important;
  max-width: 380px;
}

/* Текст в полях формы */
.ds-form-input::placeholder,
.ds-form-textarea::placeholder {
  color: #555 !important;
}
.ds-form-select {
  color: #ccc !important;
}
.ds-form-select option {
  background: #111;
  color: #ddd;
}

/* ========================================
   УВЕЛИЧЕНИЕ ШРИФТА В ПРОБЛЕМНЫХ БЛОКАХ
   ======================================== */

/* Главный слоган на Hero */
.h-desc {
  font-size: 17px !important;
  color: #ccc !important;
}
.h-desc strong {
  color: #fff !important;
  font-size: 18px;
}

/* Статистика в hero */
.h-stat-lbl {
  font-size: 11px !important;
  color: #777 !important;
}
.h-stat-num {
  font-size: clamp(32px, 4vw, 48px) !important;
}

/* Карточки каналов (блок "Вселенная синдиката") */
.ds-ch-name {
  font-size: 20px !important;
}
.ds-ch-desc {
  font-size: 15px !important;
}

/* Карточки видео */
.ds-vid-title {
  font-size: 14px !important;
  line-height: 1.6;
}
.ds-vid-meta {
  font-size: 10px !important;
  color: #777 !important;
}

/* Карточки героев */
.ds-hcard__name {
  font-size: 22px !important;
}
.ds-hcard__role {
  font-size: 10px !important;
  letter-spacing: 0.1em;
}
.ds-hcard__more {
  font-size: 9px !important;
}

/* Автосалон — описания услуг */
.ds-s-svc__desc {
  font-size: 12px !important;
}
.ds-s-svc__title {
  font-size: 22px !important;
}

/* Статистика в автосалоне */
.ds-sl-stat__num {
  font-size: 36px !important;
}
.ds-sl-stat__lbl {
  font-size: 10px !important;
}

/* Продукция — большие ячейки */
.ds-pb-desc {
  font-size: 14px !important;
  color: #aaa !important;
}
.ds-pcat-name {
  font-size: 16px !important;
}
.ds-pcat-desc {
  font-size: 11px !important;
  color: #777 !important;
}

/* Товары недели */
.ds-top-item-title {
  font-size: 14px !important;
}
.ds-top-item-price {
  font-size: 18px !important;
}
.ds-banner-info p {
  font-size: 14px !important;
  color: #aaa !important;
}

/* Контакты — поля формы */
.ds-form-input, .ds-form-textarea, .ds-form-select {
  font-size: 15px !important;
  padding: 14px 16px !important;
}
.ds-form-label {
  font-size: 10px !important;
  color: #888 !important;
}
.ds-form-submit {
  font-size: 11px !important;
  padding: 16px !important;
}
.ds-form-note {
  font-size: 11px !important;
  color: #777 !important;
}

/* Футер — ссылки и описание */
.ds-flink {
  font-size: 15px !important;
}
.ds-fabout {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #aaa !important;
}
.ds-fcopy {
  font-size: 13px !important;
}

/* ========================================
   ДОПОЛНИТЕЛЬНАЯ АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ И ТЕЛЕФОНОВ
   ======================================== */

/* Планшеты (до 1024px) */
@media (max-width: 1024px) {
  .ds-hero, .ds-univ, .ds-videos, .ds-heroes, .ds-saloon, .ds-product, .ds-top-products, .ds-contact {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .ds-ch-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ds-vid-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ds-hero-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ds-top-items {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Телефоны (до 768px) */
@media (max-width: 768px) {
  .ds-hero, .ds-univ, .ds-videos, .ds-heroes, .ds-saloon, .ds-product, .ds-top-products, .ds-contact {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ds-ch-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ds-vid-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ds-hero-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ds-prod-bento {
    grid-template-columns: 1fr !important;
  }
  .ds-top-grid {
    grid-template-columns: 1fr !important;
  }

  .ds-ch-card {
    min-height: auto !important;
    padding: 16px !important;
  }
  .ds-hcard__info {
    transform: translateY(0) !important;
  }
  .ds-hcard__socs {
    opacity: 1 !important;
  }

  .ds-car-item {
    flex: 0 0 calc(50% - 5px) !important;
  }

  .ds-pcell--lg {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }

  .ds-footer-top {
    grid-template-columns: 1fr !important;
    gap: 30px;
  }
}

/* Маленькие телефоны (до 480px) */
@media (max-width: 480px) {
  .ds-ch-grid {
    grid-template-columns: 1fr !important;
  }
  .ds-vid-grid {
    grid-template-columns: 1fr !important;
  }
  .ds-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .ds-top-items {
    grid-template-columns: 1fr !important;
  }
  .ds-car-item {
    flex: 0 0 calc(100% - 10px) !important;
  }

  .h-logo {
    font-size: 42px !important;
  }
  .h-xhair-svg {
    width: 64px !important;
    height: 64px !important;
  }
  .h-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.3em !important;
  }
  .h-stats {
    flex-wrap: wrap;
    gap: 16px;
  }
  .h-stat {
    width: 45% !important;
    border-left: none !important;
  }

  .ds-form-row {
    grid-template-columns: 1fr !important;
  }

  .ds-s-cta, .ds-pb-cta, .ds-banner-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Дополнительная адаптация для очень узких экранов */
@media (max-width: 400px) {
  .ds-hero,
  .ds-univ,
  .ds-videos,
  .ds-heroes,
  .ds-saloon,
  .ds-product,
  .ds-top-products,
  .ds-contact {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ========================================
   СПЕЦИФИЧЕСКИЕ ПРАВКИ ДЛЯ БЛОКА "НАША ПРОДУКЦИЯ"
   (можно добавить внутрь блока, но оставлены здесь для глобальности)
   ======================================== */
.ds-pb-desc {
  font-size: 15px !important;
  color: #ccc !important;
  line-height: 1.8 !important;
  max-width: 300px;
}
.ds-pcat-name {
  font-size: 18px !important;
  color: #ddd !important;
}
.ds-pcat-desc {
  font-size: 13px !important;
  color: #999 !important;
}
.ds-pb-cta {
  font-size: 10px !important;
  padding: 12px 26px !important;
}
.ds-pwb-sub {
  font-size: 12px !important;
  color: #888 !important;
}
.ds-pwb-title {
  font-size: 20px !important;
}

/* ========================================
   СПЕЦИФИЧЕСКИЕ ПРАВКИ ДЛЯ БЛОКА "ТОВАРЫ НЕДЕЛИ"
   ======================================== */
.ds-top-item-title {
  color: #ccc !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.ds-top-item-price {
  font-size: 20px !important;
  color: var(--accent, #C9A84C) !important;
}
.ds-banner-info p {
  color: #aaa !important;
  font-size: 15px !important;
}

/* ========================================
   СПЕЦИФИЧЕСКИЕ ПРАВКИ ДЛЯ БЛОКА "СВЯЗАТЬСЯ С НАМИ"
   ======================================== */
.ds-cleft-desc {
  color: #ddd !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}
.ds-form-input, .ds-form-textarea, .ds-form-select {
  background: #111 !important;
  border-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}
.ds-form-input::placeholder,
.ds-form-textarea::placeholder {
  color: #666 !important;
}
.ds-form-select option {
  background: #1a1a1a;
  color: #eee;
}
.ds-form-submit {
  background: #C0392B;
  font-size: 11px !important;
  letter-spacing: 0.3em;
}
.ds-form-submit:hover {
  background: #E74C3C;
}