.elementor-3507 .elementor-element.elementor-element-97a6bdc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3507 .elementor-element.elementor-element-97a6bdc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-4db9732{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3507 .elementor-element.elementor-element-4db9732.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-4c0146e{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-3507 .elementor-element.elementor-element-4c0146e > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-3507 .elementor-element.elementor-element-4c0146e.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-3507 .elementor-element.elementor-element-4c0146e .flex-viewport:not(:last-child){margin-bottom:0px;}.elementor-3507 .elementor-element.elementor-element-ffc72c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3507 .elementor-element.elementor-element-ffc72c5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-95fc7db > .elementor-widget-container{margin:-35px 0px 0px 0px;}.elementor-3507 .elementor-element.elementor-element-925062c > .elementor-widget-container{margin:-33px 0px 0px 0px;}.elementor-3507 .elementor-element.elementor-element-925062c .elementor-heading-title{font-family:"Ysabeau Infant", Sans-serif;font-size:51px;}.elementor-3507 .elementor-element.elementor-element-9131426 > .elementor-widget-container{margin:-43px 0px 0px 0px;}.woocommerce .elementor-3507 .elementor-element.elementor-element-9131426 .woocommerce-product-details__short-description{font-size:20px;line-height:35px;}.elementor-3507 .elementor-element.elementor-element-8d7fbf4 > .elementor-widget-container{margin:-2px 0px 0px 0px;}.elementor-3507 .elementor-element.elementor-element-8d7fbf4 .cart button, .elementor-3507 .elementor-element.elementor-element-8d7fbf4 .cart .button{transition:all 0.2s;}.elementor-3507 .elementor-element.elementor-element-8d7fbf4 .quantity .qty{transition:all 0.2s;}.elementor-3507 .elementor-element.elementor-element-54d75a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3507 .elementor-element.elementor-element-54d75a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-3e5a816{width:var( --container-widget-width, 95.779% );max-width:95.779%;--container-widget-width:95.779%;--container-widget-flex-grow:0;}.elementor-3507 .elementor-element.elementor-element-3e5a816.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products ul.products li.product{text-align:center;border-radius:0px;}.elementor-3507 .elementor-element.elementor-element-b3f54e6{width:var( --container-widget-width, 103.89% );max-width:103.89%;--container-widget-width:103.89%;--container-widget-flex-grow:0;}.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:49px;}.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products ul.products li.product span.onsale{display:block;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:100px;min-width:44px;}.elementor-3507 .elementor-element.elementor-element-1799b9c{--display:flex;}.elementor-3507 .elementor-element.elementor-element-16130d6{--display:flex;}@media(min-width:768px){.elementor-3507 .elementor-element.elementor-element-4db9732{--width:45%;}.elementor-3507 .elementor-element.elementor-element-ffc72c5{--width:55%;}.elementor-3507 .elementor-element.elementor-element-54d75a4{--width:71%;}}@media(max-width:1024px){.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3507 .elementor-element.elementor-element-b3f54e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4c0146e *//* =========================================
   ẨN HOÀN TOÀN LOGO "GIẢM GIÁ" TRÊN ẢNH
   ========================================= */
span.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce div.product span.onsale {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}




/* =========================================
   ĐÓNG ẤN TRIỆN "GIÁP LAI" GÓC TRÁI (BESTSELLER)
   ========================================= */

/* 1. Mở khóa khung viền để Ấn Triện có thể tràn ra ngoài không bị cắt */
.woocommerce ul.products li.product,
.woocommerce div.product div.images {
    position: relative !important;
    overflow: visible !important; /* Lệnh quan trọng cho phép tràn viền */
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    overflow: visible !important;
}

/* 2. Ấn giáp lai cho sản phẩm nhỏ (ở lưới sản phẩm bên dưới) */
.woocommerce ul.products li.product.product_tag-bestseller .woocommerce-LoopProduct-link::after,
.woocommerce ul.products li.product.tag-bestseller .woocommerce-LoopProduct-link::after {
    content: "" !important;
    position: absolute !important;
    top: -12px !important;  /* Đẩy trồi lên trên viền 12px */
    left: -12px !important; /* Đẩy lòi ra khỏi cạnh trái 12px */
    width: 45px !important;
    height: 45px !important;
    background-image: url(https://teal-pigeon-384941.hostingersite.com/wp-content/uploads/2026/04/Thiet-ke-chua-co-ten-4.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 9999 !important;
    border-radius: 3px !important; 
    box-shadow: 2px 2px 8px rgba(90, 0, 0, 0.25) !important; 
}

/* 3. Ấn giáp lai cho sản phẩm lớn (trang chi tiết) */
.woocommerce div.product.product_tag-bestseller div.images::after,
.woocommerce div.product.tag-bestseller div.images::after {
    content: "" !important;
    position: absolute !important;
    top: -18px !important;  /* Đẩy trồi lên trên viền 18px */
    left: -18px !important; /* Đẩy lòi ra khỏi cạnh trái 18px */
    width: 65px !important; 
    height: 65px !important;
    background-image: url(https://teal-pigeon-384941.hostingersite.com/wp-content/uploads/2026/04/Thiet-ke-chua-co-ten-4.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 9 !important;
    border-radius: 4px !important;
    box-shadow: 3px 3px 12px rgba(90, 0, 0, 0.25) !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-95fc7db *//* =========================================
   BREADCRUMB HOÀNG CUNG - BẢN NÂNG CẤP ĐỎ MẬN
   ========================================= */

/* 1. Khung bao quanh & Chữ của TRANG HIỆN TẠI (In đậm, Đỏ mận) */
.woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb {
    font-size: 15px !important;
    font-weight: 700 !important; /* In đậm trang hiện tại */
    color: #5a0000 !important;   /* Màu Đỏ mận */
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e8c471 !important; /* Viền đứt nét vàng đồng */
    text-transform: none !important;
}

/* 2. CÁC ĐƯỜNG DẪN TRƯỚC ĐÓ (Home, Danh mục... - Không in đậm, Đỏ mận) */
.woocommerce-breadcrumb a,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a {
    color: #5a0000 !important;   /* Vẫn là Đỏ mận */
    text-decoration: none !important;
    font-weight: 400 !important; /* Trả về nét thanh mảnh bình thường */
    transition: all 0.3s ease !important;
}

/* 3. HIỆU ỨNG KHI RÊ CHUỘT VÀO LINK (Chuyển sang Vàng đồng) */
.woocommerce-breadcrumb a:hover,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover {
    color: #b38b22 !important; /* Vàng đồng phát sáng nhẹ */
}

/* 4. Dấu phân cách (Làm mờ đi để làm nổi bật chữ) */
.woocommerce-breadcrumb a::after {
    color: #999 !important; 
    font-weight: 400 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8d7fbf4 *//* DÁN TRÊN CÙNG ĐỂ NÉ LỖI CÚ PHÁP BÊN DƯỚI */
.woobt-wrap .woobt-item-title a,
.woobt-wrap .woobt-title a {
    color: #000000 !important;
    font-weight: normal !important;
}
.woobt-wrap .woobt-detail ins,
.woobt-wrap .woobt-detail ins *,
.woobt-wrap .woobt-detail > .woocommerce-Price-amount {
    color: #5a0000 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}





/* =========================================
   7. MŨI TÊN TRƯỢT ẢNH NGHỆ THUẬT (DÙNG ICON SVG)
   ========================================= */
.flex-direction-nav {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 45% !important;
    width: 100% !important;
    z-index: 9 !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important; 
}
.flex-direction-nav li {
    pointer-events: auto !important;
    margin: 0 10px !important;
}

/* Form nút tròn viền vàng */
.flex-direction-nav a {
    font-size: 0 !important; /* Tàng hình chữ cũ */
    color: transparent !important;
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 50% !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    
    /* Gọi ảnh Vector SVG sắc nét làm mũi tên */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

/* Xóa bỏ hoàn toàn cái ký tự < > cùi bắp */
.flex-direction-nav a.flex-prev::after,
.flex-direction-nav a.flex-next::after { 
    content: "" !important; 
    display: none !important;
}

/* Mũi tên trái (Màu vàng đồng) */
.flex-direction-nav a.flex-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D4AF37'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") !important;
}

/* Mũi tên phải (Màu vàng đồng) */
.flex-direction-nav a.flex-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23D4AF37'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") !important;
}

/* Đổi nền vàng, mũi tên thành màu Trắng khi rê chuột vào */
.flex-direction-nav a:hover { background-color: #D4AF37 !important; }
.flex-direction-nav a.flex-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") !important;
}
.flex-direction-nav a.flex-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") !important;
}


/* =========================================
   CĂN ĐỀU Ô SỐ VÀ NÚT (+/-) - CHẶN MỌI GIAO DIỆN GỐC
   ========================================= */

/* Dùng lệnh chẻ khe hở (gap) đánh thẳng vào khung chứa của Plugin */
html body .woocommerce div.quantity,
html body .woocommerce-page div.quantity,
.qib-button-wrapper,
div.quantity.buttons_added {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important; /* Lệnh "thần thánh" chẻ đều khoảng cách ra 12px */
}

/* Ép triệt tiêu toàn bộ các lề thừa bị lệch ngầm bên trong */
html body .woocommerce div.quantity input.qty,
html body .woocommerce div.quantity .minus, 
html body .woocommerce div.quantity .plus,
div.quantity input[type="button"] {
    margin: 0 !important; 
    float: none !important;
}



/* =========================================
   GIAO DIỆN CỎ MỀM (BẢN TỐI THƯỢNG - DIỆT VIỀN CŨ)
   ========================================= */

/* 1. Ép bố cục thành hàng ngang, chừa khe hở 15px */
html body .woocommerce div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    align-items: center !important;
    margin-bottom: 25px !important;
}

/* 2. CỤM SỐ LƯỢNG: Vỏ ngoài viên nang viền đỏ */
html body .woocommerce div.product form.cart div.quantity,
html body .woocommerce div.product form.cart .qib-button-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #5a0000 !important; /* Viền bao quanh cả cụm */
    border-radius: 30px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    background: #ffffff !important;
    height: 45px !important;
    width: auto !important;
}

/* TIÊU DIỆT MỌI VIỀN TRÒN CŨ BÊN TRONG CỦA DẤU + VÀ - */
html body .woocommerce div.product form.cart div.quantity .minus,
html body .woocommerce div.product form.cart div.quantity .plus,
html body .woocommerce div.product form.cart div.quantity input[type="button"],
html body .woocommerce div.product form.cart div.quantity input.qib-button,
html body .woocommerce div.product form.cart div.quantity input.qty {
    border: none !important; /* Lệnh tẩy trắng viền */
    background: transparent !important; /* Xóa nền */
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important; /* Phá vỡ hình tròn cũ */
    height: 40px !important;
    margin: 0 !important;
    color: #5a0000 !important;
    font-size: 18px !important;
}

/* Tút lại nét chữ cho ô nhập số ở giữa */
html body .woocommerce div.product form.cart div.quantity input.qty {
    width: 35px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* 3. NÚT THÊM VÀO GIỎ HÀNG: Làm thành viên nang thứ 2 kế bên */
html body .woocommerce div.product form.cart button.single_add_to_cart_button {
    flex: 1 !important; /* Tự động phình to lấp chỗ trống */
    height: 45px !important;
    border-radius: 30px !important;
    margin: 0 !important;
    background-color: #5a0000 !important; /* Nền đỏ mận */
    color: #ffffff !important; 
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

html body .woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background-color: #D4AF37 !important; /* Rê chuột đổi vàng đồng */
}

/* 4. NÚT MUA NGAY: Rớt xuống dòng dưới cùng, bành trướng 100% */
html body .woocommerce div.product form.cart .buy_now_button,
html body .woocommerce div.product form.cart button.buy_now,
html body #wpcbn-btn-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 45px !important;
    border-radius: 30px !important;
    margin: 0 !important;
}



/* =========================================
   XÓA SẠCH CHỮ "CÒN HÀNG" TRÊN TOÀN MẶT TRẬN
   ========================================= */
html body p.stock,
html body p.in-stock,
html body .stock,
html body .in-stock,
html body .availability,
html body .woobt-wrap .woobt-item .woobt-item-stock,
html body .woobt-wrap .woobt-item .woobt-stock {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* =========================================
   FIX CHUẨN MÀU SẮC CROSS-SELL (CHỐT HẠ)
   ========================================= */

/* 1. Tên sản phẩm: Đen và KHÔNG in đậm */
html body .woobt-wrap .woobt-item-title a,
html body .woobt-wrap .woobt-title a {
    color: #000000 !important;
    font-weight: normal !important; /* Ép về nét chữ bình thường */
}
/* =========================================
   LƯỚI VÉT ĐỔI MÀU (CHỐNG LỆNH CỦA THEME)
   ========================================= */

/* Quét sạch mọi cái link (thẻ a) trong khu vực Mua Kèm ép thành Đen */
.woobt-wrap a,
.woobt-products a {
    color: #000000 !important;
    font-weight: normal !important;
}

/* Quét sạch mọi cái giá mới (thẻ ins) ép thành Đỏ Mận + Xóa gạch chân */
.woobt-wrap ins, 
.woobt-wrap ins *,
.woobt-total ins,
.woobt-total ins *,
.woobt-detail ins,
.woobt-detail ins * {
    color: #5a0000 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-3e5a816 *//* =========================================
   LỘT XÁC TOÀN DIỆN KHU VỰC TABS 
   (Dán chuẩn vào Elementor Page Settings)
   ========================================= */

/* 1. THANH MENU TABS */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 20px !important;
    border-bottom: 1px solid #e5e5e5 !important; 
    display: flex !important;
    justify-content: center !important; 
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 15px !important;
    padding: 10px 5px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important; 
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #888888 !important; 
    transition: 0.3s !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #D4AF37 !important; 
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 3px solid #D4AF37 !important; 
}

/* 2. KHUNG NỘI DUNG CHUNG */
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: rgba(255, 255, 255, 0.7) !important; 
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important; 
    margin-bottom: 40px !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2:first-of-type {
    display: none !important;
}

/* 3. CHỈNH RIÊNG TAB "MÔ TẢ" */
#tab-description p {
    font-size: 16px !important;
    line-height: 1.8 !important; 
    color: #444444 !important;
    text-align: justify !important; 
    margin-bottom: 15px !important;
}

/* 4. CHỈNH RIÊNG TAB "THÔNG TIN BỔ SUNG" */
.woocommerce table.shop_attributes {
    border: none !important; 
    border-top: 1px solid #eeeeee !important;
    margin-bottom: 0 !important;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    border-bottom: 1px dashed #dddddd !important; 
    padding: 15px 10px !important;
    background: transparent !important; 
}
.woocommerce table.shop_attributes th {
    color: #5a0000 !important; 
    font-weight: bold !important;
    width: 30% !important;
}
.woocommerce table.shop_attributes td p {
    margin: 0 !important;
    color: #555555 !important;
    font-style: italic !important;
}

/* 5. CHỈNH RIÊNG TAB "ĐÁNH GIÁ" */

/* Tiêu đề "Hãy là người đầu tiên..." */
#reviews #reply-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #8B0001 !important; /* Đỏ mận hoàng cung */
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Khu vực chọn Sao (Stars) */
.comment-form-rating {
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
.comment-form-rating label {
    font-weight: bold !important;
    color: #444 !important;
    font-size: 15px !important;
}
.woocommerce p.stars a {
    color: #D4AF37 !important; /* Màu vàng đồng */
    font-size: 20px !important; /* Cho sao to và rõ hơn */
}
.woocommerce p.stars a:hover {
    color: #B8962E !important;
}

/* Khung nhập liệu (Textarea) */
#respond textarea {
    width: 100%;
    border: 2px solid #f0f0f0 !important; /* Viền dày nhưng màu nhạt cho sang */
    border-radius: 12px !important;
    padding: 18px 20px !important; /* Cho khung rộng rãi dễ gõ */
    font-size: 16px !important;
    background-color: #fafafa !important; /* Nền hơi xám nhẹ */
    color: #333 !important;
    transition: all 0.3s ease !important;
    min-height: 120px !important; /* Ép khung cao lên một chút */
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.02) !important;
}

/* Hiệu ứng khi bấm vào khung gõ chữ */
#respond textarea:focus {
    border-color: #D4AF37 !important;
    background-color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.15) !important;
    outline: none !important;
}

