/* Additional custom styles for Fútxvie website */

.product-card {
    background: #1a1a22;
    border: 1px solid rgba(255,255,255,0.08);
}

.product-card:hover {
    border-color: rgba(255,255,255,0.15);
}

.wallpaper-img {
    border-radius: 14px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2);
}

/* Filter pills */
.filter-pill {
    font-size: 0.875rem;
    border: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    color: #ccc;
}

.filter-pill:hover {
    background: rgba(255,255,255,0.06);
    color: #fff;
}

.filter-pill.active {
    background: #E30613;
    border-color: #E30613;
    color: white;
}

/* Cart item rows */
.cart-item {
    transition: opacity 0.2s ease;
}

/* Download buttons in success */
.download-btn {
    transition: all 0.1s ease;
}

.download-btn:hover {
    background: #E30613;
    color: white;
    border-color: #E30613;
}

/* Lightbox image polish */
#lightbox-image {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}

/* Navbar scroll state handled in JS */

/* Subtle animations */
@keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.product-card {
    animation: fadeSlideUp 0.25s ease backwards;
}

/* Mobile menu animation */
#mobile-menu {
    animation: slideDown 0.2s ease forwards;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Checkout form polish */
#checkout-modal input {
    transition: border-color .1s ease;
}

#checkout-modal input:focus {
    border-color: #E30613;
    outline: none;
}

/* Toast */
#toast {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
    animation: toastPop 0.2s ease;
}

@keyframes toastPop {
    from { transform: translate(-50%, 15px); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
}

/* Responsive tweaks */
@media (max-width: 640px) {
    .section-header {
        font-size: 1.85rem;
    }
}

/* Video hero subtle control */
#hero-video {
    filter: contrast(1.05) saturate(1.1);
}