/*
 * UPSEX — CATÁLOGO DE CATEGORÍAS TABLET Y PC V1
 *
 * Conserva:
 * - filtro funcional existente;
 * - modal/rango de precio existente;
 * - selector de orden existente;
 * - AJAX y paginación existentes;
 * - tarjetas actuales.
 *
 * Corrige:
 * - columna lateral;
 * - Popular Tags;
 * - imagen lateral;
 * - ancho reducido del catálogo;
 * - cuadrícula de productos;
 * - barra Filtrar / Ordenar.
 */

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

    /* =====================================================
       CONTENEDOR GLOBAL DE CATEGORÍA
       ===================================================== */

    body.product-category{
        background:#fffaf1!important;
    }

    body.product-category
    #product-category.container{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    /*
     * Contenedor que originalmente tenía:
     * column-left + content col-sm-9.
     */
    body.product-category
    #product-category > .row{
        display:block!important;
        width:calc(100% - 48px)!important;
        max-width:1320px!important;
        margin-right:auto!important;
        margin-left:auto!important;
        padding:0!important;
    }

    body.product-category
    #product-category > .row::before,
    body.product-category
    #product-category > .row::after{
        display:none!important;
        content:none!important;
    }

    /* =====================================================
       COLUMNA IZQUIERDA FUERA DEL DISEÑO
       Se conserva en DOM para no romper los filtros.
       ===================================================== */

    body.product-category
    #column-left{
        position:absolute!important;
        top:0!important;
        left:-10000px!important;
        float:none!important;
        width:1px!important;
        min-width:0!important;
        max-width:1px!important;
        height:1px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    body.product-category
    #column-left .popular-tags,
    body.product-category
    #column-left .static-sidebar,
    body.product-category
    #column-left img[alt="img-sidebar"],
    body.product-category
    #column-left img[src*="img-sidebar"]{
        display:none!important;
    }

    body.product-category
    .show-sidebar{
        display:none!important;
    }

    /* =====================================================
       CONTENIDO FULL WIDTH
       ===================================================== */

    body.product-category
    #content{
        display:block!important;
        float:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.product-category
    #content::before,
    body.product-category
    #content::after{
        display:none!important;
        content:none!important;
    }

    body.product-category
    #content > *{
        max-width:100%!important;
    }

    body.product-category
    #content .text-refine{
        margin-top:0!important;
    }

    /* Subcategorías personalizadas existentes */

    body.product-category
    #content [id^="txp-"][id*="-subcats-"],
    body.product-category
    #content [class*="txp-juguetes-subcats"],
    body.product-category
    #content [class*="txp-lubricantes-subcats"],
    body.product-category
    #content [class*="txp-lenceria-subcats"]{
        width:100%!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
    }

    /* =====================================================
       BARRA FUNCIONAL: FILTRAR + ORDENAR
       ===================================================== */

    body.product-category
    #upsex-toolbar-persistent{
        position:relative!important;
        z-index:20!important;
        display:grid!important;
        grid-template-columns:
            minmax(180px,220px)
            minmax(240px,310px)!important;
        align-items:stretch!important;
        justify-content:end!important;
        gap:12px!important;
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        margin:18px 0 22px!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        transform:none!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-toolbar-button-v4{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:54px!important;
        height:54px!important;
        margin:0!important;
        padding:8px 17px!important;
        border-radius:15px!important;
        font-family:Manrope,Arial,sans-serif!important;
        cursor:pointer!important;
        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-toolbar-button-v4:hover{
        transform:translateY(-1px)!important;
    }

    /* Filtrar */

    body.product-category
    #upsex-toolbar-persistent
    .upsex-filter-button-v4{
        gap:11px!important;
        background:#4d423f!important;
        color:#ffffff!important;
        border:1px solid #4d423f!important;
        box-shadow:
            0 10px 24px
            rgba(73,54,35,.13)!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-filter-icon-v4{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:30px!important;
        height:30px!important;
        color:#F3E4B8!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-filter-icon-v4 svg{
        width:24px!important;
        height:24px!important;
        stroke:currentColor!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-filter-label-v4{
        color:#ffffff!important;
        font-size:15px!important;
        line-height:1.2!important;
        font-weight:700!important;
    }

    /* Ordenar */

    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-button-v4{
        justify-content:space-between!important;
        gap:15px!important;
        background:#fffdf8!important;
        color:#4d423f!important;
        border:
            1px solid
            rgba(184,138,0,.30)!important;
        box-shadow:
            0 10px 24px
            rgba(73,54,35,.07)!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-copy-v4{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        justify-content:center!important;
        gap:2px!important;
        min-width:0!important;
        text-align:left!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-copy-v4 small{
        color:#8F6B00!important;
        font-size:10px!important;
        line-height:1.1!important;
        font-weight:700!important;
        letter-spacing:.11em!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-copy-v4 strong,
    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-value-v4{
        max-width:230px!important;
        overflow:hidden!important;
        color:#4d423f!important;
        font-size:15px!important;
        line-height:1.2!important;
        font-weight:700!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    body.product-category
    #upsex-toolbar-persistent
    .upsex-order-chevron-v4{
        flex:0 0 auto!important;
        width:21px!important;
        height:21px!important;
        color:#B88A00!important;
        stroke:currentColor!important;
    }

    /*
     * Los select nativos siguen dentro del DOM para que el
     * JavaScript de ordenar continúe funcionando.
     */
    body.product-category
    .tool-bar.upsex-toolbar-host-v4{
        position:relative!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
    }

    body.product-category
    .upsex-native-toolbar-v4{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        margin:-1px!important;
        padding:0!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
        clip-path:inset(50%)!important;
        white-space:nowrap!important;
        border:0!important;
    }

    /* =====================================================
       CUADRÍCULA REAL DE PRODUCTOS
       La fila se reconoce porque contiene .txp2-price.
       ===================================================== */

    body.product-category
    #content .row:has(.txp2-price){
        display:grid!important;
        grid-template-columns:
            repeat(3,minmax(0,1fr))!important;
        align-items:stretch!important;
        gap:18px!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.product-category
    #content .row:has(.txp2-price)::before,
    body.product-category
    #content .row:has(.txp2-price)::after{
        display:none!important;
        content:none!important;
    }

    body.product-category
    #content .row:has(.txp2-price) > *{
        float:none!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
    }

    body.product-category
    #content .row:has(.txp2-price)
    .product-thumb,
    body.product-category
    #content .row:has(.txp2-price)
    [class*="txp2-card"]{
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        margin:0!important;
    }

    body.product-category
    #content .row:has(.txp2-price) img{
        max-width:100%!important;
        height:auto!important;
    }

    /* =====================================================
       PAGINACIÓN
       ===================================================== */

    body.product-category
    #content .ajax_pagination{
        float:none!important;
        width:100%!important;
        max-width:none!important;
        margin:24px 0 8px!important;
        padding:0!important;
        text-align:center!important;
    }

    body.product-category
    #content .pagination{
        display:inline-flex!important;
        flex-wrap:wrap!important;
        justify-content:center!important;
        gap:6px!important;
        margin:0!important;
    }

    body.product-category
    #content .pagination > li > a,
    body.product-category
    #content .pagination > li > span{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:36px!important;
        height:36px!important;
        padding:0 10px!important;
        color:#5c514e!important;
        background:#fffdf8!important;
        border:
            1px solid
            rgba(184,138,0,.24)!important;
        border-radius:10px!important;
        font-family:Manrope,Arial,sans-serif!important;
        font-size:13px!important;
        font-weight:700!important;
    }

    body.product-category
    #content .pagination
    > .active > span{
        color:#ffffff!important;
        background:#4d423f!important;
        border-color:#4d423f!important;
    }
}

