/* Icedjerseys – Premium Light Theme */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: #f8fafc;
  color: #0f172a;
}

/* Soft card hover */
.product-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -12px rgba(14, 165, 233, 0.15);
}

/* Size selector */
.size-btn {
  border: 1.5px solid #e2e8f0;
  background: #fff;
  color: #334155;
}
.size-btn:hover {
  border-color: #38bdf8;
  color: #0284c7;
}
.size-btn.active {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  color: white;
  border-color: transparent;
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
}

/* Toast */
.toast {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background: #0f172a;
  color: white;
  padding: 0.85rem 1.6rem;
  border-radius: 9999px;
  z-index: 100;
  transition: transform 0.3s ease;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
  font-size: 0.9rem;
  font-weight: 500;
}
.toast.show {
  transform: translateX(-50%) translateY(0);
}

/* Ice shine text */
.ice-shine {
  background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #7dd3fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ice-btn {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  color: white;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.35);
  transition: all 0.2s ease;
}
.ice-btn:hover {
  background: linear-gradient(135deg, #0284c7, #0ea5e9);
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.45);
  transform: translateY(-1px);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #38bdf8; }