/* Light Theme - Vials World */
html { scroll-behavior: smooth; }
body { background: #fcfdff; }
.swiper { width: 100%; }
.swiper-slide { display: flex; }
.glass { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

@keyframes float {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
.float-animation { animation: float 4s ease-in-out infinite; }

.product-card { 
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1); 
  background: white;
  border: 1px solid #f1f5f9;
}
.product-card:hover { 
  transform: translateY(-6px); 
  box-shadow: 0 20px 40px -12px rgba(14,165,233,0.15); 
  border-color: #e0f2fe;
}
.product-card img { transition: transform 0.6s ease; }
.product-card:hover img { transform: scale(1.05); }

.gradient-text {
  background: linear-gradient(90deg, #0ea5e9, #8b5cf6, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Filter Sidebar - FIXED SCROLL */
.filter-sidebar {
  position: sticky;
  top: 95px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f8fafc;
}
.filter-sidebar::-webkit-scrollbar { width: 5px; }
.filter-sidebar::-webkit-scrollbar-track { background: #f8fafc; border-radius: 10px; }
.filter-sidebar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.filter-sidebar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Fix for mobile - no sticky */
@media (max-width: 1024px) {
  .filter-sidebar {
    position: relative;
    top: 0;
    max-height: none;
    overflow-y: visible;
  }
}

.filter-active { 
  background: #0ea5e9 !important; 
  color: white !important; 
  border-color: #0ea5e9 !important; 
}

/* Product image fix - ensure visible */
.product-card img, .thumb-img, #main-product-img {
  background: #f8fafc;
  display: block;
  min-height: 100%;
}

/* Light theme helpers */
.bg-light-blue { background: #f0f9ff; }
.bg-light { background: #fcfdff; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #0ea5e9; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #0284c7; }