/* Desktop-Specific Styles */

/* Only apply desktop styles on devices that support hover */
@media (hover: hover) and (min-width: 768px) {
    
    /* Hide mobile cart on desktop */
    .cart-container.mobile-only {
        display: none;
    }
    
    
    /* Desktop header enhancements */
    .header:hover {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
    }
    
    .header-logo:hover {
        transform: scale(1.02);
    }
    
    /* Desktop carousel enhancements - padding handled by carousel.css for shadow safety */
    
    /* Add smooth transition for section title */
    .section-title {
        transition: color var(--transition-normal);
    }
    
    /* Desktop section title hover effects */
    .section-title:hover {
        color: var(--gray-700);
        transition: all var(--transition-normal);
    }
    
    /* Smooth scroll behavior for carousel */
    .carousel-track {
        scroll-behavior: smooth;
    }
    
    /* Desktop cursor styles */
    .product-card,
    .carousel-indicator {
        cursor: pointer;
    }
    
    /* FOCUS without conflicting transforms */
    .product-card:focus-visible {
        box-shadow: 
            20px 25px 50px rgba(0, 0, 0, 0.6),
            0 0 0 3px var(--gray-900);
    }
    
    /* Desktop button hover improvements */
    button:hover {
        transition: all var(--transition-fast);
    }
    
    /* Desktop image loading improvements */
    .product-image,
    .hero-image {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Large desktop screens */
@media (hover: hover) and (min-width: 1024px) {
    
    /* Enhanced spacing for large screens */
    .carousel-section {
        padding: 40px var(--spacing-2xl) var(--spacing-3xl);
    }
    
    .products-section {
        padding: var(--spacing-3xl) var(--spacing-2xl) var(--spacing-3xl);
    }
    
    /* Larger product cards for desktop */
    .product-card {
        max-width: 320px;
    }
    
    .products-grid .product-card {
        max-width: 300px;
    }
    
}

/* Ultra-wide screens */
@media (hover: hover) and (min-width: 1440px) {
    
    /* Maximum container widths */
    .carousel-container,
    .products-section {
        max-width: 1400px;
    }
    
    /* Enhanced grid for ultra-wide */
    .products-grid {
        max-width: 800px;
        gap: var(--spacing-3xl);
    }
    
    /* Larger cards for ultra-wide */
    .product-card {
        max-width: 350px;
    }
    
    .products-grid .product-card {
        max-width: 320px;
    }
}

/* Reduced motion preferences */
@media (hover: hover) and (prefers-reduced-motion: reduce) {
    
    .product-card:hover {
        animation: none;
        transition: transform var(--transition-normal), box-shadow var(--transition-normal);
    }
    
    .products-grid .product-card:hover {
        animation: none;
    }
    
    .product-image:hover {
        transform: none;
    }
    
    .header-logo:hover {
        transform: none;
    }
}