/*
 * UPSEX — Carrito lateral profesional.
 * Exclusivo para tablet y PC.
 */

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

    /*
     * El desplegable nativo solo se oculta cuando
     * el nuevo panel terminó de inicializar.
     */
    html body.upsex-cart-drawer-ready-v1
    #cart
    > ul.dropdown-menu{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    html body.upsex-cart-drawer-open-v1{
        overflow:hidden!important;
    }

    #upsex-cart-drawer-v1{
        position:fixed!important;
        z-index:2147483000!important;
        inset:0!important;

        display:none!important;

        width:100%!important;
        height:100%!important;

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

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

    #upsex-cart-drawer-v1.is-open{
        display:block!important;
    }

    .upsex-cart-drawer-backdrop-v1{
        position:absolute!important;
        z-index:1!important;
        inset:0!important;

        display:block!important;

        width:100%!important;
        height:100%!important;

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

        border:0!important;

        background:rgba(29,23,22,.48)!important;

        backdrop-filter:blur(4px)!important;
        -webkit-backdrop-filter:blur(4px)!important;

        cursor:pointer!important;
    }

    .upsex-cart-drawer-panel-v1{
        position:absolute!important;
        z-index:2!important;
        top:0!important;
        right:0!important;
        bottom:0!important;

        display:flex!important;
        flex-direction:column!important;

        width:min(440px,calc(100vw - 24px))!important;
        height:100dvh!important;
        max-height:100dvh!important;

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

        overflow:hidden!important;

        border-left:1px solid rgba(184,138,0,.24)!important;
        border-radius:24px 0 0 24px!important;

        background:
            radial-gradient(
                circle at 100% 0,
                rgba(243,238,255,.90),
                transparent 36%
            ),
            linear-gradient(
                145deg,
                #ffffff 0%,
                #fffdf8 58%,
                #faf7ff 100%
            )!important;

        box-shadow:
            -24px 0 65px rgba(27,21,19,.25),
            inset 1px 0 0 rgba(255,255,255,.88)!important;

        animation:upsexCartDrawerEnterV1 .22s ease-out both!important;
    }

    @keyframes upsexCartDrawerEnterV1{
        from{
            transform:translateX(35px);
            opacity:.45;
        }

        to{
            transform:translateX(0);
            opacity:1;
        }
    }

    .upsex-cart-drawer-header-v1{
        position:relative!important;
        z-index:5!important;

        display:flex!important;
        flex:0 0 auto!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:15px!important;

        min-height:82px!important;

        margin:0!important;
        padding:17px 18px!important;

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

        background:rgba(255,253,248,.94)!important;

        backdrop-filter:blur(13px)!important;
        -webkit-backdrop-filter:blur(13px)!important;
    }

    .upsex-cart-drawer-heading-v1{
        display:flex!important;
        flex-direction:column!important;
        gap:3px!important;

        min-width:0!important;
    }

    .upsex-cart-drawer-heading-v1 small{
        margin:0!important;
        padding:0!important;

        color:#8f6b00!important;

        font-size:11px!important;
        font-weight:800!important;
        line-height:1.1!important;
        letter-spacing:.55px!important;
        text-transform:uppercase!important;
    }

    .upsex-cart-drawer-heading-v1 strong{
        margin:0!important;
        padding:0!important;

        color:#292225!important;

        font-size:23px!important;
        font-weight:850!important;
        line-height:1.15!important;
        letter-spacing:-.35px!important;
    }

    .upsex-cart-drawer-close-v1{
        display:inline-flex!important;
        flex:0 0 42px!important;
        align-items:center!important;
        justify-content:center!important;

        width:42px!important;
        height:42px!important;

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

        border:1px solid rgba(184,138,0,.25)!important;
        border-radius:14px!important;

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

        font-family:Arial,sans-serif!important;
        font-size:29px!important;
        font-weight:300!important;
        line-height:1!important;

        box-shadow:0 5px 15px rgba(65,49,43,.08)!important;

        cursor:pointer!important;
    }

    .upsex-cart-drawer-close-v1:hover,
    .upsex-cart-drawer-close-v1:focus{
        border-color:#b88a00!important;
        background:#fffaf0!important;
        color:#8f6b00!important;
        outline:none!important;
    }

    .upsex-cart-drawer-body-v1{
        display:block!important;
        flex:1 1 auto!important;

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

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

        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;

        box-sizing:border-box!important;

        scrollbar-width:thin!important;
        scrollbar-color:#c7a44d #f3eee5!important;
    }

    .upsex-cart-drawer-body-v1::-webkit-scrollbar{
        width:7px!important;
    }

    .upsex-cart-drawer-body-v1::-webkit-scrollbar-thumb{
        border-radius:999px!important;
        background:#c7a44d!important;
    }

    .upsex-cart-drawer-body-v1::-webkit-scrollbar-track{
        background:#f3eee5!important;
    }

    .upsex-cart-drawer-body-v1
    > li{
        display:block!important;
        float:none!important;

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

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

        list-style:none!important;
        box-sizing:border-box!important;
    }

    .upsex-cart-drawer-body-v1
    > li
    + li{
        margin-top:14px!important;
        padding-top:14px!important;

        border-top:1px solid rgba(184,138,0,.17)!important;
    }

    .upsex-cart-drawer-body-v1
    .cart-dropdown-menu-close{
        display:none!important;
    }

    .upsex-cart-drawer-body-v1
    table{
        width:100%!important;
        max-width:100%!important;

        margin:0!important;

        table-layout:fixed!important;
        border-collapse:separate!important;
        border-spacing:0!important;

        background:transparent!important;
    }

    .upsex-cart-drawer-body-v1
    .table-striped
    > tbody
    > tr{
        background:transparent!important;
    }

    .upsex-cart-drawer-body-v1
    .table-striped
    > tbody
    > tr
    > td{
        padding:12px 6px!important;

        vertical-align:middle!important;

        border-top:1px solid rgba(77,66,63,.09)!important;
        background:transparent!important;

        color:#4d423f!important;

        font-size:13px!important;
        line-height:1.35!important;

        box-sizing:border-box!important;
    }

    .upsex-cart-drawer-body-v1
    .table-striped
    > tbody
    > tr:first-child
    > td{
        border-top:0!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-image{
        width:82px!important;
        padding-left:0!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-image
    img{
        display:block!important;

        width:72px!important;
        height:72px!important;
        max-width:72px!important;

        margin:0 auto!important;
        padding:4px!important;

        object-fit:contain!important;

        border:1px solid rgba(184,138,0,.18)!important;
        border-radius:14px!important;

        background:#fff!important;

        box-shadow:0 5px 15px rgba(48,38,34,.07)!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-info{
        width:auto!important;
        min-width:0!important;

        padding-right:8px!important;

        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-info
    > a{
        display:block!important;

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

        color:#292225!important;

        font-size:14px!important;
        font-weight:800!important;
        line-height:1.32!important;
        text-decoration:none!important;

        white-space:normal!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-info
    > a:hover{
        color:#b88a00!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-info
    small{
        color:#746865!important;

        font-size:11.5px!important;
        line-height:1.35!important;
    }

    .upsex-cart-drawer-body-v1
    td.cart-info
    p{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:5px!important;

        margin:7px 0 0!important;
        padding:0!important;
    }

    .upsex-cart-drawer-body-v1
    .cart-quantity{
        color:#756966!important;

        font-size:12px!important;
        font-weight:700!important;
    }

    .upsex-cart-drawer-body-v1
    .cart-product-price{
        color:#8f6b00!important;

        font-size:13px!important;
        font-weight:850!important;
    }

    .upsex-cart-drawer-body-v1
    .table-striped
    td:last-child{
        width:42px!important;

        padding-right:0!important;

        text-align:right!important;
    }

    .upsex-cart-drawer-body-v1
    .button-cart-remove{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;

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

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

        border:0!important;
        border-radius:10px!important;

        background:#f6e9e7!important;
        color:#a53d35!important;

        box-shadow:none!important;
    }

    .upsex-cart-drawer-body-v1
    .button-cart-remove:hover{
        background:#a53d35!important;
        color:#fff!important;
    }

    .upsex-cart-drawer-body-v1
    .table-bordered{
        border:0!important;
    }

    .upsex-cart-drawer-body-v1
    .table-bordered
    > tbody
    > tr
    > td{
        padding:6px 4px!important;

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

        color:#4d423f!important;

        font-size:13px!important;
        line-height:1.35!important;
    }

    .upsex-cart-drawer-body-v1
    .table-bordered
    > tbody
    > tr
    > td:first-child{
        width:58%!important;

        text-align:left!important;
    }

    .upsex-cart-drawer-body-v1
    .table-bordered
    > tbody
    > tr
    > td:last-child{
        width:42%!important;

        text-align:right!important;
    }

    .upsex-cart-drawer-body-v1
    .table-bordered
    strong{
        color:#292225!important;
        font-weight:850!important;
    }

    .upsex-cart-drawer-body-v1
    .btn-bold-mini{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

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

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

        border-radius:13px!important;

        font-size:14px!important;
        font-weight:750!important;

        box-sizing:border-box!important;
    }

    .upsex-cart-drawer-body-v1
    p.text-right{
        display:flex!important;
        align-items:stretch!important;
        justify-content:stretch!important;
        gap:9px!important;

        width:100%!important;

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

    .upsex-cart-drawer-body-v1
    p.text-right
    > a{
        display:inline-flex!important;
        flex:1 1 0!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;

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

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

        border:1px solid #4d423f!important;
        border-radius:12px!important;

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

        font-size:12.5px!important;
        font-weight:800!important;
        line-height:1.2!important;
        text-align:center!important;
        text-decoration:none!important;
        white-space:normal!important;
    }

    .upsex-cart-drawer-body-v1
    p.text-right
    > a:last-child{
        border-color:#b88a00!important;
        background:#b88a00!important;
    }

    .upsex-cart-drawer-body-v1
    p.text-center{
        margin:0!important;
        padding:32px 16px!important;

        color:#5c514e!important;

        font-size:14px!important;
        font-weight:650!important;
        line-height:1.5!important;
        text-align:center!important;
    }
}

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

    .upsex-cart-drawer-panel-v1{
        width:min(410px,calc(100vw - 18px))!important;
    }
}

@media screen and (max-width:767px){

    #upsex-cart-drawer-v1{
        display:none!important;
    }
}