/* =========================================================
   PC
   ========================================================= */

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

    body.product-category
    #content .row:has(.txp2-price){
        grid-template-columns:
            repeat(4,minmax(0,1fr))!important;
        gap:19px!important;
    }
}

/* =========================================================
   PC AMPLIO
   ========================================================= */

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

    body.product-category
    #content .row:has(.txp2-price){
        grid-template-columns:
            repeat(5,minmax(0,1fr))!important;
        gap:20px!important;
    }
}

/* UPSEX_CATEGORY_PC_V1_AJUSTES_SOLICITADOS_START */

/*
 * Ajustes solicitados sobre el V1 funcional.
 * Solo tablet y PC.
 */
@media screen and (min-width:768px){

    /*
     * Aprovechar más ancho real de pantalla.
     */
    body.product-category
    #product-category > .row{
        width:calc(100% - 28px)!important;
        max-width:1580px!important;
    }

    /*
     * Descripción centrada y sin vacío lateral extraño.
     */
    body.product-category
    #content > p:not(.text-refine),
    body.product-category
    #content .category-description,
    body.product-category
    #content .category-desc,
    body.product-category
    #content .txp-category-description,
    body.product-category
    #content [class*="category-description"]{
        display:block!important;
        width:min(100%,920px)!important;
        max-width:920px!important;
        margin:14px auto 20px!important;
        padding-left:18px!important;
        padding-right:18px!important;
        box-sizing:border-box!important;
        color:#5c514e!important;
        font-family:Manrope,Arial,sans-serif!important;
        font-size:14px!important;
        font-weight:500!important;
        line-height:1.6!important;
        text-align:center!important;
    }

    /*
     * Filtrar y ordenar centrados.
     */
    body.product-category
    #upsex-toolbar-persistent{
        grid-template-columns:
            minmax(200px,245px)
            minmax(250px,315px)!important;

        justify-content:center!important;
        width:min(100%,590px)!important;
        max-width:590px!important;
        margin:18px auto 24px!important;
    }

    /*
     * Productos con menos espacios laterales.
     */
    body.product-category
    #content .row:has(.txp2-price){
        gap:14px!important;
        width:100%!important;
        max-width:none!important;
    }

    body.product-category
    #content .row:has(.txp2-price) > *{
        min-width:0!important;
    }

    /*
     * Paginadores y texto "Mostrando..." centrados.
     */
    body.product-category
    #content .row:has(.ajax_pagination){
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:9px!important;
        width:100%!important;
        max-width:none!important;
        margin:28px 0 16px!important;
        padding:0!important;
    }

    body.product-category
    #content .row:has(.ajax_pagination)::before,
    body.product-category
    #content .row:has(.ajax_pagination)::after{
        display:none!important;
        content:none!important;
    }

    body.product-category
    #content .row:has(.ajax_pagination)
    > [class*="col-sm-6"]{
        float:none!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        text-align:center!important;
    }

    body.product-category
    #content .row:has(.ajax_pagination)
    .ajax_pagination{
        order:1!important;
    }

    body.product-category
    #content .row:has(.ajax_pagination)
    > [class*="col-sm-6"]:not(.ajax_pagination){
        order:2!important;
        color:#5c514e!important;
        font-family:Manrope,Arial,sans-serif!important;
        font-size:13px!important;
        font-weight:600!important;
        line-height:1.45!important;
        text-align:center!important;
    }

    body.product-category
    #content .pagination{
        display:inline-flex!important;
        float:none!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0 auto!important;
    }
}