/* Nút GỬI ĐI (Chà bá, sang trọng và có bóng đổ) */
#respond input#submit {
    background-color: #D4AF37 !important; 
    color: #ffffff !important;
    border-radius: 50px !important; 
    padding: 15px 40px !important; /* Nút dài và dày hơn */
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important; /* Bóng đổ phát sáng màu vàng */
    transition: all 0.3s ease !important;
}

/* Hiệu ứng nảy lên khi rê chuột vào nút Gửi đi */
#respond input#submit:hover {
    background-color: #B8962E !important;
    transform: translateY(-3px) !important; 
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6) !important;
}


/* =========================================
   LÀM ĐẸP Ô NHẬP SỐ LƯỢNG VÀ KHO HÀNG
   ========================================= */

/* 1. Ô nhập số lượng (Biến thành viên nang bo tròn) */
.woocommerce .quantity .qty {
    width: 75px !important;
    height: 46px !important; /* Chiều cao bằng với nút Thêm vào giỏ */
    border-radius: 50px !important; /* Bo tròn 2 đầu */
    border: 2px solid #D4AF37 !important; /* Viền màu vàng đồng */
    background-color: #ffffff !important;
    color: #5a0000 !important; /* Chữ số màu đỏ mận */
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 0 !important;
    margin-right: 15px !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Ẩn bớt 2 cái mũi tên tăng giảm mặc định hơi thô của trình duyệt */
.woocommerce .quantity .qty::-webkit-inner-spin-button, 
.woocommerce .quantity .qty::-webkit-outer-spin-button { 
    opacity: 1; 
}



/* 3. Phủ vàng các nút "Thêm vào giỏ" ở phần Sản phẩm liên quan */
.woocommerce ul.products li.product .button, 
.woocommerce ul.products li.product .added_to_cart {
    border-radius: 50px !important;
    background-color: #D4AF37 !important; 
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
    transition: 0.3s !important;
}
.woocommerce ul.products li.product .button:hover {
    background-color: #B8962E !important;
    transform: translateY(-2px) !important;
}




/* =========================================
   1. ĐỒNG BỘ VÀ CĂN ĐỀU FORM SỐ LƯỢNG
   ========================================= */
/* Căn cụm số lượng và giỏ hàng nằm thẳng hàng tuyệt đối */
form.cart { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    align-items: center !important; 
}

/* Ẩn triệt để 2 cái mũi tên tăng giảm xấu xí trong ô số */
.woocommerce .quantity .qty::-webkit-inner-spin-button, 
.woocommerce .quantity .qty::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0 !important; 
}
.woocommerce .quantity .qty {
    -moz-appearance: textfield !important;
}

