/* Типографика LETO на полном семействе Stem (файлы владельца от 30.09.2026).

   Временно отдельным файлом: пока идут массовые правки index.html, его
   стили не трогаем. Когда правки закончатся — перенести внутрь страницы,
   а этот файл и ссылку на него убрать.

   В наборе есть настоящий Regular. Прежние файлы были подписаны со
   сдвигом: «SemiLight» равен здешнему Light, «Regular» — здешнему Bold.
   Система:
     Regular (400) — текст, цены, то, что человек вводит в поля;
     Medium  (500) — названия наборов, заголовки, кнопки, подписи полей;
     Light   (300) — подсказки в полях и мелкие пометки;
     курсив        — только пометки в одно слово («бесплатно»);
     Bold    (700) — в запасе, в оформлении не используется.
   Вес 350 встречается в старых правилах как «лёгкий текст» — это Light. */
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-LightItalic.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Light.woff2') format('woff2');font-weight:350;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-LightItalic.woff2') format('woff2');font-weight:350;font-style:italic;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'StemF';src:url('/fonts/stem/Stem-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--font:'StemF',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}

/* Подпись поля — маленький заголовок этого поля: Medium и тёмная. Светлая
   тонкая подпись рядом с рамкой поля и плитками терялась и выглядела
   чужой (владелец, 30.09.2026). */
.field>label:not(.pay),#coForm .field>label:not(.pay),.cnote label,#coForm .cnote label{
  font-size:13px;font-weight:500;color:var(--ink);margin-bottom:7px}

/* То, что вводит человек, — обычным начертанием; подсказка в пустом поле — светлым */
.field input,.field select,.field textarea,.cnote textarea,.search input{font-weight:400}
.field input::placeholder,.field textarea::placeholder,.cnote textarea::placeholder{font-weight:300;color:var(--ink-45)}
/* у поиска цвет подсказки не трогаем: в свёрнутом виде на телефоне она прозрачная */
.search input::placeholder{font-weight:300}
.cnote-left{font-weight:400}
.catstrip a{font-weight:400}

/* Курсив — только пометки в одно слово у заголовков разделов: «бесплатно»,
   «необязательно». На баннере, в преимуществах, в описании набора и в
   пояснениях длиной во фразу он читался мельче и хуже прямого — убран
   (владелец, 30.09.2026). Фразы курсивом не набирать. */
.cosec>h5 small,.ups h5 small,.cardsel h5 small{font-style:italic}
/* Описание набора — прямым, чуть крупнее справочного текста */
.pdesc{font-weight:400;font-size:15px;line-height:1.6;color:var(--ink)}

/* Карточка набора: три расстояния равны (владелец, 30.09.2026: «между фото,
   названием и ценой — разные расстояния»; плотную пару «название — цена»
   8 px он назвал слипшейся — просил прежний воздух, но симметрично).
   Считаем по глазу, а не по коробкам: от края снимка до верха букв, от
   строки названия до верха цифр, от строки цены до кнопки — на телефоне
   по 14, на компьютере по 16. Было 11 / 14 / 19 и 16 / 18 / 23.
   Между рядами карточек больше, чем внутри, — чтобы кнопка читалась со
   своим набором, а не со снимком под ней.
   Ряды — по своему содержимому (grid-auto-rows:auto): при 1fr одно
   название в две строки растягивало все карточки раздела, и над каждой
   кнопкой появлялась дыра в строку. Теперь запас получает только сосед
   такого набора по ряду — кнопки в ряду по-прежнему на одной линии. */
.card .info{gap:0;padding-top:12px}
.card .prices{padding-top:8px;margin-bottom:12px}
.card .now{line-height:1.3}
.grid{grid-auto-rows:auto;row-gap:clamp(24px,2.6vw,36px)}
/* кнопка и считалка — одной высоты: было 37 и 38, карточка в ряду подпрыгивала */
@media(min-width:761px){.card .info>.tocart,.card .info>.incart{height:38px}}
@media(max-width:760px){
  .rail,.grid{grid-auto-rows:auto;row-gap:24px}
  .card .info{padding-top:10px}
  .card .prices{padding-top:6px;margin-bottom:10.5px}
  /* размеры — под названием: без порядка они вставали между снимком и названием */
  .card .sizes{order:3}
}