/* Parcours invité : page blanche, un écran à la fois, au centre. Rien de la plateforme n'est visible. */
body.guest-mode .topbar, body.guest-mode .mobilenav, body.guest-mode .shell,
body.guest-mode .progressline, body.guest-mode .footerbar{ display:none !important; }

.guest-screen{
  --ink:#0F0F0F; --bg:#FFFFFF; --accent:#7A47F0; --muted:#555555;
  position:fixed; inset:0; z-index:120; background:#FFFFFF; overflow-y:auto;
  display:flex; padding:32px 24px;
}
.guest-screen.hidden{ display:none; }
.g-col{ width:100%; max-width:540px; margin:auto; }
.g-in{ animation:stepIn .35s ease; }
.g-title{ font-size:clamp(26px, 4.6vw, 34px); line-height:1.15; font-weight:600; letter-spacing:-.02em; color:var(--ink-900); }
.g-sub{ margin-top:10px; font-size:15px; line-height:1.5; color:var(--muted); }
.g-center{ text-align:center; margin-top:18px; }
.g-actions{ display:flex; align-items:center; gap:20px; margin-top:28px; }

.g-area, .g-input{
  display:block; width:100%; margin-top:26px; padding:16px 18px; font:inherit; font-size:16px; line-height:1.5;
  color:var(--ink-900); background:#fff; border:1px solid rgba(15,15,15,.18); border-radius:16px; outline:none;
  transition:border-color .2s;
}
.g-area{ resize:none; }
.g-area:focus, .g-input:focus{ border-color:var(--ink-900); }

.g-options{ display:flex; flex-direction:column; gap:10px; margin-top:26px; }
.g-opt{
  display:flex; flex-direction:column; gap:3px; width:100%; text-align:left; padding:16px 18px; font:inherit; font-size:15px; font-weight:500;
  color:var(--ink-900); background:#fff; border:1px solid rgba(15,15,15,.14); border-radius:16px; cursor:pointer;
  transition:border-color .2s, background .2s, color .2s;
}
.g-opt small{ font-size:13px; font-weight:400; color:var(--muted); }
.g-opt:hover, .g-opt:active{ border-color:#7A47F0; }
.g-opt.selected{ background:#0F0F0F; border-color:#0F0F0F; color:#fff; }
.g-opt.selected small{ color:rgba(255,255,255,.65); }
.g-opt.selected:hover, .g-opt.selected:active{ background:#7A47F0; border-color:#7A47F0; }
#gAddressBox{ margin-top:0; }
#gAddressBox .g-input{ margin-top:10px; }
.g-options + #gAddressBox .g-input{ margin-top:10px; }

.g-link{ margin-top:22px; padding:0; font:inherit; font-size:13.5px; color:var(--muted); background:none; border:0; cursor:pointer; }
.g-link:hover, .g-link:active{ color:#7A47F0; }
.g-link.inline{ margin-top:0; }

.g-facts{ margin-top:28px; border-top:1px solid var(--line); }
.g-facts div{ display:flex; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.g-facts dt{ font-size:14px; color:var(--muted); }
.g-facts dd{ font-size:15px; font-weight:600; color:var(--ink-900); text-align:right; }

.g-plan{ margin-top:26px; border-top:1px solid var(--line); }
.g-row{ display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); }
.g-row-text{ flex:1; display:flex; flex-direction:column; gap:2px; }
.g-row-text b{ font-size:15px; font-weight:600; color:var(--ink-900); }
.g-row-text span{ font-size:13px; color:var(--muted); }
.g-row-price{ font-size:15px; font-weight:600; color:var(--ink-900); white-space:nowrap; }
.g-total{ display:flex; justify-content:space-between; gap:16px; margin-top:22px; }
.g-total span{ display:block; font-size:13px; color:var(--muted); }
.g-total b{ display:block; margin-top:2px; font-size:22px; font-weight:600; color:var(--ink-900); }
.g-total .g-right{ text-align:right; }
.g-total .g-right b{ font-size:15px; margin-top:8px; }
.g-notes{ margin-top:26px; }
.g-notes span{ font-size:13px; color:var(--muted); }
.g-notes ul{ margin-top:8px; padding-left:18px; list-style:disc; font-size:14px; line-height:1.55; color:var(--ink-700); }

/* écran de recherche : le schéma de neurones du site, puis une ligne */
.g-search{ text-align:center; }
.g-search .nn{ max-width:380px; margin:0 auto 6px; }
.g-search .g-title{ font-size:clamp(22px, 4vw, 28px); }
.g-search .g-sub{ min-height:1.5em; }