/* Định hình lại ô số lượng cho tròn trịa và cân bằng */
.woocommerce .quantity .qty {
    width: 75px !important;
    height: 48px !important; /* Ép chiều cao chuẩn để cân bằng */
    border-radius: 50px !important; 
    border: 2px solid #D4AF37 !important; /* Viền vàng đồng */
    background-color: #ffffff !important;
    color: #5a0000 !important; /* Chữ đỏ mận */
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 0 !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Căn lại nút Thêm vào giỏ hàng để đồng bộ với ô số lượng */
.woocommerce div.product form.cart .button {
    height: 48px !important; /* Cao bằng đúng ô số lượng */
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
}

/* =========================================
   2. HIỆU ỨNG "NHẢY LÊN" CHO NÚT MUA NGAY
   ========================================= */
/* Giữ khoảng cách thoáng với hàng phía trên */
.mua-ngay-boc { margin-top: 15px !important; }

/* Hiệu ứng ma thuật khi rê chuột vào */
button.nut-mua-ngay-pnhc:hover { 
    background-color: #B8962E !important; 
    transform: translateY(-5px) !important; /* Bật nảy lên 5px */
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6) !important; /* Tỏa hào quang vàng đồng */
    transition: all 0.3s ease !important; /* Chuyển động mượt mà */
}


