/* Tùy chỉnh font và hiệu ứng chung */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #f8fafc;
    -webkit-tap-highlight-color: transparent;
}

/* Ẩn thanh cuộn ngang/dọc nhưng vẫn cho phép cuộn */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hiệu ứng kính mờ cho Header */
.glass-header {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
/* Đảm bảo các ảnh sản phẩm không bị méo khi co giãn trên lưới grid */
#productList img {
    object-fit: cover;
}

/* Tùy chỉnh thêm độ mượt cho hiệu ứng kính mờ */
.backdrop-blur-xs {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}