/* aquablissfilter.com – custom overrides (Tailwind handles layout) */

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

:root {
  --teal: #0D9488;
  --teal-dark: #0F766E;
  --navy: #0F172A;
  --grey-light: #F8FAFC;
}

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

.btn-primary {
  display: inline-block;
  background: var(--teal);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.btn-primary:hover { background: var(--teal-dark); }

.product-card {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.2s;
}
.product-card:hover { box-shadow: 0 4px 20px rgba(13,148,136,0.12); }

.star-rating { color: #f59e0b; }

.disclosure {
  font-size: 0.75rem;
  color: #94a3b8;
}

.comparison-table th { background: var(--navy); color: #fff; }
.comparison-table td, .comparison-table th { padding: 0.75rem 1rem; }
.comparison-table tr:nth-child(even) { background: #f8fafc; }

.faq-item summary { cursor: pointer; font-weight: 600; padding: 1rem 0; }
.faq-item summary::-webkit-details-marker { display: none; }

/* water-drop accent */
.water-accent { border-left: 4px solid var(--teal); padding-left: 1rem; }