/* =========================================
   1. TIÊU DIỆT TẬN GỐC NÚT "XEM GIỎ HÀNG" THỪA
   ========================================= */
a.added_to_cart, 
a.added_to_cart.wc-forward,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce-message .button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}

/* =========================================
   2. CHIẾU CHỈ HOÀNG CUNG (NHỊP NHANH 4 GIÂY CHUẨN UX)
   ========================================= */
html body .woocommerce-message,
.woocommerce-page .woocommerce-message,
.elementor-widget-container .woocommerce-message {
    
    /* Không dùng !important cho kích thước để dễ ép xẹp về 0 */
    margin: 25px auto 40px auto;
    padding: 35px 30px;
    border-width: 3px 25px;
    max-height: 200px;
    font-size: 24px;
    line-height: 1.5;
    
    /* Trang trí màu sắc & hoa văn Hoàng cung */
    max-width: 650px !important;
    background-color: #fef8e8 !important; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath fill='%23D4AF37' fill-opacity='0.12' d='M40 0c0 22-18 40-40 40 22 0 40 18 40 40 0-22 18-40 40-40-22 0-40-18-40-40z'/%3E%3C/svg%3E") !important;
    background-size: 80px 80px !important;
    border-style: solid !important;
    border-color: #D4AF37 #5a0000 !important; 
    border-radius: 5px !important;
    color: #5a0000 !important; 
    text-align: center !important;
    box-shadow: 0 15px 40px rgba(90, 0, 0, 0.15) !important; 
    font-family: var(--e-global-typography-primary-font-family), serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important; 
    
    /* Gắn kịch bản 4s (Tổng thời gian) */
    animation: daoDienChieuChi 4s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}

