/* Variante B « sobre » de la fiche produit [zk_fiche] (proposition du 2026-11-07, non activée).
   Idée : on garde les couleurs du site, mais on retire le cadre et les cases ; la note se lit en points (5 points = 5/5).
   Activation : classe zk-v3 sur .zk-fiche + ce fichier après zk.css. Même balisage, mêmes données. */
.zk.zk-fiche.zk-v3{border:0;border-top:4px solid var(--navy);border-radius:0;padding:22px 0 0;background:transparent;margin:34px 0}
.zk-v3 .zk-fiche-top{grid-template-columns:minmax(210px,270px) 1fr;gap:34px}
.zk-v3 .zk-fiche-vis{align-self:start}
.zk-v3 .zk-fiche-img img{max-height:290px}
.zk-v3 .zk-fiche-gal a{border-radius:4px}
.zk-v3 .zk-fam{font-size:14px;font-weight:600;color:var(--mute)}
.zk-v3 .zk-fiche-name{font-size:clamp(26px,3.6vw,38px);font-stretch:112%;font-weight:800;line-height:1.08;letter-spacing:-.01em;margin:4px 0 16px}

/* Note : un grand chiffre, quatre lignes de points. */
.zk-v3 .zk-fiche-note{background:none;border-radius:0;padding:0;gap:clamp(18px,3vw,32px);grid-template-columns:auto 1fr;align-items:end}
.zk-v3 .zk-fiche-note .zk-big{font-size:clamp(64px,8vw,84px);font-stretch:72%;text-align:left;letter-spacing:-.02em;color:var(--navy)}
.zk-v3 .zk-fiche-note .zk-big small{font-size:20px}
.zk-v3 .zk-bars{gap:9px}
.zk-v3 .zk-bar{grid-template-columns:1fr 112px 34px;gap:1px 14px;align-items:center}
.zk-v3 .zk-bar span{font-weight:600}
.zk-v3 .zk-bar em{text-align:right;font-weight:800;color:var(--ink)}
.zk-v3 .zk-bar small{margin-top:0}
.zk-v3 .zk-bar i{height:14px;border-radius:0;overflow:hidden;background:none;
	background-image:radial-gradient(circle at 11px 7px,#c9d6df 5px,transparent 5.5px);background-size:22px 14px}
.zk-v3 .zk-bar i b{height:14px;border-radius:0;background:none;
	background-image:radial-gradient(circle at 11px 7px,var(--navy) 5px,transparent 5.5px);background-size:22px 14px}
.zk-v3 .zk-bar i{width:110px}

.zk-v3 .zk-verdict{font-size:17px;max-width:56ch;margin:20px 0 16px}
.zk.zk-fiche.zk-v3 .zk-btn.zk-cta{border-radius:4px;padding:13px 24px}

/* Reste à plat. */
.zk-v3 .zk-plate{border:0;border-radius:0;background:none;gap:0 28px;margin:26px 0 20px}
.zk-v3 .zk-plate div{background:none;padding:12px 0 10px;border-top:1px solid var(--line)}
.zk-v3 .zk-plate strong{font-size:20px;font-stretch:84%;font-weight:800}
.zk-v3 .zk-sub{font-size:19px;font-stretch:90%;font-weight:800}
.zk-v3 .zk-pm{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);gap:34px}

@media(max-width:700px){
	.zk-v3 .zk-fiche-note{grid-template-columns:1fr;align-items:start}
	.zk-v3 .zk-bar{grid-template-columns:1fr 112px 34px}
}