/* Bloc Club (pages du site ; la maquette a les mêmes règles dans guide.css) */
.g-nl{padding:var(--s3) var(--gutter);background:var(--paper2)}
.g-nl-in{max-width:var(--max);margin:0 auto;display:grid;gap:22px;padding:clamp(24px,4vw,48px);border-radius:28px;background:linear-gradient(140deg,#fff 0%,var(--rose) 140%);box-shadow:inset 0 0 0 1px rgba(178,90,69,.18),0 30px 60px -44px rgba(61,30,25,.6)}
.g-nl .g-eyebrow,.g-csheet .g-eyebrow{font:600 .7rem/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-deep);margin:0 0 14px}
.g-nl-h{font:500 clamp(1.5rem,1.2rem + 1.4vw,2.3rem)/1.1 var(--display);color:var(--ink);margin:0 0 10px;letter-spacing:-.015em}
.g-nl-txt p:not(.g-nl-h):not(.g-eyebrow){color:var(--body,#5A453C)}
.g-nl .g-nl-txt .g-nl-h{color:var(--ink);margin:0 0 14px}
.g-nl .g-nl-txt .g-eyebrow{margin:0 0 14px}
.g-nl-txt p:last-child{margin:0;max-width:52ch}
.g-nl-f{display:grid;grid-template-columns:1fr;gap:10px;align-content:center}
.g-nl-f input{height:56px;border-radius:999px;border:0;padding:0 22px;font:400 1rem var(--text);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px rgba(61,30,25,.16);box-sizing:border-box;width:100%}
.g-nl-f input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--terra-deep)}
.g-nl-f .btn{--h:56px;justify-content:space-between}
.g-nl-legal{grid-column:1/-1;margin:2px 0 0;font-size:.76rem;color:var(--muted)}
.g-nl-legal a,.g-csheet .g-nl-legal a{color:inherit!important;text-decoration:underline!important;text-underline-offset:.2em}
.g-nl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:900px){.g-nl-in{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}.g-nl .g-nl-f{grid-template-columns:1fr}}

