/* Santty — carrossel de vídeos mobile V3
   Objetivo: mostrar EXATAMENTE um vídeo por vez no celular.
   Os demais só aparecem quando a pessoa desliza horizontalmente. */
@media (max-width:720px){
  .results-video-showcase{
    position:relative;
    width:100%;
    max-width:100%;
    margin-top:24px!important;
    padding-top:26px!important;
    overflow:hidden!important;
    box-sizing:border-box;
  }

  .results-video-heading{
    display:block!important;
    width:100%;
    margin-bottom:16px!important;
    padding:0!important;
  }
  .results-video-heading .eyebrow{margin-bottom:7px!important}
  .results-video-heading h3{
    max-width:100%;
    margin:0!important;
    font-size:clamp(29px,8.2vw,34px)!important;
    line-height:.98!important;
    letter-spacing:-.025em;
  }
  .results-video-heading>div>p:last-child{
    max-width:330px;
    margin-top:10px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .results-video-badge{display:none!important}

  /* A própria faixa vira a janela do carrossel. Sem margem negativa,
     sem pedaço do próximo vídeo e sem provocar overflow na página. */
  .results-video-grid{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory!important;
    scroll-padding:0!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    box-sizing:border-box;
  }
  .results-video-grid::-webkit-scrollbar{display:none!important}

  .results-video-card{
    position:relative!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always;
    border-radius:22px!important;
    border:1px solid rgba(215,183,116,.24)!important;
    background:#030604!important;
    box-shadow:0 14px 34px rgba(0,0,0,.30)!important;
    transform:none!important;
    box-sizing:border-box;
  }

  .results-video-frame{
    width:100%!important;
    aspect-ratio:4/5!important;
    border-radius:inherit!important;
    overflow:hidden!important;
  }
  .results-video-frame video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .results-video-frame:after{
    z-index:1;
    height:40%!important;
    background:linear-gradient(0deg,rgba(2,5,3,.94) 0%,rgba(2,5,3,.56) 42%,transparent 100%)!important;
  }

  .results-video-live{
    top:11px!important;
    left:11px!important;
    padding:6px 9px!important;
    gap:5px!important;
    font-size:7.5px!important;
    letter-spacing:.09em!important;
    background:rgba(3,8,5,.78)!important;
  }
  .results-video-live i{width:6px!important;height:6px!important}

  .results-video-caption{
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:block!important;
    padding:30px 15px 15px!important;
    pointer-events:none;
  }
  .results-video-caption strong{
    display:block;
    color:#fff!important;
    font-size:19px!important;
    line-height:1.05!important;
    text-shadow:0 2px 10px rgba(0,0,0,.8);
  }
  .results-video-caption span{
    display:block;
    margin-top:5px;
    color:#bec7c0!important;
    font-size:10px!important;
    text-align:left!important;
  }

  .results-video-pagination{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    margin:12px 0 0;
    padding:0 2px;
    box-sizing:border-box;
  }
  .results-video-count{
    color:#9aa49d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .results-video-count b{color:var(--green);font-size:12px}
  .results-video-dots{display:flex;align-items:center;gap:7px}
  .results-video-dot{
    appearance:none;
    -webkit-appearance:none;
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#344039;
    cursor:pointer;
    transition:width .22s ease,background .22s ease,box-shadow .22s ease;
  }
  .results-video-dot[aria-current="true"]{
    width:24px;
    background:var(--green);
    box-shadow:0 0 12px rgba(32,240,68,.28);
  }

  .results-video-swipe{
    display:flex!important;
    width:100%;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:8px 0 0!important;
    color:#849087!important;
    font-size:9.5px!important;
    font-weight:800!important;
    letter-spacing:.045em;
    text-transform:uppercase;
  }
  .results-video-swipe span{color:var(--green)!important;font-size:13px!important}

  /* Protege a seção seguinte de qualquer largura residual do carrossel. */
  .results-video-showcase + *{max-width:100%}
}

@media (min-width:721px){
  .results-video-pagination{display:none!important}
}