/*
Theme Name: moban11
Theme URI:  #
Author: lr
Author URI: #
Description: A Custom WooCommerce theme
Version: 1.0
License: GNU General Public License v2 or later
License URI:
*/
.img-fluid,.banner-img,.logo_img,.content-image{
    width: 100% !important;   /* 或者按需设为 auto */
    height: auto !important;  /* 强制覆盖 HTML 里的 height 属性 */
    object-fit: cover;
}
@media (max-width: 767px) {

    .update_cart{
        display:flex;
        justify-content:center;
    }

    /* 隐藏表头 */
    .table thead{
        display:none;
    }

    /* 表格改为块布局 */
    .table,
    .table tbody,
    .table tr,
    .table td{
        display:block;
        width:100%;
    }

    /* 每个商品卡片 */
    .table tr{
        border:1px solid #eee;
        padding:15px;
        margin-bottom:20px;
    }

    /* 商品图片 */
    .table td.product-thumbnail{
        text-align:center !important;
        padding:0 !important;
        border:none;
    }

    .table td.product-thumbnail::before{
        display:none;
    }
    .product-thumbnail{
        width:100%;
        display: flex;
        justify-content: center;
    }
    .product-thumbnail img{

        max-width:85%;
        height:auto;
        margin:10px auto 20px;
    }

    /* 商品名称 */
    .table td.product-name{
        padding-left:0 !important;
        text-align:center !important;
        font-weight:600;
    }

    .table td.product-name::before{
        display:none;
    }

    /* 价格 数量 小计 */
    .table td{
        padding-left:45% !important;
        text-align:right !important;
        position:relative;
        border-bottom:1px solid #f2f2f2;
        padding-top:12px;
        padding-bottom:12px;
    }

    /* 左侧 label */
    .table td::before{
        content:attr(data-title);
        position:absolute;
        left:10px;
        width:40%;
        text-align:left;
        font-weight:600;
    }

    /* 删除按钮 */
    .product-remove{
        text-align:center !important;
        padding-left:0 !important;
    }

    .product-remove::before{
        display:none;
    }

    .product-remove a{
        color:#999;
        font-size:14px;
    }

    /* Quantity按钮居中 */
    .quantity{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        gap:10px;
    }

}