/* Case d'accord obligatoire, non cochée ; tremblement + halo si oubliée (comme le formulaire principal) */
.g-nl-f .g-consent{order:2}.g-nl-f .btn{order:3} /* la case vient toujours avant le bouton, sur tous les écrans (Paolo, 06/10/2026) */
.g-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;margin:2px -10px 0;padding:8px 10px;border-radius:14px;font-size:.8rem;line-height:1.45;color:var(--muted);cursor:pointer;transition:background .3s,box-shadow .3s}
.g-consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--terra-deep);cursor:pointer}
.g-consent a{color:inherit!important;text-decoration:underline!important;text-underline-offset:.2em}
.g-consent.need{animation:g-shake .45s var(--ease),g-halo 1.6s ease-out 2;background:var(--rose);box-shadow:0 0 0 2px var(--terra,#CB735D)}
@keyframes g-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes g-halo{0%{box-shadow:0 0 0 2px var(--terra,#CB735D),0 0 0 0 rgba(203,115,93,.55)}100%{box-shadow:0 0 0 2px var(--terra,#CB735D),0 0 0 14px rgba(203,115,93,0)}}

/* Club privé : fiche après l'e-mail (05/10/2026). Ordinateur : dans le bloc. Mobile : panneau du bas.
   S'appuie sur les jetons de la charte (--ink, --terra-deep, --muted, --paper2, --line, --ease). */
.g-club2{display:grid;gap:14px;animation:g-club-in .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes g-club-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.g-club-h{margin:0;font:500 clamp(1.3rem,1.15rem + .6vw,1.55rem)/1.15 var(--display);color:var(--ink);outline:none;letter-spacing:-.01em}
.g-club-p{margin:-6px 0 0;font-size:.92rem;line-height:1.5;color:var(--muted)}
.g-club-lab{margin:0 0 10px;font:600 .7rem/1.2 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--terra-deep)}

/* Curseur Tout | Ventes | Locations */
.g-seg{--i:0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:999px;background:var(--paper2);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px 3px rgba(61,30,25,.08);touch-action:none;user-select:none;-webkit-user-select:none}
.g-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:999px;background:var(--ink);box-shadow:0 6px 16px -6px rgba(61,30,25,.6);transform:translateX(calc(var(--i)*100%));transition:transform .38s cubic-bezier(.3,1.35,.5,1)}
.g-seg.drag .g-seg-thumb{transition-duration:.18s}
.g-seg button{position:relative;z-index:1;height:46px;border:0;background:none;border-radius:999px;font:600 .92rem var(--text);color:var(--ink);cursor:pointer;transition:color .3s}
.g-seg button[aria-checked="true"]{color:#fff}
.g-seg button:focus-visible{outline:2px solid var(--terra-deep);outline-offset:2px}
.g-seg-cap{margin:8px 0 0;min-height:1.3em;font-size:.84rem;color:var(--muted);text-align:center}

.g-club-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g-fld{display:grid;gap:5px;min-width:0}
.g-fld span{font-size:.76rem;font-weight:500;color:var(--muted);padding-left:4px}
.g-fld input{height:52px;width:100%;box-sizing:border-box;border-radius:16px;border:0;padding:0 16px;font:400 1rem var(--text);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px rgba(61,30,25,.16)}
.g-fld input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--terra-deep)}
.g-fld input::placeholder{color:rgba(90,69,60,.45)}
.g-fld:nth-child(n+3){grid-column:1/-1}

/* Profil professionnel : discret, replié */
.g-club-pro summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:500;color:var(--muted);padding:4px 0}
.g-club-pro summary::-webkit-details-marker{display:none}
.g-club-pro summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.g-club-pro[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.g-club-prochips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.g-club-prochips button{height:40px;padding:0 16px;border:0;border-radius:999px;font:500 .86rem var(--text);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px rgba(61,30,25,.16);cursor:pointer}
.g-club-prochips button[aria-checked="true"]{background:var(--ink);color:#fff;box-shadow:none}

.g-club-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.g-club-act .btn{--h:54px}
.g-club-err{margin:0;font-size:.86rem;font-weight:600;color:#9E3B2B}
.g-club-done{display:flex;gap:12px;align-items:flex-start;align-self:center;font-weight:500;color:var(--ink)}
.g-club-done b{color:var(--terra-deep)}
.g-club-tick{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--terra-deep);color:#fff}
.g-club-tick svg{width:18px;height:18px}
.g-club-tick.big{width:64px;height:64px;margin:0 auto 6px;animation:g-pop .5s cubic-bezier(.3,1.5,.5,1) both}
.g-club-tick.big svg{width:34px;height:34px}
@keyframes g-pop{from{transform:scale(.4);opacity:0}}

/* Mobile : panneau du bas, barre d'action du site masquée pendant l'inscription */
.club-open .sticky{transform:translateY(170%)!important;transition:transform .35s var(--ease)}
.g-csheet{position:fixed;inset:0;z-index:80}
.g-cs-scrim{position:absolute;inset:0;background:rgba(42,20,17,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:g-fade .35s both}
.g-cs-panel{position:absolute;left:0;right:0;bottom:var(--kb,0px);max-height:calc(100svh - 40px - var(--kb,0px));overflow:auto;overscroll-behavior:contain;padding:6px 20px calc(18px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fff 0%,#fff 60%,var(--rose,#FBEADF) 140%);box-shadow:0 -24px 60px -24px rgba(42,20,17,.55);animation:g-up .5s cubic-bezier(.2,.9,.25,1) both;transition:transform .32s var(--ease)}
.g-cs-panel.drag{transition:none}
.g-csheet.out .g-cs-panel{transform:translateY(105%)!important}
.g-csheet.out .g-cs-scrim{opacity:0;transition:opacity .3s}
.g-cs-grab{display:block;width:100%;height:26px;margin:0 0 4px;border:0;background:none;cursor:grab;position:relative}
.g-cs-grab::before{content:"";position:absolute;left:50%;top:9px;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:rgba(61,30,25,.24)}
.g-cs-panel .g-eyebrow{margin:0 0 8px}
.g-cs-panel .g-club2{animation:none}
.g-cs-panel .g-club-act{flex-direction:column;align-items:stretch;position:sticky;z-index:2;bottom:calc(-18px - env(safe-area-inset-bottom,0px));margin:0 -20px;padding:16px 20px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(255,251,249,0),#FFFBF9 18px)}
.g-cs-panel .g-club-act .btn{justify-content:center}
.g-cs-panel .g-cs-panel .g-nl-legal{text-align:center;margin:0}
.g-cs-ok{display:grid;gap:10px;text-align:center;padding:18px 4px 6px}
.g-cs-ok p{margin:0;color:var(--muted)}
.g-cs-ok .g-club-h{color:var(--ink)}
.g-cs-ok .btn{justify-content:center;margin-top:8px}
@keyframes g-up{from{transform:translateY(100%)}}
@keyframes g-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.g-club2,.g-cs-panel,.g-cs-scrim,.g-club-tick.big{animation:none}.g-seg-thumb{transition:none}}
@media (min-width:900px){.g-club-grid{grid-template-columns:1fr 1fr 1.3fr}.g-fld:nth-child(n+3){grid-column:auto}.g-fld:nth-child(4){grid-column:1/-1}.g-seg{max-width:420px}.g-seg-cap{text-align:left;padding-left:16px}}

/* Confirmation (retour du lien Brevo ?club=ok) : carte centrée sur ordinateur, panneau du bas sur mobile */
.g-cfm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}
.g-cfm-scrim{position:absolute;inset:0;background:rgba(42,20,17,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:g-fade .45s both}
.g-cfm-card{position:relative;width:min(460px,100%);max-height:calc(100svh - 40px);overflow:auto;border-radius:28px;background:#fff;box-shadow:0 40px 80px -30px rgba(42,20,17,.6);animation:g-cfm-in .7s cubic-bezier(.2,.9,.25,1) both}
@keyframes g-cfm-in{from{opacity:0;transform:translateY(24px) scale(.96)}}
.g-cfm-card:focus{outline:none}
.g-cfm-close:focus:not(:focus-visible){outline:none;box-shadow:none}
.g-cfm-grab{display:none}
.g-cfm-img{height:190px;overflow:hidden;position:relative}
.g-cfm-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 45%,#fff 100%)}
.g-cfm-img img{width:100%;height:100%;object-fit:cover;animation:g-cfm-zoom 9s ease-out both}
@keyframes g-cfm-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.g-cfm-body{position:relative;padding:0 30px 28px;text-align:center}
.g-cfm-tick{display:grid;place-items:center;width:76px;height:76px;margin:-48px auto 14px;border-radius:50%;background:#fff;position:relative;box-shadow:0 12px 30px -12px rgba(178,90,69,.55)}
.g-cfm-tick::before,.g-cfm-tick::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px solid var(--terra,#CB735D);opacity:0;animation:g-cfm-ring 2.4s ease-out .9s 2}
.g-cfm-tick::after{animation-delay:1.5s}
@keyframes g-cfm-ring{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.g-cfm-tick svg{width:52px;height:52px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.g-cfm-tick circle{stroke:var(--terra-deep);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:g-cfm-draw .8s cubic-bezier(.65,0,.35,1) .35s forwards}
.g-cfm-tick path{stroke:var(--terra-deep);stroke-width:3;stroke-dasharray:40;stroke-dashoffset:40;animation:g-cfm-draw .45s cubic-bezier(.65,0,.35,1) 1s forwards}
@keyframes g-cfm-draw{to{stroke-dashoffset:0}}
.g-cfm .g-eyebrow{font:600 .7rem/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-deep);margin:0 0 10px}
.g-cfm-h{margin:0 0 12px;font:500 clamp(1.6rem,1.3rem + 1vw,2rem)/1.1 var(--display);color:var(--ink);letter-spacing:-.015em}
.g-cfm-body p{margin:0 0 8px;font-size:.98rem;line-height:1.55;color:var(--body,#5A453C)}
.g-cfm-body .g-cfm-p2{color:var(--muted)}
.g-cfm-body>*{animation:g-cfm-up .6s cubic-bezier(.2,.8,.2,1) both}
.g-cfm-body>.g-eyebrow{animation-delay:.5s}.g-cfm-h{animation-delay:.6s}.g-cfm-body>p{animation-delay:.7s}.g-cfm-body>.g-cfm-p2{animation-delay:.8s}.g-cfm-act{animation-delay:.9s}
@keyframes g-cfm-up{from{opacity:0;transform:translateY(10px)}}
.g-cfm-act{display:grid;gap:6px;margin-top:20px}
.g-cfm-act .btn{--h:54px;justify-content:center;text-decoration:none}
.g-cfm-close{border:0;background:none;padding:12px;font:500 .9rem var(--text);color:var(--muted);cursor:pointer}
.g-cfm-close:hover{color:var(--ink)}
.g-cfm.out .g-cfm-card{opacity:0;transform:translateY(24px) scale(.97);transition:all .35s var(--ease)}
.g-cfm.out .g-cfm-scrim{opacity:0;transition:opacity .35s}
@media (max-width:899px){
	.g-cfm{place-items:end stretch;padding:0}
	.g-cfm-card{width:100%;border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:g-up .55s cubic-bezier(.2,.9,.25,1) both}
	.g-cfm.out .g-cfm-card{transform:translateY(105%)}
	.g-cfm-grab{display:block;position:absolute;top:0;left:0;right:0;z-index:2;margin:0}
	.g-cfm-grab::before{background:rgba(255,255,255,.85)}
	.g-cfm-img{height:170px}
}
@media (prefers-reduced-motion:reduce){.g-cfm-card,.g-cfm-scrim,.g-cfm-img img,.g-cfm-body>*,.g-cfm-tick::before,.g-cfm-tick::after{animation:none}.g-cfm-tick circle,.g-cfm-tick path{animation:none;stroke-dashoffset:0}}
/* Indicatif du pays devant le téléphone (06/10/2026) : liste native du téléphone par-dessus « +33 ». */
.g-fld .pl-cw{position:relative}
.g-fld .pl-cc{position:absolute;left:6px;top:6px;bottom:6px;display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;border-radius:11px;background:var(--paper2,#FBF5F1);z-index:1}
.g-fld .pl-cc,.g-fld .pl-cc-v{font:600 1rem var(--text);font-variant-numeric:tabular-nums;color:var(--ink);padding-left:0}
.g-fld .pl-cc{padding:0 10px 0 12px}
.g-fld .pl-cc::after{content:"";width:7px;height:7px;border-right:1.6px solid var(--terra-deep);border-bottom:1.6px solid var(--terra-deep);transform:translateY(-2px) rotate(45deg)}
.g-fld .pl-cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer;border:0}
.g-fld .pl-cw input{padding-left:100px}