.elementor-48866 .elementor-element.elementor-element-8abf55e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}@media(min-width:768px){.elementor-48866 .elementor-element.elementor-element-8abf55e{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9fae8fc */@media (max-width: 768px) {

    /* Ocultar encabezado */
    .wpcss-products thead {
        display: none;
    }

    /* Cada fila será una tarjeta flexible */
    .wpcss-products tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        background: #fff;
        padding: 15px;
        border-radius: 12px;
        box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }

    /* Contenedor superior: checkbox + imagen */
    .product-checkbox,
    .product-thumbnail {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 0;
        border: none;
    }

    /* Agrupar checkbox + imagen */
    .product-checkbox {
        order: 0;
        width: auto;
        margin-bottom: 10px;
    }

    .product-thumbnail {
        order: 1;
        width: auto;
    }

    /* Imagen pequeña al lado del checkbox */
    .product-thumbnail img {
        width: 70px !important;
        height: auto;
        border-radius: 8px;
    }

    /* Quitar label del thumbnail */
    .product-thumbnail:before,
    .product-checkbox:before {
        content: "";
    }

    /* Info general (debajo) */
    .product-name,
    .product-price,
    .product-quantity,
    .product-subtotal {
        order: 2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
    }

    /* Labels en español */
    .product-name:before { content: "Producto"; }
    .product-price:before { content: "Precio"; }
    .product-quantity:before { content: "Cantidad"; }
    .product-subtotal:before { content: "Subtotal"; }

    /* Estilo de los labels */
    .wpcss-products td:before {
        font-weight: 600;
        font-size: 14px;
        color: #444;
        margin-right: 10px;
    }

    /* Estilo nombre */
    .product-name a {
        font-size: 15px;
        font-weight: 600;
        text-align: right;
        line-height: 1.3;
    }

    /* Última fila (botones) */
    .wpcss-products tr:last-child {
        display: block;
    }

    .wpcss-products tr:last-child td:before {
        display: none;
    }

    .wpcss-actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 10px;
    }
}/* End custom CSS */