/* Nebula Scans — Home desktop layer, page-scoped. */
@media screen and (min-width:1101px){
  body[data-page="home"] #today-row,
  body[data-page="home"] #reco-grid,
  body[data-page="home"] #pop-grid{gap:12px!important}

  /* Recommandé + Populaires : même largeur de carte que la référence desktop globale. */
  body[data-page="home"] #reco-grid .card,
  body[data-page="home"] #pop-grid .card{
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
  }

  /* Dernières mises à jour : grille PC régulière et équilibrée. */
  body[data-page="home"] #maj-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  body[data-page="home"] #maj-list .maj-item{
    display:flex!important;
    flex:unset!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:158px!important;
    height:100%!important;
    box-sizing:border-box!important;
    align-items:flex-start!important;
    gap:14px!important;
    padding:16px!important;
  }
  body[data-page="home"] #maj-list .maj-item>a:first-child{
    flex:0 0 68px!important;
    width:68px!important;
    min-width:68px!important;
  }
  body[data-page="home"] #maj-list .maj-item>a:first-child img{
    width:68px!important;
    height:92px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  body[data-page="home"] #maj-list .maj-item>div{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
  }
  body[data-page="home"] #maj-list .maj-title{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-page="home"] #maj-list .chap-line{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Tendances : le numéro conserve sa signature Nebula, mais la couverture reprend
     exactement la largeur projet desktop de la référence (170px). */
  body[data-page="home"] #trend-row .trend-item{
    flex:0 0 236px!important;
    width:236px!important;
    min-width:236px!important;
    max-width:236px!important;
  }
  body[data-page="home"] #trend-row .trend-main{
    width:170px!important;
    min-width:170px!important;
  }
  body[data-page="home"] #trend-row .trend-cover{
    width:170px!important;
    aspect-ratio:280/400!important;
  }

  body[data-page="home"] #trend-row,
  body[data-page="home"] #maj-list{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important}
  body[data-page="home"] #trend-row.is-dragging,
  body[data-page="home"] #maj-list.is-dragging{cursor:grabbing!important}
  body[data-page="home"] #trend-row img,
  body[data-page="home"] #maj-list img{-webkit-user-drag:none!important;user-drag:none!important}
  body[data-page="home"] .hero-slide{transition:opacity 1.95s var(--ease-io),visibility 1.95s!important}
}

@media screen and (min-width:1550px){
  body[data-page="home"] #maj-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}