/* les pages de la boutique (merci, accès, mon accès) : le même papier, la même encre que la page de vente */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,800&family=DM+Sans:wght@400;700&family=Caveat:wght@600&display=swap");
:root{--papier:#F5EFE3;--encre:#17140F;--encre2:#4A433A;--gris:#8A8174;--rouge:#FF5A36;--vert:#1F8A5B;--carte:#FFFBF3}
*{box-sizing:border-box;margin:0}
body{background:var(--papier);color:var(--encre);font-family:"DM Sans",system-ui,sans-serif;font-size:18px;line-height:1.55;padding:48px 16px}
main{max-width:620px;margin:0 auto;background:var(--carte);border:2.5px solid var(--encre);border-radius:20px;box-shadow:6px 6px 0 var(--encre);padding:36px 28px}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(36px,7vw,52px);line-height:1.05;margin-bottom:12px}
.main{font-family:"Caveat",cursive;font-size:28px;color:#E8431F}
.chapeau{font-size:20px;color:var(--encre2);margin-bottom:22px}
p{margin-bottom:14px}
.etapes{padding-left:22px;margin-bottom:22px}
.etapes li{margin-bottom:16px}
.etapes b{display:block}
.bouton{display:inline-block;margin-top:8px;background:var(--rouge);color:#fff;font-weight:700;font-size:18px;text-decoration:none;padding:14px 22px;border:2.5px solid var(--encre);border-radius:12px;box-shadow:4px 4px 0 var(--encre);cursor:pointer;font-family:inherit}
.lien{color:var(--encre);font-weight:700}
form{display:flex;flex-wrap:wrap;gap:10px}
input{flex:1 1 220px;font:inherit;padding:12px 14px;border:2.5px solid var(--encre);border-radius:12px;background:#fff}
.pas-encore{margin-top:30px;padding-top:22px;border-top:2px dashed #CFC6B6}
.pas-encore p{margin:6px 0 4px;color:var(--encre2)}
.pas-encore .lien{margin-left:12px;font-size:16px}
/* l'espace créateur : la carte seule en haut, tout ce qui présente StickmanFilm en bas (démo + scènes) */
.demo{max-width:620px;margin:56px auto 0;text-align:center}
.demo h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(30px,6vw,42px);line-height:1.05;margin-bottom:10px}
.demo p{color:var(--encre2)}
.tel{position:relative;width:min(300px,80vw);margin:22px auto 26px;border:3px solid var(--encre);border-radius:28px;overflow:hidden;box-shadow:6px 6px 0 var(--encre);background:#000}
.tel video{display:block;width:100%}
.demo .bouton{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:18px}
.bouton .prix{background:#fff;color:var(--encre);border-radius:8px;padding:0 8px;margin-left:8px}
.bouton small{font-size:13px;opacity:.92}
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 28px}
.scenes video{width:100%;aspect-ratio:1;object-fit:cover;border:2.5px solid var(--encre);border-radius:14px;background:#fff}
.pas-encore{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.pas-encore b{flex-basis:100%}
.pas-encore .bouton{margin-top:0}
.pas-encore .lien{margin-left:0}
.son{position:absolute;right:10px;bottom:10px;background:#fffd;border:2px solid var(--encre);border-radius:99px;padding:6px 12px;font:700 14px "DM Sans",sans-serif;cursor:pointer}