/* ============================================================
   PADELSHOP — gabarit myaccount/form-login.php
   Le compte n'est jamais un préalable à l'achat : le lien
   « commander sans compte » reste visible en permanence.
   ============================================================ */
.acces{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px;gap:clamp(1.25rem,2.6vw,1.75rem);align-items:start}
@media(max-width:1080px){
  .acces{grid-template-columns:1fr 1fr}
  .acces-atouts{grid-column:1/-1}
}
@media(max-width:760px){
  .acces{grid-template-columns:1fr}
}
.separateur{display:flex;align-items:center;gap:.9rem;margin:1.35rem 0;color:var(--gris);font-size:.78rem;font-weight:600}
.separateur::before,.separateur::after{content:"";flex:1;height:1px;background:var(--ligne)}
/* Atouts du compte : formulés en bénéfice concret, pas en fonctionnalité. */
.acces-atouts{background:var(--court);color:#fff;border-radius:var(--r-carte);padding:clamp(1.35rem,2.6vw,1.75rem);
  position:relative;overflow:hidden}
.acces-atouts>*{position:relative;z-index:2}
/* déclarée après : sinon la trame perdrait son absolute et disparaîtrait */
.acces-atouts>.trame{position:absolute;inset:0;z-index:1}
.acces-atouts h2{font-size:1.1rem;font-variation-settings:'wdth' 112;margin-bottom:1.1rem}
.atouts{display:grid;gap:.95rem}
.atouts li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;font-size:.88rem}
.atouts svg{flex:none;color:var(--balle);margin-top:2px}
.atouts b{display:block;font-weight:700}
.atouts span{color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.5}
.sans-compte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  background:var(--azur-pale);border-radius:var(--r-carte);padding:1.1rem 1.35rem;margin-top:1.5rem}
.sans-compte b{font-size:.95rem}
.sans-compte p{font-size:.84rem;color:var(--gris)}

/* Les deux sorties de la bande « sans compte » */
.sans-compte-actions{display:flex;flex-wrap:wrap;gap:.6rem}