/*
 * Cinco productos desde PC normal/amplio.
 */
@media screen and (min-width:1100px){

    body.product-category
    #content .row:has(.txp2-price){
        grid-template-columns:
            repeat(5,minmax(0,1fr))!important;
    }
}

/*
 * Más aire únicamente en pantallas realmente amplias.
 */
@media screen and (min-width:1500px){

    body.product-category
    #product-category > .row{
        width:calc(100% - 40px)!important;
        max-width:1640px!important;
    }

    body.product-category
    #content .row:has(.txp2-price){
        gap:16px!important;
    }
}

/* UPSEX_CATEGORY_PC_V1_AJUSTES_SOLICITADOS_END */

/* UPSEX_CATEGORY_PC_AJUSTE_PUNTUAL_V3_START */

/*
 * Ajuste puntual solicitado:
 * 1. descripción centrada y con ancho controlado;
 * 2. cinco productos por fila en PC;
 * 3. texto de resultados con identidad ON SEX.
 */

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

    /* ================================================
       DESCRIPCIÓN CENTRADA
       ================================================ */

    body.product-category
    #content .text-refine,

    body.product-category
    #content > .category-description,

    body.product-category
    #content > .category-desc,

    body.product-category
    #content > .txp-category-description,

    body.product-category
    #content > [class*="category-description"],

    body.product-category
    #content > *:has(+ #upsex-toolbar-persistent){
        display:block!important;
        width:min(calc(100% - 64px),900px)!important;
        max-width:900px!important;
        min-width:0!important;
        margin:14px auto 20px!important;
        box-sizing:border-box!important;
        text-align:center!important;
    }

    body.product-category
    #content .text-refine,
    body.product-category
    #content .text-refine *,

    body.product-category
    #content > .category-description,
    body.product-category
    #content > .category-description *,

    body.product-category
    #content > .category-desc,
    body.product-category
    #content > .category-desc *,

    body.product-category
    #content > .txp-category-description,
    body.product-category
    #content > .txp-category-description *,

    body.product-category
    #content > [class*="category-description"],
    body.product-category
    #content > [class*="category-description"] *,

    body.product-category
    #content > *:has(+ #upsex-toolbar-persistent),
    body.product-category
    #content > *:has(+ #upsex-toolbar-persistent) *{
        text-align:center!important;
    }

    /*
     * Conserva el diseño existente del recuadro,
     * pero centra el contenido internamente.
     */
    body.product-category
    #content .text-refine{
        padding-right:22px!important;
        padding-left:22px!important;
        color:#5c514e!important;
        font-family:Manrope,Arial,sans-serif!important;
        font-weight:500!important;
        line-height:1.55!important;
    }

    /* ================================================
       TEXTO “MOSTRANDO...”
       ================================================ */

    body.product-category
    #content .row:has(.ajax_pagination)
    > .text-right,

    body.product-category
    #content .row:has(.ajax_pagination)
    > [class*="col-sm-6"]:not(.ajax_pagination){
        color:#7A5A18!important;
        font-family:Manrope,Arial,sans-serif!important;
        font-size:13px!important;
        font-weight:700!important;
        line-height:1.45!important;
        letter-spacing:.01em!important;
        text-align:center!important;
    }
}

