.carte{position:relative;display:grid;grid-template-rows:auto 1fr;grid-gap:10px;gap:10px;padding:10px;background:var(--card);border:1.5px solid var(--line);transition:transform var(--fast) var(--ease);will-change:transform}.carte:after{content:"";position:absolute;inset:-1.5px;box-shadow:0 12px 28px rgba(21,31,58,.14);opacity:0;transition:opacity var(--fast) var(--ease);pointer-events:none}.carte:hover{transform:translateY(-2px)}.carte:hover:after{opacity:1}.carte:hover .pastille{transform:scale(1.5)}.carte .img{aspect-ratio:4/5;background:#fff;overflow:hidden;display:grid;place-items:center;border:1.5px solid var(--line)}.carte .img img{width:100%;height:100%;object-fit:contain}.carte .img.ctx img{object-fit:cover}.carte .nom{display:flex;align-items:center;gap:8px;font-family:Archivo Expanded,Archivo,Arial,sans-serif;font-stretch:125%;font-weight:900;font-size:16px;line-height:1.1}.carte .usage{font-size:13px;color:var(--ink);margin-top:4px;line-height:1.4}.carte .formats{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.carte .formats span{font-size:11px;font-weight:800;padding:3px 8px;background:var(--t2);color:var(--bleu)}.carte .rend{margin-top:8px;font-size:13px;font-weight:800}.carte .rend small{display:block;font-size:11px;font-weight:600;color:var(--muted)}.carte .pictos{margin-top:8px}.carte .corps{display:flex;flex-direction:column}.cardp .pictos{margin-bottom:8px}.img.sans{display:grid;place-items:center;padding:12px;text-align:center;font-family:Archivo Expanded,Archivo,Arial,sans-serif;font-stretch:125%;font-weight:900;font-size:15px;line-height:1.1;color:rgba(21,31,58,.3);overflow-wrap:anywhere}.fam-eau-fond{background:rgba(69,157,221,.12)}.fam-primaire-fond{background:rgba(152,210,32,.12)}.fam-alkyde-fond{background:rgba(244,241,30,.12)}.fam-enduit-fond{background:rgba(243,114,23,.12)}.fam-colle-fond{background:rgba(235,28,36,.12)}.fam-sanitaire-fond{background:rgba(50,67,156,.12)}.cardp{display:grid;grid-template-columns:120px 1fr;grid-gap:14px;gap:14px;align-items:start;padding:12px}.cardp .img{border:1.5px solid var(--line);background:#fff;overflow:hidden;aspect-ratio:4/5;display:grid;place-items:center;padding:6px}.cardp .img img{width:100%;height:100%;object-fit:contain}.cardp .nom{font-family:Archivo Expanded,Archivo,Arial,sans-serif;font-stretch:125%;font-weight:900;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.1}.cardp .prom{font-size:13px;margin:6px 0 8px;line-height:1.4}.cardp table{width:100%;border-collapse:collapse;font-size:13px}.cardp td{padding:5px 0;border-top:1.5px solid var(--line);vertical-align:top}.cardp td:first-child{color:var(--muted);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;width:78px;padding-top:7px}.cardp .formats{display:flex;gap:4px;flex-wrap:wrap}.cardp .formats span{font-size:11px;font-weight:800;padding:2px 8px;background:var(--t2);color:var(--bleu)}.cardp .foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px;flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.carte:hover,.carte:hover .pastille{transform:none}}@media (max-width:767px){.carte{padding:8px}.carte .nom{font-size:14px}.carte .usage{font-size:12px}.cardp{grid-template-columns:96px 1fr}}