/* ============================================================================
   LookPang (룩팡) - Custom Styles
   ============================================================================ */

:root {
  --lookpang-coupang: #ff5252;
  --lookpang-accent: #4f46e5;
  --lookpang-dark: #1a1a2e;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', Roboto, sans-serif;
}

.drop-zone {
  transition: all 0.2s ease-in-out;
}

.drop-zone.drag-over {
  background-color: #eef2ff;
  border-color: var(--lookpang-accent);
  transform: scale(1.01);
}

.category-tab {
  transition: all 0.2s ease-in-out;
}

.category-tab.active {
  background: linear-gradient(135deg, var(--lookpang-accent), #7c3aed);
  color: white;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
}

.product-card {
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.rocket-badge {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
}

@keyframes pulse-soft {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.loading-pulse {
  animation: pulse-soft 1.4s ease-in-out infinite;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}