/* SN GROUP — BROCHURE (envoi 47, 21.10.2026 ; includes/brochure.php, assets/js/sn-brochure.js).
   MÊME VERRE que la demande sur la fiche (sn-demande-bien.css, règle « glassmorphism » de David du 16.10.2026) : verre fumé dépoli,
   flou de la page derrière, bord fin clair ; repli sans flou (@supports) : verre OPAQUE, même lisibilité. Feuille AUTONOME : elle
   sert aussi sur les mini-sites des promotions (qui n'ont pas les styles du site). Même design sur ordinateur et téléphone :
   seule la largeur change. Boutons sur une ligne, ≥ 14 px, ≥ 44 px ; champs à 16 px (pas de zoom sur iPhone). */
.sn-br{--sn-br-teinte:#19130B;--sn-br-accent:#C4A87C;--sn-br-texte:#F5F0E8;--sn-br-doux:rgba(245,240,232,.88);
  width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:transparent;color:var(--sn-br-texte);overflow:visible;
  font-family:var(--font-sans,var(--police-texte,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif));font-size:15px;line-height:1.5;box-sizing:border-box}
.sn-br *,.sn-br *::before,.sn-br *::after{box-sizing:border-box}
.sn-br::backdrop{background:rgba(10,8,5,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sn-br-in{position:relative;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:26px 26px 22px;border-radius:22px;
  background:var(--sn-br-teinte) linear-gradient(155deg,var(--sn-br-teinte),color-mix(in srgb,var(--sn-br-teinte) 88%,#ffffff));   /* M9 : verre fumé OPAQUE (reflet clair) : le texte de la page ne se lit jamais derrière */
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sn-br-in{background:var(--sn-br-teinte)}.sn-br::backdrop{background:rgba(10,8,5,.7)}}
@supports not (background:color-mix(in srgb,red 50%,transparent)){.sn-br-in{background:rgba(25,19,11,.94)}}
.sn-br[open]{animation:sn-br-ouvrir .22s ease-out}
@keyframes sn-br-ouvrir{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sn-br[open]{animation:none}}
.sn-br-fermer{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:var(--sn-br-texte);font-size:24px;line-height:1;cursor:pointer;padding:0}
.sn-br-fermer:hover,.sn-br-fermer:focus-visible{background:rgba(255,255,255,.18);outline:2px solid var(--sn-br-accent);outline-offset:2px}
.sn-br-sur{margin:0 52px 4px 0;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sn-br-accent)}
.sn-br-titre{margin:0 52px 16px 0;font-family:var(--font-serif,var(--police-titres,Georgia,"Times New Roman",serif));font-weight:400;font-size:24px;line-height:1.25;color:var(--sn-br-texte)}
/* Le bien (non modifiable) */
.sn-br-bien{display:flex;gap:14px;align-items:center;margin:0 0 16px;padding:12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.sn-br-photo{width:96px;height:72px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.sn-br-bien-texte{min-width:0}
.sn-br-bien-texte p{margin:0}
.sn-br-ref{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--sn-br-accent)}
.sn-br-nom{font-size:17px;line-height:1.3;color:var(--sn-br-texte);margin-top:2px!important;overflow-wrap:normal;word-break:normal;hyphens:manual}
/* Formulaire sur verre */
.sn-br-form{display:flex;flex-direction:column;gap:14px;margin:0}
.sn-br-texte{margin:0;font-size:15px;line-height:1.55;color:var(--sn-br-doux)}
.sn-br-ligne{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sn-br-champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.sn-br-champ[hidden]{display:none}
.sn-br-champ label{color:var(--sn-br-texte);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.sn-br-facultatif{text-transform:none;letter-spacing:0;font-weight:400;color:var(--sn-br-doux)}
.sn-br-champ input,.sn-br-champ textarea,.sn-br-champ select{width:100%;min-height:48px;padding:.7rem .85rem;font:inherit;font-size:16px;color:#2A2A2A;
  background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.5);border-radius:10px;margin:0}
.sn-br-champ textarea{min-height:88px;resize:vertical}
.sn-br-champ select{-webkit-appearance:none;appearance:none;padding-right:2.2rem;
  background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232A2A2A' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right .8rem center}
.sn-br-champ input:focus,.sn-br-champ textarea:focus,.sn-br-champ select:focus{outline:2px solid var(--sn-br-accent);outline-offset:1px}
.sn-br-court{max-width:8rem}
.sn-br-accord{display:flex;gap:.75rem;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--sn-br-texte);cursor:pointer}
.sn-br-accord input{width:22px;height:22px;font-size:16px;margin:.1rem 0 0;flex:0 0 auto;accent-color:var(--sn-br-accent)}
.sn-br-accord a{color:var(--sn-br-texte);text-decoration:underline;text-underline-offset:3px}
.sn-br-erreur{margin:0;padding:.75rem 1rem;border-radius:10px;background:#fbeeee;border:1px solid #e5b9b9;color:#7a1f1f;font-size:14px}
.sn-br-envoyer{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:var(--sn-br-accent);color:#19130B;
  font:inherit;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.sn-br-envoyer:hover{filter:brightness(1.06)}
.sn-br-envoyer:focus-visible{outline:2px solid var(--sn-br-texte);outline-offset:3px}
.sn-br-envoyer[disabled]{opacity:.7;cursor:progress}
.sn-br-sec{background:rgba(255,255,255,.1);color:var(--sn-br-texte);border:1px solid rgba(255,255,255,.35);box-shadow:none}
.sn-br-note{margin:0;font-size:14px;color:var(--sn-br-doux)}
.sn-br-merci{padding:8px 0 4px;text-align:center}
.sn-br-merci-titre{margin:0 0 8px;font-family:var(--font-serif,var(--police-titres,Georgia,"Times New Roman",serif));font-size:22px;line-height:1.3;color:var(--sn-br-texte)}
.sn-br-merci p{margin:0 0 18px;color:var(--sn-br-doux)}
.sn-br-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* Téléphone : même verre, plein écran en largeur, coins conservés */
@media (max-width:560px){.sn-br{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.sn-br-in{padding:20px 16px 18px;border-radius:18px;max-height:calc(100dvh - 16px)}
  .sn-br-ligne{grid-template-columns:1fr}.sn-br-photo{width:72px;height:56px}.sn-br-titre{font-size:21px}.sn-br-nom{font-size:16px}}