/* Responsividade */

        @media (max-width: 768px) {

            .nav-links {

                display: none;

            }

            

            .hero h1 {

                font-size: 2.2rem;

            }

            

            .product-cards {

                flex-direction: column;

                align-items: center;

            }

        }