.product-grid{display:grid;gap:20px;/* Khoảng cách giữa các sản phẩm */
            margin-bottom:30px}
.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-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}
.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{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{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{margin-top:10px}
.btn-detail{display:inline-block;padding:8px 20px;background-color:#2a9d8f;/* Màu xanh lá */
            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{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);*/}
/* 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 */
        .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}
.news-section-new{padding:30px 0;background-color:#f7f7f7}
/* Tên chuyên mục và tiêu đề */
.section-title-new{text-align:center;font-size:28px;font-weight:700;color:#cc0000;margin:0 0 5px 0}
.section-title-new a{color:inherit;text-decoration:none}
.section-subtitle-new{text-align:center;color:#666;font-size:16px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #ddd;width:80%;margin-left:auto;margin-right:auto}
/* Title */
.section-title-wrap{text-align:center;margin:10px 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:25px;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;/* Đỏ đậm hơn khi rê chuột */}
.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}
/* RESPONSIVE CHO THIẾT BỊ DI ĐỘNG */
@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}.product-name{font-size:13px}.current-price{font-size:18px}}
/* Cấu trúc lưới (Grid) */
.news-grid-new{display:grid;gap:20px;padding:0 15px;/* Giữ khoảng cách lề cho mobile */}
/* Thẻ tin tức (News Card) */
.news-card-new{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease,transform 0.3s ease;height:100%}
.news-card-new:hover{box-shadow:0 8px 25px rgba(0,0,0,0.1);transform:translateY(-5px)}
.news-link-new{text-decoration:none;color:inherit;display:block;height:100%}
/* Ảnh tin tức */
.news-image-wrap-new{position:relative;padding-top:60%;/* Tỷ lệ 5:3 (60% của chiều rộng) */
    overflow:hidden}
.news-image-wrap-new img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
/* icon giỏ hàng */
#cart-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)}
#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)}
/* Nội dung tin tức */
.news-info-new{padding:15px}
.news-title-new{font-size:18px;font-weight:700;color:#333;margin-top:0;margin-bottom:10px;/* Giới hạn tiêu đề 2 dòng */
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;/* chiều cao đồng nhất cho 2 dòng */
    transition:color 0.3s}
.news-card-new:hover .news-title-new{color:#2a9d8f}
.news-excerpt-new{font-size:14px;color:#777;line-height:1.5;margin-bottom:15px;/* Giới hạn mô tả 3 dòng */
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more-new{display:block;font-size:14px;font-weight:600;color:#cc0000;transition:color 0.3s}
.news-card-new:hover .read-more-new{color:#d90429}
/* Nút Xem Tất Cả product section) */
.view-all-button-new{text-align:center;margin-top:30px}
.btn-view-all-new{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-new:hover{background-color:#e64a19;border-color:#e64a19}
/* RESPONSIVE NEWS GRID */

/* Màn hình Mobile (dưới 576px) */
@media (max-width:575px){.news-grid-new{grid-template-columns:1fr;/* 1 cột duy nhất */}.section-title-new{font-size:24px}.product-name{font-size:13px}}
/* Màn hình Tablet (576px đến 991px) */
@media (min-width:576px){.news-grid-new{grid-template-columns:repeat(2,1fr);/* 2 cột */}}
/* Màn hình Desktop (992px trở lên) */
@media (min-width:992px){.news-grid-new{grid-template-columns:repeat(4,1fr);/* 4 cột */        padding:0}}
.float-contact-wrapper{position:fixed;bottom:30px;/* Cách đáy 30px */
    right:20px;/* Cách phải 20px */
    z-index:9999;/* Đảm bảo 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;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;/* Ban đầu ẩn đi */
    position:absolute;bottom:80px;/* Nằm phía trên icon */
    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}
/*  Thiết lập  tin tức (Container) */
.news-grid-new{display:grid;/* Mặc định trên Desktop:cột đều nhau */
    grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;padding:0 15px;/* Lề ngoài cho toàn bộ khu vực tin tức */}
/* Thẻ tin tức (Card) - kích thước nhỏ gọn */
.news-card-new{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;background-color:#fff;height:100%}
.news-card-new:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15)}
.news-link-new{text-decoration:none;color:inherit;display:block;height:100%}
/* 3. Ảnh tin tức (Tỉ lệ 5:3) */
.news-image-wrap-new{position:relative;width:100%;padding-top:60%;/* Tỉ lệ 5:3 */
    overflow:hidden}
.news-image-wrap-new img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/* 4. Nội dung tin tức */
.news-info-new{padding:10px 15px 15px;/* Giảm padding */
    display:flex;flex-direction:column;flex-grow:1}
.news-title-new{font-size:16px;line-height:1.4;font-weight:700;color:#333;margin-bottom:5px;/* Giới hạn 2 dòng */
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.news-excerpt-new{font-size:13px;line-height:1.5;color:#666;margin-bottom:10px;flex-grow:1;/* Giới hạn 3 dòng trên Desktop */
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.read-more-new{font-size:12px;font-weight:600;color:#c90000;text-align:right;margin-top:auto;/* Đẩy xuống dưới cùng */}
/*HIỂN THỊ 2 CỘT TRÊN MOBILE */
@media (max-width:767px){.news-grid-new{grid-template-columns:repeat(2,1fr);gap:10px;/* Giảm khoảng cách cho mobile */        padding:0 10px;/* Điều chỉnh lề mobile */}.news-title-new{font-size:14px;/* Thu nhỏ tiêu đề */}.news-excerpt-new{font-size:12px;/* Thu nhỏ tóm tắt */        /* Giới hạn 2 dòng trên mobile để card nhỏ gọn */        -webkit-line-clamp:2}.news-info-new{padding:8px 10px 10px;/* Giảm padding nội dung */}}