.popck{position:fixed;left:0;right:0;bottom:0;z-index:400;display:flex;align-items:center;gap:var(--g20);flex-wrap:wrap;justify-content:center;padding:var(--e12) var(--blk-pad);background:#fff;border-top:1px solid var(--line);box-shadow:0 -14px 34px -22px rgba(0,0,0,.5);transition:opacity .18s ease,visibility .18s}
.popck[hidden]{display:none}

body.tiroir-ouvert .popck{opacity:0;visibility:hidden;pointer-events:none}
.popck-t{margin:0;max-width:74ch;color:var(--mute);font-size:13px;line-height:1.45}
.popck-t a{color:var(--ink);text-decoration:underline}
.popck-a{display:flex;gap:var(--e10);flex:none}
.popck-b{border:0;border-radius:var(--btn-r,30px);font-family:inherit;font-weight:800;font-size:13.5px;padding:var(--e10) var(--g20);cursor:pointer}
.popck-b1{background:var(--coral);color:var(--coral-texte)}
.popck-b2{background:#efe9dc;color:var(--ink)}
.popck-b:focus-visible{outline:3px solid var(--coral);outline-offset:2px}

body:has(.popck:not([hidden])) .popnl-tab{bottom:calc(var(--g20) + 74px)}
@media(max-width:700px){
 .popck{gap:var(--e10);padding:var(--e12) var(--e16)}
 .popck-t{font-size:12.5px}
 .popck-a{width:100%}
 .popck-b{flex:1}
}