/* Xóa icon tờ giấy mặc định */
.woocommerce-message::before {
    display: none !important;
}

/* =========================================
   KỊCH BẢN 4 GIÂY (Mở 1.5s - Đọc 1.5s - Đóng 1s)
   ========================================= */
@keyframes daoDienChieuChi {
    0% {
        clip-path: inset(0 50% 0 50%);
        opacity: 0;
        max-height: 0;
        margin: 0 auto; padding: 0; border-width: 0; font-size: 0; line-height: 0;
    }
    5% {
        /* Vừa xuất hiện, đang cuộn chặt */
        clip-path: inset(0 50% 0 50%);
        opacity: 1;
        max-height: 200px;
        margin: 25px auto 40px auto; padding: 35px 30px; border-width: 3px 25px; font-size: 24px; line-height: 1.5;
    }
    37.5% {
        /* Mốc 1.5s: Mở bung hoàn toàn ra 2 bên */
        clip-path: inset(0 -20% 0 -20%);
        opacity: 1;
        max-height: 200px;
        margin: 25px auto 40px auto; padding: 35px 30px; border-width: 3px 25px; font-size: 24px; line-height: 1.5;
    }
    75% {
        /* Mốc 3.0s (Sau 1.5s nằm im cho khách đọc): Bắt đầu chuẩn bị đóng */
        clip-path: inset(0 -20% 0 -20%);
        opacity: 1;
        max-height: 200px;
        margin: 25px auto 40px auto; padding: 35px 30px; border-width: 3px 25px; font-size: 24px; line-height: 1.5;
    }
    87.5% {
        /* Mốc 3.5s: Cuộn cái vèo lại vào giữa */
        clip-path: inset(0 50% 0 50%);
        opacity: 1;
        max-height: 200px;
        margin: 25px auto 40px auto; padding: 35px 30px; border-width: 3px 25px; font-size: 24px; line-height: 1.5;
    }
    100% {
        /* Mốc 4.0s: Tàng hình và TUYỆT ĐỐI ÉP VỀ 0 ĐỂ DỌN SẠCH KHOẢNG TRỐNG */
        clip-path: inset(0 50% 0 50%);
        opacity: 0;
        max-height: 0;
        margin: 0 auto; padding: 0; border-width: 0; font-size: 0; line-height: 0;
    }
}
/* =========================================
   CHIẾU CHỈ HOÀNG CUNG - BẢN DÁT VÀNG (SANG TRỌNG TỐI ĐA)
   ========================================= */

/* 1. Đảm bảo khu vực chứa không bị cắt xén */
html body .woocommerce-notices-wrapper {
    overflow: visible !important;
}

/* 2. TỜ GIẤY VÀNG BÊN TRONG */
html body .woocommerce-notices-wrapper .woocommerce-message,
html body .woocommerce-message {
    position: fixed !important;
    top: 15% !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999999 !important;
    width: 55% !important;
    max-width: 500px !important;
    
    /* Nền giấy lụa vàng sang trọng */
    background: linear-gradient(to right, #e8c471, #fdf2ca, #fdf2ca, #e8c471) !important; 
    
    /* Bo viền kép: Viền đỏ mận bên ngoài, viền vàng kim bên trong */
    border: 2px solid #b38b22 !important;
    border-top: 6px solid #5a0000 !important;
    border-bottom: 6px solid #5a0000 !important;
    outline: 2px solid #c49a27 !important;
    outline-offset: -8px !important; /* Viền thụt vào trong tạo cảm giác khung tranh */
    
    padding: 15px 30px !important; 
    text-align: center !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.6) !important; /* Bóng đổ cực sâu */
    border-radius: 0 !important;
    overflow: visible !important; 
}

/* 3. NÉT CHỮ QUYỀN LỰC */
html body .woocommerce-message,
html body .woocommerce-message * {
    font-size: 28px !important; /* Chữ to, rõ */
    color: #5a0000 !important; /* Đỏ mận Hoàng cung */
    font-weight: 900 !important; 
    line-height: 1.5 !important;
    text-decoration: none !important;
    font-family: "Times New Roman", serif !important; /* Ép font chữ có chân cho giống văn bản cổ */
}

