/* =========================================================
   GOMMA WELL V36 — BLOCO DE TEXTO DO HERO ABAIXO DO MARQUEE
   (SOMENTE MOBILE, <=720px)

   Escopo: só a versão mobile. Desktop/tablet não são tocados
   (tudo aqui vive dentro de @media(max-width:720px) e mexe
   apenas em "order" do flex de <main>, técnica já usada pelo
   v25/v33 — nada de remover, duplicar ou alterar texto).

   O bloco já existia no código (#hero .hero-copy: eyebrow,
   h1, descrição, botões e selos de confiança). O v33 tinha
   escondido eyebrow/h1/descrição no mobile; aqui eles voltam
   a aparecer, e a seção #hero (que já tinha order:3, logo
   depois do marquee) passa a vir ANTES do carrossel de
   produtos (.product-story), que sobe de order:2 para
   order:4 — empatando com .quick-trust, cujo empate é
   resolvido pela ordem do documento (product-story continua
   vindo antes de quick-trust, exatamente como antes).

   Nova ordem visual no mobile:
   1 mobile-first-view → 2 marquee → 3 hero (bloco completo)
   → 4 product-story → 4 quick-trust → 7 testimonials/grid →
   8 manifesto → 10 trust → 12 faq → 13 newsletter
   ========================================================= */

@media(max-width:720px){
  #hero .hero-copy>p.eyebrow,
  #hero .hero-copy>h1,
  #hero .hero-copy>p.hero-description{
    display:block!important;
  }

  .product-story{order:4}
}