/* Home — tablette explicite (768–1023px), page-scoped. */
@media (min-width:768px) and (max-width:1023px){
  body[data-page="home"] main > section.container{margin-bottom:92px}
  body[data-page="home"] .row-head{margin-bottom:28px}
  body[data-page="home"] #reco-grid .card,
  body[data-page="home"] #pop-grid .card{flex:0 0 clamp(152px,16vw,190px);width:clamp(152px,16vw,190px)}
  body[data-page="home"] #maj-list .maj-item{flex:0 0 clamp(280px,29vw,390px);width:clamp(280px,29vw,390px)}
  body[data-page="home"] #trend-row .trend-item{flex:0 0 212px;width:212px;min-width:212px}
  body[data-page="home"] #trend-row .trend-main{width:162px}
  body[data-page="home"] #new-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}
  body[data-page="home"] #genres-row{gap:10px}
  body[data-page="home"] .stats-bar .stat{flex-basis:min(300px,76vw)}
}
@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){
  body[data-page="home"] #reco-grid .card,
  body[data-page="home"] #pop-grid .card{flex-basis:clamp(152px,16vw,190px);width:clamp(152px,16vw,190px)}
  body[data-page="home"] #maj-list .maj-item{flex-basis:clamp(280px,29vw,390px);width:clamp(280px,29vw,390px)}
}
@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){
  body[data-page="home"] #reco-grid .card,
  body[data-page="home"] #pop-grid .card{flex-basis:clamp(152px,16vw,190px);width:clamp(152px,16vw,190px)}
  body[data-page="home"] #maj-list .maj-item{flex-basis:clamp(280px,29vw,390px);width:clamp(280px,29vw,390px)}
}
