/* =========================================================
   GOMMA WELL V30 — SUBPÁGINA "KITS E QUANTIDADES"
   Estilos de apoio para kits.html. Reaproveita ao máximo
   componentes já existentes (section, section-heading,
   info-card, benefit-grid, qty-kit-card, cta-band, faq-list)
   — só adiciona o necessário para a introdução da página e
   pequenos ajustes de espaçamento entre os três blocos.
   ========================================================= */

.kits-hero{
  padding:56px max(5vw,20px) 10px;
  max-width:900px;
}
.kits-hero h1{
  font-size:clamp(44px,6vw,74px);
  line-height:.95;
  letter-spacing:-.05em;
  margin:0 0 16px;
}
.kits-hero-lead{
  font-size:17px;
  color:var(--muted);
  max-width:600px;
  margin:0;
}

.kit-block{border-top:0}
.kit-block:not(.kit-block-hidden) ~ .kit-block:not(.kit-block-hidden){border-top:1px solid var(--line)}

/* Controlado por v31-kits-filtro.js: quando um produto é
   identificado pela URL (#neuro-kids / #melatonina / #creatina),
   os blocos dos outros produtos recebem esta classe e somem —
   sem ela, todos os blocos ficam visíveis normalmente. */
.kit-block-hidden{display:none}

.kit-features{margin-bottom:30px}

.kit-card{max-width:480px}

.kit-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  font-size:13px;
  font-weight:900;
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.kit-link span{font-size:14px}

@media(max-width:720px){
  .kits-hero{padding:36px 20px 6px}
  .kit-card{max-width:none}
}