/* =================================================
   Page /impression-etiquettes — landing commerciale service d'impression
   Namespace .impression-* — zero inline style, tokens only
   ================================================= */

/* ---------- Process : 4 étapes (intro section, fond blanc → cards gris) ---------- */
.impression-process{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5);margin-top:var(--s-8)}
.impression-process__step{background:var(--gris);padding:var(--s-6);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--s-3);transition:transform .25s ease,box-shadow .25s ease}
.impression-process__step:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,24,46,.08)}
.impression-process__icon{font-size:2.5rem;line-height:1;display:inline-flex}
.impression-process__icon--etiquette{color:var(--bleu-etiquette)}
.impression-process__icon--imprimante{color:var(--bleu-imprimante)}
.impression-process__icon--etiqueteuse{color:var(--bleu-etiqueteuse)}
.impression-process__icon--jaune{color:var(--jaune)}
.impression-process__step h3{margin:0;font-size:var(--fs-h5)}
.impression-process__step p{margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}

@media (max-width:1023px){.impression-process{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.impression-process{grid-template-columns:1fr;gap:var(--s-4)}}

/* ---------- Procédés d'impression : 4 cards gris (sur section blanc) avec border-left silo color ---------- */
.impression-procedes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-6);margin-top:var(--s-8)}
.impression-procede{padding:var(--s-6);background:var(--gris);border-left:4px solid var(--bleu-etiquette);border-radius:0 var(--r-md) var(--r-md) 0;display:flex;flex-direction:column;gap:var(--s-3);transition:transform .25s ease,box-shadow .25s ease}
.impression-procede:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,24,46,.08)}
.impression-procede--etiquette{border-left-color:var(--bleu-etiquette)}
.impression-procede--imprimante{border-left-color:var(--bleu-imprimante)}
.impression-procede--etiqueteuse{border-left-color:var(--bleu-etiqueteuse)}
.impression-procede--jaune{border-left-color:var(--jaune)}
.impression-procede h3{margin:0;font-size:var(--fs-h4)}
.impression-procede p{margin:0;font-size:var(--fs-body);line-height:1.55}
.impression-procede strong{color:var(--bleu-principal);font-weight:600}

@media (max-width:767px){.impression-procedes{grid-template-columns:1fr;gap:var(--s-5)}}

/* CTA micro post-procédés — "pas sûr ?" */
.impression-procede-help{margin-top:var(--s-7);padding:var(--s-5) var(--s-6);background:rgba(243,198,43,.08);border-left:3px solid var(--jaune);border-radius:var(--r-md);display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;justify-content:space-between}
.impression-procede-help__text{display:flex;align-items:center;gap:var(--s-3);margin:0;flex:1 1 300px}
.impression-procede-help__icon{font-size:1.5rem;color:var(--jaune);line-height:1;flex-shrink:0}
.impression-procede-help strong{color:var(--bleu-principal);font-weight:600}

/* ---------- Matières / Adhésifs / Finitions : 3 blocs ---------- */
.impression-materiaux{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-top:var(--s-8)}
.impression-materiaux__block{padding:var(--s-6);background:var(--blanc);border-radius:var(--r-md);border:1px solid rgba(15,24,46,.06);display:flex;flex-direction:column;gap:var(--s-4)}
.impression-materiaux__head{display:flex;align-items:center;gap:var(--s-3)}
.impression-materiaux__icon{font-size:1.75rem;color:var(--jaune);line-height:1}
.impression-materiaux__block h3{margin:0;font-size:var(--fs-h5)}
.impression-materiaux__block ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}
.impression-materiaux__block li{font-size:var(--fs-body);line-height:1.5;padding-left:var(--s-4);position:relative}
.impression-materiaux__block li::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--jaune);border-radius:50%}
.impression-materiaux__block li strong{display:block;margin-bottom:2px;color:var(--bleu-principal);font-weight:600}

@media (max-width:1023px){.impression-materiaux{grid-template-columns:1fr;gap:var(--s-5)}}

/* CTA micro post-matières — "commander kit échantillons" */
.impression-materiaux-nudge{margin-top:var(--s-7);text-align:center}
.impression-materiaux-nudge p{margin:0 0 var(--s-4);font-size:var(--fs-h6);color:var(--muted)}

/* ---------- Délais & volumes : 2 cards gris (sur section blanc) ---------- */
.impression-delais{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);margin-top:var(--s-8)}
.impression-delai-card{padding:var(--s-7);background:var(--gris);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--s-4);transition:transform .25s ease,box-shadow .25s ease}
.impression-delai-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,24,46,.08)}
.impression-delai-card__badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);background:rgba(243,198,43,.12);border-radius:var(--r-pill);font-size:.8125rem;font-weight:600;color:var(--bleu-principal);align-self:flex-start}
.impression-delai-card__badge i{font-size:1rem;color:var(--jaune)}
.impression-delai-card h3{margin:0;font-size:var(--fs-h4)}
.impression-delai-card p{margin:0;flex-grow:1}
.impression-delai-card strong{color:var(--bleu-principal);font-weight:600}
.impression-delai-card .bouton-bleu,
.impression-delai-card .bouton-blanc{align-self:flex-start}

@media (max-width:767px){.impression-delais{grid-template-columns:1fr;gap:var(--s-5)}}