/* =========================================================
   GOMMA WELL V33 — ORDEM DO MOBILE (SOMENTE MOBILE, <=720px)
   Desktop não usa flex/order nas seções (isso é uma técnica
   exclusiva do mobile, já usada pelo v25) — nada aqui afeta
   telas acima de 720px.

   1) O carrossel de cenas (.product-story, id="produtos") não
      tinha valor de "order" definido no mobile — o v25 só
      conhecia a antiga .product-grid-section (removida quando
      o carrossel foi restaurado), então o carrossel ficava com
      order:0 (padrão) e aparecia ANTES de tudo, inclusive antes
      da tela dos 3 potes. Aqui ele recebe order:2, empatando
      com o marquee — como o carrossel já vem depois do marquee
      no HTML, o empate é resolvido pela ordem do documento e o
      carrossel passa a aparecer logo depois do marquee.

   2) Remove (só no mobile) o texto institucional que ficava
      entre a tela dos 3 potes e o marquee: eyebrow, título e
      descrição do hero. Botões e selos de confiança do hero
      continuam exibidos normalmente, mais abaixo na página.
   ========================================================= */

@media(max-width:720px){
  .product-story{order:2}

  #hero .hero-copy>p.eyebrow,
  #hero .hero-copy>h1,
  #hero .hero-copy>p.hero-description{
    display:none!important;
  }
}