/* ================================================
   MAKO Textile — Кастомный CSS для Tilda v2
   Вставить в: Настройки сайта → Ещё → CSS
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
  --cream: #FAF6F1;
  --cream-dark: #F0EBE3;
  --warm-beige: #E8DDD3;
  --soft-brown: #C4AD97;
  --text-brown: #8B7355;
  --text-dark: #5C4A32;
  --sage: #B8C5A8;
  --sage-light: #D4DFC8;
  --shadow: 0 4px 20px rgba(139,115,85,0.08);
  --shadow-hover: 0 8px 32px rgba(139,115,85,0.14);
}

/* ===== ХЕДЕР ===== */
/* Фон хедера — белый/кремовый вместо чёрного */
.t228 {
  background-color: rgba(250,246,241,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--warm-beige) !important;
}
.t228__wrapper {
  background-color: transparent !important;
}
/* Логотип и текст меню */
.t228 .t-menu__link-item,
.t228 .t-menu__list-item a,
.t228__cartcount {
  color: var(--text-dark) !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
}
.t228 .t-menu__link-item:hover {
  color: var(--text-brown) !important;
}
/* Иконки корзины, поиска, вишлист */
.t228 svg path,
.t228 svg circle,
.t228 svg line,
.t228 svg rect {
  stroke: var(--text-dark) !important;
  fill: none !important;
}
/* Иконки соцсетей */
.t228 .t228__social-icon svg path {
  fill: var(--text-dark) !important;
  stroke: none !important;
}
/* Бейдж корзины */
.t228__cartcount {
  background: var(--sage) !important;
  color: var(--text-dark) !important;
}
/* Гамбургер */
.t228 .t228__hamburgermenu span {
  background-color: var(--text-dark) !important;
}

/* ===== ОБЩЕЕ ===== */
body {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  background: var(--cream) !important;
  color: var(--text-dark) !important;
}

/* ===== СПИСОК ТОВАРОВ — КАРТОЧКИ ===== */

/* Фон страницы каталога */
.t-store,
.t-store__prod-list,
.t-store__prod-list-wrapper {
  background: var(--cream) !important;
}

/* Карточка */
.t-store__prod-item {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow) !important;
  background: #fff !important;
  border: none !important;
  transition: transform 0.35s, box-shadow 0.35s !important;
}
.t-store__prod-item:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--shadow-hover) !important;
}

/* Изображение */
.t-store__prod-img-wrapper {
  background: var(--cream-dark) !important;
  overflow: hidden !important;
}

/* Название товара в карточке */
.t-store__prod-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  font-size: 19px !important;
  color: var(--text-dark) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

/* Цена — ИСПРАВЛЕНО (убираем font-size:0 который ломал отображение) */
.t-store__prod-price {
  font-family: 'Jost', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--text-dark) !important;
  line-height: 1.4 !important;
}
.t-store__prod-price .t-store__prod-price-value,
.t-store__prod-price span {
  font-family: 'Jost', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--text-dark) !important;
  vertical-align: baseline !important;
}
/* Символ валюты */
.t-store__prod-price .t-store__prod-price-currency {
  font-size: 16px !important;
  color: var(--text-brown) !important;
}

/* Старая цена */
.t-store__prod-price-old {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: var(--soft-brown) !important;
  text-decoration: line-through !important;
  line-height: 1.4 !important;
}
.t-store__prod-price-old span {
  font-size: 14px !important;
  color: var(--soft-brown) !important;
}

/* Кнопка В корзину */
.t-store__prod-btn {
  background: var(--text-dark) !important;
  color: var(--cream) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 12px 26px !important;
  transition: background 0.3s !important;
  box-shadow: none !important;
}
.t-store__prod-btn:hover {
  background: var(--text-brown) !important;
  color: var(--cream) !important;
}

/* Вишлист кнопка */
.t-store__wishlist-btn {
  border: 1px solid var(--warm-beige) !important;
  border-radius: 50% !important;
  background: #fff !important;
  transition: all 0.25s !important;
}
.t-store__wishlist-btn:hover {
  border-color: var(--soft-brown) !important;
}
.t-store__wishlist-btn svg path {
  stroke: var(--text-brown) !important;
}

