/* The agency pages' "Tarifs" section (2026-09-25 grid): two groups of plans - the agency makes
   its carnets itself in the editor, or the Cartatoi team makes them - on top of each page's own
   .lp-price-* card styles. Shared here rather than copied into every page's <style>. */
.lp-plan-group { margin-bottom: 30px; }
.lp-plan-group-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 14px; }
.lp-plan-group-head h3 { font-size: 18px; font-weight: 600; color: var(--ink); margin: 0; letter-spacing: -.01em; }
.lp-plan-group-head p { font-size: 14px; color: var(--ink-2); margin: 0; }
.lp-pricing.lp-pricing-4 { grid-template-columns: 1fr; margin-bottom: 0; }
@media (min-width: 620px) { .lp-pricing.lp-pricing-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .lp-pricing.lp-pricing-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.lp-pricing-4 .lp-price-card { position: relative; padding: 24px 20px; }
.lp-pricing-4 .lp-price-volume { margin-bottom: 12px; }
.lp-price-badge {
    position: absolute; top: -11px; left: 18px;
    background: var(--green); color: var(--paper);
    font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
    padding: 3px 9px; border-radius: 999px;
}
.lp-price-amount .lp-price-per { font-size: 14px; }
.lp-plan-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }