/* PRIX_FACTURE_2026_09_30 — styles du bloc prix, extraits de lp-reprise.css pour les pages qui ne chargent pas celle-ci. */
/* ═══════════ PRIX_FACTURE_2026_09_30 — bloc « Les prix » : la facture, puis le comparatif replié (choix de Hugo du 30/09) ═══════════ */
.lp-px { background: #0E2448; color: #fff; }
.lp-px [hidden] { display: none !important; }
.lp-px .lp-px-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.lp-px .lp-px-gauche { display: grid; gap: 18px; min-width: 0; }
.lp-px .lp-eyebrow { text-align: left; margin: 0; }
.lp-px .lp-px-titre { font-family: var(--lp-serif, "Fraunces", Georgia, serif); font-weight: 500; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; margin: 0; color: #fff; text-wrap: balance; }
.lp-px .lp-px-titre em { color: var(--lp-gold-lite, #d4ac55); font-style: italic; }
.lp-px .lp-px-intro { margin: 0; color: rgba(255, 255, 255, .74); font-size: 16px; }
.lp-px .lp-px-bascule { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, .08); justify-self: start; }
.lp-px .lp-px-bascule button { font: 500 14px var(--lp-sans, "Inter", system-ui, sans-serif); color: #fff; background: transparent; border: 0; border-radius: 999px; padding: 9px 16px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.lp-px .lp-px-bascule button[aria-pressed="true"] { background: var(--lp-gold, #c9a24b); color: var(--lp-navy, #081b3a); }
.lp-px .lp-px-remise { font: 600 11.5px var(--lp-sans, "Inter", sans-serif); background: #e3f1e8; color: #2f7a4f; border-radius: 999px; padding: 2px 8px; }
.lp-px .lp-px-choix { display: grid; gap: 8px; }
.lp-px .lp-px-choix p { margin: 0; font: 500 11.5px var(--lp-mono, "JetBrains Mono", monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--lp-gold, #c9a24b); }
.lp-px .lp-px-puces { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-px .lp-px-puces button { font: 500 13.5px var(--lp-sans, "Inter", sans-serif); color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; padding: 7px 13px; cursor: pointer; }
.lp-px .lp-px-puces button[aria-pressed="true"] { background: #fff; color: var(--lp-navy, #081b3a); border-color: #fff; }
.lp-px button:focus-visible { outline: 2px solid var(--lp-gold, #c9a24b); outline-offset: 2px; }
.lp-px .lp-px-couvre { border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 18px; display: grid; gap: 10px; }
.lp-px .lp-px-couvre h3 { margin: 0; font: 500 19px var(--lp-serif, "Fraunces", Georgia, serif); color: #fff; }
.lp-px .lp-px-couvre ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; color: rgba(255, 255, 255, .84); font-size: 15px; }
.lp-px .lp-px-couvre li { display: grid; grid-template-columns: 14px 1fr; gap: 8px; }
.lp-px .lp-px-couvre li::before { content: ""; width: 6px; height: 6px; margin-top: 9px; border-radius: 50%; background: var(--lp-gold, #c9a24b); }
.lp-px .lp-px-facture { background: #fff; color: #0b1a33; border-radius: 6px; padding: 26px 26px 22px; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); font-size: 14.5px; min-width: 0; }
.lp-px .lp-px-entete { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px; padding-bottom: 16px; border-bottom: 2px solid #081b3a; }
.lp-px .lp-px-entete b { display: block; font: 600 17px var(--lp-serif, "Fraunces", Georgia, serif); }
.lp-px .lp-px-entete span, .lp-px .lp-px-ref span { display: block; font: 12px var(--lp-mono, "JetBrains Mono", monospace); color: #4a5570; letter-spacing: .03em; }
.lp-px .lp-px-ref { text-align: right; }
.lp-px .lp-px-lignes { width: 100%; border-collapse: collapse; margin-top: 6px; color: #0b1a33; }
.lp-px .lp-px-lignes td { padding: 10px 0; border-bottom: 1px solid rgba(8, 27, 58, .1); vertical-align: top; text-align: left; }
.lp-px .lp-px-lignes td:last-child { text-align: right; white-space: nowrap; padding-left: 14px; font: 13.5px var(--lp-mono, "JetBrains Mono", monospace); font-variant-numeric: tabular-nums; }
.lp-px .lp-px-lignes small { display: block; margin-top: 2px; font-size: 12.5px; color: #4a5570; }
.lp-px .lp-px-vert td:last-child { color: #2f7a4f; }
.lp-px .lp-px-total { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px; padding-top: 14px; }
.lp-px .lp-px-total > span { font: 600 12.5px var(--lp-mono, "JetBrains Mono", monospace); letter-spacing: .08em; text-transform: uppercase; }
.lp-px .lp-px-total b { font: 500 clamp(30px, 3.4vw, 40px) var(--lp-serif, "Fraunces", Georgia, serif); line-height: 1; font-variant-numeric: tabular-nums; }
.lp-px .lp-px-total-sous { margin: 6px 0 0; text-align: right; font-size: 13px; color: #4a5570; }
.lp-px .lp-px-eco { margin: 14px 0 0; background: #e3f1e8; color: #2f7a4f; border-radius: 8px; padding: 10px 12px; font-size: 14px; font-weight: 500; }
.lp-px .lp-px-comparer { margin-top: 34px; border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 18px; }
.lp-px .lp-px-comparer summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 10px; font: 500 15px var(--lp-sans, "Inter", sans-serif); color: var(--lp-gold-lite, #d4ac55); }
.lp-px .lp-px-comparer summary::-webkit-details-marker { display: none; }
.lp-px .lp-px-comparer summary::after { content: "+"; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid currentColor; font-size: 15px; line-height: 1; }
.lp-px .lp-px-comparer[open] summary::after { content: "−"; }
.lp-px .lp-px-defile { overflow-x: auto; margin-top: 18px; border-radius: 12px; background: #fff; }
.lp-px .lp-px-table { width: 100%; min-width: 640px; border-collapse: separate; border-spacing: 0; color: #0b1a33; font-size: 14px; }
.lp-px .lp-px-table th, .lp-px .lp-px-table td { padding: 11px 14px; border-bottom: 1px solid rgba(8, 27, 58, .1); text-align: center; font-weight: 400; }
.lp-px .lp-px-table th:first-child, .lp-px .lp-px-table td:first-child { position: sticky; left: 0; z-index: 1; background: #fff; text-align: left; min-width: 190px; }
.lp-px .lp-px-table thead th { vertical-align: bottom; padding-top: 18px; }
.lp-px .lp-px-table .lp-px-vedette { background: #fbf6ea; }
.lp-px .lp-px-plan { display: block; font: 500 12px var(--lp-mono, "JetBrains Mono", monospace); letter-spacing: .12em; text-transform: uppercase; color: #7a5f26; }
.lp-px .lp-px-montant { display: block; margin-top: 6px; font: 500 28px var(--lp-serif, "Fraunces", Georgia, serif); line-height: 1.1; font-variant-numeric: tabular-nums; }
.lp-px .lp-px-sous { display: block; margin-top: 2px; font-size: 12px; color: #4a5570; }
.lp-px .lp-px-groupe td { background: #faf5ea !important; font: 500 11.5px var(--lp-mono, "JetBrains Mono", monospace); letter-spacing: .14em; text-transform: uppercase; color: #7a5f26; text-align: left; }
.lp-px .lp-px-oui { color: #7a5f26; font-weight: 700; }
.lp-px .lp-px-non { color: rgba(8, 27, 58, .25); }
.lp-px .lp-px-txt { font-size: 13px; }
.lp-px .lp-px-ligne-metier td { font-weight: 600; }
.lp-px .lp-px-ligne-metier td:first-child { color: #7a5f26; }
.lp-px .lp-px-legende { margin: 12px 0 0; font-size: 12.5px; color: rgba(255, 255, 255, .6); text-align: center; }
.lp-px .lp-px-cta { margin-top: 34px; }
.lp-px .lp-px-note { margin: 10px 0 0; text-align: center; font-size: 13px; color: rgba(255, 255, 255, .6); }
@media (max-width: 900px) { .lp-px .lp-px-grille { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .lp-px .lp-px-facture { padding: 20px 16px 18px; } .lp-px .lp-px-bascule button { padding: 8px 12px; } }
.lp-px .lp-px-valeur { margin: 0; padding: 14px 16px; border-radius: 10px; background: rgba(201, 162, 75, .1); border: 1px solid rgba(201, 162, 75, .35); color: #fff; font-size: 15px; }
@media (max-width: 560px) { .lp-px .lp-px-table th:first-child, .lp-px .lp-px-table td:first-child { min-width: 140px; max-width: 150px; } .lp-px .lp-px-table { min-width: 560px; font-size: 13.5px; } .lp-px .lp-px-table th, .lp-px .lp-px-table td { padding: 10px 10px; } }