/* =========================================================
   TYPOGRAPHY — single source of truth (loads last)
   Anybody = nagłówki / Public Sans = treść
   ========================================================= */

@font-face {
  font-family: "Anybody";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/anybody-v11-latin_latin-ext-700.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/public-sans-v18-latin-ext-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/public-sans-v18-latin-ext-600.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/public-sans-latin-ext-700.woff2") format("woff2");
  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/public-sans-latin-700.woff2") format("woff2");
  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;
}

:root {
  --font-display: "Anybody", "Public Sans", sans-serif;
  --font-body: "Public Sans", sans-serif;
}

html {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}

body,
.shop-body,
.shop-body input,
.shop-body button,
.shop-body select,
.shop-body textarea,
.shop-body optgroup {
  font-family: var(--font-body) !important;
  font-weight: 400;
}

.shop-body strong,
.shop-body b,
.shop-body th,
.shop-btn,
.shop-nav-links a,
.shop-pill,
.shop-icon-btn,
label,
.shop-eyebrow {
  font-family: var(--font-body) !important;
}

/* Display — tylko świadome nagłówki / hero (NIE wszystkie h3) */
.shop-h1,
.shop-h2,
.catalog-hero .shop-h1,
.cmp-hero .shop-h1,
.how-hero .shop-h1,
.acc-hero .shop-h1,
.apage-aside-title,
.apage-card-top h2,
.apage-brand,
.sp-hero h1,
.sp-sum-line strong,
.sp-cta-band h2,
.pdp-summary strong,
[data-pdp-total],
[data-pdp-bar-total],
[data-pdp-amount-label],
.cmp-stat strong,
.catalog-stat strong,
.auth-modal-top h2,
.cart-empty-v4 h2,
.cev-top h2,
.how-rate-main,
.how-cta-band h2,
.cmp-cta h2,
.cmp-card-top h2,
.ccard-body h2,
.aam-meta strong,
.auth-logged-card strong {
  font-family: var(--font-display) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-synthesis: none;
}

.shop-body h3,
.how-panel h3,
.how-mini h3,
.how-special-card h3,
.acc-panel-head h3,
.sp-why-card h3 {
  font-family: var(--font-body) !important;
  font-weight: 700;
  letter-spacing: 0;
}

/* Body copy rhythm */
.shop-lead,
.shop-body p {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
}

.shop-h1 {
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.shop-h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.35rem);
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.shop-eyebrow {
  font-family: var(--font-body) !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.shop-btn,
.shop-btn-primary,
.shop-btn-ghost,
.shop-btn-ghost-light,
.shop-btn-dark {
  font-family: var(--font-body) !important;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.shop-nav-links a,
.shop-footer a,
.cmp-chip,
.catalog-chip,
.how-toc a,
.apage-label,
.pdp-label {
  font-family: var(--font-body) !important;
}

/* Form controls — never system UI */
input,
button,
select,
textarea {
  font-family: var(--font-body);
}

/* Override legacy Tailwind utility type scale if present */
.page-title,
.subtitle-rflex-24,
.base-16x1,
.base-16x1-semibold,
.small-14x15p,
.button-label-16x1,
.numbers__numbers16 {
  font-family: var(--font-body) !important;
}

.page-title,
.md\:page-title,
.lg\:page-title,
.subtitle-rflex-24,
.lg\:subtitle-rflex-24 {
  font-family: var(--font-display) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}