/* ============================================================
   ChemSmog Typography — exact Figma spec
   - All titles: Fredoka Medium (500), NOT Bold
   - Body: Fredoka Regular (400)
   - Hero title: 50px Medium UPPERCASE white + text-shadow 0 0 18px #0b4054
   - Hero subtitle: 22px Regular white + text-shadow 0 0 12px #0b4054
   - Section titles: 34px Medium UPPERCASE blue
   - About: only "ChemSmog" word has gradient
   ============================================================ */

/* HERO */
body .cs-hero__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;        /* Medium */
    font-size: 50px !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 18px #0b4054 !important;
    letter-spacing: normal !important;
}
body .cs-hero__subtitle {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 400 !important;        /* Regular */
    font-size: 22px !important;
    line-height: 1.45 !important;
    color: #ffffff !important;
    text-shadow: 0 0 12px #0b4054 !important;
    max-width: 720px;
}

/* SECTION TITLES (featured products, latest videos, latest news, BEFORE YOU BUY title, testimonials & memberships) */
body .cs-section__title,
body .cs-before-buy__title,
body .cs-values__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;        /* Medium */
    font-size: 34px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    color: var(--cs-blue) !important;
    text-align: center;
    margin: 0 0 48px;
    letter-spacing: normal !important;
}
body .cs-before-buy__title {
    color: #ffffff !important;
}

/* ABOUT TITLE: only "ChemSmog" word has gradient — the rest is solid blue */
body .cs-about__text h2 {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    color: var(--cs-blue) !important;
    -webkit-text-fill-color: var(--cs-blue) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    display: block !important;
    letter-spacing: normal !important;
    margin: 0 0 24px;
}
/* Optional: inline gradient span for "ChemSmog" word (if blade is updated) */
body .cs-about__text h2 .cs-grad {
    background: linear-gradient(115.944deg, var(--cs-green) 0%, var(--cs-blue) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* CARD TITLES (step cards, product cards, news cards) */
body .cs-step-card__heading {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;        /* Medium not Bold */
    font-size: 20px !important;
    text-transform: uppercase !important;
    color: var(--cs-blue) !important;
    letter-spacing: normal !important;
    line-height: 1.15 !important;
}
body .cs-step-card__num {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
    font-size: 64px !important;
    color: var(--cs-teal) !important;
}
body .cs-step-card__body {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 400 !important;        /* Regular */
    color: var(--cs-blue) !important;
}
body .cs-product-card__name,
body .cs-news-featured__title,
body .cs-news-item__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
}

/* BODY TEXT */
body .cs-about__text p,
body .cs-news__meta,
body .cs-news__more,
body .cs-product-card__vendor,
body .cs-product-card__price,
body .cs-product-card__per,
body .cs-product-card__co2,
body .cs-footer,
body .cs-footer__col h3,
body .cs-footer__col li a,
body .cs-footer__col li span {
    font-family: 'Fredoka', sans-serif !important;
}
body .cs-about__text p,
body .cs-news__meta,
body .cs-product-card__vendor,
body .cs-product-card__per,
body .cs-product-card__co2,
body .cs-footer__col li a,
body .cs-footer__col li span {
    font-weight: 400 !important;
}
body .cs-news__more,
body .cs-product-card__price,
body .cs-footer__col h3,
body .cs-cta,
body .cs-shop-category-btn,
body .cs-btn-primary {
    font-weight: 500 !important;
}

/* CATEGORY CARDS title — Medium not Bold */
body .cs-cat-card__title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    letter-spacing: normal !important;
}

/* HEADER NAV */
body .cs-header__nav-list > li > a {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
}
body .cs-header .cs-header__promo-center,
body .cs-header .cs-header__promo-right a,
body .cs-header .cs-header__promo-right .cs-lang {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
body .cs-shop-category-btn {
    font-family: 'Fredoka', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
}

/* CTA pills */
body .cs-cta {
    font-family: 'Fredoka', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
}

/* ============================================================
   Contact page — Figma exact weights (all Fredoka Medium 500)
   ============================================================ */
body .cs-page-title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;       /* was 700 — Figma is Medium */
}
body .cs-contact-col-title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    color: var(--cs-blue) !important;
}
body .cs-address-card strong {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;       /* was 700 */
    font-size: 20px !important;
}
body .cs-address-card span {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 400 !important;
}

/* ============================================================
   FAQ page — Figma exact weights (all Fredoka Medium 500)
   ============================================================ */
body .cs-faq-main h2.cs-faq__category-title {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;        /* was 700 */
    font-size: 24px !important;
    color: var(--cs-blue) !important;
}
body .cs-faq-item__question {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;        /* was 600 — Figma 24px Medium */
    font-size: 24px !important;
    color: var(--cs-blue) !important;
    letter-spacing: -0.48px !important;
    line-height: 1.3 !important;
}
body .cs-faq-sidebar a {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 500 !important;
}
body .cs-faq-item__answer {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 400 !important;
}