/* Grille tarifaire à quatre formules. Le prix suit la taille de la structure —
 * lieux et intervenants — et non les modules : chaque formule les contient tous.
 * Le service de site internet vit à part, sous les cartes : ce n'est pas un
 * étage de l'abonnement mais une prestation d'agence. */
.pricing-cards-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing-cards-four .price-card{padding:1.6rem 1.4rem}
.pricing-cards-four .price-card h3{font-size:1.45rem}
.pricing-cards-four .price-amount{margin:1.1rem 0 .35rem}
.pricing-cards-four .price-amount strong{font-size:2.9rem}
.pricing-cards-four .price-description{font-size:.875rem;margin-top:1rem;min-height:5.6em}

/* « Sur devis » remplace un montant : même emplacement, pas la même échelle. */
.price-amount-quote strong{font-family:var(--font-display);font-size:1.85rem;letter-spacing:-.03em;line-height:1.2}

/* Le tableau de bord de la formule : mêmes six lignes partout, seules les
 * valeurs changent, pour que la comparaison se fasse à l'horizontale. */
.price-specs{list-style:none;padding:0;margin:1.3rem 0 1.6rem;display:grid;gap:0;border-top:1px solid var(--line-subtle)}
.price-specs>li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line-subtle);font-size:.8125rem;line-height:1.5}
.price-specs>li>span{color:var(--text-muted)}
.price-specs>li>strong{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.price-specs>li>strong.spec-all{color:var(--tone-brand-fg)}

.website-offer{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;margin-top:1.25rem;padding:1.75rem 2rem;background:var(--surface-page);border:1px solid var(--line-subtle);border-radius:var(--r-overlay)}
.website-offer>div:first-child{flex:1 1 28rem;min-width:0}
.website-offer h3{font-size:1.45rem;margin-top:.15rem}
.website-offer h3+p{margin-top:.6rem;max-width:62ch;font-size:.9375rem;line-height:1.65;color:var(--text-muted)}
.website-offer-price{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.website-offer-price>.price-amount{margin:0}
.website-offer-price>.price-period-note{min-height:0;margin-bottom:.9rem}

@media(max-width:1080px){
  .pricing-cards-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-cards-four .price-description{min-height:0}
  .pricing-cards-four .price-card.featured{transform:none}
}
@media(max-width:640px){
  .pricing-cards-four{grid-template-columns:minmax(0,1fr)}
  .website-offer{padding:1.4rem;gap:1.5rem}
  .website-offer-price{align-items:stretch;width:100%}
  .website-offer-price>.btn{width:100%}
}
