/* homeselect — onglet Abonnement (paiement Stripe) */
.bl{--bl-card:rgba(255,255,255,.55);--bl-line:rgba(11,13,18,.07)}
[data-theme=dark] .bl{--bl-card:rgba(255,255,255,.05);--bl-line:rgba(255,255,255,.09)}
.bl-load{color:var(--ink-3);font-size:14px;padding:30px 0}
.bl h4{font-size:16px;font-weight:700;letter-spacing:-.02em}
.bl-h2{margin:26px 0 10px}

/* abonnement en cours */
.bl-cur{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;border-radius:20px;background:var(--bl-card);box-shadow:inset 0 0 0 1px var(--bl-line);margin-bottom:26px}
.bl-cur-b{width:58px;height:58px;border-radius:16px 16px 16px 16px;border-top-right-radius:4px;background:var(--accent);color:#fff;display:grid;place-items:center;font:italic 400 17px var(--serif);flex-shrink:0}
.bl-cur-t{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.bl-cur-t b{font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-cur-t span{font-size:13px;color:var(--ink-2)}
.bl-cur-a{display:flex;gap:8px;flex-wrap:wrap}
.bl-tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}
.bl-tag.ok{background:rgba(52,140,90,.13);color:#2c7a4f}
.bl-tag.warn{background:var(--accent-soft);color:var(--accent)}

/* choix de formule */
.bl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.bl-seg{display:inline-flex;padding:4px;border-radius:99px;background:var(--bl-card);box-shadow:inset 0 0 0 1px var(--bl-line)}
.bl-seg button{height:34px;padding:0 15px;border-radius:99px;font-size:13px;font-weight:600;color:var(--ink-2);transition:background .2s,color .2s}
.bl-seg button small{font-weight:700;color:var(--accent);margin-left:3px}
.bl-seg button.on{background:var(--ink);color:var(--on-ink)}
.bl-seg button.on small{color:inherit;opacity:.8}
.bl-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bl-plan{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border-radius:20px;background:var(--bl-card);box-shadow:inset 0 0 0 1px var(--bl-line);transition:box-shadow .2s,transform .2s var(--ease);color:var(--ink)}
.bl-plan:hover{transform:translateY(-2px)}
.bl-plan.on{box-shadow:inset 0 0 0 2px var(--accent),0 14px 30px -18px rgba(201,123,90,.6)}
.bl-plan>b{font-size:15px}
.bl-price{font:italic 400 30px/1.05 var(--serif);letter-spacing:-.01em}
.bl-price small{font:600 12.5px var(--sans,inherit);font-style:normal;color:var(--ink-3)}
.bl-eq{font-size:12px;color:var(--ink-3);margin-top:-3px}
.bl-pn{font-size:12.5px;color:var(--ink-2);font-weight:600}
.bl-plan ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.bl-plan li{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;color:var(--ink-2)}
.bl-plan li svg{color:var(--accent);flex-shrink:0;margin-top:1px}
.bl-best{position:absolute;top:-9px;right:12px;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:99px;background:var(--accent);color:#fff}
.bl-best.cur{background:var(--ink);color:var(--on-ink)}
.bl-best+.bl-best{right:auto;left:12px}

/* moyens de paiement */
.bl-meth{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bl-meth button{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px;border-radius:18px;background:var(--bl-card);box-shadow:inset 0 0 0 1px var(--bl-line);color:var(--ink);transition:box-shadow .2s}
.bl-meth button.on{box-shadow:inset 0 0 0 2px var(--ink)}
.bl-meth b{display:block;font-size:14.5px;margin-bottom:3px}
.bl-meth small{font-size:12.5px;color:var(--ink-2);line-height:1.45}
.bl-mi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.bl-twint{display:inline-block;font:800 10.5px/1 system-ui,sans-serif;letter-spacing:.04em;padding:3px 6px;border-radius:5px;background:#000;color:#fff;vertical-align:1px;margin-right:2px}
[data-theme=dark] .bl-twint{background:#fff;color:#000}

/* adresse de facturation */
.bl-inv{display:none;margin-top:14px;padding:16px;border-radius:18px;background:var(--bl-card);box-shadow:inset 0 0 0 1px var(--bl-line)}
.bl-ch.inv .bl-inv{display:block;animation:blIn .3s var(--ease)}
@keyframes blIn{from{opacity:0;transform:translateY(-4px)}}
.bl-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.bl-grid .wide{grid-column:1/-1}
.bl .hs-field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.bl .hs-field small{font-weight:500;color:var(--ink-3)}

.bl-go{margin-top:20px}
.bl-go svg{flex-shrink:0}
.bl-note{font-size:12.5px;color:var(--ink-2);margin:8px 0 0}
.bl-safe{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ink-3);margin:10px 0 0}
.bl-demo{margin:18px 0 0;padding:10px 14px;border-radius:14px;font-size:12.5px;color:var(--ink-2);background:var(--accent-soft)}

@media(max-width:760px){
  .bl-plans{grid-template-columns:1fr}
  .bl-meth{grid-template-columns:1fr}
  .bl-cur-a{width:100%}
  .bl-cur-a .hs-btn{flex:1}
}
@media(max-width:420px){ .bl-grid{grid-template-columns:1fr} }