@font-face {
  font-family: 'Inter VAmobile';
  src: url('assets/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Single-family type system with consistent natural letter spacing. */
:root {
  --font-ui: 'Inter VAmobile', Arial, sans-serif;
  --weight-regular: 300;
  --weight-semibold: 500;
  --weight-bold: 600;
  --weight-heavy: 700;
}
body, button, input, select { font-family: var(--font-ui); }
body { font-size: 15px; line-height: 1.5; font-weight: var(--weight-regular); }
.hero h1 { font-size: clamp(52px, 5vw, 72px); line-height: 1.02; letter-spacing: normal; font-weight: var(--weight-heavy); }
.section-top h2 { font-size: 30px; line-height: 1.16; letter-spacing: normal; font-weight: var(--weight-heavy); }
.category-card strong { font-size: 17px; line-height: 1.1; letter-spacing: normal; font-weight: var(--weight-heavy); }
.category-card .category-arrow { font-size: 21px; line-height: 1; }
.promo strong { font-size: 34px; line-height: 1.02; letter-spacing: normal; font-weight: var(--weight-heavy); }
.banner-content h2 { font-size: 42px; line-height: 1.07; letter-spacing: normal; font-weight: var(--weight-heavy); }
.product-body h3 { font-size: 14px; line-height: 1.3; font-weight: var(--weight-bold); }
.product-desc { font-size: 12px; line-height: 1.45; font-weight: var(--weight-regular); }
.product-meta { font-size: 10px; line-height: 1.3; letter-spacing: normal; font-weight: var(--weight-bold); }
.button, .catalog-toggle { font-size: 14px; line-height: 1.3; font-weight: var(--weight-bold); }
.nav-links a, .text-action, .section-link { font-size: 13px; line-height: 1.35; font-weight: var(--weight-semibold); }
.site-search input, .site-search button { font-size: 14px; line-height: 1.4; }
.site-search button { font-weight: var(--weight-bold); }
.tabs button { font-size: 13px; line-height: 1.4; font-weight: var(--weight-regular); }
.tabs button[aria-selected='true'] { font-weight: var(--weight-bold); }
.product-actions > .button { font-size: 12px; }
.footer-column h2 { font-size: 16px; line-height: 1.3; font-weight: var(--weight-bold); }
.footer-column .footer-phone { font-size: 18px; font-weight: var(--weight-bold); }
.footer-brand-block p, .site-footer .footer-column, .footer-column p { font-size: 14px; line-height: 1.5; font-weight: var(--weight-regular); }
.footer-bottom { font-size: 12px; line-height: 1.4; }

@media (max-width: 800px) {
  .hero h1 { font-size: 54px; }
  .promo strong { font-size: 29px; }
}
@media (max-width: 560px) {
  .hero h1 { font-size: clamp(43px, 12vw, 50px); line-height: 1.03; }
  .section-top h2 { font-size: 25px; }
  .category-card strong { font-size: 15px; }
  .product-body h3 { font-size: 13px; }
  .product-desc { font-size: 11px; }
  .product-meta { font-size: 10px; }
  .promo strong { font-size: 31px; }
  .promo-marketplace strong { font-size: 27px; }
  .banner-content h2 { font-size: 31px; }
  .section-link { font-size: 12px; }
  .footer-column h2 { font-size: 14px; }
  .footer-brand-block p, .footer-column, .footer-column p { font-size: 13px; }
}