/* ================================================
   CINCO PRODUCTOS EN PC
   ================================================ */

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

    /*
     * Selector específico para la fila real de productos.
     * No depende únicamente de .txp2-price.
     */
    body.product-category
    #content .row:has(> .product-layout),

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    ){
        display:grid!important;
        grid-template-columns:
            repeat(5,minmax(0,1fr))!important;
        align-items:stretch!important;
        gap:12px!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
        padding-right:0!important;
        padding-left:0!important;
    }

    body.product-category
    #content .row:has(> .product-layout)::before,

    body.product-category
    #content .row:has(> .product-layout)::after,

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    )::before,

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    )::after{
        display:none!important;
        content:none!important;
    }

    body.product-category
    #content .row:has(> .product-layout)
    > .product-layout,

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    ) > [class*="col-"]{
        float:none!important;
        flex:none!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.product-category
    #content .row:has(> .product-layout)
    > .product-layout
    .product-thumb,

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    ) > [class*="col-"]
    .product-thumb{
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        margin:0!important;
    }
}

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

    body.product-category
    #content .row:has(> .product-layout),

    body.product-category
    #content .row:has(
        > [class*="col-"] .txp2-price
    ){
        gap:15px!important;
    }
}

/* UPSEX_CATEGORY_PC_AJUSTE_PUNTUAL_V3_END */

