/* Modern Custom Styles & Polish */

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom subtle scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Glassmorphism effects */
.glass-panel {
  background: rgba(30, 41, 59, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Subtle glow animations */
@keyframes pulse-slow {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(1.05); }
}

.animate-pulse-slow {
  animation: pulse-slow 6s ease-in-out infinite;
}

/* Focus styles for accessibility */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.3);
}

/* Card hover lift */
.product-card {
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.product-card:hover {
  transform: translateY(-4px);
}

/* Details summary remove marker on Firefox */
details summary {
  list-style: none;
}