.elementor-2911 .elementor-element.elementor-element-ba16513{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-0fee8a9 *//* =========================================
   BẢN SIÊU CẤP CHỐT HẠ: DỌN SẠCH NÚT MUA NGAY TRÊN TOÀN SITE
   ========================================= */

/* 1. TRIỆT HẠ NÚT MUA NGAY Ở MỌI LOẠI POPUP */
[id*="quick-view"] .mua-ngay-boc,
[id*="quick-view"] .nut-mua-ngay-pnhc,
[id*="quick-view"] #btn-mua-ngay-js,
.woosq-popup .mua-ngay-boc,
.woosq-popup .nut-mua-ngay-pnhc,
.woosq-popup #btn-mua-ngay-js,
[class*="quick-view"] .mua-ngay-boc,
[class*="quick-view"] .nut-mua-ngay-pnhc,
[class*="quick-view"] #btn-mua-ngay-js {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2. DÀN TRẬN LẠI GIỎ HÀNG: ÉP XẾP DỌC TRÊN MỌI THIẾT BỊ */
[id*="quick-view"] form.cart,
.woosq-popup form.cart,
[class*="quick-view"] form.cart {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; 
    width: 100% !important;
}

/* 3. FIX CỤM SỐ LƯỢNG: BO TRÒN XỊN XÒ KHÔNG ĐỨT VIỀN */
[id*="quick-view"] form.cart div.quantity,
[id*="quick-view"] form.cart .qib-button-wrapper,
.woosq-popup form.cart div.quantity,
.woosq-popup form.cart .qib-button-wrapper,
[class*="quick-view"] form.cart div.quantity,
[class*="quick-view"] form.cart .qib-button-wrapper {
    display: inline-flex !important; 
    align-items: center !important;
    margin: 0 0 15px 0 !important; 
    border: 1px solid #ccc !important; 
    border-radius: 30px !important; 
    overflow: hidden !important; 
    padding: 0 !important;
    background: #fff !important;
}

/* Xóa viền của mấy đứa con bên trong để khỏi đâm nhau */
[id*="quick-view"] form.cart .qib-button-wrapper button,
[id*="quick-view"] form.cart .qib-button-wrapper input.qty,
.woosq-popup form.cart .qib-button-wrapper button,
.woosq-popup form.cart .qib-button-wrapper input.qty,
[class*="quick-view"] form.cart .qib-button-wrapper button,
[class*="quick-view"] form.cart .qib-button-wrapper input.qty {
    border: none !important; 
    background: transparent !important; 
    border-radius: 0 !important; 
    margin: 0 !important;
    box-shadow: none !important;
    height: 42px !important; 
    color: #333 !important; /* Mặc định chữ màu xám đen */
}

/* =======================================================
   BÙA CHỐNG TÀNG HÌNH: KHÔNG CHO ĐỔI MÀU KHI BẤM CHUỘT
   ======================================================= */
[id*="quick-view"] form.cart .qib-button-wrapper button:hover,
[id*="quick-view"] form.cart .qib-button-wrapper button:focus,
[id*="quick-view"] form.cart .qib-button-wrapper button:active,
.woosq-popup form.cart .qib-button-wrapper button:hover,
.woosq-popup form.cart .qib-button-wrapper button:focus,
.woosq-popup form.cart .qib-button-wrapper button:active,
[class*="quick-view"] form.cart .qib-button-wrapper button:hover,
[class*="quick-view"] form.cart .qib-button-wrapper button:focus,
[class*="quick-view"] form.cart .qib-button-wrapper button:active,
[id*="quick-view"] form.cart .qib-button-wrapper input.qty:focus,
.woosq-popup form.cart .qib-button-wrapper input.qty:focus,
[class*="quick-view"] form.cart .qib-button-wrapper input.qty:focus {
    background: transparent !important; /* Giữ nền trong suốt */
    color: #000 !important; /* Giữ chữ màu đen đậm */
    outline: none !important; /* Bỏ viền xanh nhấp nháy */
}

/* 4. NÚT ĐỎ CHỐT SỔ: PHÌNH TO 100% NẰM CHÍNH GIỮA */
[id*="quick-view"] form.cart button.single_add_to_cart_button,
.woosq-popup form.cart button.single_add_to_cart_button,
[class*="quick-view"] form.cart button.single_add_to_cart_button {
    display: block !important;
    width: 100% !important; 
    margin: 0 !important;
    padding: 15px !important;
    border-radius: 30px !important; 
    font-size: 16px !important;
    background-color: #5c0e0e !important; 
    color: #fff !important;
}

/* 5. BONUS: HIỆU ỨNG PHỒNG ẢNH KHI RÊ CHUỘT (DÀNH CHO TRANG LIÊN QUAN) */
.woocommerce ul.products li.product img {
    border-radius: 12px !important;
    transition: all 0.3s ease-in-out !important;
}
.woocommerce ul.products li.product img:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09357ce *//* ẨN SKU */
.yith-wcqv-main .product_meta .sku_wrapper {
    display: none !important;
}

/* ẨN TAG */
.yith-wcqv-main .product_meta .tagged_as {
    display: none !important;
}

/* HIỆN + STYLE TIÊU ĐỀ */
.yith-wcqv-main .product_title {
    display: block !important;
    font-family: 'Ysabeau Infant', serif !important;
    font-size: 20px;
    font-weight: 600;
    color: #7a0a0a;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba16513 */.woocommerce-cart .entry-title { display: none; }

.woocommerce-cart button[name="update_cart"]{
    display: none !important;
}

.woocommerce-message{
    position: relative;
    padding-right: 40px;
}

.close-msg{
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    font-size: 16px;
    opacity: 0.6;
}

.close-msg:hover{
    opacity: 1;
}

/* ===== HEADER GIỎ HÀNG ===== */
.cart-header-box{
    margin-bottom: 25px;
}

.cart-title{
    font-size: 34px;
    font-weight: 900;
    color: #8B0001; /* đỏ đậm */
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}

/* freeship box */
.freeship-wrap{
    background: linear-gradient(135deg, #FEF0B7, #FFF18D);
    padding: 18px 22px;
    border-radius: 18px;
    border: 1px solid rgba(139,0,1,0.1);
}

.freeship-text{
    font-size: 15px;
    font-weight: 500;
    color: #8B0001;
}

/* progress bar */
.freeship-bar{
    height: 8px;
    background: #e5e5e5;
    border-radius: 999px;
    overflow: hidden;
}

.freeship-progress{
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #FFF18D, #AF2122);
    transition: 0.4s ease;
}

/* ===== GIỎ HÀNG LUXURY CLEAN ===== */

/* Tổng thể */
.woocommerce-cart .woocommerce {
    max-width: 1600px;
    margin: 0 auto;
    width: 95%;
}

/* GIỎ HÀNG FULL WIDTH */
.woocommerce-cart .woocommerce-cart-form {
    width: 100%;
}

.woocommerce-cart table.shop_table {
    width: 100%;
}

/* ===== KHUNG CHÍNH ===== */
.woocommerce-cart .woocommerce-cart-form{
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.06),
        0 30px 80px rgba(0,0,0,0.10);
}

/* Tạo layer trong bảng */
.woocommerce-cart table.shop_table tbody tr {
    background: #fff;
    transition: 0.3s;
}

.woocommerce-cart table.shop_table tbody tr:hover {
    background: #fafafa;
}

/* Khoảng cách giữa các khối */
.woocommerce-cart .woocommerce-cart-form {
    margin-bottom: 30px;
}

/* ===== BẢNG SẢN PHẨM ===== */
.woocommerce-cart table.shop_table {
    border: none;
}

/* Header */
.woocommerce-cart table.shop_table thead {
    background: #f2f2f2;
    border-radius: 10px;
}



/* Item */
.woocommerce-cart .cart_item {
    border-bottom: 1px solid #eee;
}



/* Giá */
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
    font-weight: 500;
    color: #000;
}

/* Input số lượng */
.woocommerce-cart input.qty {
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 6px;
}

/* ===== NÚT ===== */
.woocommerce-cart .button,
.woocommerce-cart button,
.woocommerce-cart input.button {
    border-radius: 999px;
    padding: 10px 20px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    transition: 0.3s;
}

.woocommerce-cart .button:hover,
.woocommerce-cart button:hover {
    background: #000;
    color: #fff;
}

/* Nút thanh toán */
.woocommerce-cart .checkout-button {
    width: 100%;
    padding: 14px;
    background: #FFF18D;
    color: #8B0001;
    border-radius: 999px;
    font-weight: 600;
    border: none;
}

/* ===== FIX NÚT THANH TOÁN (ĐÈ MÀU TÍM) ===== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button,
.woocommerce-cart a.checkout-button {

    background: #FEF0B7 !important; /* vàng nhạt */
    color: #8B0001 !important;      /* chữ đỏ */
    border: none !important;

    font-weight: 700;
    border-radius: 999px;
}

