/* === ADVANCED CSS VARIABLES === */
    :root {
        --ezm-bg: #0b0b0b;
        --ezm-surface: #111318;
        --ezm-panel: #161a1f;
        --ezm-text: #f7f7f7;
        --ezm-dim: #afb6c0;
        --ezm-accent: #3b82f6;
        --ezm-accent-2: #22d3ee;
        --ezm-ring: rgba(59,130,246,.4);
        --ezm-radius: 14px;
        --ezm-gap: clamp(12px, 1.5vw, 18px);
        --ezm-speed: 240ms;
        --ezm-glow: 0 0 20px rgba(59, 130, 246, 0.3);
        --ezm-glow-strong: 0 0 30px rgba(59, 130, 246, 0.5);
        --ezm-gradient: linear-gradient(135deg, #3b82f6, #22d3ee);
        --ezm-gradient-subtle: linear-gradient(135deg, rgba(59,130,246,0.1), rgba(34,211,238,0.05));
        --ezm-brand: #f15822;
    }

    /* === RESET & BASE STYLES === */
    .ezm-header *,
    .ezm-header *::before,
    .ezm-header *::after {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
        line-height: 1.5 !important;
    }

    .ezm-header {
        all: initial !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: linear-gradient(180deg, 
            rgba(11,11,11,0.98) 0%, 
            rgba(11,11,11,0.92) 50%,
            rgba(11,11,11,0.85) 100%) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        display: block !important;
        font-family: system-ui, -apple-system, sans-serif !important;
        box-shadow: 0 4px 30px rgba(0,0,0,0.4) !important;
    }

    /* === CONTAINER & LOGO === */
    .ezm-header .container {
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 12px clamp(16px, 4vw, 32px) !important;
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
    }

    .ezm-logo {
        display: inline-flex !important;
        align-items: center !important;
        gap: 12px !important;
        color: var(--ezm-text) !important;
        text-decoration: none !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
        font-size: clamp(20px, 2.2vw, 24px) !important;
        position: relative !important;
        padding: 8px 16px !important;
        border-radius: 12px !important;
        background: var(--ezm-gradient-subtle) !important;
        border: 1px solid rgba(255,255,255,0.05) !important;
        transition: all 0.3s ease !important;
    }

    .ezm-logo::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: 12px !important;
        padding: 1px !important;
        background: var(--ezm-gradient) !important;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
        mask-composite: exclude !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }

    .ezm-logo:hover::before {
        opacity: 1 !important;
    }

    .ezm-logo:hover {
        transform: translateY(-2px) !important;
        box-shadow: var(--ezm-glow) !important;
    }

    /* === NAVIGATION STRUCTURE === */
    .ezm-nav {
        margin-left: auto !important;
    }

    .ezm-nav > ul {
        display: flex !important;
        align-items: center !important;
        gap: clamp(8px, 1.2vw, 16px) !important;
        list-style: none !important;
    }

    .ezm-link, .ezm-toggle {
        appearance: none !important;
        background: none !important;
        border: 0 !important;
        color: var(--ezm-text) !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        padding: 12px 16px !important;
        border-radius: 10px !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        position: relative !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 15px !important;
    }

    .ezm-link::after, .ezm-toggle::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: 12px !important;
        box-shadow: 0 0 0 0 var(--ezm-ring) !important;
        opacity: 0 !important;
        transition: all 0.3s ease !important;
    }

    .ezm-link:hover, .ezm-toggle:hover {
        color: white !important;
        background: rgba(255,255,255,0.05) !important;
        transform: translateY(-2px) !important;
    }

    .ezm-link:hover::after, .ezm-toggle:hover::after {
        box-shadow: 0 0 0 8px var(--ezm-ring) !important;
        opacity: 0.4 !important;
    }

    .ezm-toggle[aria-expanded="true"] {
        color: white !important;
        background: rgba(255,255,255,0.08) !important;
    }

    /* === ADVANCED CHEVRON === */
    .ezm-toggle .chev {
        width: 12px !important;
        height: 12px !important;
        display: inline-block !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(45deg) !important;
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
        margin-top: -2px !important;
    }

    .ezm-toggle[aria-expanded="true"] .chev {
        transform: rotate(-135deg) !important;
    }

    /* === ENHANCED MEGA MENU === */
    .ezm-mega {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 100% !important;
        margin-top: 8px !important;
        pointer-events: none !important;
        opacity: 0 !important;
        transform: translateY(-12px) scale(0.95) !important;
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    .ezm-mega .panel {
        max-width: 1400px !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: 1.3fr 1.3fr 1.2fr 1fr !important;
        gap: var(--ezm-gap) !important;
        background: linear-gradient(135deg, var(--ezm-panel), var(--ezm-surface)) !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        border-radius: 20px !important;
        padding: clamp(20px, 2.5vw, 28px) !important;
        box-shadow: 
            0 25px 50px -12px rgba(0,0,0,0.5),
            inset 0 1px 0 rgba(255,255,255,0.1),
            0 0 0 1px rgba(255,255,255,0.05) !important;
        backdrop-filter: blur(40px) saturate(180%) !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .ezm-mega .panel::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 1px !important;
        background: linear-gradient(90deg, 
            transparent 0%, 
            rgba(59,130,246,0.3) 50%, 
            transparent 100%) !important;
    }

    .ezm-section h4 {
        font-size: 13px !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        color: var(--ezm-dim) !important;
        margin-bottom: 16px !important;
        font-weight: 700 !important;
        position: relative !important;
        display: inline-block !important;
    }

    .ezm-section h4::after {
        content: '' !important;
        position: absolute !important;
        bottom: -6px !important;
        left: 0 !important;
        width: 24px !important;
        height: 2px !important;
        background: var(--ezm-gradient) !important;
        border-radius: 2px !important;
    }

    .ezm-list {
        list-style: none !important;
        display: grid !important;
        gap: 8px !important;
    }

    .ezm-list a {
        display: grid !important;
        gap: 4px !important;
        text-decoration: none !important;
        color: var(--ezm-text) !important;
        padding: 12px !important;
        border-radius: 10px !important;
        background: transparent !important;
        transition: all 0.3s ease !important;
        border: 1px solid transparent !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .ezm-list a::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: var(--ezm-gradient) !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
        z-index: -1 !important;
    }

    .ezm-list a .sub {
        color: var(--ezm-dim) !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .ezm-list a:hover {
        background: rgba(255,255,255,0.05) !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--ezm-glow) !important;
        border-color: rgba(255,255,255,0.1) !important;
    }

    .ezm-list a:hover::before {
        opacity: 0.05 !important;
    }

    .ezm-list a:hover strong {
        color: white !important;
    }

    .ezm-list.scroll {
        max-height: 340px !important;
        overflow: auto !important;
        padding-right: 8px !important;
    }

    /* === ENHANCED CTA COLUMN === */
    .ezm-cta {
        background: linear-gradient(135deg, 
            rgba(59,130,246,0.15), 
            rgba(34,211,238,0.08)) !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: grid !important;
        gap: 12px !important;
        align-content: start !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .ezm-cta::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: var(--ezm-gradient) !important;
        opacity: 0.03 !important;
        z-index: -1 !important;
    }

    .ezm-cta .badge {
        font-size: 13px !important;
        color: var(--ezm-dim) !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .ezm-cta .badge::before {
        content: '⭐' !important;
        font-size: 16px !important;
    }

    .ezm-cta .btn {
        text-align: center !important;
        padding: 14px 16px !important;
        border-radius: 12px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        overflow: hidden !important;
        border: none !important;
        cursor: pointer !important;
        font-size: 15px !important;
    }

    .ezm-cta .btn::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: var(--ezm-gradient) !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
        z-index: -1 !important;
    }

    .ezm-cta .btn.primary {
        background: var(--ezm-gradient) !important;
        color: white !important;
        box-shadow: 0 4px 15px rgba(59,130,246,0.3) !important;
    }

    .ezm-cta .btn.primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 25px rgba(59,130,246,0.4) !important;
    }

    .ezm-cta .btn.ghost {
        background: rgba(255,255,255,0.08) !important;
        color: var(--ezm-text) !important;
        border: 1px solid rgba(255,255,255,0.15) !important;
    }

    .ezm-cta .btn.ghost:hover {
        background: rgba(255,255,255,0.12) !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--ezm-glow) !important;
    }

    /* === OPEN STATES & ANIMATIONS === */
    .ezm-item.open > .ezm-mega {
        pointer-events: auto !important;
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

    .ezm-scrim {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,0.6) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.4s ease !important;
        backdrop-filter: blur(8px) !important;
    }

    .ezm-scrim.show {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* === ENHANCED MOBILE MENU === */
    .ezm-burger {
        margin-left: auto !important;
        appearance: none !important;
        border: 0 !important;
        background: rgba(255,255,255,0.08) !important;
        color: var(--ezm-text) !important;
        width: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
        display: none !important;
        place-items: center !important;
        position: relative !important;
        transition: all 0.3s ease !important;
    }

    .ezm-burger:hover {
        background: rgba(255,255,255,0.12) !important;
        transform: scale(1.05) !important;
    }

    .ezm-burger span, .ezm-burger::before, .ezm-burger::after {
        content: "" !important;
        width: 22px !important;
        height: 2px !important;
        background: currentColor !important;
        display: block !important;
        border-radius: 2px !important;
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
        position: absolute !important;
    }

    .ezm-burger::before {
        transform: translateY(-8px) !important;
    }

    .ezm-burger::after {
        transform: translateY(8px) !important;
    }

    .ezm-header.mobile-open .ezm-burger span {
        opacity: 0 !important;
    }

    .ezm-header.mobile-open .ezm-burger::before {
        transform: translateY(0) rotate(45deg) !important;
    }

    .ezm-header.mobile-open .ezm-burger::after {
        transform: translateY(0) rotate(-45deg) !important;
    }

    /* === ADVANCED DRAWER WITH CLOSE BUTTON === */
    .ezm-drawer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(90vw, 400px) !important;
        background: linear-gradient(135deg, var(--ezm-surface), var(--ezm-panel)) !important;
        transform: translateX(100%) !important;
        transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border-left: 1px solid rgba(255,255,255,0.1) !important;
        height: 100dvh !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        visibility: hidden !important;
        pointer-events: none !important;
        box-shadow: -20px 0 40px rgba(0,0,0,0.3) !important;
    }

    .ezm-header.mobile-open .ezm-drawer {
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    /* Drawer Header with Close Button */
    .ezm-drawer-header {
        padding: 20px 24px 16px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        background: rgba(11,11,11,0.5) !important;
        backdrop-filter: blur(10px) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }

    .ezm-drawer-title {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--ezm-text) !important;
        margin: 0 !important;
    }

    .ezm-drawer-close {
        appearance: none !important;
        border: none !important;
        background: rgba(255,255,255,0.1) !important;
        color: var(--ezm-text) !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 20px !important;
        font-weight: bold !important;
    }

    .ezm-drawer-close:hover {
        background: rgba(255,255,255,0.15) !important;
        transform: scale(1.1) !important;
    }

    .ezm-drawer-content {
        padding: 20px 24px !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
    }

    .ezm-drawer details {
        border-radius: 12px !important;
        background: rgba(255,255,255,0.05) !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        overflow: hidden !important;
    }

    .ezm-drawer summary {
        cursor: pointer !important;
        list-style: none !important;
        padding: 16px !important;
        font-weight: 700 !important;
        color: var(--ezm-text) !important;
        position: relative !important;
        transition: all 0.3s ease !important;
    }

    .ezm-drawer summary::after {
        content: '+' !important;
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        transition: transform 0.3s ease !important;
    }

    .ezm-drawer details[open] summary::after {
        transform: translateY(-50%) rotate(45deg) !important;
    }

    .ezm-drawer summary:hover {
        background: rgba(255,255,255,0.08) !important;
    }

    .ezm-drawer ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 8px !important;
        display: grid !important;
        gap: 4px !important;
    }

    .ezm-drawer a {
        color: var(--ezm-text) !important;
        text-decoration: none !important;
        padding: 12px !important;
        display: block !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;
    }

    .ezm-drawer a:hover {
        background: rgba(255,255,255,0.08) !important;
        transform: translateX(4px) !important;
    }

    /* === RESPONSIVE DESIGN === */
    @media (max-width: 1024px) {
        .ezm-nav {
            display: none !important;
        }
        .ezm-burger {
            display: grid !important;
        }
    }

    @media (min-width: 1025px) {
        .ezm-nav {
            display: block !important;
        }
        .ezm-drawer, .ezm-scrim {
            display: none !important;
        }
    }

    @media (max-width: 480px) {
        .ezm-header .container {
            padding: 12px 16px !important;
        }
        .ezm-logo {
            font-size: 18px !important;
            padding: 8px 12px !important;
        }
        .ezm-burger {
            width: 44px !important;
            height: 44px !important;
        }
        .ezm-drawer {
            width: 85vw !important;
        }
        .ezm-drawer-header {
            padding: 16px 20px 12px !important;
        }
        .ezm-drawer-content {
            padding: 16px 20px !important;
        }
    }

    /* === ADVANCED ANIMATIONS === */
    .ezm-item.open > .ezm-mega .panel {
        animation: ezmPanelIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
    }

    .ezm-item.open .ezm-section h4 {
        animation: ezmFadeUp 0.6s ease-out both !important;
    }

    .ezm-item.open .ezm-list li {
        animation: ezmFadeUp 0.6s cubic-bezier(0.2,0.7,0.2,1) both !important;
    }

    .ezm-item.open .ezm-list li:nth-child(1) { animation-delay: 0.05s !important; }
    .ezm-item.open .ezm-list li:nth-child(2) { animation-delay: 0.1s !important; }
    .ezm-item.open .ezm-list li:nth-child(3) { animation-delay: 0.15s !important; }
    .ezm-item.open .ezm-list li:nth-child(4) { animation-delay: 0.2s !important; }
    .ezm-item.open .ezm-list li:nth-child(5) { animation-delay: 0.25s !important; }
    .ezm-item.open .ezm-list li:nth-child(6) { animation-delay: 0.3s !important; }

    @keyframes ezmPanelIn {
        from {
            transform: translateY(20px) scale(0.95) !important;
            opacity: 0 !important;
        }
        to {
            transform: translateY(0) scale(1) !important;
            opacity: 1 !important;
        }
    }

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

    /* === ACCESSIBILITY & FOCUS === */
    .ezm-header :focus-visible {
        outline: 2px solid var(--ezm-accent-2) !important;
        outline-offset: 3px !important;
        border-radius: 8px !important;
    }

    /* === SCROLL LOCK === */
    html.ezm-lock {
        overflow: hidden !important;
    }

    body.ezm-lock {
        position: fixed !important;
        width: 100% !important;
    }

    /* === CUSTOM SCROLLBARS === */
    .ezm-list.scroll {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(255,255,255,0.3) transparent !important;
    }

    .ezm-list.scroll::-webkit-scrollbar {
        width: 6px !important;
    }

    .ezm-list.scroll::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.3) !important;
        border-radius: 3px !important;
    }

    .ezm-list.scroll::-webkit-scrollbar-track {
        background: transparent !important;
    }

    /* === REDUCED MOTION SUPPORT === */
    @media (prefers-reduced-motion: reduce) {
        .ezm-mega, .ezm-burger, .ezm-drawer, .ezm-scrim,
        .ezm-link, .ezm-toggle, .ezm-logo, .ezm-cta .btn {
            transition: none !important;
        }
        .ezm-item.open > .ezm-mega .panel,
        .ezm-item.open .ezm-section h4,
        .ezm-item.open .ezm-list li {
            animation: none !important;
        }
    }

/* --- Legacy transformation grid hardening (Squarespace exports etc.) --- */
img{max-width:100%;height:auto}
.user-items-list-carousel,
.user-items-list,
.user-items-list-item-container{max-width:1200px;margin-left:auto;margin-right:auto}
.user-items-list-carousel .user-items-list-carousel__slide,
.user-items-list-carousel .list-item,
.user-items-list-carousel .user-items-list-item{
  max-width:100%
}
.user-items-list-carousel .list-item-media,
.user-items-list-carousel .list-item-media-inner,
.user-items-list-carousel .list-item-media-inner img{
  width:100%;height:auto;object-fit:cover;border-radius:16px
}
.user-items-list-carousel .list-item-content{
  padding:14px 14px 18px
}
.user-items-list-carousel .list-item-content__title{
  font-weight:900
}