/*
 * Menú de productos en cascada.
 * Mantiene el header claro original y solo estiliza los paneles desplegables.
 */
@media (min-width: 992px) {
    .site-header {
        position: relative;
        z-index: 60;
    }

    .site-desktop-nav,
    .site-desktop-nav-inner,
    .desktop-categories {
        position: relative;
    }

    .site-desktop-nav-inner {
        background: transparent !important;
        box-shadow: none !important;
    }

    .site-desktop-nav-inner > a,
    .desktop-categories > a[data-category-trigger] {
        background: transparent !important;
        color: #241f1d;
    }

    .site-desktop-nav-inner > a:hover,
    .site-desktop-nav-inner > a:focus-visible,
    .desktop-categories > a[data-category-trigger]:hover,
    .desktop-categories > a[data-category-trigger]:focus-visible,
    .desktop-categories:hover > a[data-category-trigger],
    .desktop-categories:focus-within > a[data-category-trigger] {
        color: #e36208;
        background: rgba(227, 98, 8, .08) !important;
    }

    .desktop-category-chevron {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        color: currentColor;
        transition: transform .18s ease;
    }

    .desktop-categories:hover .desktop-category-chevron,
    .desktop-categories:focus-within .desktop-category-chevron {
        transform: rotate(180deg);
    }

    .desktop-category-panel,
    .desktop-subcategory-panel,
    .desktop-grandcategory-panel {
        background: #fff;
        color: #241f1d;
        border: 1px solid rgba(36, 31, 29, .12);
        border-radius: 14px;
        box-shadow: 0 18px 46px rgba(36, 31, 29, .14);
        overflow: visible;
    }

    .desktop-category-panel {
        position: absolute;
        top: calc(100% + .35rem);
        left: 0;
        min-width: 260px;
        width: max-content;
        padding: .55rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
    }

    .desktop-categories:hover .desktop-category-panel,
    .desktop-categories:focus-within .desktop-category-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .desktop-category-menu-title,
    .desktop-subcategory-title {
        padding: .65rem .8rem .55rem;
        border-bottom: 1px solid rgba(36, 31, 29, .08);
        color: #e36208;
        font-size: .73rem;
        font-weight: 850;
        letter-spacing: .07em;
        text-transform: uppercase;
        line-height: 1.25;
        white-space: normal;
    }

    .desktop-subcategory-title a {
        color: inherit;
        text-decoration: none;
    }

    .desktop-category-list,
    .desktop-subcategory-list,
    .desktop-grandcategory-list {
        display: grid;
        gap: .05rem;
        padding: .35rem 0;
    }

    .desktop-category-node,
    .desktop-subcategory-node {
        position: relative;
    }

    .desktop-category-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        min-width: 230px;
        width: 100%;
        padding: .58rem .78rem;
        border-radius: 9px;
        color: #2b2521;
        font-size: .93rem;
        font-weight: 700;
        line-height: 1.22;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color .16s ease, color .16s ease, transform .16s ease;
    }

    .desktop-category-item:hover,
    .desktop-category-item:focus-visible,
    .desktop-category-node:hover > .desktop-category-item,
    .desktop-subcategory-node:hover > .desktop-category-item,
    .desktop-category-node:focus-within > .desktop-category-item,
    .desktop-subcategory-node:focus-within > .desktop-category-item {
        background: #fff4e8;
        color: #e36208;
    }

    .desktop-category-item-all {
        margin-bottom: .25rem;
        color: #e36208;
        font-weight: 850;
        border-bottom: 1px solid rgba(36, 31, 29, .08);
        border-radius: 8px 8px 0 0;
    }

    .desktop-category-root-link {
        font-weight: 800;
    }

    .desktop-category-child-link {
        font-weight: 750;
    }

    .desktop-category-grandchild-link {
        color: #5b504a;
        font-weight: 650;
    }

    .desktop-category-arrow {
        flex: 0 0 auto;
        color: #e36208;
        font-size: 1.15rem;
        line-height: 1;
    }

    .desktop-subcategory-panel,
    .desktop-grandcategory-panel {
        position: absolute;
        top: -.55rem;
        left: calc(100% + .42rem);
        min-width: 260px;
        width: max-content;
        padding: .55rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(8px);
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
    }

    .desktop-subcategory-panel::before,
    .desktop-grandcategory-panel::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -.55rem;
        width: .55rem;
    }

    .desktop-category-node:hover > .desktop-subcategory-panel,
    .desktop-category-node:focus-within > .desktop-subcategory-panel,
    .desktop-subcategory-node:hover > .desktop-grandcategory-panel,
    .desktop-subcategory-node:focus-within > .desktop-grandcategory-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .desktop-category-empty {
        min-width: 240px;
        padding: .85rem 1rem;
        color: #6b625d;
        font-size: .92rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .desktop-category-panel,
    .desktop-subcategory-panel,
    .desktop-grandcategory-panel {
        min-width: 235px;
    }

    .desktop-category-item {
        min-width: 215px;
        font-size: .9rem;
    }
}