@media screen and (max-width:1024px){
    .container{padding:0 30px}
    .hero__title{font-size:2.6em}
    .page-title{font-size:2.6em}
    .ingredient-detail{gap:30px}
    .btn-highlight{font-size:0.9em;padding:8px 18px}
    .header__logo img{height:32px}
}

@media screen and (max-width:768px){
    .hero .container{flex-direction:column-reverse}
    .hero__content{text-align:center}
    .benefits__grid{grid-template-columns:repeat(2,1fr)}
    .ingredients__container{grid-template-columns:repeat(2,1fr)}
    .reviews__grid{grid-template-columns:repeat(2,1fr)}
    .how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:30px}
    .security-badge{margin-top:10px;font-size:0.85em}
    .btn-highlight{padding:6px 16px;font-size:0.85em}
    .ingredient-detail,.ingredient-detail.reverse{flex-direction:column}
    .ingredient-image{width:100%;max-width:500px;margin:0 auto}
    .ingredient-benefits{justify-content:center}
    .benefits-list{text-align:left}
    .stats__grid {
        gap: 25px;
    }
    .stat-card__number {
        font-size: 26px;
    }
    .stat-card__description {
        font-size: 14px;
    }
    .content-wrapper {
        padding: 30px;
    }
    
    .content-block h2 {
        font-size: 1.4em;
    }
    
    .content-block h3 {
        font-size: 1.2em;
    }
}

@media screen and (max-width:675px){
    .header .container{flex-direction:column;gap:15px}
    .header__logo{flex:none;margin-bottom:10px}
    .header__logo img{height:32px;margin:0 auto}
    .header__cta{margin-left:0}
    .btn-highlight{padding:5px 14px;font-size:0.8em}
    .header__nav{text-align:center}
    .header__nav ul{flex-direction:column;gap:10px}
    .hero__title{font-size:2.2em}
    .section-title{font-size:1.8em}
    .benefits__grid{grid-template-columns:1fr}
    .ingredients__container{grid-template-columns:1fr}
    .reviews__grid{grid-template-columns:1fr}
    .how-it-works__steps{grid-template-columns:1fr}
    .delivery__container{flex-direction:column}
    .footer__top{flex-direction:column;text-align:center}
    .footer__logo{margin-bottom:20px}
    .footer__logo img{margin:0 auto}
    .footer__nav ul{justify-content:center}
    .footer__bottom{flex-direction:column;gap:15px}
    .page-title{font-size:2.2em}
    .page-subtitle{font-size:1.1em}
    .intro-text{font-size:1em}
    .ingredient-title{font-size:1.5em}
    .cta-title{font-size:2em}
    .cta-text{font-size:1em}
    .stats__grid {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin: 0 auto;
    }
    .stat-card {
        max-width: 320px;
        margin: 0 auto;
    }
}

@media screen and (max-width:480px){
    .container{padding:0 15px}
    .hero{padding:50px 0}
    .benefits,.ingredients,.reviews,.how-it-works,.delivery,.faq{padding:50px 0}
    .hero__title{font-size:1.8em;margin-bottom:15px}
    .hero__subtitle{font-size:1em;margin-bottom:20px}
    .btn-large{padding:12px 24px;font-size:1em}
    .review-card{padding:20px}
    .faq__question{font-size:1em}
    .page-banner{padding:40px 0}
    .ingredients-intro,.ingredients-list,.ingredients-cta{padding:40px 0}
    .ingredient-detail{gap:20px}
    .security-badge{font-size:0.8em}
    .stats {
        padding: 50px 0;
    }
    .stat-card__icon {
        width: 60px;
        height: 60px;
    }
    .stat-card__icon i {
        font-size: 22px;
    }
    .stat-card__number {
        font-size: 24px;
    }
    .content-wrapper {
        padding: 20px;
    }
    
    .content-block h2 {
        font-size: 1.3em;
    }
    
    .content-block h3 {
        font-size: 1.1em;
    }
    
    .content-block ul li {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 12px 0;
    }
    .header__logo img {
        height: 30px;
    }
    .btn-highlight {
        padding: 8px 16px;
        font-size: 0.85em;
    }
    .hero {
        padding: 60px 0 40px;
    }
    .hero__title {
        font-size: 2.4em;
    }
    .hero__content, .hero__image {
        min-width: 100%;
    }
    .hero__image img {
        max-height: 350px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 70px;
    }
    .header {
        padding: 10px 0;
    }
    .header__logo img {
        height: 26px;
    }
    .btn-highlight {
        padding: 6px 14px;
        font-size: 0.8em;
    }
    .hero {
        padding: 50px 0 30px;
    }
    .hero__title {
        font-size: 2em;
    }
    .hero__subtitle {
        font-size: 1.1em;
    }
    .section-title {
        font-size: 1.8em;
    }
    .benefit-card, .review-card, .step-card {
        padding: 20px;
    }
    .footer__top {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .footer__nav ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer__bottom {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    body {
        padding-top: 65px;
    }
    .container {
        padding: 0 15px;
    }
    .header {
        padding: 8px 0;
    }
    .header__logo img {
        height: 24px;
    }
    .btn-highlight {
        padding: 5px 12px;
        font-size: 0.75em;
    }
    .hero {
        padding: 40px 0 25px;
    }
    .hero__title {
        font-size: 1.6em;
    }
    .hero__subtitle {
        font-size: 1em;
        margin-bottom: 20px;
    }
    .hero__image img {
        max-height: 300px;
    }
    .benefits, .ingredients, .reviews, .how-it-works, .delivery, .faq {
        padding: 40px 0;
    }
    .section-title {
        font-size: 1.6em;
    }
    .review-card__profile img {
        width: 50px;
        height: 50px;
    }
}