/* Mezeul Shop - Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --primary: #a78bfa;
}

body { 
  font-family: 'Inter', system-ui, -apple-system, sans-serif; 
}

.modal { 
  animation: modalPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
}

@keyframes modalPop { 
  from { opacity: 0; transform: scale(0.92) translateY(20px); } 
  to { opacity: 1; transform: scale(1) translateY(0); } 
}

.shop-card {
  background: rgba(15, 15, 26, 0.92);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.shop-card:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(167, 139, 250, 0.5);
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4), 
              0 10px 10px -6px rgb(0 0 0 / 0.4);
}

.category-tab {
  position: relative;
  transition: all 0.2s ease;
}

.category-tab.active {
  background: rgba(167, 139, 250, 0.15);
  color: #a78bfa;
  border-color: #a78bfa;
}

.category-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: linear-gradient(to right, transparent, #a78bfa, transparent);
}

.term-option {
  transition: all 0.2s ease;
}

.term-option.active {
  border-color: #a78bfa !important;
  background: rgba(167, 139, 250, 0.12) !important;
}

.section-title {
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}

.minecraft-gradient {
  background: linear-gradient(90deg, #a78bfa, #c084fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shop-grid {
  scrollbar-width: thin;
  scrollbar-color: rgba(167, 139, 250, 0.3) transparent;
}

.mobile-menu {
  animation: slideIn 0.3s ease forwards;
}

@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.price-badge {
  background: linear-gradient(145deg, #166534, #4ade80);
  color: white;
  box-shadow: 0 0 15px rgba(74, 222, 128, 0.3);
}