/* V1.26.71 — Mobile: trava os cards grandes de premiação dentro do gutter real de 5px.
   Esta folha é carregada por último para vencer regras legadas/específicas que ainda
   forçavam width:100%!important nos cards externos. Não altera scroll nem desktop. */
@media (max-width:700px){
  :root{--campaign-mobile-page-gutter:5px}

  body #roleta-instantanea-card > .container.wheel-unified-white-card,
  body #caixinhas-premiadas > .container.prize-section-white-card,
  body #cotas-premiadas > .container.prize-section-white-card,
  body #resultados > .container.ranking-section-white-card{
    box-sizing:border-box!important;
    width:calc(100% - (var(--campaign-mobile-page-gutter) * 2))!important;
    max-width:calc(100% - (var(--campaign-mobile-page-gutter) * 2))!important;
    min-width:0!important;
    margin-left:var(--campaign-mobile-page-gutter)!important;
    margin-right:var(--campaign-mobile-page-gutter)!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
    right:auto!important;
  }

  /* Os conteúdos internos nunca podem ampliar novamente o card externo. */
  body #roleta-instantanea-card > .wheel-unified-white-card > *,
  body #caixinhas-premiadas > .prize-section-white-card > *,
  body #cotas-premiadas > .prize-section-white-card > *,
  body #resultados > .ranking-section-white-card > *{
    box-sizing:border-box!important;
    max-width:100%!important;
    min-width:0!important;
  }
}