@media(max-width:992px) {}

@media(max-width:768px) {}

@media(max-width:576px) {}

@media (max-width:992px) {

    .hero-container {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .hero-buttons {

        justify-content: center;

    }

    .hero-features {

        justify-content: center;

    }

    .hero h1 {

        font-size: 42px;

    }

    .nav-links {

        display: none;

    }

    .product-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .why-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .category-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .testimonial-grid {

        grid-template-columns: 1fr;

    }

    .steps-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .trust-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .subscription-wrapper {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .footer-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .footer-bottom {

        flex-direction: column;
        gap: 20px;

    }

}

@media (max-width:768px) {

    .hero {

        padding: 60px 0;

    }

    .hero h1 {

        font-size: 34px;

    }

    .hero p {

        font-size: 16px;

    }

    .hero-buttons {

        flex-direction: column;

    }

    .btn-primary,
    .btn-secondary {

        display: block;

    }

    .logo-text {

        display: none;

    }

    .cta-content h2 {

        font-size: 34px;

    }

    .cta-buttons {

        flex-direction: column;

        align-items: center;

    }

    .btn-whatsapp,
    .btn-outline,
    .btn-primary {

        width: 280px;
        text-align: center;

    }

}

@media (max-width:576px) {

    .hero h1 {

        font-size: 28px;

    }

    .top-bar {

        font-size: 12px;

    }

    .product-grid {

        grid-template-columns: 1fr;

    }

    .section-title h2 {

        font-size: 30px;

    }

    .why-grid {

        grid-template-columns: 1fr;

    }

    .category-grid {

        grid-template-columns: 1fr;

    }

    .category-card {

        height: 320px;

    }

    .steps-grid {

        grid-template-columns: 1fr;

    }

    .trust-grid {

        grid-template-columns: 1fr;

    }

    .footer-grid {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .social-links {

        justify-content: center;

    }

}