/* =========================================================
   GOMMA WELL V29 — SEÇÃO "A SUPLEMENTAÇÃO MUDOU" (MARCA)
   Estiliza o novo conteúdo de posicionamento de marca dentro
   da seção .manifesto (mantém a logo grande já existente em
   .manifesto-art / .logo-panel, intocada). Também ajusta o
   slider de produtos (.product-grid-section) para ter apenas
   um CTA por card. Carregado por último para vencer a cascata.
   ========================================================= */

/* ---------- Título principal ---------- */
.gw-title{margin-bottom:6px}
.gw-title span:last-child{color:var(--lime)}

.gw-subtitle{
  margin:0 0 22px;
  font-size:19px;
  font-weight:850;
  color:#fff;
  max-width:520px;
}

/* ---------- "Por que Gommas?" ---------- */
.gw-why{
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.14);
}
.gw-why-title{
  margin:0 0 16px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--lime);
}
.gw-why-list{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.gw-why-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:16px;
  line-height:1.4;
  color:rgba(255,255,255,.88);
}
.gw-why-list li span{color:var(--pink);font-weight:950;flex:0 0 auto;margin-top:2px}
.gw-why-highlight{
  margin:0;
  font-size:15.5px;
  line-height:1.5;
  color:rgba(255,255,255,.65);
  max-width:520px;
}

/* ---------- Frase de impacto ---------- */
.gw-impact{
  margin:38px 0 0;
  font-size:clamp(30px,3.6vw,44px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:950;
}
.gw-impact span:first-child{color:rgba(255,255,255,.4)}
.gw-impact span:last-child{
  background:linear-gradient(95deg,var(--lime),var(--pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* ---------- FAQ da marca ---------- */
.gw-faq{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.14);
}
.gw-faq-title{
  margin:0 0 6px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--lime);
}
.gw-faq-list.faq-list details{border-top-color:rgba(255,255,255,.14)}
.gw-faq-list.faq-list details:last-child{border-bottom-color:rgba(255,255,255,.14)}
.gw-faq-list.faq-list summary{color:#fff;font-size:16px;padding:18px 0}
.gw-faq-list.faq-list summary i:before,
.gw-faq-list.faq-list summary i:after{background:var(--lime)}
.gw-faq-list.faq-list details>div p{color:rgba(255,255,255,.65);max-width:none}

@media(min-width:1101px){
  .gw-faq-list.faq-list summary{font-size:17px}
}

/* ---------- Slider de produtos: um único CTA por card ---------- */
.pgc-actions{flex-wrap:nowrap}
.pgc-actions .button{flex:1 1 auto;text-align:center}

@media(max-width:720px){
  .gw-why{margin-top:26px;padding-top:22px}
  .gw-why-list li{font-size:14.5px}
  .gw-why-highlight{font-size:14px}
  .gw-impact{margin-top:28px}
  .gw-faq{margin-top:30px;padding-top:22px}
  .gw-faq-list.faq-list summary{font-size:15px;padding:16px 0}
}