/* SOLO MOVIL */
@media (max-width: 767px){

    /* ocultar bloque original */
    .product-add-to-cart{
        padding-bottom:100px !important;
    }

    .product-add-to-cart .product-quantity{
        display:none !important;
    }

    /* BARRA */
    #mobile-cart-bar{

        position:fixed;
        left:0;
        right:0;
        bottom:0;

        z-index:9999;

        background:#ffffff;

        padding:12px;

        box-shadow:
            0 -4px 20px rgba(0,0,0,.10);

        border-top:
            1px solid #ececec;

        backdrop-filter:blur(10px);
    }

    .mobile-cart-inner{

        display:flex;
        align-items:center;
        gap:12px;
    }

    /* CANTIDAD */
    .mobile-qty{

        display:flex;
        align-items:center;

        background:#f5f5f5;

        border-radius:14px;

        overflow:hidden;

        height:52px;

        min-width:130px;
    }

    .qty-btn{

        width:42px;
        height:52px;

        border:none;
        background:transparent;

        font-size:24px;
        font-weight:700;

        color:#111;

        cursor:pointer;
    }

    #mobile-bar-qty{

        width:46px;

        border:none !important;
        background:transparent !important;

        text-align:center;

        font-size:18px;
        font-weight:700;

        box-shadow:none !important;
    }

    /* BOTON */
    .mobile-add-cart{

        flex:1;

        height:52px;

        border:none;

        border-radius:14px;

        background:#111111;

        color:#fff;

        font-size:16px;
        font-weight:700;

        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;

        box-shadow:
            0 6px 16px rgba(0,0,0,.18);

        transition:.2s ease;
    }

    .mobile-add-cart:active{
        transform:scale(.98);
    }
}




/* =========================================
   OCULTAR COMPLETAMENTE EN DESKTOP
========================================= */

@media (min-width: 768px){

    #mobile-cart-bar{
        display:none !important;
    }
}






















/* =====================================================
   MOBILE CART BAR COMPACTA PREMIUM
===================================================== */

@media (max-width: 767px){

    /* espacio inferior */
    .product-add-to-cart{
        padding-bottom:75px !important;
    }

    /* ocultar selector original */
    .product-add-to-cart .product-quantity{
        display:none !important;
    }

    /* BARRA */
    #mobile-cart-bar{

        position:fixed;
        left:0;
        right:0;
        bottom:0;

        z-index:99999;

        padding:8px 10px;

        background:rgba(255,255,255,.96);

        border-top:1px solid #ececec;

        backdrop-filter:blur(12px);

        box-shadow:
            0 -3px 14px rgba(0,0,0,.08);
    }

    /* CONTENIDO */
    .mobile-cart-inner{

        display:flex;
        align-items:center;
        gap:8px;
    }

    /* CANTIDAD */
    .mobile-qty{

        display:flex;
        align-items:center;
        justify-content:center;

        min-width:105px;
        height:42px;

        background:#f7f7f7;

        border:1px solid #ececec;

        border-radius:12px;

        overflow:hidden;
    }

    /* BOTONES +/- */
    .qty-btn{

        width:34px;
        height:42px;

        border:none;
        background:transparent;

        font-size:20px;
        font-weight:700;

        color:#111;

        padding:0;

        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* INPUT */
    #mobile-bar-qty{

        width:34px;
        height:42px;

        border:none !important;
        background:transparent !important;

        text-align:center;

        font-size:15px;
        font-weight:700;

        color:#111;

        padding:0;

        box-shadow:none !important;
    }

    #mobile-bar-qty:focus{
        outline:none !important;
    }

    /* BOTON AÑADIR */
    .mobile-add-cart{

        flex:1;

        height:42px;

        border:none;

        border-radius:12px;

        background:#111;

        color:#fff;

        font-size:14px;
        font-weight:700;

        letter-spacing:.2px;

        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;

        padding:0 14px;

        box-shadow:
            0 4px 10px rgba(0,0,0,.12);

        transition:.18s ease;
    }

    .mobile-add-cart i{
        font-size:18px !important;
    }

    .mobile-add-cart:active{
        transform:scale(.97);
    }
}

/* DESKTOP */
@media (min-width:768px){

    #mobile-cart-bar{
        display:none !important;
    }
}