/*
 * PrimRoza 2026 — дизайн-система новой темы.
 * Подключается ПОСЛЕ app.min.css и переопределяет базу.
 * ВАЖНО: html{font-size:10px} → 1rem = 10px (наследие app.min.css).
 * Токены --pr-* — единственный источник цветов/радиусов для новых блоков.
 */

/* ---------- Шрифты (локальные, без CDN) ---------- */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/pr/onest-var-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/pr/onest-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/pr/prata-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/pr/prata-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Токены ---------- */
:root {
  --pr-paper: #FBF7F4;      /* тёплый фон страницы */
  --pr-ink: #26181B;        /* основной текст, тёмные поверхности */
  --pr-ink-soft: #70585E;   /* вторичный текст */
  --pr-rose: #C2101B;       /* фирменный красный — ТОЛЬКО действия/акценты */
  --pr-rose-deep: #7E0B12;  /* hover красного, глубокие градиенты */
  --pr-gold: #B7862C;       /* свежесть, рейтинг, отсылка к логотипу */
  --pr-gold-soft: #F4E8D2;
  --pr-leaf: #2E6B4E;       /* «доставим сегодня», наличие */
  --pr-leaf-soft: #E4EFE7;
  --pr-amber: #9A5B14;      /* срочность («остался один») */
  --pr-amber-soft: #F7EFDC;
  --pr-line: #ECDFD9;       /* бордеры */
  --pr-card: #FFFFFF;       /* поверхности карточек */

  --pr-radius: 18px;
  --pr-radius-sm: 12px;
  --pr-radius-xs: 8px;

  --pr-font: 'Onest', 'opensans-tm', system-ui, -apple-system, sans-serif;
  --pr-font-display: 'Prata', 'Georgia', serif;

  --pr-shadow-card: 0 18px 40px -18px rgba(38, 24, 27, .30);
  --pr-shadow-soft: 0 10px 24px rgba(38, 24, 27, .12);

  /* переходы: 150–300ms, уважать reduced-motion */
  --pr-t-fast: .18s ease;
  --pr-t-med: .25s ease;
}

/* ---------- База ---------- */
body {
  font-family: var(--pr-font);
  color: var(--pr-ink);
  background: var(--pr-paper);
}

/* Заголовки витрины — Prata */
.block__title h1,
.block__title h2,
.category__header h1,
.product__header h1,
h1.pr-display, h2.pr-display {
  font-family: var(--pr-font-display);
  font-weight: 400;
  color: var(--pr-ink);
  letter-spacing: 0;
}

a { transition: color var(--pr-t-fast); }

/* ---------- Кнопки ---------- */
.pr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  font-family: var(--pr-font);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 14px;
  padding: 1.4rem 2.6rem;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background var(--pr-t-fast), border-color var(--pr-t-fast), transform var(--pr-t-fast);
}
.pr-btn--primary { background: var(--pr-rose); color: #fff; }
.pr-btn--primary:hover { background: var(--pr-rose-deep); color: #fff; transform: translateY(-1px); }
.pr-btn--ghost { background: transparent; color: var(--pr-ink); border-color: var(--pr-line); }
.pr-btn--ghost:hover { border-color: var(--pr-ink); color: var(--pr-ink); }

/* ---------- Чипы ---------- */
.pr-chip {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--pr-ink);
  background: var(--pr-card);
  border: 1px solid var(--pr-line);
  border-radius: 999px;
  padding: .8rem 1.6rem;
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--pr-t-fast), color var(--pr-t-fast), background var(--pr-t-fast);
}
.pr-chip:hover { border-color: var(--pr-rose); color: var(--pr-rose); }
.pr-chip--active { background: var(--pr-rose); border-color: var(--pr-rose); color: #fff; }

/* ---------- Бейджи ---------- */
.pr-badge {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-size: 1.15rem;
  font-weight: 600;
  border-radius: 999px;
  padding: .5rem 1.1rem;
  line-height: 1.2;
}
.pr-badge--today { background: var(--pr-leaf-soft); color: var(--pr-leaf); }
.pr-badge--hit { background: var(--pr-gold-soft); color: var(--pr-gold); font-weight: 700; }
.pr-badge--urgency { background: var(--pr-amber-soft); color: var(--pr-amber); }
.pr-badge--fresh { background: var(--pr-ink); color: var(--pr-gold); }

/* ---------- Секции / заголовки секций ---------- */
.pr-sect-head {
  display: flex;
  align-items: baseline;
  gap: 1.8rem;
  margin-bottom: 2.2rem;
}
.pr-sect-head h2 { margin: 0; }
.pr-sect-head .pr-sect-link {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--pr-rose);
  text-decoration: none;
  white-space: nowrap;
  margin-left: auto;
}
.pr-sect-head .pr-sect-link:hover { text-decoration: underline; }

/* Эйбров-лейбл (кикер) */
.pr-kicker {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--pr-gold);
}
.pr-kicker::before { content: ""; width: 2.6rem; height: 1px; background: var(--pr-gold); }

/* Подпись-лейбл блока (СОСТАВ / ДОСТАВКА) */
.pr-blk-label {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pr-ink-soft);
  margin: 0 0 .9rem;
}

/* ---------- Старые глобальные артефакты pr2024 → фирменный стиль ---------- */
/* Синяя кнопка easyreviews */
.easyreviews-button,
.easyreviews-button-big {
  background: var(--pr-rose) !important;
  border-color: var(--pr-rose) !important;
  color: #fff !important;
  border-radius: var(--pr-radius-sm) !important;
  transition: background var(--pr-t-fast) !important;
}
.easyreviews-button:hover,
.easyreviews-button-big:hover { background: var(--pr-rose-deep) !important; }

/* ---------- Доступность и движение ---------- */
:focus-visible {
  outline: 2px solid var(--pr-rose);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}