/* ===== Page produit · Fournil de Balzac — héritage fable-templates (06) ===== */
/* ---------- Fil d'Ariane ---------- */
.ariane{padding-block:22px 6px;font-size:.9rem;color:var(--encre-doux);}
.ariane a{color:var(--tomette-btn);text-decoration:none;font-weight:700;}
.ariane a:hover{text-decoration:underline;}
.ariane span{margin:0 8px;opacity:.6;}

/* ---------- Fiche produit ---------- */
.produit{padding-block:clamp(8px,2vw,20px) clamp(32px,6vw,56px);}
.produit__grille{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,44px);align-items:start;}
@media (min-width:860px){.produit__grille{grid-template-columns:1.05fr 1fr;}}

.produit__media{background:var(--blanc);border-radius:var(--rayon);box-shadow:var(--ombre);
  border:1px solid rgba(59,42,32,.06);padding:clamp(18px,4vw,32px);display:flex;flex-direction:column;align-items:center;}
.produit__media img{width:100%;height:auto;border-radius:var(--rayon-s);object-fit:cover;max-height:450px;}
.produit__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--titre);font-weight:800;
  font-size:.82rem;color:var(--prairie);background:var(--prairie-clair);
  padding:7px 14px;border-radius:999px;margin-top:14px;align-self:flex-start;}

.produit__info .titre{font-size:clamp(1.9rem,5.2vw,3rem);}
.produit__prix{font-family:var(--titre);font-weight:800;font-size:clamp(1.8rem,5vw,2.6rem);
  color:var(--encre);margin-top:10px;display:flex;align-items:baseline;gap:8px;}
.produit__prix small{font-size:1rem;font-weight:700;color:var(--encre-doux);}
.produit__desc{color:var(--encre-doux);font-size:1.08rem;margin-top:14px;max-width:46ch;}

/* fiches techniques : poids / réf */
.fiche{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.fiche__case{background:var(--creme-2);border-radius:var(--rayon-s);padding:14px 16px;}
.fiche__case b{display:block;font-family:var(--titre);font-weight:800;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.04em;color:var(--tomette-btn);}
.fiche__case span{font-weight:700;color:var(--encre);font-variant-numeric:tabular-nums;}

/* tags */
.tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;}
.tags span{font-size:.82rem;font-weight:700;color:var(--encre);background:var(--blanc);
  border:1px solid rgba(59,42,32,.16);padding:6px 12px;border-radius:999px;}

/* quantité + panier */
.acheter{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.acheter form {display:flex;flex-wrap:wrap;gap:14px;align-items:center;width:100%;}
.qte{display:inline-flex;align-items:center;border:2px solid var(--encre);border-radius:999px;overflow:hidden;}
.qte button{width:46px;height:52px;font-size:1.4rem;font-weight:800;color:var(--encre);background:var(--blanc);}
.qte button:hover{background:var(--creme-2);}
.qte output{min-width:42px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;}
.acheter .note{width:100%;font-size:.86rem;color:var(--encre-doux);margin-top:2px;}

/* ---------- Panneau « tokens extraits » ---------- */
.tokens{margin-top:clamp(28px,5vw,48px);background:var(--ardoise-clair);border-radius:var(--rayon);
  padding:clamp(20px,4vw,32px);}
.tokens h2{font-family:var(--titre);font-weight:800;font-size:clamp(1.3rem,4vw,1.8rem);color:var(--ardoise-fonce);}
.tokens p{color:var(--encre-doux);margin-top:8px;max-width:60ch;}
.tokens__grille{margin-top:18px;display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:720px){.tokens__grille{grid-template-columns:1fr 1fr;}}
.token{display:flex;align-items:baseline;gap:10px;background:var(--blanc);border-radius:var(--rayon-s);
  padding:10px 14px;border:1px solid rgba(59,42,32,.06);}
.token code{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:.86rem;font-weight:700;
  color:var(--tomette-btn);white-space:nowrap;}
.token span{font-size:.9rem;color:var(--encre-doux);}

/* ---------- Popup créneau de retrait (cf. centralpoint « Popup créneau de retrait », 2026-07-17) ---------- */
.popup{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(59,42,32,.4);padding:16px;}
.popup__boite{position:relative;background:var(--blanc);border-radius:var(--rayon);box-shadow:var(--ombre);
  width:100%;max-width:420px;padding:32px 24px 24px;text-align:center;}
.popup__fermer{position:absolute;top:14px;right:18px;font-size:28px;line-height:1;color:var(--encre);}
.popup__titre{font-size:clamp(1.4rem,4vw,1.8rem);}
.popup__soustitre{color:var(--encre-doux);margin-top:8px;}
.popup__actions{margin-top:22px;display:flex;flex-direction:column;gap:12px;}
.popup__actions .btn{width:100%;}