/*
 * UPSEX — SUBMENÚS REALES V332
 * Apunta a las clases reales creadas por V322.
 */

@media screen and (min-width:768px){

    #upsex-desktop-header-v1 .upsex-v321-nav,
    #upsex-desktop-header-v1 .upsex-v321-nav > ul,
    #upsex-desktop-header-v1 .upsex-v321-nav > ul > li{
        overflow:visible!important;
    }

    /*
     * Panel real abierto por Lencería, Cosmética,
     * Juguetes, BDSM, Marcas, etc.
     */
    #upsex-desktop-header-v1
    .upsex-v321-nav
    .upsex-v322-submenu,

    #upsex-desktop-header-v1
    .upsex-v321-nav
    .dropdown-menu:not(.search-content),

    #upsex-desktop-header-v1
    .upsex-v321-nav
    .sub-menu,

    #upsex-desktop-header-v1
    .upsex-v321-nav
    .submenu{
        box-sizing:border-box!important;

        min-width:320px!important;
        width:max-content!important;
        max-width:min(680px,calc(100vw - 28px))!important;
        max-height:420px!important;

        margin:0!important;
        padding:12px!important;

        overflow-x:hidden!important;
        overflow-y:auto!important;

        background:#fffaf1!important;

        border:
            1px solid
            rgba(184,138,0,.30)!important;

        border-radius:16px!important;

        box-shadow:
            0 20px 48px
            rgba(73,54,35,.22)!important;

        z-index:99999!important;

        font-family:
            Manrope,Arial,sans-serif!important;

        white-space:normal!important;
    }

    /*
     * Quitar fondos, líneas y anchos antiguos internos.
     */
    #upsex-desktop-header-v1
    .upsex-v332-submenu-real ul{
        width:100%!important;
        min-width:0!important;

        margin:0!important;
        padding:0!important;

        background:transparent!important;
        border:0!important;
        box-shadow:none!important;

        list-style:none!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real li{
        float:none!important;
        display:block!important;

        width:100%!important;
        min-width:0!important;

        margin:0 0 3px!important;
        padding:0!important;

        background:transparent!important;
        border:0!important;

        break-inside:avoid!important;
    }

    /*
     * Enlaces de subcategorías.
     */
    #upsex-desktop-header-v1
    .upsex-v332-submenu-real li > a{
        box-sizing:border-box!important;

        display:grid!important;
        grid-template-columns:32px minmax(0,1fr)!important;
        align-items:center!important;
        gap:10px!important;

        width:100%!important;
        min-width:0!important;
        min-height:44px!important;

        margin:0!important;
        padding:6px 10px!important;

        color:#4d423f!important;
        background:transparent!important;

        border:
            1px solid
            transparent!important;

        border-radius:11px!important;

        font-family:
            Manrope,Arial,sans-serif!important;

        font-size:13px!important;
        line-height:1.28!important;
        font-weight:700!important;

        text-align:left!important;
        white-space:normal!important;
        text-decoration:none!important;

        box-shadow:none!important;

        transition:
            background .16s ease,
            color .16s ease,
            border-color .16s ease,
            transform .16s ease!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real li > a:hover,

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real li > a:focus{
        color:#7A5A18!important;
        background:#F3E4B8!important;

        border-color:
            rgba(184,138,0,.38)!important;

        transform:translateX(2px)!important;
        outline:none!important;
    }

    /*
     * SVG de cada subcategoría.
     */
    #upsex-desktop-header-v1
    .upsex-v332-submenu-icon{
        box-sizing:border-box!important;

        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:32px!important;
        height:32px!important;
        min-width:32px!important;

        color:#B88A00!important;
        background:#fffdf8!important;

        border:
            1px solid
            rgba(184,138,0,.26)!important;

        border-radius:10px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-icon svg{
        display:block!important;

        width:17px!important;
        height:17px!important;

        fill:none!important;
        stroke:currentColor!important;
        stroke-width:1.8!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }

    /*
     * Menús con muchas opciones.
     */
    #upsex-desktop-header-v1
    .upsex-v332-submenu-real.upsex-v332-wide{
        min-width:550px!important;
        column-count:2!important;
        column-gap:8px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real.upsex-v332-wide > ul{
        column-count:2!important;
        column-gap:8px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real::-webkit-scrollbar{
        width:7px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real::-webkit-scrollbar-track{
        background:transparent!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real::-webkit-scrollbar-thumb{
        background:
            rgba(184,138,0,.34)!important;

        border-radius:999px!important;
    }
}

@media screen and (min-width:768px) and (max-width:1050px){

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real{
        min-width:280px!important;
        max-width:calc(100vw - 22px)!important;
        max-height:360px!important;
    }

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real.upsex-v332-wide,

    #upsex-desktop-header-v1
    .upsex-v332-submenu-real.upsex-v332-wide > ul{
        min-width:300px!important;
        column-count:1!important;
    }
}