@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap');
        body {
            font-family: 'Fredoka', sans-serif;
            background-color: #fef3c7; /* Playful Light Yellow Background */
        }
        .main-container {
            min-height: calc(100vh - 4rem);
            padding-bottom: 5rem;
        }
        .product-card {
            transition: transform 0.2s, box-shadow 0.2s;
            border: 4px solid #f97316; /* Bright Orange Border */
        }
        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3);
        }
        .age-tag {
            font-size: 0.75rem;
            font-weight: 700;
            padding: 2px 8px;
            border-radius: 9999px;
            text-transform: uppercase;
        }
        .age-0-2 { background-color: #dbeafe; color: #1e40af; } /* Blue */
        .age-3-5 { background-color: #d1fae5; color: #059669; } /* Green */
        .age-6-8 { background-color: #fee2e2; color: #dc2626; } /* Red */

        /* Custom checked state for size labels */
        input[type="radio"]:checked + label {
            background-color: #f97316; /* Orange */
            color: white;
            border-color: #f97316;
        }
        /* Style for the fixed header/footer for mobile optimization */
        .fixed-nav {
            max-width: 420px; /* Max width constraint for mobile view */
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
        }