[data-desktop-mega-menu] [data-mega-panel] {
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

[data-desktop-mega-menu] [data-mega-panel].is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[data-mobile-menu-overlay] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

[data-mobile-menu-overlay].is-open {
    opacity: 1;
    pointer-events: auto;
}

[data-mobile-menu-panel] {
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-mobile-menu-panel].is-open {
    transform: translateX(0);
}

body.odonata-mobile-menu-open {
    overflow: hidden;
}

.safe-area-bottom {
    padding-bottom: max(0px, env(safe-area-inset-bottom));
    background-color: color-mix(in srgb, var(--odonata-background) 95%, transparent);
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.site-header .custom-logo-link,
.site-header .site-branding,
.site-header .main-navigation,
.storefront-primary-navigation {
    display: none;
}

@media (min-width: 768px) {
    [data-mobile-bottom-nav],
    [data-mobile-menu-overlay],
    [data-mobile-menu-panel] {
        display: none;
    }
}