
        :root { --header-height: 80px; }
        <?php if ( is_admin_bar_showing() ) : ?>
        html { margin-top: 0 !important; }
        body { padding-top: 32px; }
        #wpadminbar { position: fixed; }
        <?php endif; ?>

        /* â”€â”€ Mobile overlay menu â”€â”€ */
        #mobile-menu-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2rem;
            list-style: none;
            margin: 0; padding: 0;
        }
        #mobile-menu-inner li a {
            font-family: "Monument Grotesk", sans-serif;
            font-weight: 700;
            font-size: 1.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #f9f9fa;
            opacity: 0.8;
            transition: all 0.3s;
        }
        #mobile-menu-inner li a:hover { opacity: 1; color: #a3ced0; }

        /* â”€â”€ Shop dropdown animation â”€â”€ */
        #shop-dropdown {
            opacity: 0;
            visibility: hidden;
            transform: translateY(-6px);
            transition: opacity 250ms ease, visibility 250ms ease, transform 250ms ease;
            box-shadow: 0 10px 40px rgba(0,0,0,0.05);
        }
        #shop-nav-item:hover #shop-dropdown,
        #shop-nav-item:focus-within #shop-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* ▬▬ Editorial Search takeover ▬▬ */
        #search-panel {
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            transform: translateY(-20px);
            transition: opacity 500ms cubic-bezier(0.85, 0, 0.15, 1), transform 500ms cubic-bezier(0.85, 0, 0.15, 1), visibility 500ms;
        }
        #search-panel.open {
            opacity: 1;
            pointer-events: auto;
            visibility: visible;
            transform: translateY(0);
        }
        #search-content-wrapper {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1) 200ms, transform 800ms cubic-bezier(0.16, 1, 0.3, 1) 200ms;
        }
        #search-panel.open #search-content-wrapper {
            opacity: 1;
            transform: translateY(0);
        }
        #search-suggestions {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1) 350ms, transform 800ms cubic-bezier(0.16, 1, 0.3, 1) 350ms;
        }
        #search-panel.open #search-suggestions {
            opacity: 1;
            transform: translateY(0);
        }
        #header-search-input::-webkit-search-cancel-button {
            display: none;
        }
        /* Custom Loader */
        .editorial-loader {
            width: 100%;
            height: 2px;
            background: rgba(26,28,29,0.1);
            position: absolute;
            bottom: 0;
            left: 0;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.3s;
        }
        .editorial-loader::after {
            content: '';
            position: absolute;
            top: 0;
            left: -50%;
            width: 50%;
            height: 100%;
            background: #1a1c1d;
            animation: loader-slide 1s cubic-bezier(0.85, 0, 0.15, 1) infinite;
        }
        @keyframes loader-slide {
            0% { left: -50%; }
            100% { left: 100%; }
        }
        
        /* Custom Logo constraints */
        .header-custom-logo img {
            max-height: 32px;
            max-width: 150px;
            width: auto;
            display: block;
        }
        @media (min-width: 768px) {
            .header-custom-logo img {
                max-height: 44px;
                max-width: 210px;
            }
        }

        @media (min-width: 1024px) and (max-width: 1399px) {
            #masthead nav[aria-label="Navigation principale"] > a,
            #masthead #shop-dropdown-trigger {
                font-size: 13px;
                letter-spacing: 0.1em;
            }
        }

        @media (max-width: 1199px) {
            #masthead nav[aria-label="Navigation principale"] {
                display: none !important;
            }

            #mobile-menu-toggle {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
            }

            #mobile-navigation {
                display: flex !important;
            }
        }

        @media (min-width: 1200px) {
            #masthead nav[aria-label="Navigation principale"] {
                display: flex !important;
            }

            #mobile-menu-toggle {
                display: none !important;
            }

            #mobile-navigation {
                display: none !important;
            }
        }

        /* â”€â”€ Mobile menu overlay â”€â”€ */
        #mobile-navigation {
            visibility: hidden;
            transform: translateY(-100%);
            opacity: 0;
            pointer-events: none;
            transition: transform 400ms cubic-bezier(0.4,0,0.2,1), opacity 400ms ease, visibility 400ms ease;
        }
        #mobile-navigation.open {
            visibility: visible;
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
    
