/**
 * Home page typography overrides.
 * Headings (Neutral Sans): +30% size, max weight 500.
 * Body (IBM Plex Sans): min weight 400.
 */

.page-home :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .section-title h2,
    .section-title-two h2,
    .home-reviews-title,
    .home-reviews-eyebrow,
    .site-footer-cta__title,
    .site-footer__heading
) {
    font-family: var(--font-heading);
    font-weight: 500 !important;
}

.page-home h1 {
    font-size: 46.8px !important;
}

.page-home h2 {
    font-size: 39px !important;
}

.page-home h3 {
    font-size: 31.2px !important;
}

.page-home h4 {
    font-size: 23.4px !important;
}

.page-home h5 {
    font-size: 18.2px !important;
}

.page-home h6 {
    font-size: 15.6px !important;
}

.page-home .section-title h2 {
    font-size: 31.2px !important;
}

.page-home .home-reviews-title {
    font-size: clamp(41.6px, 5.46vw, 57.2px) !important;
}

.page-home .home-reviews-eyebrow {
    font-size: 18.2px !important;
}

.page-home .site-footer-cta__title {
    font-size: clamp(24px, 5.5vw, 46px) !important;
}

.page-home .site-footer__heading {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #232222 !important;
}

.page-home .home-blogs .section-title-01 h2,
.page-home .home-blogs .section-title h2 {
    font-size: clamp(1.95rem, 3.25vw, 2.86rem) !important;
}

.page-home .home-review-card__name {
    font-size: 20.8px !important;
    font-weight: 500 !important;
}

@media only screen and (max-width: 767px) {
    .page-home h1 {
        font-size: 41.6px !important;
    }

    .page-home h2 {
        font-size: 33.8px !important;
    }

    .page-home .home-reviews-title {
        font-size: clamp(36.4px, 6.1vw, 46.8px) !important;
    }

    .page-home .home-reviews-eyebrow {
        font-size: 16.9px !important;
    }

    .page-home .home-reviews-subtitle {
        font-size: 15px !important;
    }

    .page-home .product-section .home-products-mobile-grid .product-content .title,
    .page-home .product-section .home-products-mobile-grid--category .product-content .title,
    .page-home .product-section .home-products-mobile-grid .product-content .title a,
    .page-home .product-section .home-products-mobile-grid--category .product-content .title a {
        font-size: 13px !important;
    }
}

/* IBM Plex Sans — minimum weight 400 on body UI */
.page-home {
    font-weight: 400;
}

.page-home :is(
    p,
    li,
    a,
    span,
    label,
    input,
    textarea,
    select,
    button,
    .btn,
    .product-content,
    .product-content p,
    .product-category-tab-label,
    .home-review-card__text,
    .home-review-card__role,
    .home-reviews-subtitle,
    .home-readmore-btn,
    .site-footer__tagline,
    .site-footer__links a,
    .site-footer__legal a,
    .site-footer__copyright-row p,
    .site-footer-cta__subtitle,
    .site-footer-cta__input,
    .site-footer-cta__secondary,
    .site-footer-cta__submit,
    .home-products-view-all-btn
) {
    font-family: var(--font-body);
    font-weight: 400 !important;
}

.page-home .site-footer__links a,
.page-home .site-footer__contact-line {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #788082 !important;
}

/* Allow footer links/contact links to get bolder on hover */
.page-home .site-footer__links a:hover,
.page-home .site-footer__contact-line:hover {
    font-weight: 600 !important;
}

.page-home :is(
    strong,
    b,
    .font-weight-bold,
    .home-products-view-all-btn
) {
    font-weight: 500 !important;
}

/* Product cards — keep original card typography */
.page-home .product-section .product-tag {
    font-size: 11px !important;
    font-weight: 600 !important;
    font-family: var(--font-body) !important;
}

.page-home .product-section .product-content .title {
    font-size: 16px !important;
    font-family: var(--font-body) !important;
}

.page-home .product-section .product-content .title a {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: var(--font-body) !important;
}

.page-home .product-section .product-price .discounted-price {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Blog cards — keep original card typography */
.page-home .home-blogs .card-body h4 {
    font-size: 18px !important;
    font-family: var(--font-body) !important;
}

.page-home .home-blogs .card-body h4 a {
    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: var(--font-body) !important;
}

.page-home .home-blogs-category {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.page-home .home-blogs-date {
    font-size: 14px !important;
    font-weight: 600 !important;
}
