* {
   font-family: 'Roboto', sans-serif;
   }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 /* footer  */

/* Optional: Better line wrapping for mobile */
@media (max-width: 640px) {
  .shop-links a {
    padding: 0.125rem 0;
    line-height: 1.3;
  }
  
  /* Hide separator pipes on mobile for better wrapping */
  .shop-links .separator {
    display: none;
  }
}




 /* Mobile touch targets */
        @media (max-width: 640px) {
            .mobile-tap-target {
                min-height: 44px;
                min-width: 44px;
            }
        }
        
        /* Mobile menu animations */
        .mobile-menu-enter {
            transform: translateX(100%);
        }
        
        .mobile-menu-enter-active {
            transform: translateX(0);
            transition: transform 300ms ease-in-out;
        }
        
        .mobile-menu-exit {
            transform: translateX(0);
        }
        
        .mobile-menu-exit-active {
            transform: translateX(100%);
            transition: transform 300ms ease-in-out;
        }


         @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-fade-in {
            animation: fadeIn 0.3s ease-in-out;
        }
        

 .search-dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: white;
            border: 1px solid #e5e7eb;
            border-top: none;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            margin-top: 2px;
        }
        
        .search-container {
            position: relative;
            width: 100%;
            max-width: 600px;
        }
        
        .search-container.active .search-dropdown,
        .search-input:focus + .search-dropdown,
        .search-dropdown:hover {
            display: block !important;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in {
            animation: fadeIn 0.3s ease-out;
        }

        /* Ensure dropdown stays visible when interacting with it */
        .search-dropdown.visible {
            display: block !important;
        }
        


        /* ===== CART PREVIEW STYLES (scoped to carousel sections) ===== */
.carousel-section .product-card .flex-col {
  display: flex;
  flex-direction: column;
}

.carousel-section .cart-action {
  margin-top: auto;
  min-height: 40px;
}

.carousel-section .qty-controls button {
  font-size: 1.2rem;
  line-height: 1;
  user-select: none;
  transition: all 0.15s ease;
}

.carousel-section .add-cart-btn {
  transition: all 0.15s ease;
}

.carousel-section .hidden {
  display: none !important;
}