/* systeme: planche-blister */
/* Photos locales : même ratio, recadrage sans étirement. Le gabarit de la page reste en place. */
.cb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none}
.cb-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:861px){
 .cb-grid.cols-5{grid-template-columns:repeat(6,minmax(0,1fr))}
 .cb-grid.cols-5>li{grid-column:span 2}
 .cb-grid.cols-5>li:nth-child(4){grid-column:2 / span 2}
 .cb-grid.cols-5>li:nth-child(5){grid-column:4 / span 2}
 /* 7 tuiles : 4 + 3, pas de 7ᵉ seule sur sa ligne */
 .cb-grid:not(.cols-2):not(.cols-5){grid-template-columns:repeat(12,minmax(0,1fr))}
 .cb-grid:not(.cols-2):not(.cols-5)>li{grid-column:span 3}
 .cb-grid:not(.cols-2):not(.cols-5)>li:nth-child(n+5){grid-column:span 4}
}
.cb-grid li{min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}
.cb-grid figure{margin:0}
.cb-grid img,.cb-shot{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block;background:#fff}
.cb-grid figcaption{display:block;padding:12px 16px 16px;font-size:14px;line-height:1.45;color:#5a6b7d}
.stage .cb-shot{border-radius:16px}
.cnt .ed-row:has(.cb-shot){grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.cnt .ed-row.rev:has(.cb-shot) .ed-fig{order:2}
.cnt .ed-row .cb-shot,.capfig .cb-shot{aspect-ratio:4/3}
.cb-refs li.no-th{grid-template-columns:1fr auto}
.hero-panel.cb-hero-text{grid-template-columns:minmax(0,1fr)}
@media (max-width:860px){
 .cb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cb-grid>li{grid-column:auto}
 .capgrid:has(.cb-shot):not(.n1){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cnt .ed-row:has(.cb-shot),.cnt .ed-row.rev:has(.cb-shot){grid-template-columns:1fr;gap:16px}
 .cnt .ed-row.rev:has(.cb-shot) .ed-fig{order:0}
 .cnt .ed-row .cb-shot{aspect-ratio:4/3}
}
@media (max-width:375px){
 .cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
