/* Explore mobile horizontal rails — v353 */
@media (max-width: 900px){
  /* Em alta em Esparta: keep sections stacked, but each section becomes a horizontal rail. */
  .ss352-trends{
    display:block!important;
    padding:0 0 12px!important;
  }
  .ss352-trendcol{
    margin:0 12px 12px;
    padding:10px 10px 12px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:10px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .ss352-trendcol::-webkit-scrollbar{display:none}
  .ss352-trendcol h4{
    display:block;
    width:100%;
    margin:0 0 9px;
    white-space:normal;
  }
  .ss352-trenditem{
    display:inline-flex!important;
    flex-direction:column;
    justify-content:center;
    vertical-align:top;
    width:min(78vw,290px)!important;
    min-height:78px;
    box-sizing:border-box;
    margin:0 8px 0 0!important;
    padding:10px 11px!important;
    white-space:normal;
    scroll-snap-align:start;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:#101720!important;
  }
  .ss352-trenditem:last-child{margin-right:0!important}
  .ss352-trenditem b{
    font-size:13px!important;
    line-height:1.25;
  }
  .ss352-trenditem span{
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.35;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space:normal;
  }
  .ss352-tags{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    padding-bottom:3px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .ss352-tags::-webkit-scrollbar{display:none}
  .ss352-tag{flex:0 0 auto;scroll-snap-align:start}

  /* Sugestões para você: cards swipe sideways instead of stacking vertically. */
  .social340-suggest{
    overflow:hidden;
  }
  .social340-suggest-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 2px 5px;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .social340-suggest-grid::-webkit-scrollbar{display:none}
  .social340-person{
    flex:0 0 min(82vw,330px)!important;
    max-width:330px;
    box-sizing:border-box;
    scroll-snap-align:start;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .social340-person .btn{
    grid-column:1/-1;
    width:100%;
  }

  /* Make the next card peek into view to signal horizontal navigation. */
  .ss352-trendcol,
  .social340-suggest-grid{
    padding-right:34px;
  }
}

@media (max-width: 430px){
  .ss352-trenditem{width:76vw!important;min-height:74px}
  .social340-person{flex-basis:79vw!important}
}