/* ── CSS-переменные ─────────────────────────────────── */
:root {
  --ak-navy:        #1a3c6b;
  --ak-navy-dark:   #122b50;
  --ak-navy-light:  #e8eef7;
  --ak-gold:        #baa06e;
  --ak-red:         #c0392b;
  --ak-red-bg:      #fdecea;
  --ak-green:       #2e7d32;
  --ak-green-bg:    #edf7ee;
  --ak-border:      #e0e0e0;
  --ak-bg:          #f7f8fc;
  --ak-text:        #111;
  --ak-muted:       #888;
  --ak-font:        'Golos Text', Arial, sans-serif;
  --ak-radius:      12px;
  --ak-radius-sm:   8px;
  --ak-radius-pill: 20px;
  --ak-shadow:      0 4px 16px rgba(26,60,107,0.12);
}

/* ── Шрифт по всему сайту ───────────────────────────── */
.t-body, .t-records, .t-rec,
.t-store, .t-store *,
.t-cart, .t-cart *,
.t-members, .t-members *,
.t450 {
  font-family: var(--ak-font) !important;
}

/* ── Tilda кнопки ───────────────────────────────────── */
.t-btn, .t-btnflex {
  font-family: var(--ak-font) !important;
  border-radius: var(--ak-radius-pill) !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

/* ── Мобильное меню T450 ────────────────────────────── */
.t450 .t-menu__link-item {
  font-family: var(--ak-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ak-text) !important;
  padding: 13px 24px !important;
  border-left: 3px solid transparent !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  display: block !important;
}
.t450 .t-menu__link-item:hover {
  color: var(--ak-navy) !important;
  background: #f5f7fc !important;
  border-left-color: var(--ak-navy) !important;
}
.t450__right_descr a[href^="tel"] {
  font-family: var(--ak-font) !important;
  font-weight: 600 !important;
  color: var(--ak-navy) !important;
  text-decoration: none !important;
}
.t-sociallinks__item a {
  transition: opacity 0.2s, transform 0.2s !important;
}
.t-sociallinks__item a:hover {
  opacity: 0.75 !important;
  transform: translateY(-2px) !important;
}
.t450 .t-btnflex.t-btnflex_type_button,
.t450 .t-btnflex.t-btnflex_type_button2 {
  border-radius: var(--ak-radius-pill) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* ── Хлебные крошки ─────────────────────────────────── */
.ak-bc a, .t-breadcrumbs a {
  color: var(--ak-muted) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.ak-bc a:hover, .t-breadcrumbs a:hover {
  color: var(--ak-navy) !important;
}

/* ── Tilda Store — листинг ──────────────────────────── */
.t-store__card {
  border-radius: var(--ak-radius-sm) !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
.t-store__card:hover {
  box-shadow: var(--ak-shadow) !important;
  transform: translateY(-2px) !important;
}
.t-store__buy-btn {
  border-radius: var(--ak-radius-pill) !important;
}
.t-store__card-price {
  font-weight: 700 !important;
  color: var(--ak-navy) !important;
}
.t-store__card-price_old {
  color: var(--ak-muted) !important;
}

/* ── Пагинация Tilda ────────────────────────────────── */
.t-store__pager-item {
  border-radius: var(--ak-radius-sm) !important;
  font-family: var(--ak-font) !important;
  transition: all 0.15s !important;
}
.t-store__pager-item_active {
  background: var(--ak-navy) !important;
  border-color: var(--ak-navy) !important;
  color: white !important;
}

/* ── Инпуты / Формы ─────────────────────────────────── */
.t-input,
.t-form__inputsbox input,
.t-form__inputsbox textarea,
.t-form__inputsbox select {
  font-family: var(--ak-font) !important;
  border-radius: var(--ak-radius-sm) !important;
  border-color: var(--ak-border) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.t-input:focus,
.t-form__inputsbox input:focus,
.t-form__inputsbox textarea:focus {
  border-color: var(--ak-navy) !important;
  box-shadow: 0 0 0 3px rgba(26,60,107,0.08) !important;
  outline: none !important;
}

/* ── Табы страницы товара ───────────────────────────── */
.t-store__tabs__button {
  font-family: var(--ak-font) !important;
  font-weight: 600 !important;
  transition: color 0.15s, border-color 0.15s !important;
}
.t-store__tabs__button_active {
  color: var(--ak-navy) !important;
  border-bottom-color: var(--ak-navy) !important;
}

/* ── Мобильная адаптация ────────────────────────────── */
@media (max-width: 768px) {
  .t450 .t-menu__link-item { font-size: 16px !important; padding: 14px 20px !important; }
  .t-input, .t-form__inputsbox input { font-size: 16px !important; min-height: 48px !important; }
}

/* ── 2. Базовый шрифт для всего сайта ────────────────── */
.t-body,
.t-records,
.t-rec {
  font-family: var(--ak-font) !important;
}

/* ── 3. Tilda-кнопки — глобально ─────────────────────── */
/* Основные кнопки через Tilda Button блоки */
.t-btn,
.t-btnflex {
  font-family: var(--ak-font) !important;
  border-radius: var(--ak-radius-pill) !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
}

/* Кнопка в корзину — Tilda Store */
.t-store__buy-btn,
.t-store__buy-btn table,
.t-store__buy-btn .t-btnflex__text {
  font-family: var(--ak-font) !important;
  font-weight: 600 !important;
}

/* ── 4. Мобильное меню T450 ────────────────────────────
   Блок с классом t450 — бургер-меню
────────────────────────────────────────────────────── */

/* Общий контейнер */
.t450 {
  font-family: var(--ak-font) !important;
}

/* Ссылки меню */
.t450 .t-menu__link-item,
.t450 a.t-menu__link-item {
  font-family: var(--ak-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ak-text) !important;
  padding: 13px 24px !important;
  display: block !important;
  border-left: 3px solid transparent !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
}
.t450 .t-menu__link-item:hover {
  color: var(--ak-navy) !important;
  background: #f5f7fc !important;
  border-left-color: var(--ak-navy) !important;
}

/* Пункты ВЕРХНЕГО РЕГИСТРА (хиты, новинки, распродажа) */
.t450 .t450__list_item:nth-child(n+5) .t-menu__link-item {
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
}

/* Заголовок "Свяжитесь с нами" */
.t450__right_descr.t-descr strong {
  font-family: var(--ak-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ak-muted) !important;
}

/* Иконки соц.сетей */
.t-sociallinks__item a {
  transition: opacity 0.2s, transform 0.2s !important;
}
.t-sociallinks__item a:hover {
  opacity: 0.75 !important;
  transform: translateY(-2px) !important;
}

/* Кнопки WB / OZON в меню */
.t450 .t-btnflex.t-btnflex_type_button {
  border-radius: var(--ak-radius-pill) !important;
  font-family: var(--ak-font) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  transition: all 0.2s !important;
}
.t450 .t-btnflex.t-btnflex_type_button2 {
  border-radius: var(--ak-radius-pill) !important;
  font-family: var(--ak-font) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  transition: all 0.2s !important;
}

/* Номер телефона внизу */
.t450__right_descr a[href^="tel"] {
  font-family: var(--ak-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ak-navy) !important;
  text-decoration: none !important;
}
.t450__right_descr a[href^="tel"]:hover {
  text-decoration: underline !important;
}

/* ── 5. Хлебные крошки ────────────────────────────────── */
.ak-bc,
.t-breadcrumbs,
[class*="breadcrumb"] {
  font-family: var(--ak-font) !important;
  font-size: 13px !important;
  color: var(--ak-muted) !important;
}
.ak-bc a,
.t-breadcrumbs a {
  color: var(--ak-muted) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.ak-bc a:hover,
.t-breadcrumbs a:hover {
  color: var(--ak-navy) !important;
}

/* ── 6. Tilda Store — глобальные правки ───────────────── */

/* Шрифт во всём магазине */
.t-store,
.t-store * {
  font-family: var(--ak-font) !important;
}

/* Заголовки категорий / коллекций */
.t-store__title,
.t-store__category-title {
  font-family: var(--ak-font) !important;
  color: var(--ak-navy) !important;
  font-weight: 700 !important;
}

/* Цена в листинге */
.t-store__card-price {
  font-weight: 700 !important;
  color: var(--ak-navy) !important;
}

/* Старая цена */
.t-store__card-price_old {
  color: var(--ak-muted) !important;
  text-decoration: line-through !important;
}

/* Карточки в листинге (нативные Tilda, не наш cp-card) */
.t-store__card {
  border-radius: var(--ak-radius-sm) !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
.t-store__card:hover {
  box-shadow: var(--ak-shadow) !important;
  transform: translateY(-2px) !important;
}

/* Кнопка "В корзину" в листинге */
.t-store__buy-btn {
  border-radius: var(--ak-radius-pill) !important;
}

/* ── 7. Корзина / Чекаут ──────────────────────────────── */
.t-cart,
.t-cart * {
  font-family: var(--ak-font) !important;
}

/* Заголовок корзины */
.t-cart__title {
  font-family: var(--ak-font) !important;
  font-weight: 700 !important;
  color: var(--ak-navy) !important;
}

/* Инпуты в форме заказа */
.t-input,
.t-form__inputsbox input,
.t-form__inputsbox textarea,
.t-form__inputsbox select {
  font-family: var(--ak-font) !important;
  border-radius: var(--ak-radius-sm) !important;
  border-color: var(--ak-border) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.t-input:focus,
.t-form__inputsbox input:focus,
.t-form__inputsbox textarea:focus {
  border-color: var(--ak-navy) !important;
  box-shadow: 0 0 0 3px rgba(26,60,107,0.08) !important;
  outline: none !important;
}

/* Кнопка отправки формы */
.t-form__submit .t-btn,
.t-form__submit .t-btnflex {
  border-radius: var(--ak-radius-pill) !important;
  font-family: var(--ak-font) !important;
  font-weight: 700 !important;
}

/* ── 8. Попап / Модалка Tilda ─────────────────────────── */
.t-popup__container {
  border-radius: var(--ak-radius) !important;
  font-family: var(--ak-font) !important;
}

/* ── 9. Пагинация Tilda (нативная) ───────────────────── */
.t-store__pager {
  font-family: var(--ak-font) !important;
}
.t-store__pager-item {
  border-radius: var(--ak-radius-sm) !important;
  font-family: var(--ak-font) !important;
  transition: all 0.15s !important;
}
.t-store__pager-item_active {
  background: var(--ak-navy) !important;
  border-color: var(--ak-navy) !important;
  color: white !important;
}

/* ── 10. Табы Tilda (страница товара) ─────────────────── */
.t-store__tabs__button {
  font-family: var(--ak-font) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: color 0.15s, border-color 0.15s !important;
}
.t-store__tabs__button_active {
  color: var(--ak-navy) !important;
  border-bottom-color: var(--ak-navy) !important;
}

/* ── 11. Личный кабинет / Members ─────────────────────── */
.t-members,
.t-members * {
  font-family: var(--ak-font) !important;
}
.t-members__title {
  color: var(--ak-navy) !important;
  font-weight: 700 !important;
}

/* Кнопки LK */
.t-members .t-btn {
  border-radius: var(--ak-radius-pill) !important;
}

/* ── 12. Мобильная адаптация ──────────────────────────── */
@media (max-width: 768px) {
  /* Меню на мобильном */
  .t450 .t-menu__link-item {
    font-size: 16px !important;
    padding: 14px 20px !important;
  }

  /* Кнопки крупнее на мобильном */
  .t-btn,
  .t-btnflex {
    min-height: 48px !important;
  }

  /* Инпуты крупнее */
  .t-input,
  .t-form__inputsbox input {
    font-size: 16px !important; /* prevents iOS zoom */
    min-height: 48px !important;
  }
}

/* Поиск */
.t985__input {
  border: 1.5px solid var(--ak-border) !important;
  border-radius: var(--ak-radius-sm) !important;
  font-family: var(--ak-font) !important;
  padding: 10px 16px !important;
  transition: border-color 0.2s !important;
}
.t985__input:focus {
  border-color: var(--ak-navy) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26,60,107,0.08) !important;
}
.t985__searchvariant {
  font-family: var(--ak-font) !important;
  padding: 8px 12px !important;
  border-radius: var(--ak-radius-sm) !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
.t985__searchvariant:hover {
  background: var(--ak-navy-light) !important;
  color: var(--ak-navy) !important;
}