/* 4. ĐỊNH DẠNG CHUNG CHO 2 THANH CUỘN (Lăn ra ngoài, không bị chìm) */
html body .woocommerce-message::before,
html body .woocommerce-message::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -20px !important; /* Thò lên trên */
    bottom: -20px !important; /* Thò xuống dưới */
    width: 35px !important; /* Độ mập của thanh cuộn */
    z-index: 2 !important; /* ÉP NỔI LÊN TRÊN, KHÔNG BAO GIỜ BỊ CHÌM */
    box-shadow: 5px 10px 20px rgba(0,0,0,0.5) !important;
}

/* 5. THANH CUỘN BÊN TRÁI (Áp sát mép trái + Dát vàng 2 đầu) */
html body .woocommerce-message::before {
    left: -35px !important; /* Nằm ngay sát mép trái tờ giấy */
    border-radius: 20px 0 0 20px !important;
    
    /* Hiệu ứng Gradient: Núm vàng -> Thân đỏ mận 3D -> Núm vàng */
    background: linear-gradient(to bottom, 
        #fcdb5a 0%, #c49a27 8%, 
        #8a0000 8%, #4a0000 15%, #b30000 50%, #4a0000 85%, #8a0000 92%, 
        #c49a27 92%, #fcdb5a 100%
    ) !important;
    border-left: 2px solid #330000 !important;
}

/* 6. THANH CUỘN BÊN PHẢI (Áp sát mép phải + Dát vàng 2 đầu) */
html body .woocommerce-message::after {
    right: -35px !important; /* Nằm ngay sát mép phải tờ giấy */
    border-radius: 0 20px 20px 0 !important;
    
    /* Hiệu ứng Gradient tương tự bên trái */
    background: linear-gradient(to bottom, 
        #fcdb5a 0%, #c49a27 8%, 
        #8a0000 8%, #4a0000 15%, #b30000 50%, #4a0000 85%, #8a0000 92%, 
        #c49a27 92%, #fcdb5a 100%
    ) !important;
    border-right: 2px solid #330000 !important;
}

/* =========================================
   5. CĂN GIỮA KHUNG XEM NHANH (QUICK VIEW) HOÀN HẢO
   ========================================= */
.woosq-popup, 
#yith-quick-view-modal .yith-wcqv-wrapper, 
.mfp-content {
    max-height: 85vh !important; /* Để dành 15% màn hình cho không gian "thở" trên/dưới */
    position: fixed !important; /* Neo cứng vào màn hình */
    top: 52% !important; /* Đặt tâm hơi nhích xuống dưới một xíu (2%) để né mượt cái Header */
    left: 50% !important; /* Căn tâm giữa theo chiều ngang */
    transform: translate(-50%, -50%) !important; /* Ép nó vào chính giữa 4 chiều */
    margin: 0 !important; /* TIÊU DIỆT triệt để cái margin-top 90px gây lỗi cũ */
    border-radius: 15px !important; 
    z-index: 99999 !important; /* Đảm bảo luôn nằm trên cùng */
}

/* Ép Form bên trong cuộn mượt mà */
.woosq-popup .woosq-product,
#yith-quick-view-content {
    max-height: 82vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* -------------------------------------------------------
   Tút lại Thanh cuộn (Scrollbar) phong cách Hoàng Cung
   ------------------------------------------------------- */
.woosq-popup .woosq-product::-webkit-scrollbar,
#yith-quick-view-content::-webkit-scrollbar {
    width: 6px !important;
}
.woosq-popup .woosq-product::-webkit-scrollbar-track,
#yith-quick-view-content::-webkit-scrollbar-track {
    background: #fef8e8 !important; 
    border-radius: 10px !important;
}
.woosq-popup .woosq-product::-webkit-scrollbar-thumb,
#yith-quick-view-content::-webkit-scrollbar-thumb {
    background-color: #D4AF37 !important; 
    border-radius: 10px !important;
}






/* =========================================
   BẢN NÂNG CẤP "WOW": TAB MÔ TẢ PHONG CÁCH TẠP CHÍ CAO CẤP
   ========================================= */

/* 1. XÓA BỎ "KHUNG LỒNG KHUNG", TRẢ LẠI SỰ THANH THOÁT */
.woocommerce-Tabs-panel--description ul {
    background: transparent !important; /* Xóa sạch nền trắng */
    border: none !important; /* Tháo luôn cái viền vàng cứng nhắc */
    box-shadow: none !important; /* Bỏ đổ bóng */
    padding-left: 5px !important; /* Lùi nhẹ vào trong cho êm mắt */
    margin: 20px 0 !important;
    list-style: none !important;
}

/* 2. Căn chỉnh chữ bên trong Kim Bài */
.woocommerce-Tabs-panel--description ul li {
    position: relative !important;
    padding-left: 35px !important;
    margin-bottom: 16px !important;
    line-height: 1.6 !important;
    color: #444444 !important;
}
.woocommerce-Tabs-panel--description ul li:last-child {
    margin-bottom: 0 !important;
}

