/* Blueprint SYSTEM IA — page de présentation et remerciement (14/10/2026). Mobile d'abord.
   Dépend de kit.css ; les classes du formulaire (p-form, p-input…) sont aussi stylées ici pour ne pas dépendre d'une autre feuille. */
.bp-page .k-hero{padding:84px 0 36px}
.bp-hero-grid{display:grid;gap:28px;align-items:center}
.bp-page .k-h1{font-size:clamp(34px,8.6vw,64px);line-height:1.02}
.bp-sub{max-width:52ch}
.bp-chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bp-chips li{border:1px solid var(--line2);border-radius:99px;padding:6px 12px;font:600 13.5px var(--fd);color:var(--soft)}
.bp-formcard{background:var(--surface);border:1px solid rgba(95,231,255,.3);border-radius:var(--r);padding:20px;max-width:560px}
.bp-cover{margin:0;justify-self:center;width:min(62vw,300px);transform:rotate(1.5deg)}
.bp-cover img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line2);box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
@media (min-width:900px){.bp-hero-grid{grid-template-columns:1.2fr .8fr;gap:64px}.bp-cover{width:340px}.bp-page .k-hero{padding:120px 0 64px}}

.bp-page .p-form{display:grid;gap:12px}
.bp-page .p-label{font-weight:600}
.bp-page .p-input{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);padding:12px 14px;font:inherit}
.bp-page .p-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bp-page .p-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bp-page .p-list li{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.bp-page .p-n{font:500 13px var(--fm);color:var(--cyan);min-width:54px;padding-top:2px}

.bp-themes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:800px){.bp-themes{grid-template-columns:repeat(2,1fr)}}
.bp-themes li{display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.bp-n{font:800 20px var(--fd);color:var(--cyan);min-width:30px}
.bp-themes b{display:block;font:800 18px var(--fd);margin-bottom:3px}
.bp-themes span:not(.bp-n){display:block;color:var(--soft);font-size:15px}
.bp-themes em{display:block;margin-top:6px;font:500 12.5px var(--fm);color:var(--muted);font-style:normal}

/* aperçus : pages entières, grandes (carrousel sur mobile, 3 colonnes ensuite) */
.bp-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(80vw,340px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px var(--gut) 14px;margin:0 calc(var(--gut) * -1);scrollbar-width:none}
.bp-gallery::-webkit-scrollbar{display:none}
@media (min-width:900px){.bp-gallery{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0}}
.bp-page-fig{margin:0;scroll-snap-align:start}
.bp-page-fig img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line2);box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.bp-page-fig figcaption{padding:10px 2px 0;font:700 15px var(--fd);color:var(--ink)}
.bp-page-fig figcaption span{display:block;font:500 12px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:2px}
.bp-toc{margin-top:22px;max-width:760px}
.bp-toc summary{cursor:pointer;font:700 16px var(--fd);padding:12px 0;min-height:44px;color:var(--cyan)}
.bp-toc ol{margin-top:10px}

.bp-win{display:grid;gap:26px;align-items:start}
@media (min-width:960px){.bp-win{grid-template-columns:1fr 1fr;gap:56px}}
.bp-win .k-flow{grid-template-columns:1fr}
@media (min-width:900px){.bp-win .k-flow li{padding:20px 20px 20px 66px}.bp-win .k-flow li::before{top:19px}}
.bp-bottom{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.bp-bottom{grid-template-columns:1fr 1fr;gap:56px}}
.bp-legal{margin:0 auto;padding-top:22px;padding-bottom:26px;font-size:13px;color:var(--muted)}

/* remerciement */
.bp-thanks{padding:20px var(--gut) 40px;max-width:760px}
.bp-status{border-color:rgba(95,231,255,.35)}
.bp-ok{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--fm);letter-spacing:.05em;text-transform:uppercase;color:var(--ok);margin:0 0 8px}
.bp-warm{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;counter-reset:w}
.bp-warm li{counter-increment:w;position:relative;padding:14px 16px 14px 54px;background:var(--bg);border:1px solid var(--line);border-radius:14px;color:var(--soft)}
.bp-warm li::before{content:counter(w);position:absolute;left:16px;top:12px;font:800 20px var(--fd);color:var(--cyan)}
.bp-warm b{color:var(--ink)}
.bp-next{background:linear-gradient(180deg,rgba(95,231,255,.08),transparent 50%),var(--surface);border-color:rgba(95,231,255,.35)}
.bp-next ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:9px;color:var(--soft)}
.bp-next li{padding-left:26px;position:relative}
.bp-next li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}

/* récapitulatif d'achat */
.bp-recap{margin:10px 0 0;display:grid;gap:0}
.bp-recap div{display:grid;gap:2px;padding:12px 0;border-top:1px solid var(--line)}
.bp-recap div:first-child{border-top:0}
.bp-recap dt{font:500 12.5px var(--fm);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.bp-recap dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
@media (min-width:600px){.bp-recap div{grid-template-columns:150px 1fr;gap:16px}}