@import url("logo-impact.css");
/* Identité renforcée : RLD / slogan / repères d'adresse */
.brand img{width:64px;height:64px;object-fit:cover;border-radius:50%;box-shadow:0 0 18px #c8d6ed64}
.brand span{display:grid;line-height:.95;letter-spacing:.14em;font-size:10px}
.brand b{font-size:19px;letter-spacing:.2em}.brand em{font-family:var(--serif);font-size:14px;letter-spacing:0;font-weight:600}
.signature{font:600 19px var(--serif);letter-spacing:.03em;color:#d9e2f1;margin:18px 0 0}.signature strong{font-style:italic;font-weight:600;color:#fff}.intro{margin-top:23px}
.address-input{position:relative}.address-input input{width:100%;padding-right:38px}.address-input span{position:absolute;right:13px;top:10px;color:#2b4e80;font-size:17px}
.form-grid select{border:1px solid #d5d9e1;background:white;padding:13px;color:#172137;font:500 12px var(--sans);outline-color:#274f88}
.vehicle-picks{grid-template-columns:repeat(4,1fr)}
.header-actions{display:flex;align-items:center;gap:12px}.menu-button{width:42px;height:42px;padding:10px;border:1px solid #8c9ab1;background:transparent;display:grid;align-content:center;gap:5px;cursor:pointer}.site-header .menu-button{position:absolute;left:clamp(24px,7vw,115px);top:22px}.site-header .brand{margin-left:64px}.menu-button i{width:20px;height:1px;background:#fff;display:block}.site-menu{position:fixed;left:0;top:0;width:min(410px,100%);height:100vh;padding:28px 34px;background:#0a1324;color:#fff;z-index:20;transform:translateX(-102%);transition:transform .35s ease;box-shadow:20px 0 55px #0007}.site-menu.open{transform:translateX(0)}.menu-top{display:flex;justify-content:space-between;align-items:center;color:#aebed6;font-size:10px;font-weight:800;letter-spacing:.17em}.menu-top button{border:0;background:transparent;color:#fff;font:300 32px var(--sans);cursor:pointer}.menu-links{display:grid;gap:17px;border-bottom:1px solid #b4c4dd35;padding:47px 0 35px}.menu-links a{color:#fff;text-decoration:none;font:600 28px var(--serif)}.access-links{padding-top:30px}.access-links p{font-size:9px;font-weight:800;letter-spacing:.17em;color:#9eafc8;margin:0 0 13px}.access-links a{display:grid;grid-template-columns:30px 1fr;gap:2px;padding:17px 0;border-top:1px solid #b4c4dd35;color:#fff;text-decoration:none}.access-links span{grid-row:span 2;color:#a5bde0;font:600 14px var(--serif)}.access-links b{font:600 17px var(--serif)}.access-links em{font:400 10px var(--sans);color:#aebbd0}.menu-open{overflow:hidden}
.member-access{padding:44px 39px;display:grid;align-content:center;justify-items:start}.member-access .lock{color:#1d4279;font-size:29px}.member-access h3{font:600 27px var(--serif);margin:11px 0}.member-access p{font-size:12px;line-height:1.7;color:#66748a;max-width:470px;margin:0 0 22px}.member-access small{margin-top:17px;color:#8490a2;font-size:10px}
@media(max-width:800px){.vehicle-picks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.vehicle-picks{grid-template-columns:1fr}.site-header nav{display:none}.header-actions{gap:7px}.header-actions .outline-button{display:none}.site-header .menu-button{left:20px}.site-header .brand{margin-left:55px}}
@media(max-width:520px){.brand img{width:49px;height:49px}.brand span{display:none}}

/* Accès essentiels toujours visibles sur iPhone, sans zoom. */
@media(max-width:520px){
  .site-header{
    height:auto;
    min-height:132px;
    padding:11px 16px 12px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    align-items:center;
  }
  .site-header .brand{margin-left:0;grid-column:2;grid-row:1;min-height:45px}
  .site-header .menu-button{
    position:static;
    grid-column:1;
    grid-row:1;
    width:44px;
    height:42px;
  }
  .header-actions{
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:7px;
    width:100%;
  }
  .header-actions .outline-button{
    display:flex;
    min-width:0;
    min-height:42px;
    padding:7px 6px;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.15;
    font-size:10px;
  }
  .hero{padding-top:176px}
}
