.new-product-list-section{padding:40px 0;background-color:#ffffff}
.product-grid{display:grid;gap:20px;/* Khoảng cách giữa các sản phẩm */
            margin-bottom:30px}
/* PRODUCT CARD LAYOUT */
        .product-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;transition:box-shadow 0.3s ease,transform 0.3s ease}
.product-card:hover{box-shadow:0 8px 20px rgba(0,0,0,0.1);transform:translateY(-5px);/* Hiệu ứng nâng nhẹ */}
.product-link{text-decoration:none;color:inherit;display:block;height:100%;/* Đảm bảo thẻ a bao trọn card */}
/* PRODUCT IMAGE AND TAGS */
        .product-image-wrap{position:relative;overflow:hidden;padding-top:100%;/* Giữ tỷ lệ 1:1 cho ảnh */}
.product-image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.header-sidebar{background-color:#ff5722}
.product-card:hover .product-image-wrap img{transform:scale(1.05);/* Hiệu ứng zoom nhẹ khi hover */}
.sale-tag{position:absolute;top:10px;right:10px;background-color:#ff5722;/* Màu cam nổi bật */
            color:white;font-size:12px;font-weight:bold;padding:4px 8px;border-radius:4px;z-index:10}
/*PRODUCT INFO */
        .product-info{padding:15px;text-align:center}
.product-name{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;/* Giới hạn tên sản phẩm 2 dòng */
            display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.product-desc{font-size:13px;color:#777;margin-bottom:15px;/* Giới hạn mô tả 1 dòng */
            white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* PRODUCT PRICE */
        .product-price{margin-bottom:15px}
.current-price{font-size:20px;font-weight:800;color:#d90429;margin-right:10px}
.old-price{font-size:14px;color:#999;text-decoration:line-through}
/*PRODUCT ACTIONS (Button) */
        .product-actions{margin-top:10px}
.btn-detail{display:inline-block;padding:8px 20px;background-color:#2a9d8f;/* Màu xanh lá thân thiện */
            color:white;font-weight:600;border-radius:4px;transition:background-color 0.3s;font-size:14px}
.box-sidebar{text-align:center;padding:20px 0 0 0}
.box-sidebar h2{text-align:center;font-size:28px;color:#333;margin-top:5px;margin-bottom:20px;border-bottom:2px solid #EAA926;display:inline-block;padding-bottom:5px}
/* HOT TAG STYLE */
        .hot-tag{position:absolute;top:10px;left:10px;/* Định vị ở góc trên bên trái */
            background-color:#ff0000;color:white;font-size:12px;font-weight:bold;padding:4px 8px;border-radius:4px;z-index:10;/* Hiệu ứng nhẹ */
            box-shadow:0 2px 5px rgba(0,0,0,0.3);/* transform:rotate(-5deg);*/}
/* ======================================= */

/* STYLE CHO TIÊU ĐỀ CHUNG*/

/* Container bọc tiêu đề,căn giữa và thêm khoảng cách */
.section-title-wrap{text-align:center;margin:30px auto 20px auto;/* Trên/Dưới 30px,Dưới 20px */
    padding:0 15px}
/* Thẻ h2 chứa tiêu đề */
.section-title-wrap .section-title{display:inline-block;font-family:'Arial',sans-serif;font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0;padding:10px 25px;position:relative;z-index:1;color:#cc0000;/* Màu chữ chính */
    text-decoration:none;transition:color 0.3s ease}
/* Hiệu ứng đường viền kép/đường gạch chân độc đáo */
.section-title-wrap .section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:#f7b733;border-radius:2px;box-shadow:0 0 10px rgba(247,183,51,0.5);transition:width 0.3s ease}
/* Hiệu ứng khi rê chuột */
.section-title-wrap .section-title:hover{color:#e83921}
.section-title-wrap .section-title:hover::after{width:100px}
/* màu sắc riêng cho phần Khuyến Mãi  */
.title-sale .section-title{color:#d90429}
.title-sale .section-title:hover{color:#ef233c}
@media (max-width:768px){.section-title-wrap{margin:20px auto 15px auto}.section-title-wrap .section-title{font-size:24px;padding:8px 15px}.section-title-wrap .section-title::after{bottom:-5px;width:40px;height:3px}}
/*thẻ sale-tag vẫn ở góc phải */
        .sale-tag{position:absolute;top:10px;right:10px}
.product-card:hover .btn-detail{background-color:#218380}
.view-all-button{text-align:center;margin-top:30px}
.btn-view-all{display:inline-block;padding:10px 30px;background-color:#ff5722;color:white;font-size:16px;font-weight:700;text-decoration:none;border-radius:50px;transition:background-color 0.3s;border:2px solid #ff5722}
.btn-view-all:hover{background-color:#e64a19;border-color:#e64a19}
.float-contact-wrapper{position:fixed;bottom:30px;/* Cách đáy 30px */
    right:20px;/* Cách phải 20px */
    z-index:9999;/* nổi lên trên cùng */
    
/* pointer-events:none;*/}
/* Nút bấm bật/tắt chính (Icon) */
.contact-toggle-btn{width:60px;height:60px;border-radius:50%;background-color:#d90429;/* Màu đỏ nổi bật */
    color:white;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.3);transition:all 0.3s ease;line-height:1;/* Căn giữa icon */}
.contact-toggle-btn:hover{background-color:#ef233c;transform:scale(1.05)}
/* Hộp nội dung liên hệ */
.contact-box-content{display:none;position:absolute;bottom:80px;right:0;width:250px;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.15);padding:10px}
.contact-box-content h2{text-align:center;font-size:18px;color:#2a9d8f;margin:0 0 10px 0;padding-bottom:5px;border-bottom:1px solid #eee;font-weight:bold}
.contact-box-content ul{list-style:none;padding:0;margin:0}
.contact-box-content li{margin-bottom:8px}
.contact-box-content a{text-decoration:none;color:#333;font-size:14px;font-weight:500;display:flex;align-items:center;padding:5px 8px;border-radius:4px;transition:background-color 0.3s}
.contact-box-content a:hover{background-color:#f0f0f0;color:#d90429}
.contact-icon{width:28px;height:28px;margin-right:10px;display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:50%;color:white;font-weight:bold}
/* Custom icon colors */
.icon-zalo{background-color:#0084ff}
.icon-phone{background-color:#ff5722}
.icon-facebook{background-color:#1877f2}
/* RESPONSIVE GRID CONFIGURATION */
        
/* Màn hình Mobile (dưới 576px) */
        @media (max-width:575px){.product-grid{grid-template-columns:repeat(2,1fr);/* 2 cột */                gap:15px}.product-name{font-size:14px;min-height:36px}.current-price{font-size:16px}.old-price{font-size:12px}}
/* Màn hình Tablet (576px đến 991px) */
        @media (min-width:576px) and (max-width:991px){.product-grid{grid-template-columns:repeat(3,1fr);/* 3 cột */                gap:20px}}
/* Màn hình Desktop (992px trở lên) */
        @media (min-width:992px){.product-grid{grid-template-columns:repeat(4,1fr);/* 4 cột */                gap:25px}}
#cart-mobile-item-count{position:absolute;top:-5px;right:7px;background-color:red;color:white;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:bold;display:none;/* Ẩn ban đầu nếu giỏ hàng trống */}
.news-card-new:hover .news-image-wrap-new img{transform:scale(1.05)}
.box-sidebar{margin-bottom:0;border-bottom:1px solid #e9ecef;/* Đường phân cách mỏng,nhẹ */
    padding-bottom:0}
.box-sidebar:last-child{border-bottom:none}
.header-sidebar{font-size:16px;font-weight:700;color:#ffffff;/* Tiêu đề màu trắng */
    text-transform:uppercase;margin-bottom:0;/* Tiêu đề nền màu chủ đạo với gradient nhẹ */
    background:linear-gradient(90deg,#007bff 0%,#0056b3 100%);border-left:none;/* Bỏ border cũ */
    
/* Bo góc trên cho khối đầu tiên */
    border-top-left-radius:12px;border-top-right-radius:12px}
/* Loại bỏ border-radius cho các khối không phải khối đầu tiên 
.sidebar .box-sidebar:not(:first-child) .header-sidebar{border-radius:0}
*/

/* 4. Thiết kế danh sách menu */
.list-box-sidebar{list-style:none;padding:5px 15px;/* Thêm padding bên trong */}
.list-box-sidebar li{margin-bottom:2px;/* Không dùng border-bottom cứng ở đây */}
.list-box-sidebar a{display:flex;/* Dùng flex để căn chỉnh nội dung */
    align-items:center;padding:10px 10px;color:#495057;/* Màu chữ tối hơn */
    text-decoration:none;font-size:15px;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);/* Hiệu ứng mượt mà hơn */
    border-radius:6px;/* Bo góc cho từng mục menu */
    position:relative;/* Thêm một đường viền nhỏ khi hover thay vì đổi nền toàn bộ */}
/* 5. Hiệu ứng Hover và Active */
.list-box-sidebar a:hover{background-color:#f8f9fa;/* Màu nền rất nhẹ khi hover */
    color:#007bff;transform:translateX(3px)}
.list-box-sidebar a.selected{background-color:#007bff;color:#ffffff!important;font-weight:600;box-shadow:0 4px 10px rgba(0,123,255,0.2)}
.list-box-sidebar a.selected:hover{background-color:#0069d9;/* Màu đậm hơn khi hover mục active */
    color:#ffffff}
/* Điều chỉnh icon/emoji:Tách biệt và căn chỉnh */
.list-box-sidebar a[title*="⭐️"],.list-box-sidebar a[title*="♛"],.list-box-sidebar a[title*="☘"],.list-box-sidebar a[title*="✤"],.list-box-sidebar a[title*="♜"],.list-box-sidebar a[title*="♻"],.list-box-sidebar a[title*="❀"],.list-box-sidebar a[title*="✿"],.list-box-sidebar a[title*="❃"],.list-box-sidebar a[title*="✎"],.list-box-sidebar a[title*="❖"]{/* Đảm bảo khoảng cách giữa icon và chữ */
    margin-right:8px}
.primary{padding-right:20px}