/**
 * MAGNA TYPOGRAPHY APPLY — Poppins strict (footer se last se pehle load)
 * Sirf is scale se chalega; page inline font-size ko override karta hai.
 */

/* ========== GLOBAL Poppins (FontAwesome excluded) ========== */
html,
body,
body :not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]),
.magna-about-wrapper,
.magna-resources-page,
.magna-contact-wrapper,
.magna-footer,
.main-header {
    font-family: var(--magna-font-family) !important;
}

h1, h2, h3, h4, h5, h6,
p, li, label, td, th, span, a, button, input, select, textarea {
    font-family: var(--magna-font-family) !important;
}

/* ========== BODY — 16px, line-height 1.7 ========== */
body,
p,
li,
label,
td,
th,
.magna-about-wrapper p,
.magna-about-wrapper li,
.feature-content p,
.magna-card-desc,
.card-desc,
.intro-lead,
.section-heading p,
.section-subtitle,
.supporting-left p,
.prod-intro p,
.magna-footer p,
.magna-footer li {
    font-size: var(--magna-fs-body) !important;
    line-height: var(--magna-lh-normal) !important;
    font-weight: var(--magna-fw-regular) !important;
}

/* ========== HERO HEADING — 56px ========== */
.hero-heading,
.hero-section h1,
.hero-title,
.hero-content h1,
.hero-content h2,
.water-hero-content h1,
.media-hero-title,
.magna-hero-banner .banner-title h1,
.magna-careers-hero h1,
.contact-hero h1,
.magna-about-wrapper .hero-title {
    font-size: var(--magna-fs-hero) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

/* ========== PAGE HEADING — 48px ========== */
.page-heading h1,
.magna-about-wrapper .page-heading h1,
.about-hero h1,
.magna-about-wrapper h1:not(.hero-title):not(.banner-title h1) {
    font-size: var(--magna-fs-page) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

/* ========== HERO SUBHEADING — 20px ========== */
.hero-desc,
.hero-top-text,
.water-hero-content p,
.hero-content p,
.media-hero-desc,
.magna-hero-banner .banner-description,
.magna-hero-desc,
.contact-hero .hero-desc,
.contact-hero p.hero-desc,
.page-heading p,
.magna-about-wrapper .hero-desc,
.about-hero p,
.hero-eyebrow,
.water-hero-content .hero-eyebrow {
    font-size: var(--magna-fs-hero-sub) !important;
    font-weight: var(--magna-fw-regular) !important;
    line-height: var(--magna-lh-relaxed) !important;
}

.water-hero-content .hero-eyebrow,
.hero-eyebrow {
    font-weight: var(--magna-fw-semibold) !important;
    letter-spacing: var(--magna-ls-eyebrow);
}

.breadcrumb-nav,
.hero-breadcrumb,
.magna-breadcrumb {
    font-size: var(--magna-fs-footer) !important;
}

/* ========== SECTION HEADING — 40px ========== */
.section-heading h2,
.trusted-title,
.prod-intro h2,
.prod-cta h2,
.cta-left h2,
.cta-title,
.magna-how-work-section .section-heading h2,
.magna-cta-section h2,
.magna-cta-left h2,
.modern-cta-section .cta-title,
.ind-intro h2,
.ind-cta h2,
.about-intro h2,
.prod-detail h2,
.challenges-section h2,
.applications-section h2,
.split-section h2,
.magna-about-wrapper h2:not(.section-header h2):not(.why-choose-header h2):not(.hero-content h2) {
    font-size: var(--magna-fs-section) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

/* Strip / bar section labels — category scale 22px */
.section-header h2,
.why-choose-header h2,
.industries-section .section-header h2,
.section-title,
h2.section-title,
h3.section-title,
.magna-section-label,
.media-section-label,
.main-title,
.split-title,
.content-area .section-title {
    font-size: var(--magna-fs-category) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-snug) !important;
}

/* ========== PRODUCT DETAIL TITLE — 34px ========== */
.prod-detail h2,
.product-detail-title,
.prod-intro .product-title,
.magna-product-detail h1,
.magna-product-detail h2 {
    font-size: var(--magna-fs-product-detail) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

/* ========== PRODUCT CATEGORY TITLE — 22px (compact product-grid cards: 15px) ========== */
.product-card .product-info h3,
.product-card .product-info h4,
.product-card h3.card-title {
    font-size: var(--magna-fs-card-title-compact) !important;
    font-weight: var(--magna-fw-semibold) !important;
    line-height: var(--magna-lh-snug) !important;
}

.card-title,
.product-info h4,
.feature-card h4,
.app-card h4,
.prod-card h4,
.category-info h3,
.category-card h3,
.category-card h4,
.spec-card h4,
.benefit-card h4,
.magna-benefit-card h4,
.magna-card h3,
.magna-card h4,
.magna-card-title,
.magna-topic-card h3,
.magna-download-card h3,
.magna-article-title,
.industry-item h4,
.industry-item .down-content h4,
.industry-name,
.features-post h3,
.features-post h4,
.process-item h4,
.highlight-body h3,
.modern-card-content h4,
.magna-modern-card h4,
.wmw-card h4,
.explore-card span,
.explore-card-content span,
.flow-step h4,
.work-item h4,
.feature-content h3,
.supporting-left h3,
.why-content h3,
.explore-title,
.footer-cta-text h4,
.urgent-text h4,
.contact-form-side h3,
.magna-about-wrapper h3,
.network-card h4,
.card-body h4 {
    font-size: var(--magna-fs-category) !important;
    font-weight: var(--magna-fw-semibold) !important;
    line-height: var(--magna-lh-snug) !important;
}

/* ========== LEADERSHIP — 28px / 18px ========== */
.leader-name,
.leader-content h3,
.leadership-name,
.team-member h3,
.magna-leader-name {
    font-size: var(--magna-fs-leadership-name) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-snug) !important;
}

.leader-designation,
.leader-role,
.leader-content p,
.leadership-designation,
.magna-leader-role {
    font-size: var(--magna-fs-leadership-role) !important;
    font-weight: var(--magna-fw-medium) !important;
    line-height: var(--magna-lh-normal) !important;
}

/* ========== TRUST STRIP — 32px / 14px ========== */
.trust-bar h4,
.trust-item h4,
.trust-content h4,
.stat-number,
.network-number,
.trust-bar [style*="font-size"] h4 {
    font-size: var(--magna-fs-trust-num) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

.trust-bar span,
.trust-item span,
.stat-label,
.trust-strip-text,
.network-label {
    font-size: var(--magna-fs-trust-text) !important;
    font-weight: var(--magna-fw-medium) !important;
    line-height: var(--magna-lh-normal) !important;
}

/* ========== NAVIGATION — 15px ========== */
.main-header .main-menu li a,
.main-header .main-nav li a,
.main-header .menu-link,
.main-header .m-dropdown-menu li a {
    font-size: var(--magna-fs-nav) !important;
    font-weight: var(--magna-fw-semibold) !important;
    letter-spacing: var(--magna-ls-nav);
    text-transform: uppercase !important;
}

/* ========== CTA BUTTONS — 16px ========== */
.hero-btn .btn-title,
.hero-btn .btn-text,
.btn-magna-primary,
.btn-magna-secondary,
.btn-magna-danger,
.footer-cta-btns .cta-btn,
.btn-primary,
.btn-secondary,
.quote-btn,
.explore-btn,
.prod-card .enquiry-btn,
.hero-buttons .btn-primary,
.hero-buttons .btn-secondary,
.magna-about-wrapper button,
.magna-about-wrapper .btn-primary,
.magna-about-wrapper .btn-secondary,
.btn-blue,
.btn-outline,
.cta-btn,
.cta-btn.primary,
.cta-btn.secondary,
.magna-btn-primary,
.magna-btn-outline,
[data-bs-target="#quote4hModal"],
[data-bs-target="#rfqModal"],
[data-bs-target="#breakdownModal"],
.main-button a {
    font-size: var(--magna-fs-cta) !important;
    font-weight: var(--magna-fw-semibold) !important;
}

/* ========== FOOTER — 14px ========== */
.magna-footer,
.magna-footer p,
.magna-footer a,
.magna-footer li,
.footer-links-list a,
.footer-contact-list,
.footer-contact-list a,
.copyright-text,
.legal-links a,
.footer-title {
    font-size: var(--magna-fs-footer) !important;
    line-height: var(--magna-lh-normal) !important;
}

.footer-title {
    font-weight: var(--magna-fw-bold) !important;
}

/* ========== GENERIC HEADINGS (fallback hierarchy) ========== */
h1 {
    font-size: var(--magna-fs-hero) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

h2 {
    font-size: var(--magna-fs-section) !important;
    font-weight: var(--magna-fw-bold) !important;
    line-height: var(--magna-lh-tight) !important;
}

h3 {
    font-size: var(--magna-fs-category) !important;
    font-weight: var(--magna-fw-semibold) !important;
    line-height: var(--magna-lh-snug) !important;
}

h4, h5 {
    font-size: var(--magna-fs-body) !important;
    font-weight: var(--magna-fw-semibold) !important;
}

h6 {
    font-size: var(--magna-fs-footer) !important;
    font-weight: var(--magna-fw-medium) !important;
}

/* Small labels */
.section-label,
.section-tag,
.prod-intro .section-tag,
.intro-tag,
.vm-section-tag,
.magna-card-date,
.magna-article-date {
    font-size: var(--magna-fs-footer) !important;
}

/* Forms */
.contact-form-side label,
.form-group-custom label,
.contact-form-side input,
.contact-form-side select,
.contact-form-side textarea {
    font-size: var(--magna-fs-body) !important;
}

.challenge-text h5,
.why-text h5 {
    font-size: var(--magna-fs-category) !important;
    font-weight: var(--magna-fw-semibold) !important;
}

.challenge-text p,
.why-text p {
    font-size: var(--magna-fs-body) !important;
}

.product-info p,
.product-info li,
.category-info p,
.category-info li,
.feature-card p,
.feature-card li,
.prod-card p,
.prod-card li,
.magna-card p,
.magna-card li,
.magna-card-desc,
.product-card .card-desc {
    font-size: var(--magna-fs-card-body) !important;
}

.view-link {
    font-size: var(--magna-fs-body) !important;
    font-weight: var(--magna-fw-semibold) !important;
}

/* ========== MOBILE ========== */
@media (max-width: 991px) {
    .hero-heading,
    .hero-section h1,
    .hero-title,
    .water-hero-content h1,
    .media-hero-title,
    .magna-careers-hero h1,
    .contact-hero h1,
    .magna-hero-banner .banner-title h1 {
        font-size: var(--magna-fs-hero-mobile) !important;
    }

    .page-heading h1,
    .magna-about-wrapper .page-heading h1,
    .about-hero h1 {
        font-size: var(--magna-fs-page-mobile) !important;
    }

    .section-heading h2,
    .trusted-title,
    .cta-left h2,
    .prod-intro h2,
    .prod-cta h2,
    .magna-how-work-section .section-heading h2 {
        font-size: var(--magna-fs-section-mobile) !important;
    }

    .hero-desc,
    .water-hero-content p,
    .hero-content p,
    .media-hero-desc,
    .magna-hero-desc,
    .contact-hero .hero-desc,
    .page-heading p {
        font-size: var(--magna-fs-hero-sub-mobile) !important;
    }

    .prod-detail h2,
    .product-detail-title {
        font-size: var(--magna-fs-product-detail-mobile) !important;
    }

    .trust-bar h4,
    .stat-number,
    .network-number {
        font-size: var(--magna-fs-trust-num-mobile) !important;
    }
}

@media (max-width: 767px) {
    body,
    p,
    li {
        font-size: var(--magna-fs-body) !important;
    }
}