/* Бейдж NEW / скидка */
.t-store__prod-tag {
  background: var(--sage) !important;
  color: #3a4d2a !important;
  border-radius: 50% !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}
.t-store__prod-tag_sale {
  background: var(--sage) !important;
  color: #3a4d2a !important;
}

/* ===== СТРАНИЦА ТОВАРА (tproduct) ===== */

.t-store__product-wrapper,
.t702 {
  background: var(--cream) !important;
}

/* Заголовок */
.t702__title,
.t-store__product-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  color: var(--text-dark) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

/* Цена на странице товара */
.t702__price-value,
.t-store__product-price-value {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  color: var(--text-dark) !important;
  line-height: 1.3 !important;
}
.t702__price-currency,
.t-store__product-price-currency {
  font-family: 'Jost', sans-serif !important;
  font-size: 18px !important;
  color: var(--text-brown) !important;
}

/* Старая цена на странице товара */
.t702__price-old-value,
.t-store__product-price-old-value {
  font-family: 'Jost', sans-serif !important;
  font-size: 18px !important;
  color: var(--soft-brown) !important;
  text-decoration: line-through !important;
}

/* Описание */
.t702__descr,
.t-store__product-description {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--text-brown) !important;
}

/* Характеристики */
.t702__feature-name {
  font-family: 'Jost', sans-serif !important;
  color: var(--soft-brown) !important;
  font-size: 14px !important;
}
.t702__feature-value {
  font-family: 'Jost', sans-serif !important;
  color: var(--text-dark) !important;
  font-size: 14px !important;
}

/* Кнопка В корзину на странице товара */
.t702__btn,
.t-store__product-btn {
  background: var(--text-dark) !important;
  color: var(--cream) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  padding: 15px 40px !important;
  transition: background 0.3s !important;
  box-shadow: none !important;
}
.t702__btn:hover,
.t-store__product-btn:hover {
  background: var(--text-brown) !important;
  color: var(--cream) !important;
}

/* Заголовок «С этими товарами покупают» */
.t702__related-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  color: var(--text-dark) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ===== ФОРМА ЗАКАЗА ===== */
.t-form__inputsbox input[type="text"],
.t-form__inputsbox input[type="tel"],
.t-form__inputsbox input[type="email"],
.t-form__inputsbox textarea {
  border: 1px solid var(--warm-beige) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  color: var(--text-dark) !important;
  padding: 14px 18px !important;
  box-shadow: none !important;
  transition: border-color 0.3s !important;
}
.t-form__inputsbox input:focus,
.t-form__inputsbox textarea:focus {
  border-color: var(--soft-brown) !important;
  outline: none !important;
  box-shadow: none !important;
}
.t-input-title {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: var(--text-brown) !important;
}

/* Кнопки Telegram/WhatsApp/Телефон */
.t-store__messenger-choose label {
  border: 1px solid var(--warm-beige) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--text-brown) !important;
  transition: all 0.25s !important;
}
.t-store__messenger-choose input:checked + label {
  background: var(--text-dark) !important;
  color: var(--cream) !important;
  border-color: var(--text-dark) !important;
}

/* Кнопка отправки формы */
.t-form__submit .t-btn,
.t-form__submit input[type="submit"],
.t-submit {
  background: var(--text-dark) !important;
  color: var(--cream) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  transition: background 0.3s !important;
  box-shadow: none !important;
}
.t-form__submit .t-btn:hover,
.t-submit:hover {
  background: var(--text-brown) !important;
}

/* ===== COOKIE БАННЕР ===== */
.t-cookie__wrapper {
  background: var(--cream-dark) !important;
  border-top: 1px solid var(--warm-beige) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: var(--text-brown) !important;
}
.t-cookie__btn {
  background: var(--text-dark) !important;
  color: var(--cream) !important;
  border-radius: 30px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 10px 24px !important;
}

/* ===== ТЕКСТОВЫЕ БЛОКИ ===== */
.t-text, .t-descr {
  font-family: 'Jost', sans-serif !important;
  color: var(--text-brown) !important;
}
.t-uptitle {
  font-family: 'Jost', sans-serif !important;
  color: var(--soft-brown) !important;
  letter-spacing: 2px !important;
}
.t-title {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--text-dark) !important;
}