/* UPSEX_CATEGORY_INTRO_LILA_PC_V3_START */

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

    /*
     * Elemento confirmado por diagnóstico:
     * .upsex-category-intro-v1
     */
    html body.product-category
    #content .upsex-category-intro-v1{
        position:relative!important;
        display:block!important;
        box-sizing:border-box!important;

        width:fit-content!important;
        max-width:min(860px,calc(100% - 40px))!important;

        margin:18px auto 22px!important;
        padding:15px 64px!important;

        overflow:hidden!important;
        isolation:isolate!important;

        color:#4d423f!important;

        background:
            radial-gradient(
                circle at 8% 18%,
                rgba(243,238,255,.98) 0,
                rgba(243,238,255,.70) 27%,
                transparent 57%
            ),
            radial-gradient(
                circle at 92% 82%,
                rgba(243,228,184,.72) 0,
                rgba(243,228,184,.34) 25%,
                transparent 56%
            ),
            linear-gradient(
                135deg,
                #fffdf8 0%,
                #F3EEFF 52%,
                #fffaf1 100%
            )!important;

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

        border-radius:
            28px 12px 28px 12px!important;

        box-shadow:
            0 12px 28px rgba(73,54,35,.08),
            inset 0 1px 0 rgba(255,255,255,.92)!important;

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

        font-size:
            clamp(14px,1.05vw,17px)!important;

        line-height:1.5!important;
        font-weight:700!important;
        letter-spacing:.035em!important;

        text-align:center!important;
        text-transform:uppercase!important;
        text-wrap:balance!important;
        white-space:normal!important;
    }

    html body.product-category
    #content .upsex-category-intro-v1::before{
        content:""!important;
        position:absolute!important;
        z-index:-1!important;
        top:-34px!important;
        left:-30px!important;

        width:110px!important;
        height:110px!important;

        border-radius:50%!important;

        background:
            radial-gradient(
                circle,
                rgba(210,173,82,.26) 0,
                rgba(243,238,255,.20) 45%,
                transparent 70%
            )!important;

        pointer-events:none!important;
    }

    /*
     * Ícono final: únicamente decorativo,
     * sin alterar la funcionalidad del elemento.
     */
    html body.product-category
#content .upsex-category-intro-v1::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:13px!important;
    width:40px!important;
    height:40px!important;
    transform:translateY(-50%)!important;
    border:1px solid rgba(184,138,0,.32)!important;
    border-radius:14px!important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238F6B00' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5v8.5'/%3E%3Cpath d='M8.5 12.5 12 16l3.5-3.5'/%3E%3C/svg%3E") center/20px 20px no-repeat,
        linear-gradient(180deg,#fffdf8 0%,#f7f0ff 55%,#f3e4b8 100%)!important;
    box-shadow:
        0 8px 18px rgba(73,54,35,.10),
        inset 0 1px 0 rgba(255,255,255,.82)!important;
    animation:upsexCategoryArrowDownV2 1.8s ease-in-out infinite!important;
    pointer-events:none!important;
}

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

    html body.product-category
    #content .upsex-category-intro-v1{
        max-width:900px!important;
        padding-top:16px!important;
        padding-bottom:16px!important;
        font-size:17px!important;
    }
}

