.bp-wrap{--bp-bleu:#3f4fc8;--bp-bleu-f:#2f3da6;--bp-bord:#e6e6e6;--bp-texte:#1d1d1d;--bp-gris:#6b6b6b;max-width:1080px;margin:0 auto;color:var(--bp-texte);font-family:inherit}
.bp-wrap *{box-sizing:border-box}
.bp-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.bp-grille{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
.bp-apercu{position:sticky;top:24px}
.bp-apercu-carte{background:#fff;border:1px solid var(--bp-bord);border-radius:4px;padding:28px 20px;text-align:center}
.bp-boule{width:200px;height:200px;margin:0 auto;border-radius:50%;background:#f06292;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:inset -18px -22px 40px rgba(0,0,0,.18),inset 14px 14px 30px rgba(255,255,255,.35);transition:background .3s}
.bp-boule span{font-weight:800;font-size:22px;line-height:1.05;letter-spacing:.5px;color:#111;text-transform:uppercase;padding:0 30px;word-break:break-word;max-height:110px;overflow:hidden}
.bp-boule img{display:none;max-width:58%;max-height:58%;object-fit:contain;border-radius:4px}
.bp-boule.has-img img{display:block}.bp-boule.has-img.has-txt span{display:none}
.bp-apercu-legende{margin:16px 0 2px;font-size:12px;color:var(--bp-gris)}
.bp-apercu-info{margin:0;font-weight:700}
.bp-bloc{border:1px solid var(--bp-bord);background:#fff;border-radius:4px;padding:20px 22px;margin:0 0 18px}
.bp-bloc legend{font-weight:700;font-size:17px;padding:0 8px;margin-left:-8px;display:flex;align-items:center;gap:10px}
.bp-num{width:26px;height:26px;border-radius:4px;background:var(--bp-bleu);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.bp-pastilles{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.bp-pastille{cursor:pointer;text-align:center;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:4px;border:2px solid transparent}
.bp-pastille input{position:absolute;opacity:0;pointer-events:none}
.bp-rond{width:44px;height:44px;border-radius:50%;box-shadow:inset -5px -6px 10px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.08)}
.bp-pastille:has(input:checked){border-color:var(--bp-bleu);background:#f3f4fd}
.bp-pastille input:focus-visible+.bp-rond{outline:3px solid var(--bp-bleu);outline-offset:2px}
.bp-wrap .bp-cache{display:none !important}
.bp-ligne{display:block;margin-top:14px}
.bp-wrap label{font-size:14px;font-weight:600}
.bp-wrap input[type=text],.bp-wrap input[type=email],.bp-wrap input[type=tel],.bp-wrap input[type=date],.bp-wrap input[type=number],.bp-wrap select,.bp-wrap textarea{
  display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #cfcfcf;border-radius:4px;font:inherit;font-weight:400;background:#fff;color:inherit}
.bp-wrap input:focus,.bp-wrap select:focus,.bp-wrap textarea:focus{outline:none;border-color:var(--bp-bleu);box-shadow:0 0 0 3px rgba(63,79,200,.15)}
.bp-qte{display:flex;max-width:220px}
.bp-qte input[type=number]{margin:0;text-align:center;border-radius:0;font-weight:700;font-size:18px;-moz-appearance:textfield}
.bp-qte button{width:46px;border:none;background:var(--bp-bleu);color:#fff;font-size:22px;cursor:pointer}
.bp-qte button:first-child{border-radius:4px 0 0 4px}.bp-qte button:last-child{border-radius:0 4px 4px 0}
.bp-raccourcis{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bp-raccourcis button{border:1px solid var(--bp-bord);background:#fff;border-radius:20px;padding:5px 14px;cursor:pointer;font:inherit;font-size:13px}
.bp-raccourcis button:hover,.bp-raccourcis button.actif{border-color:var(--bp-bleu);color:var(--bp-bleu)}
.bp-aide{font-size:13px;color:var(--bp-gris);margin:8px 0 0}
.bp-depot{display:flex;align-items:center;gap:14px;border:2px dashed #c9cdee;border-radius:6px;padding:18px;margin-top:10px;cursor:pointer;background:#fafbff;font-weight:400}
.bp-depot:hover,.bp-depot.survol{border-color:var(--bp-bleu);background:#f3f4fd}
.bp-depot input{position:absolute;opacity:0;width:1px;height:1px}
.bp-depot-icone{width:42px;height:42px;flex:none;border-radius:4px;background:var(--bp-bleu);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.bp-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bp-rgpd{display:flex;gap:10px;align-items:flex-start;font-weight:400 !important;font-size:13px !important;margin:4px 0 18px}
.bp-rgpd input{margin-top:3px}
.bp-envoyer{width:100%;padding:16px;border:none;border-radius:4px;background:var(--bp-bleu);color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(63,79,200,.25)}
.bp-envoyer:hover{background:var(--bp-bleu-f)}
.bp-centre{text-align:center}
.bp-erreur{background:#fde2e1;border-left:4px solid #d63638;padding:12px 16px;margin-bottom:18px;border-radius:4px}
.bp-merci{text-align:center;background:#fff;border:1px solid var(--bp-bord);padding:40px 20px;border-radius:4px}
.bp-merci-icone{width:60px;height:60px;border-radius:50%;background:var(--bp-bleu);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
@media (max-width:820px){.bp-grille{grid-template-columns:1fr}.bp-apercu{position:static}.bp-boule{width:150px;height:150px}.bp-boule span{font-size:17px}}
@media (max-width:520px){.bp-2col{grid-template-columns:1fr}.bp-bloc{padding:16px}}

.bp-entete{text-align:center;margin:0 0 26px}
.bp-titre{font-size:clamp(22px,3.2vw,32px);font-weight:800;line-height:1.2;margin:0 0 8px;color:var(--bp-texte)}
.bp-sous-titre{margin:0;color:var(--bp-gris);font-size:15px}
.bp-aide-haut{margin:0 0 12px}
.bp-photo{width:64px;height:64px;object-fit:contain;display:block;mix-blend-mode:multiply}
.bp-pastille{position:relative}
.bp-pastille:has(input:checked)::after{content:"✓";position:absolute;top:4px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--bp-bleu);color:#fff;font-size:12px;line-height:20px;text-align:center;font-weight:700}
.bp-pastille input:focus-visible~.bp-photo{outline:3px solid var(--bp-bleu);outline-offset:2px;border-radius:50%}
.bp-wrap .bp-en-plus{display:none}
.bp-wrap .bp-pastilles.bp-ouvert .bp-en-plus{display:flex}
.bp-voir-plus{display:block;margin:14px auto 0;border:1px solid var(--bp-bleu);background:#fff;color:var(--bp-bleu);border-radius:4px;padding:9px 20px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.bp-voir-plus:hover{background:#f3f4fd}
.bp-points{display:flex;justify-content:center;gap:5px;margin-top:12px;flex-wrap:wrap}
.bp-points span{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
@media (max-width:520px){.bp-pastilles{grid-template-columns:repeat(3,1fr);gap:6px}.bp-photo{width:54px;height:54px}.bp-nom{font-size:12px}}
