@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --primary: #c1a461;
    --secondary: #1a1a1a;
}

.cigar-gradient {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.7));
}

.product-card:hover .product-img {
    transform: scale(1.1);
}

.nav-blur {
    backdrop-filter: blur(12px);
    background-color: rgba(62, 39, 35, 0.9);
}

/* Cart Drawer transition */
#cart-drawer {
    transition: transform 0.3s ease-in-out;
}
#cart-drawer.translate-x-full {
    transform: translateX(100%);
}
#cart-drawer.translate-x-0 {
    transform: translateX(0);
}

/* Custom styles for product list */
.filter-btn.active {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}