/* Dark Mode Styles */
body.dark-mode {
    background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 50%, #2a2a2a 100%);
    color: #f0f0f0;
}

body.dark-mode .header {
    background: rgba(180, 15, 50, 0.95);
    backdrop-filter: blur(15px);
}

body.dark-mode .hero {
    background: linear-gradient(135deg, #8b0000 0%, #a0002a 30%, #660000 70%, #330000 100%);
}

body.dark-mode .hero::before {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

body.dark-mode .featured {
    background: linear-gradient(135deg, #1f1f1f 0%, #2a2a2a 100%);
}

body.dark-mode .products {
    background: linear-gradient(135deg, #161616 0%, #252525 100%);
}

body.dark-mode .contact {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

body.dark-mode .product-card {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border: 1px solid #404040;
    color: #f0f0f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

body.dark-mode .product-card:hover {
    box-shadow: 0 15px 35px rgba(220, 20, 60, 0.3);
    border-color: #dc143c;
}

body.dark-mode .contact-item {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border-left-color: #dc143c;
}

body.dark-mode .filter-btn {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    color: #f0f0f0;
    border-color: #dc143c;
}

body.dark-mode .filter-btn:hover,
body.dark-mode .filter-btn.active {
    background: linear-gradient(135deg, #dc143c 0%, #b91c3c 100%);
    box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4);
}

body.dark-mode .footer {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

body.dark-mode .section-title {
    color: #ff4757;
    text-shadow: 0 0 20px rgba(255, 71, 87, 0.3);
}

body.dark-mode .floating-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

body.dark-mode .nav-controls {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    border-radius: 25px;
    padding: 0.5rem;
}

body.dark-mode .cta-button {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

body.dark-mode .cta-button:hover {
    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

body.dark-mode .cart-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

body.dark-mode .cart-item {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border: 1px solid #404040;
}

body.dark-mode .cart-summary {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border: 1px solid #404040;
}

body.dark-mode .checkout-btn {
    background: linear-gradient(135deg, #dc143c 0%, #b91c3c 100%);
}

body.dark-mode .continue-shopping-btn {
    background: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 100%);
    color: #f0f0f0;
}

body.dark-mode .continue-shopping-btn:hover {
    background: linear-gradient(135deg, #4a4a4a 0%, #5a5a5a 100%);
}
body.dark-mode .product-name{
    color: #dc143c;
}