/* ═══════════════════════════════════════════════════════════════════
   OFFRE — cartes de prix communes à tariq-ai.com, customs. et tax.
   Même fichier sur les trois sites (jetons --color-* partagés).
   Miroir de la caisse (account.tariq-ai.com/bienvenue) : fanion,
   TTC en grand, HT dessous, économie, bouton, rappel de l'essai.
   v1 — 06/09/2026
   ═══════════════════════════════════════════════════════════════════ */

.bandeau-remise{display:flex;align-items:center;gap:1.1rem;margin:1.6rem 0 0;padding:1rem 1.3rem;
  background:var(--color-garance);color:var(--color-papier);border-radius:var(--radius-tq-lg)}
.bandeau-remise__pct{font:700 2.4rem/1 var(--font-titre);letter-spacing:-.02em;white-space:nowrap}
.bandeau-remise__texte{font:400 .95rem/1.45 var(--font-corps)}
.bandeau-remise strong{font-weight:700}

.offre-grille{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));margin-top:1.5rem}

.offre-carte{position:relative;display:flex;flex-direction:column;
  background:var(--color-papier-haut);border:1px solid var(--color-filet);
  border-radius:var(--radius-tq-lg);padding:1.6rem 1.4rem 1.4rem;box-shadow:var(--ombre-douce)}
.offre-carte--vedette{border:2px solid var(--color-garance);box-shadow:var(--ombre-levee)}

.offre-fanion{position:absolute;top:-.75rem;left:1.3rem;background:var(--color-garance);color:var(--color-papier);
  font:700 .66rem/1 var(--font-corps);letter-spacing:.1em;text-transform:uppercase;
  padding:.42rem .7rem;border-radius:var(--radius-tq);white-space:nowrap}

.offre-duree{margin:0;font:700 .76rem/1.3 var(--font-corps);letter-spacing:.14em;text-transform:uppercase;color:var(--color-encre)}
.offre-sous{margin:.25rem 0 0;font:400 .82rem/1.4 var(--font-corps);color:var(--color-corps-doux)}

.offre-prix{margin:.9rem 0 0;font:600 clamp(1.9rem,2.6vw,2.35rem)/1 var(--font-titre);color:var(--color-encre);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.offre-carte--vedette .offre-prix{color:var(--color-garance)}
.offre-ht{margin:.55rem 0 0;font:400 .8rem/1.45 var(--font-corps);color:var(--color-corps-doux)}

.offre-eco{display:inline-block;align-self:flex-start;margin-top:.9rem;padding:.4rem .7rem;border-radius:99px;
  background:#E4F1E8;color:#1E5A38;font:600 .72rem/1.2 var(--font-corps);letter-spacing:.06em;text-transform:uppercase}
.offre-eco--neutre{background:var(--color-papier-creux);color:var(--color-corps);border:1px solid var(--color-filet)}
.offre-texte{margin:.8rem 0 0;font:400 .85rem/1.5 var(--font-corps);color:var(--color-corps)}

.offre-actions{margin-top:auto;padding-top:1.2rem}
.offre-actions .btn{width:100%;justify-content:center;white-space:normal}
.offre-exemples{margin:.5rem 0 0;font:400 .78rem/1.45 var(--font-corps);color:var(--color-corps-doux)}
.offre-fiducie{display:flex;gap:.45rem;align-items:flex-start;margin:.7rem 0 0;
  font:400 .76rem/1.45 var(--font-corps);color:var(--color-corps-doux)}
.offre-fiducie svg{flex:none;margin-top:.1rem;color:#1E5A38}

.offre-note{margin:1.3rem 0 0;max-width:60rem;font:400 .88rem/1.55 var(--font-corps);color:var(--color-corps-doux)}

@media (max-width:559px){
  .bandeau-remise{flex-direction:column;align-items:flex-start;gap:.4rem}
  .offre-prix{font-size:1.9rem}
}


/* Revue visuelle du 06/09/2026 : à 1024 px, auto-fit donnait 3 + 1 (la carte
   « Cabinet » seule sur une ligne). Deux par deux entre 900 et 1199 px. */
@media (min-width: 900px) and (max-width: 1199px) {
  .offre-grille { grid-template-columns: repeat(2, 1fr); }
}