.carte{position:relative;display:grid;grid-template-rows:auto 1fr;grid-gap:14px;gap:14px;padding:0 0 var(--u-espace-1);border-bottom:var(--u-filet-epaisseur) solid var(--u-filet);transition:border-color var(--u-duree-etat) var(--u-courbe)}.carte:hover{border-color:var(--u-bleu)}.carte:hover .pastille{transform:scale(1.5)}.carte .img{aspect-ratio:4/5;background:var(--u-carte);overflow:hidden;display:grid;place-items:center;border-radius:var(--u-rayon-vignette)}.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-weight:var(--u-graisse-ui);font-size:var(--u-t-h4);line-height:var(--u-inter-h4)}.carte .usage{font-size:var(--u-t-petit);color:var(--u-encre);margin-top:var(--u-pas-1);line-height:var(--u-inter-petit)}.carte .formats{display:flex;flex-wrap:wrap;gap:var(--u-pas-1);margin-top:8px}.carte .formats span{font-size:var(--u-t-surtitre);font-weight:var(--u-graisse-ui);padding:3px 8px;border-radius:var(--u-rayon-pastille);background:var(--u-teinte-2);color:var(--u-bleu);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.carte .rend{margin-top:10px;font-size:var(--u-t-petit);font-weight:var(--u-graisse-ui);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.carte .rend small{display:block;font-size:var(--u-t-surtitre);font-weight:var(--u-graisse-courant);color:var(--u-secondaire);font-feature-settings:normal;font-variant-numeric:normal}.carte .pictos{margin-top:10px}.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-weight:var(--u-graisse-titre);font-size:var(--u-t-corps);line-height:var(--u-inter-titre);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:112px 1fr;grid-gap:16px;gap:16px;align-items:start;padding:0 0 var(--u-espace-1);border-bottom:var(--u-filet-epaisseur) solid var(--u-filet)}.cardp .img{border-radius:var(--u-rayon-vignette);background:var(--u-carte);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-weight:var(--u-graisse-ui);font-size:var(--u-t-h4);display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:var(--u-inter-h4)}.cardp .prom{margin:6px 0 10px;line-height:var(--u-inter-petit)}.cardp .prom,.cardp table{font-size:var(--u-t-petit)}.cardp table{width:100%;border-collapse:collapse;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.cardp td{padding:5px 0;border-top:var(--u-filet-epaisseur) solid var(--u-filet);vertical-align:top}.cardp td:first-child{color:var(--u-secondaire);font-weight:var(--u-graisse-ui);font-size:var(--u-t-surtitre);letter-spacing:.1em;text-transform:uppercase;width:86px;padding-top:7px;font-feature-settings:normal;font-variant-numeric:normal}.cardp .formats{display:flex;gap:var(--u-pas-1);flex-wrap:wrap}.cardp .formats span{font-size:var(--u-t-surtitre);font-weight:var(--u-graisse-ui);padding:2px 8px;border-radius:var(--u-rayon-pastille);background:var(--u-teinte-2);color:var(--u-bleu);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.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 .pastille{transform:none}}@media (max-width:739px){.cardp{grid-template-columns:96px 1fr;gap:12px}}