/* ===== Ксения Митцева — дизайн-токены ===== */
:root{
  /* цвета */
  --c-bg:#f8f5ef;          /* фон страницы */
  --c-bg-alt:#f1ebe2;      /* фон секций / плашек */
  --c-card:#f4f0e8;        /* карточки каталога */
  --c-white:#ffffff;
  --c-accent:#60684b;      /* основной акцент, кнопки */
  --c-accent-dark:#454c36; /* hover кнопок, тёмные секции */
  --c-accent-deep:#363c2d; /* подвал */
  --c-accent-soft:#dfe1d2; /* теги, плашки */
  --c-text:#342f28;        /* заголовки */
  --c-text-muted:#716d65;  /* основной текст */
  --c-gold:#76604e;        /* подписи, звёзды */
  --c-line:rgba(74,67,57,.16);
  /* шрифты */
  --f-head:'Prata',serif;
  --f-text:'Inter',Arial,sans-serif;
  /* кнопки */
  --btn-h:52px;
  --btn-speed:.25s;
}

/* ===== Типографика ===== */
body{font-family:var(--f-text);color:var(--c-text-muted);background:var(--c-bg)}
h1,h2,h3,.t-title,.t-name{font-family:var(--f-head);font-weight:400;color:var(--c-text)}
h1{font-size:72px;line-height:1.14;letter-spacing:-1.8px}
h2{font-size:52px;line-height:1.14;letter-spacing:-1.3px}
h3{font-size:23px;line-height:1.25}
@media (max-width:960px){h1{font-size:48px}h2{font-size:38px}}
@media (max-width:480px){h1{font-size:36px}h2{font-size:30px}}

/* ===== Кнопки: единый вид, высота ≥ 52px ===== */
.t-btn,
.t-submit,
.t-store__card__btn,
.t-store__prod-popup__btn,
.tn-elem[data-elem-type="button"] .tn-atom{
  min-height:var(--btn-h);
  border-radius:0;
  font-family:var(--f-text);
  font-weight:700;
  transition:background-color var(--btn-speed) ease,color var(--btn-speed) ease,
             border-color var(--btn-speed) ease,transform var(--btn-speed) ease,
             box-shadow var(--btn-speed) ease !important;
}

/* ===== Анимация кнопок по наведению ===== */
.t-btn:hover,
.t-submit:hover,
.t-store__card__btn:hover,
.t-store__prod-popup__btn:hover,
.tn-elem[data-elem-type="button"] .tn-atom:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(54,60,45,.22);
}
.t-btn:active,
.t-submit:active,
.t-store__card__btn:active,
.tn-elem[data-elem-type="button"] .tn-atom:active{
  transform:translateY(0);
  box-shadow:none;
}
/* стрелка внутри кнопки сдвигается вправо */
.tn-elem[data-elem-type="button"] .tn-atom svg,
.tn-elem[data-elem-type="button"] .tn-atom img{transition:transform var(--btn-speed) ease}
.tn-elem[data-elem-type="button"] .tn-atom:hover svg,
.tn-elem[data-elem-type="button"] .tn-atom:hover img{transform:translateX(4px)}

/* ===== Ссылки (меню, подвал) ===== */
a{transition:color .2s ease,opacity .2s ease}