* { cursor: default; }
        body { 
            font-family: 'Averia Libre', cursive; 
            background: #ffffff;
            color: #1a1a1a;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* PAGE SYSTEM */
        .page-content { display: none; min-height: 100vh; animation: fadeIn 0.5s ease; }
        .page-content.active { display: block; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* HERO & DECORATIVE BACKGROUNDS */
        .hero-mesh {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, #53CBF3 0%, #261CC1 100%);
            clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%);
            z-index: -1;
        }
        
        .animated-blob {
            position: absolute;
            background: #EDF7BD;
            filter: blur(100px);
            border-radius: 50%;
            opacity: 0.25;
            animation: float-blob 15s infinite alternate ease-in-out;
        }

        @keyframes float-blob {
            0% { transform: translate(-5%, -5%) rotate(0deg); }
            100% { transform: translate(15%, 20%) rotate(90deg); }
        }

        /* GLASS MORPHISM */
        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 35px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08);
        }

        /* NAVIGATION */
        .burger-line { width: 28px; height: 2px; background: #261CC1; margin: 6px 0; transition: 0.4s; }
        .open .line1 { transform: rotate(-45deg) translate(-6px, 6px); }
        .open .line2 { opacity: 0; }
        .open .line3 { transform: rotate(45deg) translate(-6px, -6px); }

        #mobile-nav {
            position: fixed; top: 0; right: 0; bottom: 0; width: 320px;
            background: #261CC1; z-index: 5000; transform: translateX(100%);
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        #mobile-nav.active { transform: translateX(0); }

        /* CART PANEL */
        #cart-panel {
            position: fixed; top: 0; right: 0; bottom: 0; width: 450px; max-width: 90vw;
            background: white; z-index: 6000; transform: translateX(100%);
            transition: transform 0.5s ease; box-shadow: -20px 0 60px rgba(0,0,0,0.15);
        }
        #cart-panel.active { transform: translateX(0); }

        /* INTERACTIONS */
        .hover-lift { transition: all 0.4s ease; }
        .hover-lift:hover { transform: translateY(-8px); box-shadow: 0 35px 70px rgba(38, 28, 193, 0.1); }

        /* MODAL */
        #modal-overlay {
            position: fixed; inset: 0; z-index: 7000; background: rgba(38, 28, 193, 0.9);
            backdrop-filter: blur(12px); display: none; align-items: center; justify-content: center;
            padding: 20px;
        }

/* Add/modify these styles in your <style> section */
.navbar-logo {
    height: 10rem !important;  /* 160px */
    width: auto;
    display: block;
}

.nav-logo-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Keep header compact - allow logo to overflow */
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 35px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08);
    overflow: visible; /* Allow logo to overflow */
}

/* Ensure header doesn't expand */
#navbar .glass-card {
    overflow: visible;
    position: relative;
}

/* Keep navbar padding minimal */
#navbar {
    overflow: visible;
}

.nav-logo-container {
    position: relative;
    z-index: 10;
}
        /* UTILS */
        .text-gradient {
            background: linear-gradient(to right, #53CBF3, #261CC1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .bg-gradient-main { background: linear-gradient(to right, #53CBF3, #261CC1); }