.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .product-card {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
        }
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0px 10px 30px rgba(0,0,0, 0.08);
        }
        .sticky-nav {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .carousel-item {
            opacity: 0;
            transition: opacity 1s ease-in-out;
            position: absolute;
            inset: 0;
            pointer-events: none;
        }
        .carousel-item.active {
            opacity: 1;
            pointer-events: auto;
        }
        .carousel-overlay {
            background: linear-gradient(to right, rgba(0, 86, 210, 0.9) 0%, rgba(0, 86, 210, 0.4) 50%, transparent 100%);
        }

        /* Dark Mode Overrides */
        .dark body, .dark main {
            background-color: #0b0f19;
            color: #f1f5f9;
        }
        .dark .bg-surface,
        .dark .bg-white,
        .dark .bg-surface-container-lowest {
            background-color: #111827 !important;
            color: #f1f5f9 !important;
        }
        .dark .bg-surface-container-high {
            background-color: #1e293b !important;
        }
        .dark .bg-surface-container-highest {
            background-color: #0f172a !important;
        }
        .dark .text-on-surface,
        .dark .text-primary,
        .dark h1, .dark h2, .dark h3, .dark h4 {
            color: #ffffff !important;
        }
        .dark .text-on-surface-variant {
            color: #94a3b8 !important;
        }
        .dark .border-border-subtle,
        .dark .border-outline-variant {
            border-color: rgba(255, 255, 255, 0.1) !important;
        }
        .dark .sticky-nav {
            background-color: rgba(15, 23, 42, 0.85) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        }
        .dark footer {
            background-color: #0f172a !important;
            color: #f1f5f9 !important;
        }
        .dark footer h4, .dark footer .font-bold {
            color: #ffffff !important;
        }
        .dark footer .text-on-surface-variant {
            color: #94a3b8 !important;
        }
/* Standard Glass Nav Styling */
.glass-nav {
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    background-color: rgba(255, 255, 255, 1) !important;
}
.dark .glass-nav {
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
    background-color: rgba(15, 23, 42, 0.98) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}