/* 3. Đổi icon thành "NỤ HOA SEN VÀNG" (Bản sắc Phấn Nụ) */
.woocommerce-Tabs-panel--description ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    /* Code vẽ Nụ Hoa Sen Vàng bằng SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D4AF37'%3E%3Cpath d='M12 2C12 2 8 6 8 12C8 18 12 22 12 22C12 22 16 18 16 12C16 6 12 2 12 2Z'/%3E%3Cpath d='M12 2C12 2 4 8 4 15C4 19 8 22 12 22' opacity='0.4'/%3E%3Cpath d='M12 2C12 2 20 8 20 15C20 19 16 22 12 22' opacity='0.4'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* 4. Phù phép Tiêu đề thành phong cách Tạp chí Thời trang (Editorial) */
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3 {
    color: #5a0000 !important; /* Màu Đỏ mận Hoàng cung */
    font-weight: 700 !important;
    font-size: 20px !important;
    text-transform: uppercase !important; /* Viết hoa toàn bộ cho quyền lực */
    letter-spacing: 1.5px !important; /* Kéo giãn khoảng cách chữ cho sang chảnh */
    border-bottom: none !important; /* Quăng cái vạch đứt gãy vào dĩ vãng */
    position: relative !important;
    padding-bottom: 12px !important;
    margin-top: 35px !important;
    display: inline-block !important; /* Ép khung bó sát vào chữ */
}

/* Vẽ một đường chỉ vàng điểm xuyết ngay dưới Tiêu đề */
.woocommerce-Tabs-panel--description h2::after,
.woocommerce-Tabs-panel--description h3::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 45px !important; /* Độ dài vạch vàng cực kỳ tinh tế */
    height: 3px !important;
    background-color: #D4AF37 !important;
    border-radius: 2px !important;
}


/* =========================================
   ĐỔI MÀU TỪ KHÓA IN ĐẬM THÀNH ĐỎ MẬN
   ========================================= */
.woocommerce-Tabs-panel--description strong,
.woocommerce-Tabs-panel--description b {
    color: #5a0000 !important; /* Màu đỏ mận đồng bộ với tiêu đề */
    font-weight: 700 !important; /* Ép nét chữ đậm và sắc sảo hơn */
}



/* =========================================
   FIX LỖI GIAO DIỆN FORM ĐÁNH GIÁ SẢN PHẨM (BẢN CHUẨN)
   ========================================= */

/* 1. Chỉ kéo mỗi chữ "Nội dung đánh giá" về lề trái, KHÔNG đụng tới mấy ngôi sao */
#review_form #respond .comment-form-comment label {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

/* 2. Bùa chú ép 5 ngôi sao nằm sát rạt cạnh chữ "Đánh giá của bạn" */
.comment-form-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important; /* Tạo khoảng cách vừa phải giữa chữ và sao */
    margin-bottom: 15px !important;
}

.comment-form-rating label {
    display: inline-block !important;
    width: auto !important; /* Trả lại chiều dài tự nhiên, không chiếm 100% nữa */
    margin: 0 !important;
}

.comment-form-rating p.stars {
    display: inline-flex !important;
    margin: 0 !important;
}

/* 3. Nút GỬI ĐI xịn xò (Giữ nguyên của nãy) */
#review_form #respond .form-submit input#submit,
.comment-form #submit {
    font-family: inherit !important; 
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-b3f54e6 *//* =========================================
   2. FIX GIAO DIỆN SỐ LƯỢNG TRONG POPUP (ĐẬP NÁT VÒNG TRÒN LẺ)
   ========================================= */

/* Ép nguyên khối thành 1 viên nang (Chỉ giữ 1 viền ngoài cùng) */
html body .woosq-popup form.cart .quantity,
html body .woosq-popup form.cart .qib-button-wrapper,
html body #yith-quick-view-modal form.cart .quantity,
html body #yith-quick-view-modal form.cart .qib-button-wrapper {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #5a0000 !important; 
    border-radius: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    height: 45px !important;
    width: auto !important;
    overflow: hidden !important;
}

/* Tẩy trắng toàn bộ viền tròn của các nút Cộng, Trừ */
html body .woosq-popup form.cart .quantity .minus,
html body .woosq-popup form.cart .quantity .plus,
html body .woosq-popup form.cart .quantity input.qib-button,
html body .woosq-popup form.cart .qib-button-wrapper .minus,
html body .woosq-popup form.cart .qib-button-wrapper .plus,
html body .woosq-popup form.cart .qib-button-wrapper input.qib-button,
html body #yith-quick-view-modal form.cart .quantity .minus,
html body #yith-quick-view-modal form.cart .quantity .plus,
html body #yith-quick-view-modal form.cart .quantity input.qib-button,
html body #yith-quick-view-modal form.cart .qib-button-wrapper .minus,
html body #yith-quick-view-modal form.cart .qib-button-wrapper .plus,
html body #yith-quick-view-modal form.cart .qib-button-wrapper input.qib-button {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important; /* Xóa sổ viền tròn */
    border-radius: 0 !important; /* Phá luôn bo góc */
    box-shadow: none !important;
    margin: 0 !important;
    color: #5a0000 !important;
    width: 35px !important;
    font-size: 20px !important;
    cursor: pointer !important;
}

/* Chỉnh ô nhập số ở giữa cho phẳng phiu */
html body .woosq-popup form.cart .quantity input.qty,
html body .woosq-popup form.cart .qib-button-wrapper input.qty,
html body #yith-quick-view-modal form.cart .quantity input.qty,
html body #yith-quick-view-modal form.cart .qib-button-wrapper input.qty {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 40px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
    border-left: 1px solid #eeeeee !important; /* Giữ lại 2 vạch mỏng chia ngăn */
    border-right: 1px solid #eeeeee !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #5a0000 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   BẢN CHỐT: POPUP CHÍNH GIỮA, HỞ TRÊN DƯỚI, BO GÓC, KHÔNG CUỘN
   ========================================= */

