@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@layer components {

    .container-auth {
        @apply min-h-screen grid place-items-center bg-gray-50 p-6;
    }

    /* Product Grid */
    .product-grid {
        @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6;
    }

    .product-grid__pagination {
        @apply mt-8;
    }
}