/* Типографика по макету Figma: стили body-*, caption-*, title-*. Макет набран Halvar Breitschrift (TypeMates),
   но Unbounded (SIL OFL 1.1, fonts/OFL-Unbounded.txt, `HS Unbounded`, size-adjust под метрики Halvar Breit) —
   утверждённая замена Halvar по решению владельца 2026-11-03. */
@font-face{font-family:"HS Unbounded";font-weight:200 900;font-display:swap;size-adjust:90%;src:url(fonts/unbounded-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"HS Unbounded";font-weight:200 900;font-display:swap;size-adjust:90%;src:url(fonts/unbounded-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ₽ (U+20BD) в сабсетах Unbounded нет (проверено по cmap) — браузер брал его из Arial. «HS Ruble» — свой шрифт из одного глифа
   (tools/make-ruble-font.mjs): три начертания по весу штриха, те же size-adjust и метрики; стоит в --hs-font после Unbounded. */
@font-face{font-family:"HS Ruble";font-weight:100 450;font-display:swap;size-adjust:90%;src:url(fonts/hs-ruble-400.ttf?v=figma1) format("truetype");unicode-range:U+20BD}
@font-face{font-family:"HS Ruble";font-weight:451 599;font-display:swap;size-adjust:90%;src:url(fonts/hs-ruble-500.ttf?v=figma1) format("truetype");unicode-range:U+20BD}
@font-face{font-family:"HS Ruble";font-weight:600 900;font-display:swap;size-adjust:90%;src:url(fonts/hs-ruble-700.ttf?v=figma1) format("truetype");unicode-range:U+20BD}

:root{--hs-font:"HS Unbounded","HS Ruble",Arial,sans-serif}
/* body-*: межстрочный 1.4, разрядка 2%. */
body{font-family:var(--hs-font);line-height:1.4;letter-spacing:.02em}
/* Каталог и виджеты фронтенда задают Arial/system-ui шорткатом font — оставляем их размер, семейство общее. */
body .hs-catalog,body .hs-auth,body .hs-dlv,body .hs-map-error{font-family:var(--hs-font)}
/* title-*: Bold, капс, межстрочный 1.2, разрядка 4–5%; в макете нет начертаний тяжелее Bold и отрицательной разрядки. */
h1,h2,h3,.hs-page-title{line-height:1.2;letter-spacing:.04em}
body .hs-page-title,body .hs-catalog h1,body .hs-education h1,body .hs-hero h1{font-weight:700;letter-spacing:.05em}
body .hs-brands-grid a{font-weight:700}

/* Размеры по макету (desktop 1440 / mobile 375). Префикс body — перебить стили компонентов, загружаемые раньше. */
/* Шапка: caption-12/medium. */
body .hs-sale-banner{font-size:12px;font-weight:500}
body .hs-top-links a,body .hs-menu-item>summary,body .hs-menu-item>a,body .hs-header-actions .hs-phone{font-size:12px;font-weight:500;letter-spacing:.02em}
/* Hero: title-40/bold, кнопка caption-14/medium. */
body .hs-home .hs-hero h1{font-size:40px;line-height:1.2;letter-spacing:.05em}
body .hs-home .hs-hero-cta{font-size:14px;font-weight:500;letter-spacing:.02em}
/* Заголовки разделов: title-24/bold, разрядка 5%. */
body .hs-home .hs-section-heading h2,body .hs-home .hs-benefits h2{font-size:24px;font-weight:700;letter-spacing:.05em}
body .hs-home .hs-section-heading .hs-primary{font-size:14px;font-weight:500;letter-spacing:.02em}
/* Кнопки: caption-12/medium. */
body .hs-primary,body .hs-catalog .hs-primary,body .hs-checkout .hs-checkout__submit{font-size:12px;font-weight:500;letter-spacing:.02em}
/* Карточка товара: бренд caption-12/regular, название 10px/medium, цена body-16/regular, плашка body-10/medium. */
body .hs-product-grid .hs-product-card .hs-brand{font-size:12px;font-weight:400;letter-spacing:0}
body .hs-product-grid .hs-product-card h2,body .hs-product-grid .hs-product-card h2 a{font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0}
body .hs-product-grid .hs-product-card .hs-price{font-size:16px;font-weight:400;letter-spacing:.02em}
body .hs-product-photo .hs-stock{font-size:10px;font-weight:500;letter-spacing:.02em}
/* Плитки категорий и преимущества. */
body .hs-home .hs-category-tile h3{font-size:14px;font-weight:700;letter-spacing:.02em}
body .hs-home .hs-tile-count{font-size:12px;font-weight:400;letter-spacing:.02em}
body .hs-benefits h3{font-size:16px;font-weight:700;letter-spacing:.02em}
body .hs-benefits p{font-size:12px;line-height:1.4;letter-spacing:0}
/* Подвал: заголовки title-20/bold, ссылки и подписка body-16/medium. */
body .hs-footer nav h2{font-size:20px;font-weight:700;letter-spacing:.02em}
body .hs-footer nav a,body .hs-footer address,body .hs-subscribe p{font-size:16px;font-weight:400}
body .hs-subscribe button{font-size:12px;font-weight:400;letter-spacing:0}
body .hs-footer-bottom,body .hs-footer-bottom a{font-size:12px;font-weight:400;letter-spacing:0}
/* Каталог: вкладки категорий title-28/regular (текущая — bold), фильтры и сортировка caption-12/medium. */
body .hs-catalog .hs-category-nav a{font-size:28px;font-weight:400;line-height:1;letter-spacing:0}
body .hs-catalog .hs-category-nav a[aria-current]{font-weight:700}
body .hs-catalog .hs-filter>summary,body .hs-catalog .hs-filter legend,body .hs-catalog .hs-sort select{font-size:12px;font-weight:500;letter-spacing:.02em}
body .hs-catalog .hs-breadcrumb,body .hs-catalog .hs-breadcrumb a{font-size:12px;line-height:1.4}
/* Заголовки страниц title-28/bold, блоков оформления title-20/bold. */
body .hs-page-title,body .hs-catalog.hs-cart h1,body .hs-checkout .hs-checkout__title{font-size:28px;font-weight:700;letter-spacing:.04em}
body .hs-checkout .hs-checkout__block h2,body .hs-checkout .hs-checkout__order h2{font-size:20px;font-weight:700;letter-spacing:.04em}
/* Оформление: подписи body-12, текст и суммы body-14, итог body-16/medium. */
body .hs-checkout .hs-field__label{font-size:12px}
body .hs-checkout,body .hs-checkout p,body .hs-checkout dt,body .hs-checkout dd,body .hs-checkout .hs-checkout__payment{font-size:14px;font-weight:400}
body .hs-checkout .hs-checkout__total dt,body .hs-checkout .hs-checkout__total dd{font-size:16px;font-weight:500}
body .hs-checkout .hs-checkout__disclaimer{font-size:12px}
body .hs-checkout .hs-dlv__method-title,body .hs-checkout .hs-dlv__method-price{font-size:14px;font-weight:400;letter-spacing:.02em}
body .hs-checkout .hs-dlv__method-title{font-weight:500}

@media(max-width:900px){
  body .hs-sale-banner{font-size:10px}
  body .hs-home .hs-hero h1{font-size:32px}
  body .hs-home .hs-hero-cta,body .hs-home .hs-section-heading .hs-primary{font-size:12px}
  body .hs-home .hs-section-heading h2,body .hs-home .hs-benefits h2,body .hs-footer nav h2,body .hs-checkout .hs-checkout__block h2,body .hs-checkout .hs-checkout__order h2{font-size:16px;letter-spacing:.05em}
  body .hs-product-grid .hs-product-card h2,body .hs-product-grid .hs-product-card h2 a{font-size:10px;line-height:13px;letter-spacing:.02em}
  body .hs-benefits h3{font-size:14px}
  body .hs-footer nav a,body .hs-footer address,body .hs-subscribe p{font-size:14px;letter-spacing:0}
  body .hs-subscribe button{font-size:10px}
  body .hs-catalog .hs-category-nav a{font-size:20px}
  body .hs-page-title,body .hs-catalog.hs-cart h1,body .hs-checkout .hs-checkout__title{font-size:24px}
}
@media(max-width:799px){
  body .hs-product-grid .hs-product-card .hs-brand,body .hs-catalog .hs-filter>summary,body .hs-catalog .hs-sort select{font-size:10px}
  body .hs-product-grid .hs-product-card .hs-price{font-size:12px;letter-spacing:0}
}