/* V1.26.67 — canvas mobile com 5px de respiro geral.
   O hero da campanha permanece full-bleed como no layout original.
   A barra de rolagem fica invisível sem bloquear o gesto/scroll. */
@media (max-width:700px){
  :root{--campaign-mobile-page-gutter:5px}

  header > .container,
  main > section > .container,
  footer > .container,
  .legal-information > .container{
    width:calc(100% - (var(--campaign-mobile-page-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Conteúdo geral acompanha a nova área útil de 5px por lado. */
  #campanha .layout,
  #campanha .layout > div:first-child,
  #campanha .campaign-post-hero-content,
  #campanha #pacotes-promocionais,
  #campanha #campaignTagsCenter,
  #campanha #comprar.buy,
  #cotas-premiadas > .container.prize-section-white-card,
  #caixinhas-premiadas > .container.prize-section-white-card,
  #roleta-instantanea-card > .wheel-unified-white-card,
  #resultados > .container.ranking-section-white-card{
    width:100%!important;
    max-width:100%!important;
  }

  /* Hero continua de uma lateral da viewport à outra, como antes.
     Também neutraliza o conflito que deixou uma sobra à direita na V1.26.66. */
  #campanha .campaign-hero-card{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  #campanha .campaign-hero-card > .cover,
  #campanha .campaign-hero-card > .campaign-hero-copy,
  #campanha .campaign-hero-card > .campaign-my-titles-bar,
  #campanha .campaign-hero-card > .campaign-hero-progress,
  #campanha .campaign-hero-card .campaign-progress-square{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Botões/controles de adicionar cotas seguem a largura útil ampliada. */
  #campanha #packs,
  #campanha .packs,
  #campanha .qty-row,
  #campanha #checkoutBtn{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Scroll continua funcional; somente o indicador visual é escondido. */
html,body{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}