/* =====================================================================
   Pages /get, /model/…, accueil provisoire, pages légales — mise en page commune
   (même décor que la page carte : écran de téléphone, cuir, coutures).
   ===================================================================== */
:root {
    --frame-w: 412px;
    --frame-h: 866px;
    --card-page-backdrop: #856D51;
    --info-text: #e8e0d0;
    --info-gold: #e8c886;
    --info-inner: calc(var(--frame-w) * 0.03 + 14px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html, body { width: 100%; height: 100%; overflow: hidden; background: var(--card-page-backdrop); }
body.info-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    height: 100dvh;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: var(--info-text);
}
.phone-frame {
    position: relative;
    flex: 0 0 auto;
    width: var(--frame-w);
    height: var(--frame-h);
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.35);
    background: #6b553d;
}
.phone-frame.is-fullscreen { border-radius: 0; box-shadow: none; }
.phone-frame-leather { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; }
.phone-frame-stitch { position: absolute; inset: 0; z-index: 9; pointer-events: none; overflow: visible; }
.info-content {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--info-inner);
    overflow-y: auto;
}
.info-panel {
    width: 100%;
    background: rgba(20, 14, 10, 0.84);
    border: 1px solid rgba(240, 210, 160, 0.3);
    border-radius: 10px;
    padding: 24px 18px 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
}
.info-brand { font-size: 13px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: var(--info-gold); }
.info-title { font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--info-text); }
.info-text { font-size: 15px; line-height: 1.5; }
.info-buttons { width: 100%; display: flex; flex-direction: column; align-items: center; gap: calc(var(--frame-w) * 0.03); }
.info-button {
    width: calc(var(--frame-w) * 0.78);
    min-height: calc(var(--frame-w) * 0.14);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-size: calc(var(--frame-w) * 0.046);
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.info-noscript { position: absolute; inset: 30% 10% auto; z-index: 30; text-align: center; font-size: 15px; }