/* ==========================================================
   COSTAN V4.7 — ONE TYPOGRAPHY SCALE FOR THE WHOLE WEBSITE
   Same H1 / H2 / H3 / H4 / paragraph size on every page.
   ========================================================== */

:root {
  --ct-font-heading: 'Michroma', 'Space Grotesk', sans-serif;
  --ct-font-body: 'Space Grotesk', Arial, sans-serif;
  --ct-h1-size: 72px;
  --ct-h2-size: 48px;
  --ct-h3-size: 35px;
  --ct-h4-size: 20px;
  --ct-p-size: 18px;
  --ct-small-size: 12px;
  --ct-label-size: 12px;
  --ct-h1-line: .96;
  --ct-h2-line: 1.02;
  --ct-h3-line: 1.28;
  --ct-h4-line: 1.35;
  --ct-p-line: 1.68;
}

/* BODY */
html body,
body.ecom{
  font-family:var(--ct-font-body)!important;
  font-size:var(--ct-p-size)!important;
  line-height:var(--ct-p-line)!important;
}

/* ALL H1 — exactly same */
html body h1,
body.ecom h1,
body.ecom .page-title,
body.ecom .detail h1{
  font-family:var(--ct-font-heading)!important;
  font-size:var(--ct-h1-size)!important;
  font-weight:400!important;
  line-height:var(--ct-h1-line)!important;
  letter-spacing:-.04em!important;
}

/* ALL H2 — exactly same */
html body h2,
body.ecom h2,
body.ecom .look h2,
body.ecom .community .page-title,
body.ecom .product-faq .page-title{
  font-family:var(--ct-font-heading)!important;
  font-size:var(--ct-h2-size)!important;
  font-weight:400!important;
  line-height:var(--ct-h2-line)!important;
  letter-spacing:-.035em!important;
}

/* ALL H3 — exactly same */
html body h3,
body.ecom h3,
body.ecom .shop-info h3,
body.ecom .community-card h3,
body.ecom .reviews-head h2{
  font-family:var(--ct-font-heading)!important;
  font-size:var(--ct-h3-size)!important;
  font-weight:400!important;
  line-height:var(--ct-h3-line)!important;
  letter-spacing:-.015em!important;
}

/* ALL H4 — exactly same */
html body h4,
body.ecom h4,
.common-footer-col h4,
.site-footer h4{
  font-family:var(--ct-font-heading)!important;
  font-size:var(--ct-h4-size)!important;
  font-weight:400!important;
  line-height:var(--ct-h4-line)!important;
}

/* ALL PARAGRAPH / BODY COPY — exactly same */
html body p,
html body .section-copy,
html body .hero-premium p,
html body .motion-copy p,
html body .brand-copy p,
html body .review q,
html body .footer-col p,
html body .ig-meta,
body.ecom p,
body.ecom .page-copy,
body.ecom .shop-meta,
body.ecom .accord p,
body.ecom .close-copy,
body.ecom .community-card p,
body.ecom .review-card p,
body.ecom .faq-list p,
body.ecom .common-footer p,
body.ecom .site-footer p{
  font-family:var(--ct-font-body)!important;
  font-size:var(--ct-p-size)!important;
  line-height:var(--ct-p-line)!important;
}

/* Small/meta text */
html body small,
html body .product-info small,
html body .review-meta,
html body .footer-bottom,
body.ecom small,
body.ecom .review-date,
body.ecom .shop-meta,
body.ecom .common-footer-bottom,
body.ecom .site-footer-bottom{
  font-family:var(--ct-font-body)!important;
  font-size:var(--ct-small-size)!important;
  line-height:1.5!important;
}

/* Labels / menu / kicker / buttons stay one consistent UI size */
html body .kicker,
html body .eyebrow,
html body .badge,
html body .chip,
html body .btn,
html body .nav-links a,
html body .header-actions a,
html body .header-actions button,
body.ecom .page-kicker,
body.ecom .badge,
body.ecom .common-nav a,
body.ecom .common-tools a,
body.ecom .common-menu-btn,
body.ecom .shop-actions a,
body.ecom .detail-actions a,
body.ecom .detail-actions button,
body.ecom .accord summary,
body.ecom .faq-list summary{
  font-family:var(--ct-font-heading)!important;
  font-size:var(--ct-label-size)!important;
  letter-spacing:.07em!important;
}

