/* Page publique « Essayer une Rafale » */
[hidden]{display:none!important}
.try-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:48px}
.try-how li{background:var(--bg2);padding:24px 26px}
.try-how span{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--yellow);letter-spacing:.2em}
.try-how h2{font-size:1.1rem;margin:8px 0 6px}
.section .try-how h2{font-size:1.1rem}
.try-how p{color:var(--muted);font-size:.9rem}
.try-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.try-bar .cnt{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.try-select,.try-form input,.try-form select,.try-form textarea{background:var(--bg);border:1px solid var(--line2);color:var(--ink);padding:13px 14px;font:inherit;font-size:.95rem;border-radius:0;width:100%}
.try-bar .try-select{width:auto;min-width:240px}
.try-select:focus,.try-form input:focus,.try-form select:focus,.try-form textarea:focus{outline:none;border-color:var(--yellow)}
.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.try-card{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}
.try-photo{aspect-ratio:4/3;background:var(--bg2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--faint)}
.try-photo img{width:100%;height:100%;object-fit:cover;display:block}
.try-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.try-body h3{font-size:1.2rem}
.try-where{color:var(--muted);font-size:.92rem}
.try-kite{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-top:6px}
.try-until{color:var(--faint);font-size:.8rem}
.try-body .btn{margin-top:14px;justify-content:center}
.try-empty{padding:44px 28px;text-align:center;color:var(--muted);border:1px dashed var(--line2)}
.try-wait{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:64px;padding-top:48px;border-top:1px solid var(--line);align-items:start}
.try-wait h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.section .try-wait h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.try-wait p{color:var(--muted);margin-top:10px}
.try-form{display:grid;gap:14px}
.try-form label{display:grid;gap:6px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.try-form input,.try-form select,.try-form textarea{font-family:'Arimo','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none}
.try-form textarea{min-height:76px;resize:vertical}
.try-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.try-form label.try-check{display:flex;gap:10px;align-items:flex-start;font-family:inherit;font-size:.84rem;letter-spacing:0;text-transform:none;line-height:1.5;cursor:pointer}
.try-form label.try-check input{width:16px;height:16px;flex:none;margin-top:3px;accent-color:var(--yellow)}
.try-form label.try-check a{color:var(--yellow);text-decoration:underline}
.try-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.try-form .btn{justify-content:center}
.try-form .btn[disabled]{opacity:.45;pointer-events:none}
.try-err{color:#e7897f;font-size:.9rem;min-height:0}
.try-ok{padding:18px 20px;border:1px solid rgba(203,184,132,.55);color:var(--ink);font-size:.95rem}
.try-dlg{background:var(--panel);color:var(--ink);border:1px solid var(--line2);padding:0;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto}
.try-dlg::backdrop{background:rgba(0,0,0,.72)}
.try-dlg-in{padding:28px;overflow:auto}
.try-dlg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.try-dlg h2,.section .try-dlg h2{font-size:1.4rem}
.try-dlg .sub{color:var(--muted);font-size:.9rem;margin-top:4px}
.try-x{background:none;border:0;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 8px}
.try-x:hover{color:var(--ink)}
.try-contact{display:grid;gap:10px;margin:16px 0}
.try-contact a{display:block;padding:14px 16px;background:var(--bg);border:1px solid var(--line2);font-size:1rem;overflow-wrap:anywhere}
.try-contact a:hover{border-color:var(--yellow);color:var(--yellow)}
.try-code{font-family:'Space Mono',monospace;color:var(--yellow);font-weight:700}
.try-note{color:var(--faint);font-size:.82rem;margin-top:30px;max-width:720px}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
@media(max-width:1000px){.try-grid{grid-template-columns:1fr 1fr}.try-wait{grid-template-columns:1fr;gap:24px}}
@media(max-width:620px){
  .try-how,.try-grid{grid-template-columns:1fr}
  .try-how li{padding:18px 20px}
  .try-bar .try-select{width:100%}
  .try-form .two{grid-template-columns:1fr}
  .try-dlg-in{padding:22px 18px}
}