/* ==========================================================================
   MEGA MENU PANEL
   ========================================================================== */

.verdora-mega-panel {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
    z-index: var(--z-header);
}

.verdora-primary-menu > li.has-mega-panel:hover .verdora-mega-panel,
.verdora-primary-menu > li.has-mega-panel:focus-within .verdora-mega-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.verdora-mega-panel__inner {
    display: flex;
    gap: var(--space-8);
    padding-block: var(--space-6);
}

.verdora-mega-panel__column { min-width: 160px; }

.verdora-mega-panel__heading {
    font-family: var(--font-body);
    font-size: var(--fs-caption);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    margin-bottom: var(--space-3);
}

.verdora-mega-panel__column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--space-2);
}

.verdora-mega-panel__column a {
    color: var(--color-text);
    font-size: var(--fs-small);
}
.verdora-mega-panel__column a:hover { color: var(--color-primary); }

.verdora-mega-panel__promo {
    position: relative;
    display: block;
    border-radius: var(--radius-md);
    overflow: hidden;
    min-width: 220px;
}

.verdora-mega-panel__promo img {
    transition: transform var(--duration-slow) var(--ease-standard);
}
.verdora-mega-panel__promo:hover img { transform: scale(1.04); }

.verdora-mega-panel__promo-label {
    position: absolute;
    left: var(--space-4);
    bottom: var(--space-4);
    background: var(--verdora-white);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    font-weight: 600;
}

@media (max-width: 960px) {
    /* Mega panel is desktop-only; mobile uses the slide-out drawer's plain nested list instead. */
    .verdora-mega-panel { display: none; }
}