@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-cyr-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
/* Playfair Display: локално (до 1.0.155 беше от Google Fonts). Файловете са от fonts.gstatic.com v40, променлив шрифт. */
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-italic-cyrillic.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-italic-latin-ext.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-italic-latin.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
  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: "Playfair Display";
  src: url("../fonts/playfair-normal-cyrillic.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-normal-latin-ext.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-normal-latin.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  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;
}


/* =====================================================================
   SALERM BG - Design tokens (v5 - точен по salerm.com)
   Playfair Display + Montserrat, топло off-white #F6F4F2.
   ===================================================================== */

:root {
  /* ---- Цветова система ------------------------------------------- */
  --ink:            #111111;   /* заглавия / основен тъмен */
  --ink-soft:       #4A4A4A;   /* body текст */
  --ink-muted:      #6B6B6B;   /* helper / captions (5,3:1 на бяло) */
  --paper:          #FFFFFF;
  --surface:        #FFFFFF;
  --surface-alt:    #F6F4F2;   /* топлото off-white на salerm.com */
  --surface-alt-2:  #FBFAF9;
  --line:           #E4E1DD;
  --line-strong:    #CFCBC5;
  --ticker-bg:      #1F7A3D;   /* лентата със съобщения под менюто */

  --dark:           #222222;   /* тъмни секции / банери (salerm.com #222) */
  --dark-soft:      #2E2E2E;

  --accent:         #111111;
  --accent-deep:    #000000;
  --star:           #B9932F;

  /* ---- Типография ------------------------------------------------- */
  /* Montserrat е от темата (assets/fonts), не от Google: без българските форми на буквите (д като g),
     които Safari/iPhone показва въпреки font-feature-settings. Подмножество латиница + кирилица, 300-700. */
  --font-body:    "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Playfair Display", "Times New Roman", Georgia, serif;
  --font-serif:   "Playfair Display", "Times New Roman", Georgia, serif;
  --font-label:   "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-price:   var(--font-body);         /* цените: Montserrat (решение на Емануил 2026-10-04) */

  --fs-label:     0.75rem;                  /* 12px - най-малкият текст: надписи с главни букви, бутони, менюта */
  --fs-small:     0.8125rem;                /* 13px - дребен обикновен текст */
  --fs-body:      0.9375rem;                /* 15px - основен текст */
  --fs-lead:      clamp(1rem, 0.95rem + 0.3vw, 1.125rem);   /* 16-18px - текст под заглавие */
  --fs-h4:        1.125rem;                 /* 18px - малки заглавия (карти, кошница) */
  --fs-h3:        clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem); /* 22-28px - подзаглавия */
  --fs-h2:        clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);  /* 28-40px - заглавия на секции */
  --fs-h1:        clamp(2.1rem, 1.5rem + 3vw, 3.6rem);
  --fs-display:   clamp(2.4rem, 1.6rem + 4vw, 4.4rem);

  --lh-tight:     1.15;
  --lh-snug:      1.3;
  --lh-body:      1.6;

  --tracking-tight:  -0.01em;  /* Apple: колкото по-голям текстът, толкова по-сгъстен */
  --tracking-display: -0.02em;

  /* ---- Пространство ------------------------------------------- */
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;

  --container:      1200px;
  --container-wide: 1400px;
  --container-text: 680px;
  --gutter:         clamp(1.1rem, 3.5vw, 2.5rem);
  --section-y:      clamp(3.5rem, 7vw, 6.5rem);

  /* ---- Форма (salerm.com: почти прави ъгли, 1px) ------------ */
  --radius-xs: 1px;
  --radius-sm: 1px;
  --radius-md: 1px;
  --radius-lg: 1px;
  --radius-pill: 999px;

  --border: 1px solid var(--line);

  --shadow-sm: 0 2px 14px rgba(17, 17, 17, 0.05);
  --shadow-md: 0 18px 50px rgba(17, 17, 17, 0.08);
  --shadow-lg: 0 34px 80px rgba(17, 17, 17, 0.12);

  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  0.16s;
  --dur:       0.35s;
  --dur-slow:  0.6s;
  /* чекмеджета (кошница, меню): като листовете в iOS - бързо, плавно спиране без отскок */
  --dur-sheet:  0.32s;
  --ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);

  --header-h: 116px;
  --tap: 44px;
}

@media (max-width: 900px) {
  :root { --header-h: 60px; --section-y: clamp(2.75rem, 9vw, 4rem); }
}