@media (max-width:767px){

/* =====================================================
   FONDO
===================================================== */

body#cart{
    background:#f4f6f9 !important;
    padding-bottom:105px !important;
}

/* =====================================================
   GRID
===================================================== */

#cart .cart-grid{
    display:block !important;
}

/* =====================================================
   CARD
===================================================== */

#cart .cart-item{

    position:relative !important;

    background:#fff !important;

    border:none !important;

    border-radius:14px !important;

    padding:6px 84px 6px 6px !important;

    margin-bottom:8px !important;

    overflow:hidden !important;

    box-shadow:0 2px 10px rgba(0,0,0,.04) !important;
}

/* =====================================================
   FILA
===================================================== */

#cart .product-line-grid{

    display:flex !important;

    align-items:flex-start !important;

    width:100% !important;

    gap:6px !important;

    position:relative !important;
}

/* =====================================================
   IMAGEN
===================================================== */

#cart .product-line-grid-left{

    flex:0 0 62px !important;

    width:62px !important;

    min-width:62px !important;

    max-width:62px !important;

    margin:0 !important;

    padding:0 !important;
}

#cart .product-line-grid-left img,
#cart .product-line-grid-left .img-fluid,
#cart .product-line-grid-left .product-image,
#cart .product-line-grid-left .js-cart-line-product-image{

    width:62px !important;

    height:62px !important;

    min-width:62px !important;

    max-width:62px !important;

    object-fit:cover !important;

    border-radius:10px !important;

    display:block !important;
}

/* =====================================================
   CONTENIDO
===================================================== */

#cart .product-line-grid-body{

    flex:1 1 auto !important;

    min-width:0 !important;

    padding:0 !important;

    margin:0 !important;

    overflow:hidden !important;
}

/* INFO */

#cart .product-line-info{

    margin:0 !important;

    padding:0 !important;

    min-width:0 !important;

    overflow:hidden !important;
}

/* TITULO */

#cart .product-line-info a{

    font-size:10px !important;

    line-height:1.1 !important;

    font-weight:700 !important;

    margin:0 0 2px 0 !important;

    padding:0 !important;

    color:#111 !important;

    display:-webkit-box !important;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden !important;
}

/* ATRIBUTOS */

#cart .product-line-info .label,
#cart .product-line-info .value{

    font-size:8px !important;

    line-height:1 !important;

    margin:0 !important;

    padding:0 !important;
}

/* DESCUENTOS */

#cart .discount,
#cart .regular-price,
#cart .product-discount{

    font-size:8px !important;

    line-height:1 !important;
}

/* PRECIO */

#cart .product-price{

    font-size:11px !important;

    font-weight:700 !important;

    line-height:1 !important;

    margin-top:2px !important;
}

/* =====================================================
   DERECHA
===================================================== */

#cart .product-line-grid-right{

    position:absolute !important;

    top:0 !important;

    right:0 !important;

    width:78px !important;

    min-width:78px !important;

    max-width:78px !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-end !important;

    justify-content:flex-start !important;

    gap:3px !important;

    padding:0 !important;

    margin:0 !important;
}

/* =====================================================
   /* =====================================================
   TOUCHSPIN FIX FINAL
===================================================== */


/* =====================================================
   TOUCHSPIN LIMPIO
===================================================== */

#cart .bootstrap-touchspin{
    width:86px !important;
    height:34px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    border-radius:8px !important;
    background:#f6f7f9 !important;
    box-shadow:inset 0 0 0 1px #e5e7eb !important;
    overflow:hidden !important;
}
/* INPUT A LA IZQUIERDA */
#cart .bootstrap-touchspin input{
    order:1 !important;

    width:34px !important;
    height:34px !important;

    border:none !important;
    background:#f6f7f9 !important;

    font-size:11px !important;
    font-weight:700 !important;
    text-align:center !important;

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

/* CONTENEDOR BOTONES A LA DERECHA */
#cart .bootstrap-touchspin .input-group-btn-vertical{
    order:2 !important;

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

    width:52px !important;
    height:34px !important;
}

/* BOTONES ARRIBA/ABAJO */
#cart .bootstrap-touchspin .btn{
    width:52px !important;
    height:17px !important;

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

    background:#111 !important;
    border:none !important;
    color:#fff !important;
}

/* OCULTAR ICONOS ORIGINALES */
#cart .bootstrap-touchspin .btn i{
    display:none !important;
}

/* + y - CORRECTOS */
#cart .bootstrap-touchspin-up::after{
    content:"+" !important;
    font-size:14px !important;
    font-weight:700 !important;
    color:#fff !important;
}

#cart .bootstrap-touchspin-down::after{
    content:"−" !important;
    font-size:16px !important;
    font-weight:700 !important;
    color:#fff !important;
}




#cart .product-line-grid-right{
    transform: translateX(46px) !important;
}

}




/*BARRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA EXTRA*/

@media (max-width:767px){

/* SOLO botones flotantes / barra inferior */
.pcp-mobile-bar,
#cart .pcp-mobile-bar,
#cart .cart-floating-bar,
#cart .mobile-cart-bar{
    display:none !important;
}
}





























@media (max-width:767px){

#cart .product-line-info .label{
    font-size:12px !important;
    font-weight:600 !important;
    color:#666 !important;
}

#cart .product-line-info .value{
    font-size:12px !important;
    font-weight:700 !important;
    color:#111 !important;
}
}





@media (max-width:767px){

#cart .regular-price{
    font-size:10px !important;
    font-weight:500 !important;
    color:#888 !important;
    text-decoration:line-through !important;
    opacity:0.9 !important;
}
}