/* css/funnel-modal.css — шторка воронки поверх сторінки (спека 64 §1).
   Пара до js/shared/funnel-modal.js: сама шторка, замок скролу і рамка кадру.
   Стилі САМОЇ воронки лишаються всередині zabronyuvaty.html — сюди не переїжджають. */

.zbm-overlay{position:fixed;inset:0;z-index:10000;   /* вище за банер згоди (.dcb, 9999) — 09.09 він накривав низ воронки */background:rgba(6,6,6,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}
.zbm-overlay[hidden]{display:none}
@media(min-width:760px){.zbm-overlay{align-items:center;padding:24px}}

/* На телефоні шторка НЕ на весь екран: смужка сторінки зверху лишається видимою —
   інакше попап читається як ще одна сторінка, тобто рівно те, на що скаржилась Ірина. */
.zbm-sheet{position:relative;width:100%;max-width:620px;height:calc(100% - 30px);max-height:100%;background:#0a0a0a;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -12px 40px rgba(0,0,0,.6);animation:zbmUp .24s cubic-bezier(.22,1,.36,1)}
@media(min-width:760px){.zbm-sheet{height:min(92vh,940px);border-radius:14px;border:1px solid #222;box-shadow:0 24px 60px rgba(0,0,0,.7)}}
@keyframes zbmUp{from{transform:translateY(18px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.zbm-sheet{animation:none}}

/* ✕ — над кадром, у куті: у самій воронці своя кнопка «назад», і вона не про закриття шторки. */
.zbm-x{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #2a2a2a;background:rgba(18,18,18,.92);color:#f0f0f0;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.zbm-x:hover{border-color:#3a3a3a}
.zbm-x:focus-visible{outline:2px solid #CDF869;outline-offset:2px}

.zbm-frame{display:block;width:100%;height:100%;border:0;background:#0a0a0a}

/* Замок скролу сторінки під шторкою: position:fixed на body ламає позицію, тому
   гасимо саме прокрутку кореня — сторінка лишається там, де людина її покинула. */
.zbm-lock,.zbm-lock body{overflow:hidden;overscroll-behavior:none}

/* ── Сама воронка у режимі шторки (?embed=1) ──────────────────────────────
   Шапка сайту й футер усередині кадру були б другим сайтом усередині сайту. */
body.zb-embed .hdr,body.zb-embed #destroy-nav-root,body.zb-embed .foot,body.zb-embed .site-footer,body.zb-embed .gift-fab{display:none!important}
body.zb-embed .zb{padding-top:14px}