* { box-sizing: border-box; }
body { margin: 0; }

@keyframes fade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade { animation: fade .4s ease both; }

@keyframes pop {
  0% { transform: scale(.6); opacity: 0; }
  60% { transform: scale(1.08); }
  100% { transform: scale(1); opacity: 1; }
}
.animate-pop { animation: pop .35s cubic-bezier(.2,1.4,.4,1) both; }

/* thin scrollbar for order summary */
.overflow-auto::-webkit-scrollbar { width: 6px; }
.overflow-auto::-webkit-scrollbar-thumb { background: #b9df9f; border-radius: 3px; }

/* better focus visibility */
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #388E3C;
  outline-offset: 2px;
}