/* 1. MÀN ĐEN: Phủ kín toàn màn hình, ép cái hộp vào chính giữa */
html body .woosq-popup,
html body #yith-quick-view-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important; 
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 999999 !important;
}

/* 2. CÁI HỘP TRẮNG: Giới hạn chiều cao, không cho chạm nóc */
html body .woosq-popup .woosq-inner,
html body #yith-quick-view-modal .yith-wcqv-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: 850px !important;
    max-width: 90vw !important;
    max-height: 75vh !important; 
    height: auto !important;
    background: #fff !important;
    border-radius: 16px !important; 
    overflow: hidden !important; 
}

/* 3. BỐ CỤC BÊN TRONG: Khóa chặt không cho bung */
html body .woosq-popup .woosq-product,
html body #yith-quick-view-content {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
    max-height: 75vh !important;
    overflow: hidden !important;
}

/* 4. Cột Ảnh bên trái (45%) */
html body .woosq-product-image,
html body #yith-quick-view-modal div.images {
    width: 45% !important;
    margin: 0 !important;
}
html body .woosq-product-image img,
html body #yith-quick-view-modal div.images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 5. Cột Chữ bên phải (55%) */
html body .woosq-product-info,
html body #yith-quick-view-modal .summary {
    width: 55% !important;
    padding: 30px 40px !important;
    overflow: hidden !important; 
}

/* 6. Tiêu diệt rác (Mua kèm, thanh cuộn...) */
html body .woobt-wrap,
html body .woosb-wrap,
html body .wpcqv-modal .woobt-wrap {
    display: none !important;
}

/* 7. TIÊU DIỆT NÚT MUA NGAY "CÂY NHÀ LÁ VƯỜN" TRONG XEM NHANH */
#yith-quick-view-modal .mua-ngay-boc,
#yith-quick-view-modal .nut-mua-ngay-pnhc,
#yith-quick-view-modal #btn-mua-ngay-js {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* 8. DÀN TRẬN LẠI: NÚT ĐỎ VÀ CỤC SỐ LƯỢNG */
#yith-quick-view-modal .summary form.cart {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important; 
    width: 100% !important;
}

/* 9. BÙA CHÚ TỐI THƯỢNG: FIX GIAO NHAU CỦA VIỀN SỐ LƯỢNG */
#yith-quick-view-modal .summary form.cart div.quantity,
#yith-quick-view-modal .summary form.cart .qib-button-wrapper {
    display: inline-flex !important; 
    align-items: center !important;
    margin: 0 0 15px 0 !important; 
    border: 1px solid #ccc !important; /* GOM CHUNG 1 VIỀN BỌC NGOÀI */
    border-radius: 30px !important; /* BO TRÒN NGUYÊN CỤM NHƯ VIÊN THUỐC */
    overflow: hidden !important; 
    padding: 0 !important;
}

/* XÓA SẠCH viền của 3 đứa bên trong để không đâm chém nhau */
#yith-quick-view-modal .summary form.cart .qib-button-wrapper button,
#yith-quick-view-modal .summary 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: 40px !important; 
    min-height: 40px !important;
}

#yith-quick-view-modal .summary form.cart .qib-button-wrapper button {
    width: 35px !important;
    cursor: pointer !important;
    font-size: 18px !important;
}

#yith-quick-view-modal .summary form.cart .qib-button-wrapper input.qty {
    width: 45px !important;
    text-align: center !important;
    padding: 0 !important;
}

/* NÚT ĐỎ CHỐT SỔ */
#yith-quick-view-modal .summary 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;
}







/* =========================================
   HIỆU ỨNG LÀM ĐẸP: ẢNH PHỒNG LÊN - BO GÓC KHI HOVER
   ========================================= */

/* Trạng thái bình thường của ảnh sản phẩm */
.woocommerce ul.products li.product img {
    border-radius: 12px !important; /* Bo góc mặc định cho mềm mại */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Thêm hiệu ứng nảy nhẹ cực mượt */
}

/* Trạng thái khi di chuột vào (Hover) */
.woocommerce ul.products li.product img:hover {
    transform: scale(1.05) !important; /* Phồng to lên 5% */
    border-radius: 16px !important; /* Bo góc cong hơn một chút */
    box-shadow: 0 15px 25px rgba(0,0,0,0.15) !important; /* Đổ bóng làm ảnh nổi bần bật lên không gian 3D */
    z-index: 10 !important; /* Ép nó nổi lên trên các thành phần khác */
    position: relative !important;
}

/* =========================================
   ẨN MÃ SẢN PHẨM (SKU) CHO GIAO DIỆN GỌN GÀNG
   ========================================= */
.sku_wrapper,
[id*="quick-view"] .sku_wrapper,
.woosq-popup .sku_wrapper,
[class*="quick-view"] .sku_wrapper {
    display: none !important;
}


/* =========================================
   ẨN LUÔN CÁI TAG (THẺ SẢN PHẨM) CHO SẠCH SẼ
   ========================================= */
.tagged_as,
[id*="quick-view"] .tagged_as,
.woosq-popup .tagged_as,
[class*="quick-view"] .tagged_as {
    display: none !important;
}/* End custom CSS */