/* Responsive */

        @media (max-width: 992px) {

            .header-container {

                flex-direction: column;

                text-align: center;

            }

            

            nav ul {

                margin-top: 20px;

                flex-wrap: wrap;

                justify-content: center;

            }

            

            nav ul li {

                margin: 8px 12px;

            }

            

            .hero h2 {

                font-size: 2.2rem;

            }

            

            .btn-container {

                display: flex;

                flex-direction: column;

                gap: 15px;

                align-items: center;

            }

            

            .btn-outline {

                margin-left: 0;

            }

            

            .comparison-container {

                flex-direction: column;

                align-items: center;

            }

            

            .product-options {

                justify-content: center;

            }

        }

        

        @media (max-width: 768px) {

            .hero {

                padding: 70px 0;

            }

            

            .hero h2 {

                font-size: 1.9rem;

            }

            

            .hero p {

                font-size: 1.1rem;

            }

            

            .section-title h2 {

                font-size: 2rem;

            }

            

            .showcase-container {

                flex-direction: column;

                text-align: center;

            }

            

            .product-features li {

                justify-content: center;

            }

            

            .price {

                justify-content: center;

            }

        }