/* hover → vàng đậm */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.checkout-button:hover {

    background: #FFF18D !important;
    color: #8B0001 !important;
}

/* xoá màu tím theme */
.woocommerce a.checkout-button {
    background-image: none !important;
    box-shadow: none !important;
}

.woocommerce-cart .checkout-button:hover {
    background: #FEF0B7;
    color: #8B0001;
}

/* ===== TỔNG CỘNG ===== */

/* ===== TIÊU ĐỀ TỔNG CỘNG GIỎ HÀNG ===== */
.woocommerce-cart .cart_totals h2 {
    font-size: 30px;
    font-weight: 1000;
}

.woocommerce-cart .cart_totals table {
    border: none;
}

.woocommerce-cart .cart_totals tr {
    border-bottom: 1px solid #eee;
}

/* ===== CROSS SELL ===== */

/* Card sản phẩm */
.woocommerce-cart .cross-sells .product {
    background: #fff;
    border-radius: 15px;
    padding: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
    transition: 0.3s;
}

.woocommerce-cart .cross-sells .product:hover {
    transform: translateY(-5px);
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .woocommerce-cart .cross-sells ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* ===== BỎ NỀN TRẮNG ===== */

/* Bỏ nền + shadow + padding ở tổng tiền */
.woocommerce-cart .cart-collaterals {
    border: 1px solid rgba(0,0,0,0.12); /* đậm hơn */
    border-radius: 16px;
    padding: 20px;
    background: rgba(255,255,255,0.4); /* nhẹ */
}

/* Bỏ nền cross-sell (nếu có) */
.woocommerce-cart .cross-sells {
    background: transparent;
}

/* Đảm bảo sản phẩm cross-sell không có card */
.woocommerce-cart .cross-sells .product {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.woocommerce-cart .cart-collaterals {
    border-top: 1px solid #eee;
    padding-top: 20px;
}


/* ===== VIỀN TRONG SUỐT LUXURY ===== */

/* Tổng tiền */
.woocommerce-cart .cart-collaterals {
    border: 1px solid rgba(0,0,0,0.10);
    border-radius: 16px;
    padding: 20px;
}

.woocommerce-cart .cross-sells h2 {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

/* Cross-sell container */
.woocommerce-cart .cross-sells {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 16px;
    padding: 20px;
}

.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cross-sells {
    backdrop-filter: blur(6px);
}

/* đường phân cách tinh tế */
.woocommerce-cart .cart_totals tr:last-child {
    border-bottom: none;
}

.woocommerce-cart .cart_totals tr {
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.woocommerce-cart .checkout-button {
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.woocommerce-cart .checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

/* ===== MỞ RỘNG KHUNG GIỎ HÀNG ===== */

.woocommerce-cart .woocommerce {
    max-width: 1400px; /* tăng từ 1200 → 1400 */
    width: 95%;
}

/* cho 2 cột giãn ra đẹp hơn */
.woocommerce-cart .woocommerce-cart-form {
    flex: 2.3;
}

.woocommerce-cart .cart-collaterals {
    flex: 1.2;
}

/* giảm padding để không bị bóp */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
    padding: 30px;
}

/* ===== HOVER NÚT SẢN PHẨM ===== */
.woocommerce .add_to_cart_button:hover,
.woocommerce .product_type_simple:hover,
.woocommerce a.button:hover,
.woocommerce .yith-wcqv-button:hover {
    background: #FFF18D !important;
    color: #8B0001 !important;
    border-color: #FFF18D !important;
}

/* ===== LINK ĐỒNG BỘ MÀU ===== */
.woocommerce-cart a {
    color: #8B0001;
}

.woocommerce-cart a:hover {
    color: #AF2122;
}

/* ===== BỎ GIỚI HẠN KHUNG CHA ===== */
.woocommerce-cart .container,
.woocommerce-cart .site-content,
.woocommerce-cart .content-area,
.woocommerce-cart .wrap {

    max-width: 100% !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* ép full luôn */
.woocommerce-cart .woocommerce {
    max-width: 100% !important;
    width: 100% !important;
}




/* ===== Ô NHẬP MÃ GIẢM GIÁ ===== */
/* Căn lại layout coupon */
.woocommerce-cart .coupon {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* input dài hơn */
.woocommerce-cart .coupon input#coupon_code {
    flex: 1;
    min-width: 250px;
    border-radius: 999px;
    padding: 10px 15px;
}

/* nút áp dụng đẹp hơn */
.woocommerce-cart .coupon button {
    border-radius: 999px;
    padding: 10px 20px;
}



/* ===== MOBILE FIX CHUẨN (KHÔNG PHÁ LAYOUT) ===== */
@media (max-width: 768px){

    /* ===== KHÔNG ĐỤNG STRUCTURE ===== */
    /* KHÔNG dùng flex cho cart_item */

    /* giảm padding tổng */
    .woocommerce-cart .container,
    .woocommerce-cart .site-content,
    .woocommerce-cart .wrap{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* tiêu đề */
    .cart-title{
        font-size: 26px;
    }

    /* freeship */
    .freeship-wrap{
        padding: 12px 15px;
        border-radius: 14px;
    }

    .freeship-text{
        font-size: 13px;
    }

    /* ===== CARD SẢN PHẨM ===== */
    .woocommerce-cart .cart_item{
        background: #fff;
        border-radius: 12px;
        padding: 12px;
        margin-bottom: 15px;
        border: 1px solid #eee;
    }

    /* ===== ẢNH SẢN PHẨM ===== */
    .woocommerce-cart .product-thumbnail{
        float: left;
        margin-right: 10px;
        margin-left: 0;
        display: block !important;
    }

    .woocommerce-cart .product-thumbnail img{
        width: 60px;
        height: auto;
        border-radius: 8px;
    }

    /* ===== TEXT ===== */
    .woocommerce-cart .product-name{
        font-size: 14px;
        font-weight: 600;
    }

    .woocommerce-cart .product-price,
    .woocommerce-cart .product-subtotal{
        font-size: 14px;
    }

    /* label như Product / Price */
    .woocommerce-cart table.shop_table_responsive tr td::before{
        font-weight: 600;
        color: #666;
    }

    /* ===== QUANTITY ===== */
    .woocommerce-cart input.qty{
        width: 45px;
        height: 32px;
        text-align: center;
    }

    /* ===== COUPON ===== */
    .woocommerce-cart .coupon{
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    .woocommerce-cart .coupon input{
        width: 100%;
    }

    .woocommerce-cart .coupon button{
        width: 100%;
    }

    /* ===== TOTAL ===== */
    .woocommerce-cart .cart-collaterals{
        margin-top: 20px;
        padding: 15px;
    }

    /* nút checkout */
    .woocommerce-cart .checkout-button{
        font-size: 16px;
        padding: 16px;
    }

    /* ===== CROSS SELL ===== */
    .woocommerce-cart .cross-sells ul.products{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* ===== GỌN CART ITEM (KHÔNG PHÁ LAYOUT) ===== */
@media (max-width: 768px){

    /* giảm khoảng cách các dòng */
    .woocommerce-cart table.shop_table_responsive tr td{
        padding: 4px 0 !important;
    }

    /* label nhỏ lại */
    .woocommerce-cart table.shop_table_responsive tr td::before{
        font-size: 11px;
        margin-bottom: 0;
    }

    /* product gọn hơn */
    .woocommerce-cart .product-name{
        margin-bottom: 4px;
        line-height: 1.3;
    }

    /* price + subtotal inline hơn */
    .woocommerce-cart .product-price,
    .woocommerce-cart .product-subtotal{
        font-size: 13px;
    }

    /* quantity gọn lại */
    .woocommerce-cart .quantity{
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    /* nút +/- nhỏ lại */
    .woocommerce-cart input.qty{
        width: 38px;
        height: 28px;
    }

    /* giảm khoảng cách card */
    .woocommerce-cart .cart_item{
        padding: 10px;
    }
}

/* --- LỘT XÁC GIỎ HÀNG PHONG CÁCH HOÀNG CUNG --- */

/* 1. Xóa viền dọc bảng Excel, làm nền kem lụa */
.woocommerce table.shop_table {
    border: none !important;
    border-collapse: collapse;
    background-color: #fdfaf6; /* Nền kem lụa */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

/* 2. Làm mềm viền ngang bằng màu vàng đồng nhạt */
.woocommerce table.shop_table th, 
.woocommerce table.shop_table td {
    border-top: 1px solid #eaddc5 !important;
    border-bottom: 1px solid #eaddc5 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 15px 10px;
    vertical-align: middle;
}

/* 3. Tiêu đề bảng chữ đỏ mận, nền vàng hoàng cung */
.woocommerce table.shop_table th {
    background-color: #f5ebd9; 
    color: #6b0f1a !important; /* Đỏ mận */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 4. Ảnh sản phẩm bo góc, viền vàng đồng */
.woocommerce table.shop_table td.product-thumbnail img {
    border-radius: 6px;
    border: 1px solid #c5a059;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 5. Tên sản phẩm chữ đỏ mận nổi bật */
.woocommerce table.shop_table td.product-name a {
    color: #6b0f1a !important;
    font-weight: 600;
}

/* 6. Tân trang ô Tổng cộng giỏ hàng */
.cart-collaterals .cart_totals {
    background-color: #fdfaf6;
    border: 1px solid #c5a059 !important;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Tiêu đề Tổng cộng */
.cart-collaterals .cart_totals h2 {
    color: #6b0f1a !important;
    border-bottom: 2px solid #c5a059;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

/* 7. Nút THANH TOÁN - Quyền lực chốt đơn */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #6b0f1a !important; /* Nền đỏ mận */
    color: #fdfaf6 !important; /* Chữ kem lụa */
    border: 2px solid #c5a059 !important; /* Viền vàng đồng */
    border-radius: 6px !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 20px !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(107, 15, 26, 0.3);
}

/* Hiệu ứng di chuột vào nút Thanh toán */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #c5a059 !important; /* Đổi sang vàng đồng */
    color: #6b0f1a !important; /* Chữ đỏ mận */
    border-color: #6b0f1a !important;
}

/* Bo góc ô nhập mã giảm giá */
.woocommerce .cart .actions .coupon input.input-text {
    border-radius: 6px;
    border: 1px solid #eaddc5;
}



/* --- ĐỒNG BỘ SẢN PHẨM CROSS-SELL TRONG GIỎ HÀNG --- */

/* 1. Nút Thêm vào giỏ & Xem nhanh (Nền vàng đồng, bo tròn) */
.woocommerce .cross-sells ul.products li.product .button, 
.woocommerce .cross-sells ul.products li.product .yith-wcqv-button {
    background-color: #ceab59 !important; /* Màu vàng đồng giống ảnh 2 */
    color: #ffffff !important; /* Chữ trắng */
    border-radius: 25px !important; /* Bo tròn viên thuốc */
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    margin: 5px 2px !important;
    display: inline-block;
    border: none !important;
    font-size: 12px !important;
}

/* Hiệu ứng trỏ chuột vào nút: Đổi sang đỏ mận hoàng cung */
.woocommerce .cross-sells ul.products li.product .button:hover, 
.woocommerce .cross-sells ul.products li.product .yith-wcqv-button:hover {
    background-color: #6b0f1a !important; 
    color: #ffffff !important;
}

/* 2. Tên sản phẩm (Màu đỏ/hồng mận, canh giữa) */
.woocommerce .cross-sells ul.products li.product .woocommerce-loop-product__title,
.woocommerce .cross-sells ul.products li.product h2,
.woocommerce .cross-sells ul.products li.product h3 {
    color: #842b4b !important; /* Màu giống ảnh 2 */
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* 3. Giá sản phẩm (Giá cũ xám nhạt, giá mới vàng đồng) */
.woocommerce .cross-sells ul.products li.product .price {
    text-align: center !important; /* Canh giữa giá */
    margin-bottom: 12px !important;
}

.woocommerce .cross-sells ul.products li.product .price del span.amount {
    color: #b3b3b3 !important; /* Xám nhạt cho giá cũ */
    font-size: 13px !important;
}

.woocommerce .cross-sells ul.products li.product .price ins span.amount,
.woocommerce .cross-sells ul.products li.product .price > span.amount {
    color: #ceab59 !important; /* Vàng đồng cho giá mới */
    font-weight: bold !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

/* Canh giữa toàn bộ nội dung khối sản phẩm */
.woocommerce .cross-sells ul.products li.product {
    text-align: center !important;
}



/* --- ÉP 2 NÚT NẰM NGANG ĐỀU TĂM TẮP --- */
.woocommerce .cross-sells ul.products li.product .button, 
.woocommerce .cross-sells ul.products li.product .yith-wcqv-button {
    background-color: #ceab59 !important; 
    color: #ffffff !important; 
    border-radius: 25px !important; 
    font-weight: bold !important;
    text-transform: uppercase !important;
    
    /* Ma thuật ép nằm ngang ở đây: */
    display: inline-block !important;
    width: 47% !important; /* Mỗi nút chiếm gần một nửa */
    margin: 5px 1% !important; /* Ở giữa có một chút khoảng trống */
    padding: 8px 0 !important; /* Xóa lề thừa để không bị phình to */
    font-size: 11px !important; /* Cỡ chữ vừa vặn để không bị rớt chữ */
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important; /* Cấm tuyệt đối rớt dòng */
    border: none !important;
}

/* Hiệu ứng trỏ chuột vào nút */
.woocommerce .cross-sells ul.products li.product .button:hover, 
.woocommerce .cross-sells ul.products li.product .yith-wcqv-button:hover {
    background-color: #6b0f1a !important; 
    color: #ffffff !important;
}




/* --- TẠO KHUNG BO GÓC & ẨN NÚT GIẢM GIÁ --- */

/* 1. Tiêu diệt cục "Giảm giá" xanh rêu */
.woocommerce .cross-sells ul.products li.product .onsale {
    display: none !important;
}

/* 2. Đóng khung thẻ sản phẩm (Bo góc, đổ bóng sang trọng) */
.woocommerce .cross-sells ul.products li.product {
    background-color: #ffffff !important; /* Nền trắng cho sản phẩm nổi bật */
    border: 1px solid #eaddc5 !important; /* Viền vàng nhạt giống tổng giỏ hàng */
    border-radius: 15px !important; /* Bo góc mềm mại */
    padding: 15px 10px 20px 10px !important; /* Căn chỉnh khoảng cách bên trong */
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important; /* Đổ bóng cực nhẹ */
    transition: all 0.3s ease !important; /* Hiệu ứng mượt mà */
}

/* Hiệu ứng nổi lên khi khách rà chuột vào sản phẩm */
.woocommerce .cross-sells ul.products li.product:hover {
    box-shadow: 0 8px 25px rgba(107, 15, 26, 0.1) !important; /* Bóng hơi ngả tone mận */
    transform: translateY(-3px) !important;
}

/* 3. Bo góc luôn cả tấm ảnh sản phẩm cho đồng bộ */
.woocommerce .cross-sells ul.products li.product img {
    border-radius: 10px !important;
    margin-bottom: 12px !important;
}
/* --- NÂNG CẤP TIÊU ĐỀ GIỎ HÀNG --- */
.woocommerce-cart .entry-title, 
.woocommerce-cart h1.page-title {
    font-family: 'Playfair Display', 'Lora', serif !important; /* Font hoàng cung */
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #6b0f1a !important; /* Đỏ mận */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 3px rgba(107, 15, 26, 0.1);
    margin-bottom: 30px;
}



/* --- YITH QUICK VIEW: LƠ LỬNG TRUNG TÂM, BO GÓC 4 CẠNH, CẤM CUỘN --- */

/* 1. Màn đen bao phủ */
#yith-quick-view-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 999999 !important;
}

/* 2. Hộp thoại lơ lửng */
#yith-quick-view-modal .yith-wcqv-wrapper {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 70vh !important;
    width: 800px !important;
    max-width: 90vw !important;
    margin: 0 !important;
}

/* 3. Dàn trang: BO GÓC HOÀN HẢO & TẮT THANH CUỘN Ở ĐÂY NÈ */
#yith-quick-view-modal .yith-wcqv-main {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
    max-height: 70vh !important;
    overflow: hidden !important; /* BÍ KÍP: Cắt gọt mọi thứ dư thừa, tiễn thanh cuộn ra chuồng gà */
    border-radius: 15px !important; /* Trả lại góc bo tròn 4 cạnh siêu mượt */
    background-color: #fff !important;
    padding: 0 !important;
}

/* 4. Cột Ảnh */
#yith-quick-view-modal .yith-wcqv-main div.images {
    width: 45% !important;
    margin: 0 !important;
}
#yith-quick-view-modal .yith-wcqv-main div.images img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* Cắt hình cực chuẩn, không bị bóp méo */
}

/* 5. Cột Chữ */
#yith-quick-view-modal .yith-wcqv-main .summary {
    width: 55% !important;
    padding: 30px !important;
    margin: 0 !important;
    float: none !important;
}

/* 6. Dọn dẹp rác (Cục giảm giá, Cross-sell) */
#yith-quick-view-modal .onsale,
#yith-quick-view-modal .woosb-wrap,
#yith-quick-view-modal .woobt-wrap,
#yith-quick-view-modal .cross-sells {
    display: none !important;
}/* End custom CSS */