/* Custom additions on top of Tailwind utility classes */
:root{--toast-bg:#111827;--toast-text:#fff}
body{font-family:Poppins, Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}

/* Card tweaks for home */
.card{background:var(--card-bg,#fff);border-radius:.75rem;padding:1.2rem;border:1px solid rgba(0,0,0,0.04);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.card-title{font-weight:600;margin-bottom:.5rem}

/* Toast notifications */
.toast-container{position:fixed;right:1rem;bottom:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}
.toast{background:var(--toast-bg);color:var(--toast-text);padding:.6rem .9rem;border-radius:.5rem;box-shadow:0 6px 18px rgba(0,0,0,0.08);font-size:.95rem}

/* Spinner overlay */
.spinner-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;z-index:9998}
.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,0.2);border-top-color:#fff;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Small helpers */
.text-muted{color:#6B7280}

@media (max-width: 640px) {
	.card-title { font-size: 1rem; }
	.card { padding: .8rem; }
}

/* Cart specific styles */
.kit-card { border-radius: 1rem; box-shadow: 0 10px 30px rgba(16,24,40,0.06); }
.kit-badge { background:#E9F2FF; color:var(--tw-color-primary,#4A90E2); padding:4px 10px; border-radius:9999px; font-weight:600; display:inline-block }
.price { color:#2B7BD3; font-weight:800 }
.qty-btn { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; border:1px solid rgba(0,0,0,0.06); background:transparent }
.product-row { display:flex; align-items:center; justify-content:space-between }
.product-name { color:var(--text-light,#2D3748) }

/* Review panel specific */
.kit-review { max-width:360px }
.kit-review .qty-btn { width:32px; height:32px; border-radius:8px; background:#F3F9FF; border:1px solid rgba(74,144,226,0.15); color:#1E63A7 }
.kit-review .text-primary { color:#1E63A7 }
.kit-review input { border:1px solid rgba(0,0,0,0.06) }

/* small adjustments for table look in kit detail */
table.min-w-full td, table.min-w-full th { background: transparent }