body {
    font-family: 'Be Vietnam Pro', sans-serif;
    background-color: #121212;
    color: #E0E0E0;
}
.bg-main { background-color: #121212; }
.bg-surface { background-color: #1E1E1E; }
.bg-surface-darker { background-color: #181818; }
.border-subtle { border-color: #333; }
.accent-gradient {
    background-image: linear-gradient(to right, #DA22FF, #9733EE);
}
.accent-text {
    color: #E879F9;
}
.strikethrough-custom {
    text-decoration-color: #EF4444;
}
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(232, 121, 249, 0.15);
}
.cart-panel {
    transition: transform 0.3s ease-in-out;
}
.cart-open {
    transform: translateX(0);
}
.cart-closed {
    transform: translateX(100%);
}

.category-menu-item {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.category-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #1E1E1E; /* Màu surface */
    border: 1px solid #333;   /* Màu subtle */
    border-radius: 0.75rem;     /* rounded-xl */
    padding: 1rem;
    width: 240px; /* Tăng chiều rộng một chút */
    z-index: 50;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.category-menu-item:hover .category-dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}