/* ============================================================
   GREEN GARDEN — стиль для интернет-магазина растений (Tilda)
   Тёплый, мягкий, дружелюбный. Бежево-пастельная база.
   Вставлять: Настройки сайта → Ещё → HTML-код внутрь HEAD
   (в теге ) ИЛИ в отдельный style.css
   ============================================================ */

/* ---- 1. ПЕРЕМЕННЫЕ (меняй только здесь) ---- */
:root {
  --c-bg:            #FBF8F3;
  --c-bg-section:    #F3EDE3;
  --c-beige:         #E8DCC8;
  --c-accent:        #A8B88A;   /* фисташковый */
  --c-accent-hover:  #8FA371;
  --c-accent-soft:   #E4EAD8;   /* светлый фисташковый для плашек */
  --c-pink:          #D9A7B0;   /* гортензия — бейджи */
  --c-text:          #3A3530;
  --c-text-muted:    #8A8178;
  --c-border:        #E5DDD0;
  --c-white:         #FFFFFF;

  --radius-card:     20px;
  --radius-btn:      999px;     /* круглые кнопки — под логотип */
  --radius-img:      16px;

  --font-heading:    'Comfortaa', 'Nunito', sans-serif;  /* мягкий, округлый */
  --font-body:       'Nunito', 'Inter', sans-serif;

  --container:       1200px;
  --section-pad:     96px;
  --shadow-soft:     0 6px 28px rgba(58, 53, 48, 0.07);
  --shadow-hover:    0 12px 36px rgba(58, 53, 48, 0.12);
}

/* ---- 2. БАЗА ---- */
html { scroll-behavior: smooth; }

body,
.t-body {
  font-family: var(--font-body);
  color: var(--c-text);
  background: var(--c-bg);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- 3. ЗАГОЛОВКИ ---- */
h1, h2, h3, h4,
.t-title,
.t-title_xl,
.t-title_lg,
.t-title_md {
  font-family: var(--font-heading);
  color: var(--c-text);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

h1, .t-title_xl { font-size: 56px; }
h2, .t-title_lg { font-size: 40px; }
h3, .t-title_md { font-size: 28px; }

/* ---- 4. ТЕКСТ, ССЫЛКИ ---- */
p, .t-text, .t-descr {
  color: var(--c-text);
  font-size: 17px;
  line-height: 1.65;
}

.t-text_md, .t-descr_md { color: var(--c-text-muted); font-size: 16px; }

a {
  color: var(--c-accent-hover);
  text-decoration: none;
  transition: color .2s ease;
}
a:hover { color: var(--c-accent); }

/* ---- 5. КНОПКИ (круглые, мягкие) ---- */
.t-btn,
button.t-btn,
a.t-btn {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 16px;
  border-radius: var(--radius-btn);
  padding: 16px 36px;
  transition: all .25s ease;
  border: none;
  cursor: pointer;
}

/* Основная кнопка — фисташковая */
.t-btn.t-btn_primary,
.t-btn.t-btn_md.t-btn_primary {
  background: var(--c-accent) !important;
  color: var(--c-white) !important;
  box-shadow: var(--shadow-soft);
}
.t-btn.t-btn_primary:hover {
  background: var(--c-accent-hover) !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}

/* Вторичная — обводка */
.t-btn.t-btn_secondary,
.t-btn.t-btn_md.t-btn_secondary {
  background: transparent !important;
  color: var(--c-text) !important;
  border: 1.5px solid var(--c-text) !important;
}
.t-btn.t-btn_secondary:hover {
  background: var(--c-text) !important;
  color: var(--c-white) !important;
}

/* ---- 6. КАРТОЧКИ ТОВАРОВ ---- */
.t-store__card,
.t-card,
.t776__card,
.t776__wrapper {
  background: var(--c-white);
  border-radius: var(--radius-card) !important;
  box-shadow: var(--shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: hidden;
}
.t-store__card:hover,
.t776__wrapper:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

/* Фото товара */
.t-store__card__imgwrapper,
.t776__imgwrapper {
  border-radius: var(--radius-img);
  overflow: hidden;
  background: var(--c-bg-section);
}
.t-store__card__imgwrapper img,
.t776__imgwrapper img {
  border-radius: var(--radius-img);
  transition: transform .4s ease;
}
.t-store__card:hover .t-store__card__imgwrapper img,
.t776__wrapper:hover .t776__imgwrapper img {
  transform: scale(1.04);
}

/* Название и цена */
.t-store__card__title,
.t776__title {
  font-family: var(--font-heading);
  font-size: 19px;
  color: var(--c-text);
  font-weight: 600;
}
.t-store__card__price,
.t776__price {
  color: var(--c-accent-hover);
  font-weight: 700;
  font-size: 20px;
}

/* ---- 7. БЕЙДЖИ («Хит», «Новинка», «Скидка») ---- */
.t-store__card__marker,
.t-store__card__sale {
  background: var(--c-pink) !important;
  color: var(--c-white) !important;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
}

/* ---- 8. ФОРМЫ (заказ, консультация) ---- */
.t-input,
.t-textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  font-family: var(--font-body);
  background: var(--c-white);
  border: 1.5px solid var(--c-border) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-size: 16px;
  color: var(--c-text);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.t-input:focus,
.t-textarea:focus {
  border-color: var(--c-accent) !important;
  box-shadow: 0 0 0 3px var(--c-accent-soft);
  outline: none;
}
.t-input::placeholder { color: var(--c-text-muted); }

/* ---- 9. СЕКЦИИ ---- */
.t-section_pt-0 { padding-top: 0 !important; }
.t-cover { background: var(--c-bg-section); }

/* Плашки-акценты */
.t-uptitle,
.t-uptitle_md {
  color: var(--c-accent-hover);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 14px;
}

/* ---- 10. МЕНЮ (шапка) ---- */
.t-menu__link,
.t-menulist__item-link {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--c-text);
  transition: color .2s ease;
}
.t-menu__link:hover,
.t-menulist__item-link:hover {
  color: var(--c-accent-hover);
}

/* ---- 11. КОРЗИНА ---- */
.t706__product-title,
.t706__cartwin-totalamount {
  font-family: var(--font-heading);
  color: var(--c-text);
}
.t706__cartwin-prodamount-wrap,
.t706__cartwin-bottom {
  background: var(--c-bg-section);
}

/* ---- 12. ПОДВАЛ ---- */
.t-footer,
.t-records__record-content {
  background: var(--c-bg-section);
  color: var(--c-text);
}

/* ---- 13. АДАПТИВ ---- */
@media (max-width: 960px) {
  :root { --section-pad: 64px; }
  h1, .t-title_xl { font-size: 40px; }
  h2, .t-title_lg { font-size: 30px; }
  h3, .t-title_md { font-size: 24px; }
  body, .t-body { font-size: 16px; }
  .t-btn { padding: 14px 28px; font-size: 15px; }
}

@media (max-width: 640px) {
  h1, .t-title_xl { font-size: 32px; }
  h2, .t-title_lg { font-size: 26px; }
  .t-btn { padding: 13px 24px; }
}

/* ---- 14. МЕЛОЧИ ---- */
::selection {
  background: var(--c-accent-soft);
  color: var(--c-text);
}

/* Скроллбар (Chrome/Safari) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--c-bg-section); }
::-webkit-scrollbar-thumb {
  background: var(--c-accent);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: var(--c-accent-hover); }