/* V15 — respiro, mobile-first e grade de resultados 4 x 2 no desktop */
html,body{overflow-x:hidden}
.wrap{width:min(calc(100% - 36px),1180px)!important}
.hero-card,.story-card,.myth-card,.edu,.video-card,.result,.method-step,.authority-card,.offer-card,.faq details,.article-card,.explain-card,.educational-offer,.creme-callout{min-width:0}
.story>* ,.education-grid>* ,.video-grid>* ,.results>* ,.method>* ,.faq>* ,.explain-grid>* ,.compare>* ,.timeline>*{min-width:0}
.btn,.top-cta,.result-cta{max-width:100%;overflow-wrap:anywhere}
.section-head h2,.section-head p,.hero h1,.hero-lead,.hero-emphasis{overflow-wrap:break-word}

/* Mais espaço interno nos cards no mobile */
@media(max-width:699px){
  .section{padding-top:50px!important}
  .story-card,.myth-card{padding:24px 21px!important}
  .edu{padding:20px!important}
  .video-caption{padding:18px!important}
  .result-body{padding:17px 18px!important}
  .method-step{padding:18px!important}
  .authority-copy{padding:22px!important}
  .offer-card{padding:24px 21px!important}
  .faq details{padding-left:18px!important;padding-right:18px!important}
  .article-card,.explain-card,.educational-offer,.creme-callout{padding:23px 21px!important}
  .timeline-step{padding:18px!important}

  /* Provas grandes: uma por vez, sem espremer a foto */
  .results-section .results{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:94%!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    gap:16px!important;
    padding:3px 1px 16px!important;
  }
  .results-section .result{scroll-snap-align:center!important}
  .results-section .result > button > img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
}

@media(min-width:700px) and (max-width:1099px){
  .wrap{width:min(calc(100% - 64px),1180px)!important}
  .results-section.wrap{width:min(calc(100% - 64px),1220px)!important;max-width:1220px!important}
  .results-section .results{
    display:grid!important;
    grid-auto-flow:initial!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:22px!important;
    padding:0!important;
  }
  .results-section .result > button > img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
}

@media(min-width:1100px){
  .wrap{width:min(calc(100% - 80px),1180px)!important}
  /* 8 provas = exatamente 2 linhas de 4 colunas */
  .results-section.wrap{width:min(calc(100% - 80px),1320px)!important;max-width:1320px!important}
  .results-section .results{
    display:grid!important;
    grid-auto-flow:initial!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:22px!important;
    padding:0!important;
  }
  .results-section .result > button > img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
  .results-section .result-body{padding:16px 17px!important}
}