body:has([data-sgt-infographies]) .sgt .sgt-tuiles{display:grid;grid-template-columns:repeat(var(--colonnes, 3),minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}body:has([data-sgt-infographies]) .sgt .sgt-tuile{position:relative;display:flex;flex-direction:column;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--rayon-media);background:var(--fond-media)}body:has([data-sgt-infographies]) .sgt .sgt-tuile__tete{flex:0 0 auto;padding:26px 24px 14px;text-align:center}body:has([data-sgt-infographies]) .sgt .sgt-tuile__titre{margin:0;font-family:var(--police-titre);font-weight:var(--graisse-titre);font-size:26px;line-height:1.15;color:var(--encre);text-wrap:balance}body:has([data-sgt-infographies]) .sgt .sgt-tuile__texte{margin:8px auto 0;max-width:32ch;font-size:var(--t-petit);line-height:1.45;color:var(--gris)}body:has([data-sgt-infographies]) .sgt .sgt-tuile__photo{position:relative;flex:1 1 auto;min-height:0}body:has([data-sgt-infographies]) .sgt .sgt-tuile__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}body:has([data-sgt-infographies]) .sgt .sgt-reperes{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin:0;padding:12px 6px;list-style:none;border-radius:var(--rayon);background:var(--fond);box-shadow:0 6px 22px color-mix(in srgb,var(--encre) 12%,transparent)}body:has([data-sgt-infographies]) .sgt .sgt-reperes li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.25;color:var(--encre)}body:has([data-sgt-infographies]) .sgt .sgt-reperes li+li{border-left:1px solid var(--filet)}body:has([data-sgt-infographies]) .sgt .sgt-reperes__icone{display:inline-flex;color:var(--marque)}body:has([data-sgt-infographies]) .sgp .sgp-lot:not(:has(.sgp-lot__panneau)) .sgp-lot__vignette{display:none}body:has([data-sgt-infographies]) .sgp .sgp-lot:not(:has(.sgp-lot__panneau)) .sgp-lot__tete{grid-template-columns:22px minmax(0,1fr) auto}body:has([data-sgt-infographies]) .sgp .sgp-lot:not(:has(.sgp-lot__panneau)) .sgp-lot__tete>.sgp-lot__eco{grid-column:2 / -1}@media(max-width:899px){body:has([data-sgt-infographies]) .sgt .sgt-tuiles{display:flex;gap:12px;margin:0 calc(-1 * var(--gouttiere));padding:0 var(--gouttiere) 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gouttiere);scrollbar-width:none}body:has([data-sgt-infographies]) .sgt .sgt-tuile{flex:0 0 82%;aspect-ratio:4 / 5;scroll-snap-align:start}body:has([data-sgt-infographies]) .sgt .sgt-tuile__tete{padding:18px 16px 10px}body:has([data-sgt-infographies]) .sgt .sgt-tuile__titre{font-size:21px}body:has([data-sgt-infographies]) .sgt .sgt-tuile__texte{font-size:13px}body:has([data-sgt-infographies]) .sgt .sgt-reperes{left:10px;right:10px;bottom:10px;padding:10px 2px}body:has([data-sgt-infographies]) .sgt .sgt-reperes li{padding:0 4px;font-size:11.5px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/sgt-infographies.css.map */