/* Mise en page desktop resserrée (≥ 1100 px) : 1120 px de contenu, 4 annonces par ligne, marges latérales pour de futures bannières. */
/* Préprod uniquement : test d'une mise en page desktop plus resserrée (marges latérales libres pour de futures bannières),
   4 annonces par ligne. Rien ne change sous 1100 px (tablette, mobile). */
@media (min-width:1100px){
  :root{--wrap:1120px}
  body{font-size:16px}
  .section{padding-top:72px}
  .h2{font-size:clamp(28px,3.2vw,40px)}
  .hero{padding:72px 0}
  .hero-in{grid-template-columns:minmax(0,620px) 380px;gap:40px}
  .hero .h1{font-size:clamp(44px,5.4vw,76px)}
  .grid{gap:16px}
  .grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* Cartes d'annonces plus compactes */
  .dossard-card{padding:16px;gap:10px}
  .dc-top{gap:10px}
  .dc-title{font-size:15px;line-height:1.3}
  .dc-meta{font-size:13px}
  .dc-price{font-size:20px}
  .dc-desc{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .dc-foot{padding-top:12px;gap:8px}
  .dc-author{font-size:13px}
  .dc-foot .btn{height:34px;padding:0 14px;font-size:13px}
  .dossard-card .tag{height:20px;font-size:10px;padding:0 8px}
  /* Cartes de courses */
  .course-card{padding:18px;gap:8px}
  .course-card h3{font-size:18px}
  .course-card .counts{font-size:13px;gap:12px}
  .steps{gap:16px}.step{padding:22px}
  .faq{gap:16px}.faq-item{padding:22px}.faq-item h3{font-size:19px}
  .course-layout{gap:32px}
}