/* franck-used-cars-characteristics — caractéristiques principales du véhicule (fiche VO).
   9 tuiles (3/ligne, toujours affichées, « - » si vide) + tuiles 1ʳᵉ main / garantie
   (conditionnelles, couleur pleine) + bande dimensions centrée. Variables CSS sur .fucc. */
.fucc{
    width:100%;
    margin-top:var(--fucc-mt,24px);
    margin-bottom:var(--fucc-mb,24px);
}
.fucc-card{
    background:var(--fucc-card-bg,#ffffff);
    border:var(--fucc-border-width,1px) solid var(--fucc-border-color,#e5e7eb);
    border-radius:var(--fucc-radius,16px);
    padding:20px 22px;
}
.fucc-head{
    display:flex; align-items:baseline; justify-content:space-between;
    gap:12px; margin-bottom:16px; flex-wrap:wrap;
}
.fucc-title{ font-size:20px; font-weight:500; color:var(--fucc-title-color,#1f2937); margin:0; }
.fucc-veh{ font-size:13px; color:#94a3b8; }

.fucc-highlights{
    display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:10px; margin-bottom:10px;
}
.fucc-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }

.fucc-tile, .fucc-hl{ border-radius:12px; padding:12px 14px; }
.fucc-tile{ background:#f5f6f7; }
.fucc-hl{ background:var(--fucc-accent,#1cb359); }
.fucc-tile-label{
    display:flex; align-items:center; gap:8px;
    font-size:var(--fucc-label-size,13px); color:var(--fucc-label-color,#64748b);
    margin-bottom:5px;
}
.fucc-tile-value{ font-size:var(--fucc-value-size,15px); font-weight:700; color:var(--fucc-value-color,#1f2937); }
.fucc-tile-label .fucc-ico{ color:var(--fucc-icon-color,#64748b); }
.fucc-hl .fucc-tile-label,
.fucc-hl .fucc-tile-label .fucc-ico{ color:var(--fucc-accent-label,#ffffff); }
.fucc-hl .fucc-tile-value{ color:var(--fucc-accent-text,#ffffff); }
.fucc-ico{ display:inline-flex; flex:0 0 auto; }
.fucc-ico svg{ width:18px; height:18px; display:block; }

.fucc-dims{
    display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
    gap:32px; margin-top:16px; padding-top:14px;
    border-top:1px solid var(--fucc-border-color,#e5e7eb);
}
.fucc-dims-head{ display:flex; align-items:center; gap:6px; font-size:16px; color:#64748b; }
.fucc-dim{ font-size:16px; color:#64748b; }
.fucc-dim b{ color:#1f2937; font-weight:700; }

@media(max-width:640px){ .fucc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .fucc-dims{ gap:20px; } }
@media(max-width:430px){ .fucc-grid{ grid-template-columns:1fr; } }