@keyframes upsexCategoryArrowDownV2{
    0%{
        transform:translateY(-50%) translateY(0);
        box-shadow:
            0 8px 18px rgba(73,54,35,.10),
            inset 0 1px 0 rgba(255,255,255,.82);
    }
    25%{
        transform:translateY(-50%) translateY(2px);
        box-shadow:
            0 10px 20px rgba(73,54,35,.12),
            inset 0 1px 0 rgba(255,255,255,.82);
    }
    55%{
        transform:translateY(-50%) translateY(7px);
        box-shadow:
            0 13px 22px rgba(73,54,35,.15),
            inset 0 1px 0 rgba(255,255,255,.82);
    }
    75%{
        transform:translateY(-50%) translateY(3px);
        box-shadow:
            0 10px 20px rgba(73,54,35,.12),
            inset 0 1px 0 rgba(255,255,255,.82);
    }
    100%{
        transform:translateY(-50%) translateY(0);
        box-shadow:
            0 8px 18px rgba(73,54,35,.10),
            inset 0 1px 0 rgba(255,255,255,.82);
    }
}
/* UPSEX_CATEGORY_INTRO_LILA_PC_V3_END */

/* UPSEX_SUBCATEGORY_TITLE_DESKTOP_V4_START */

/*
 * Una sola línea.
 * Solo tablet y PC.
 * No modifica móvil, tarjetas, toolbar ni productos.
 */

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

    html body.product-category
    #content
    p.text-refine:has(> a.upsex-subcategory-button-v3){
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        height:auto!important;
        margin:25px auto 23px!important;
        padding:0!important;
        overflow:visible!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        text-align:center!important;
    }

    html body.product-category
    #content
    p.text-refine
    > a.upsex-subcategory-button-v3{
        position:relative!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

        width:fit-content!important;
        max-width:96%!important;
        min-width:0!important;
        min-height:0!important;
        height:auto!important;

        margin:0 auto!important;
        padding:12px 32px 14px!important;

        overflow:visible!important;

        background:
            radial-gradient(
                ellipse at center,
                rgba(243,238,255,.96) 0%,
                rgba(255,253,248,.78) 52%,
                rgba(243,228,184,.18) 72%,
                rgba(255,250,241,0) 100%
            )!important;

        color:#4d423f!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:
            inset 0 -2px 0
            rgba(184,138,0,.30)!important;

        font-size:0!important;
        line-height:1!important;
        text-align:center!important;
        text-decoration:none!important;
        white-space:nowrap!important;

        cursor:pointer!important;

        transition:
            transform .20s ease,
            filter .20s ease!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3::before{
        content:"SELECCIONA UNA SUBCATEGORÍA"!important;
        display:inline-block!important;
        margin:0!important;
        padding:0!important;

        color:#4d423f!important;

        font-family:Manrope,Arial,sans-serif!important;
        font-size:clamp(26px,3vw,43px)!important;
        font-weight:800!important;
        line-height:1!important;
        letter-spacing:-.035em!important;
        text-align:center!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;

        background:
            linear-gradient(
                90deg,
                #4d423f 0%,
                #7A5A18 48%,
                #4d423f 100%
            )!important;

        background-clip:text!important;
        -webkit-background-clip:text!important;
        -webkit-text-fill-color:transparent!important;

        filter:
            drop-shadow(
                0 7px 14px
                rgba(73,54,35,.10)
            )!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3::after{
        display:none!important;
        content:none!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3
    > i,

    html body.product-category
    #content
    a.upsex-subcategory-button-v3
    > svg,

    html body.product-category
    #content
    a.upsex-subcategory-button-v3
    > span{
        display:none!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3:hover{
        color:#4d423f!important;
        text-decoration:none!important;
        transform:translateY(-2px)!important;
        filter:brightness(1.025)!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3:focus-visible{
        outline:
            3px solid
            rgba(184,138,0,.32)!important;
        outline-offset:6px!important;
    }
}

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

    html body.product-category
    #content
    p.text-refine
    > a.upsex-subcategory-button-v3{
        padding-right:22px!important;
        padding-left:22px!important;
    }

    html body.product-category
    #content
    a.upsex-subcategory-button-v3::before{
        font-size:clamp(23px,3.6vw,31px)!important;
    }
}

/* UPSEX_SUBCATEGORY_TITLE_DESKTOP_V4_END */