/* style.css */
/* Import Tailwind jika build manual */
/* @import 'tailwindcss/base'; */
/* @import 'tailwindcss/components'; */
/* @import 'tailwindcss/utilities'; */

/* Custom: */
body {
  font-family: 'Inter', Arial, sans-serif;
  background: #f8fafc;
}
.header-fixed {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 20;
  background: #fff;
  box-shadow: 0 2px 10px #0001;
}
.footer-fixed {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 10;
  background: #f1f5f9;
  border-top: 1px solid #e5e7eb;
}
.kategori-card:hover {
  box-shadow: 0 8px 32px #3b82f640;
  transform: translateY(-4px) scale(1.04);
}
input, select {
  outline: none;
}
@media (max-width: 640px) {
  .kategori-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}