a745;
            color: white;
            padding: 20px 0;
            text-align: center;
        }

        @media (max-width: 768px) {
            .product-container {
                flex-direction: column;
                align-items: center;
            }

            .product-card {
                width: 100%;
                max-width: 300px;
            }

            .nav-link {
                font-size: 1rem;
            }
        }
    </style>
</head>

<body>

    <!-- Navigation Bar -->
  