/* Keep price readable but not treated as a heading */
html body .price,
body.ecom .detail .price,
body.ecom .shop-row strong{
  font-family:var(--ct-font-body)!important;
  font-size:16px!important;
  line-height:1.4!important;
}

/* V4.8: exact same requested typography sizes are kept on mobile too.
   Layout remains responsive, but H1/H2/H3/H4/P sizes do not change by page. */


/* V4.8 FINAL EXACT GLOBAL TYPE OVERRIDE */
html body h1,
body.ecom h1,
body.ecom .page-title,
body.ecom .detail h1{
  font-size:72px!important;
}
html body h2,
body.ecom h2,
body.ecom .look h2,
body.ecom .community .page-title,
body.ecom .product-faq .page-title{
  font-size:48px!important;
}
html body h3,
body.ecom h3,
body.ecom .shop-info h3,
body.ecom .community-card h3,
body.ecom .reviews-head h2{
  font-size:35px!important;
}
html body h4,
body.ecom h4,
.common-footer-col h4,
.site-footer h4{
  font-size:20px!important;
}
html body p,
html body .section-copy,
html body .hero-premium p,
html body .motion-copy p,
html body .brand-copy p,
html body .review q,
html body .footer-col p,
html body .ig-meta,
body.ecom p,
body.ecom .page-copy,
body.ecom .shop-meta,
body.ecom .accord p,
body.ecom .close-copy,
body.ecom .community-card p,
body.ecom .review-card p,
body.ecom .faq-list p,
body.ecom .common-footer p,
body.ecom .site-footer p{
  font-size:18px!important;
}

/* V4.9 FINAL ROOT-DRIVEN TYPOGRAPHY */
html body h1, body.ecom h1, body.ecom .page-title, body.ecom .detail h1 {
  font-size: var(--ct-h1-size) !important;
  line-height: var(--ct-h1-line) !important;
}
html body h2, body.ecom h2, body.ecom .look h2,
body.ecom .community .page-title, body.ecom .product-faq .page-title {
  font-size: var(--ct-h2-size) !important;
  line-height: var(--ct-h2-line) !important;
}
html body h3, body.ecom h3, body.ecom .shop-info h3,
body.ecom .community-card h3, body.ecom .reviews-head h2 {
  font-size: var(--ct-h3-size) !important;
  line-height: var(--ct-h3-line) !important;
}
html body h4, body.ecom h4, .common-footer-col h4, .site-footer h4 {
  font-size: var(--ct-h4-size) !important;
  line-height: var(--ct-h4-line) !important;
}
html body p, html body .section-copy, html body .hero-premium p,
html body .motion-copy p, html body .brand-copy p, html body .review q,
html body .footer-col p, html body .ig-meta, body.ecom p,
body.ecom .page-copy, body.ecom .shop-meta, body.ecom .accord p,
body.ecom .close-copy, body.ecom .community-card p, body.ecom .review-card p,
body.ecom .faq-list p, body.ecom .common-footer p, body.ecom .site-footer p {
  font-size: var(--ct-p-size) !important;
  line-height: var(--ct-p-line) !important;
}
html body small, html body .product-info small, html body .review-meta,
body.ecom small, body.ecom .review-date {
  font-size: var(--ct-small-size) !important;
}
html body .kicker, html body .eyebrow, html body .badge, html body .chip,
html body .btn, html body .nav-links a, html body .header-actions a,
html body .header-actions button, body.ecom .page-kicker, body.ecom .badge,
body.ecom .common-nav a, body.ecom .common-tools a, body.ecom .common-menu-btn,
body.ecom .shop-actions a, body.ecom .detail-actions a,
body.ecom .detail-actions button, body.ecom .accord summary,
body.ecom .faq-list summary {
  font-size: var(--ct-label-size) !important;
}