/* Linnet, свой магазин в «Книжке с картинками» (22.10.2026): шрифты файлами (OFL, как в листинге images/work/fonts) и
   несколько правил бренда поверх общих стилей tools/channels.py (сам инструмент не меняется). Эта страница подключается
   в <head> раньше встроенного <style>, поэтому правила здесь – с весом html … , чтобы перебить общие.
   Fredoka – заголовки и числа (как фраза на плитках), Nunito – текст. Кремовая бумага #F7F0E4 и слива #5A2A5E – токены
   в channels.json → shop.brand. Абрикос на странице не используется: он только под словом о еде на плитке 04. */
@font-face { font-family: "LN Fredoka"; src: url("FRD-var.ttf") format("truetype"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "LN Nunito"; src: url("NUN-var.ttf") format("truetype"); font-weight: 200 1000; font-display: swap; }

/* заголовки – Fredoka 600, как фраза на плитках (общий стиль ставит 500) */
html .h2, html .buy h1, html .cards h3, html .steps h3, html .story h2 { font-weight: 600; letter-spacing: -0.005em; }
html body { font-weight: 500; }
html .eyebrow { letter-spacing: .08em; font-weight: 700; }

/* баннер: вместо вуали-градиента – кремовый лист книжки на фото, со скруглением и тенью бумаги (урок Инны: без градиентов) */
html .banner .veil { display: none; }
html .banner .txt { background: var(--bg); border-radius: var(--r); padding: 30px 34px 34px;
  box-shadow: 0 1px 2px rgba(90, 42, 94, 0.08), 0 16px 40px rgba(90, 42, 94, 0.12); }
html .story .card { background: var(--bg); border-radius: var(--r); box-shadow: 0 1px 2px rgba(90, 42, 94, 0.08), 0 16px 40px rgba(90, 42, 94, 0.12); }

/* кнопка – слива, круглая, как наклейка-номер */
html .btn { border-radius: 999px; font-weight: 700; }
html .chip { border-radius: 999px; }

@media (max-width: 900px) {
  html .banner .txt { background: none; box-shadow: none; padding: 0; border-radius: 0; }
  html .story .card { box-shadow: none; border-radius: 0; }
}