/* Tùy chỉnh font và nền tảng */
body {
    font-family: 'Be Vietnam Pro', sans-serif;
    background-color: #f2f2f2;
    color: #141d23;
}

/* Ẩn thanh cuộn nhưng vẫn cuộn được */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Tiện ích văn bản */
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Hiệu ứng Sticky Navigation */
.sticky-nav {
    position: sticky;
    top: 72px; /* Khớp với chiều cao Header */
    z-index: 40;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Animation cho Flash Sale chạy ngang */
@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.ticker-content {
    display: inline-block;
    white-space: nowrap;
    animation: ticker-scroll 25s linear infinite;
}

.ticker-content:hover {
    animation-play-state: paused;
}

/* Badge và trang trí */
.label-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: rgba(0,0,0,0.6);
    color: white;
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Hiệu ứng tương tác người dùng */
.active-scale:active {
    transform: scale(0.96);
    transition: transform 0.1s;
}