@media (max-width: 1199.98px) {
    .hero-section {
        min-height: 640px;
        background-position: 60% center;
    }

    .hero-section__inner {
        min-height: 520px;
    }

    .hero-section__title {
        font-size: 40px;
    }
    .about-brand-section__title {
        font-size: 2rem;
    }

    .about-brand-section__subtitle {
        font-size: 1.1rem;
    }

    .about-brand-section__text p {
        font-size: 0.95rem;
    }
    .product-line-card__name {
        font-size: 1.7rem;
    }

    .product-line-card__subtitle {
        font-size: 1.2rem;
    }

    .product-line-card__text p,
    .product-line-card__list li {
        font-size: 0.9rem;
    }
}

@media (max-width: 991.98px) {
    .hero-section {
        min-height: 560px;
        padding: 24px 0 64px;
        background-position: 64% center;
    }

    .hero-section__inner {
        min-height: 470px;
    }

    .hero-section__logo {
        max-width: 240px;
    }

    .hero-section__title {
        max-width: 520px;
        font-size: 32px;
    }

    .hero-section__description {
        font-size: 16px;
    }
    .care-sets-section__header {
        padding: 26px 15px 22px;
    }

    .care-sets-section__title {
        font-size: 1.625rem;
    }

    .care-set-card__image-wrap {
        min-height: 280px;
        padding: 24px;
    }

    .care-set-card__image {
        max-height: 280px;
    }

    .care-set-card__title {
        font-size: 1.1rem;
    }
    .why-karleen-section {
        padding: 24px 0 32px;
    }

    .why-karleen-section__header {
        margin-bottom: 24px;
    }

    .why-karleen-section__title {
        font-size: 1.625rem;
    }

    .why-feature-card__icon {
        width: 150px;
    }

    .why-feature-card__title {
        font-size: 1.05rem;
        max-width: 280px;
    }
    .about-brand-section {
        padding: 40px 0;
    }

    .about-brand-section__header {
        margin-bottom: 18px;
    }

    .about-brand-section__title {
        font-size: 1.75rem;
    }

    .about-brand-section__subtitle {
        font-size: 1rem;
    }

    .about-brand-section__text p {
        font-size: 0.92rem;
        line-height: 1.5;
    }
    .product-lines-section {
        padding: 40px 0;
    }

    .product-line-card__figure {
        margin-bottom: 18px;
    }

    .product-line-card__name {
        font-size: 1.45rem;
    }

    .product-line-card__subtitle {
        font-size: 1.05rem;
        margin-bottom: 18px;
    }
    .site-footer {
        padding: 40px 0;
    }

    .site-footer__inner {
        min-height: auto;
    }

    .site-footer__left {
        max-width: 300px;
    }

    .site-footer__logo {
        max-width: 250px;
    }

    .site-footer__company {
        font-size: 1rem;
    }

    .site-footer__text {
        font-size: 0.9rem;
    }
}

@media (max-width: 767.98px) {
    .hero-section {
        min-height: 500px;
        padding: 20px 0 42px;
        background-position: 70% center;
    }

    .hero-section::before {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.20) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.18) 100%
        );
    }

    .hero-section__inner {
        min-height: 438px;
    }

    .hero-section__logo {
        max-width: 180px;
    }

    .hero-section__content {
        max-width: 100%;
    }

    .hero-section__title {
        font-size: 24px;
        line-height: 1.18;
        margin-bottom: 12px;
    }

    .hero-section__description {
        font-size: 15px;
        line-height: 1.45;
    }
    .care-sets-section__header {
        padding: 22px 15px 18px;
    }

    .care-sets-section__title {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .care-set-card__image-wrap {
        min-height: 240px;
        padding: 20px;
    }

    .care-set-card__image {
        max-height: 220px;
    }

    .care-set-card__body {
        padding: 14px 16px 16px;
    }

    .care-set-card__title {
        font-size: 1rem;
        line-height: 1.2;
    }
    .why-karleen-section {
        padding: 20px 0 28px;
    }

    .why-karleen-section__header {
        margin-bottom: 20px;
    }

    .why-karleen-section__title {
        font-size: 1.25rem;
    }

    .why-feature-card__icon-wrap {
        margin-bottom: 14px;
    }

    .why-feature-card__icon {
        width: 128px;
    }

    .why-feature-card__title {
        font-size: 0.95rem;
        line-height: 1.25;
        max-width: 240px;
    }
    .about-brand-section {
        padding: 32px 0;
    }

    .about-brand-section__title {
        font-size: 1.35rem;
        line-height: 1.2;
    }

    .about-brand-section__subtitle {
        font-size: 0.95rem;
        line-height: 1.35;
    }

    .about-brand-section__text p {
        font-size: 0.9rem;
        line-height: 1.45;
    }
    .product-lines-section {
        padding: 32px 0;
    }

    .product-line-card__name {
        font-size: 1.25rem;
    }

    .product-line-card__subtitle {
        font-size: 0.95rem;
        line-height: 1.2;
    }

    .product-line-card__text p,
    .product-line-card__list li {
        font-size: 0.88rem;
        line-height: 1.4;
    }
    .site-footer {
        padding: 32px 0;
    }

    .site-footer__left {
        max-width: 100%;
    }

    .site-footer__logo-link {
        margin-bottom: 16px;
    }

    .site-footer__logo {
        max-width: 200px;
    }

    .site-footer__company {
        font-size: 0.95rem;
    }

    .site-footer__text {
        font-size: 0.875rem;
        line-height: 1.4;
    }
}