.popnl{position:fixed;inset:0;z-index:300;background:rgba(15,15,25,.55);display:flex;align-items:center;justify-content:center;padding:var(--blk-pad)}

.popnl[hidden],.popnl-tab[hidden]{display:none}

.popnl-c{position:relative;background:#fff;border-radius:18px;max-width:560px;width:100%;padding:0;overflow:hidden;text-align:center;box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
.popnl-c img{width:100%;max-height:250px;display:block;object-fit:cover;border-radius:0;margin:0}
.popnl-corps{padding:var(--g30) var(--g28)}
.popnl-t{font-family:var(--f-titres);font-weight:var(--w-titres,900);font-size:clamp(23px,3.4vw,29px);line-height:1.05;margin-bottom:var(--e6)}
.popnl-c p{color:var(--mute);font-size:15.5px;line-height:1.6;margin:0 auto var(--e14);max-width:40ch}

.popnl-c form{display:flex;flex-direction:column;gap:var(--e10)}
.popnl-c input[type=email]{width:100%;border:1px solid var(--line);border-radius:30px;padding:var(--e13) var(--e16);font:inherit;font-size:15px}

.popnl-c input[type=email]:focus{outline:3px solid var(--coral);outline-offset:1px;border-color:var(--coral)}

.popnl-c form .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:var(--btn-r,30px);background:var(--coral);color:var(--coral-texte);font-family:inherit;font-weight:800;font-size:15px;padding:var(--e13) var(--blk-pad);cursor:pointer}

.popnl-c p.popnl-rgpd{margin:var(--e10) auto 0;max-width:75ch;color:var(--mute);font-size:11px;line-height:1.35;opacity:.85}
.popnl-c p.popnl-rgpd a{color:inherit;text-decoration:underline}

.popnl-code{display:inline-flex;align-items:stretch;max-width:100%;margin:0 auto var(--e14);background:#fff;border:1px dashed var(--line);border-radius:12px;overflow:hidden}
.popnl-code b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(19px,2.6vw,23px);font-weight:700;letter-spacing:.12em;color:var(--ink);padding:10px 8px 10px 16px;white-space:nowrap}
.popnl-cp{border:0;border-left:1px dashed var(--line);background:none;color:var(--ink);font-size:17px;line-height:1;padding:0 14px;cursor:pointer;font-family:inherit}
.popnl-cp:hover,.popnl-cp.ok{background:var(--coral);color:var(--coral-texte)}
.popnl-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--mute)}


@media(min-width:800px){
 
 .popnl-c{display:flex;align-items:stretch;max-width:880px;min-height:min(470px,80vh)}
 .popnl-c img{width:48%;flex:none;height:auto;max-height:none;align-self:stretch}
 .popnl-corps{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
 .popnl-c p{max-width:none}
}

@media(max-width:799px){
 .popnl-x{top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 2px 10px -3px rgba(0,0,0,.45)}
}

.popnl-tab{position:fixed;right:var(--g20);bottom:calc(var(--g20) + var(--pied-occupe,0px));z-index:299;max-width:calc(100vw - var(--g40));border:0;border-radius:var(--btn-r,30px);background:var(--coral);color:var(--coral-texte);font-family:inherit;font-weight:900;font-size:16px;line-height:1.25;text-align:left;padding:var(--e12) var(--g20);cursor:pointer;box-shadow:0 16px 36px -14px rgba(0,0,0,.55);transition:opacity .18s ease,visibility .18s,bottom .25s ease}


body.tiroir-ouvert .popnl-tab,body.mnav-ouvert .popnl-tab{opacity:0;visibility:hidden;pointer-events:none}

.popnl-tab .popnl-tab-m{display:none}
@media(max-width:700px){
 .popnl-tab{font-size:14px;padding:var(--e10) var(--e16)}
 .popnl-tab .popnl-tab-d{display:none}
 .popnl-tab .popnl-tab-m{display:inline}
}