
@font-face{font-family:Anton;src:url(/assets/popup/anton-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Work Sans";font-weight:400;src:url(/assets/popup/worksans-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Work Sans";font-weight:600;src:url(/assets/popup/worksans-600.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Work Sans";font-weight:700;src:url(/assets/popup/worksans-700.woff2) format("woff2");font-display:swap}

.psk-pop{--leaf:#70c076;--leaf-dk:#25632b;--char:#1d211e;--black:#111311;--focus:#f5b700;position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}
.psk-pop.is-open{display:flex}
.psk-pop__scrim{position:absolute;inset:0;background:rgba(10,12,10,.72)}
.psk-pop__box{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(820px,92vw);background:var(--char);color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);animation:pskIn .25s ease-out}
.psk-pop__img{background:url(/assets/popup/pizza.jpg) center/cover;min-height:460px}
.psk-pop__body{padding:32px 36px 24px;display:flex;flex-direction:column}
.psk-pop__logo{width:84px;height:auto;margin-bottom:18px}
.psk-pop h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:40px;line-height:1;margin:0 0 10px;letter-spacing:.01em}
.psk-pop h2 span{color:var(--leaf)}
.psk-pop__sub{margin:0 0 10px;font-size:15.5px;line-height:1.45;color:#d9dfda}
.psk-pop label{display:block;font-size:14px;font-weight:600;margin:0 0 6px}
.psk-pop label small{font-weight:400;color:#a9b2ab}
.psk-pop input{width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:12px 14px;border:2px solid #3a413c;border-radius:8px;background:#111311;color:#fff;margin-bottom:14px}
.psk-pop input:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--leaf)}
.psk-pop__btn{font:inherit;font-weight:700;font-size:18px;width:100%;padding:14px;border:0;border-radius:8px;background:var(--leaf);color:var(--black);cursor:pointer;margin-top:4px}
.psk-pop__btn:hover{background:#86cc8b}
.psk-pop__fine{font-size:11.5px;line-height:1.4;color:#a9b2ab;margin:10px 0 0;text-align:left}
.psk-pop__no{background:none;border:0;color:#d9dfda;font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;margin:10px auto 0;padding:6px}
.psk-pop__x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:2}
.psk-pop :focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.psk-pop__done{display:none}
.psk-pop.is-done form,.psk-pop.is-done .psk-pop__sub,.psk-pop.is-done .psk-pop__perks,.psk-pop.is-done .psk-pop__no,.psk-pop.is-done .psk-pop__fine{display:none}
.psk-pop.is-done .psk-pop__done{display:block;font-size:17px;color:#d9dfda}
.psk-pop__err{color:#ff9b8a;font-size:14px;margin:-8px 0 10px;min-height:0}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes pskIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:767px){
 .psk-pop{align-items:flex-end}
 .psk-pop__box{grid-template-columns:1fr;width:100%;border-radius:18px 18px 0 0;max-height:92vh;overflow:auto}
 .psk-pop__img{min-height:150px}
 .psk-pop__body{padding:22px 22px calc(18px + env(safe-area-inset-bottom))}
 .psk-pop__logo{position:absolute;top:96px;left:22px;width:76px;background:#1d211e;border-radius:50%;padding:4px}
 .psk-pop h2{font-size:36px;margin-top:22px}
 @keyframes pskIn{from{transform:translateY(100%)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.psk-pop__box{animation:none}}
.psk-pop.no-anim .psk-pop__box{animation:none}

.psk-pop{font-family:"Work Sans",system-ui,sans-serif}
.psk-pop__hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

.psk-pop__perks{list-style:none;margin:0 0 16px;padding:8px 12px;border-left:3px solid var(--leaf);background:rgba(255,255,255,.04);border-radius:0 6px 6px 0;font-size:13px;line-height:1.35;color:#d9dfda}
.psk-pop__perks li{margin:2px 0}
.psk-pop__perks b{color:#fff;font-weight:600}
@media (max-width:767px){
 .psk-pop__img{min-height:96px}
 .psk-pop__logo{top:52px;width:60px}
 .psk-pop__body{padding:16px 18px calc(12px + env(safe-area-inset-bottom))}
 .psk-pop h2{font-size:29px;margin:16px 0 6px}
 .psk-pop__sub{font-size:14px;line-height:1.38;margin-bottom:8px}
 .psk-pop__perks{font-size:12px;line-height:1.3;padding:6px 10px;margin-bottom:10px}
 .psk-pop label{font-size:13px;margin-bottom:4px}
 .psk-pop input{padding:9px 12px;font-size:16px;margin-bottom:8px}
 .psk-pop__btn{padding:12px;font-size:17px}
 .psk-pop__fine{font-size:10.5px;margin-top:8px}
 .psk-pop__no{margin-top:4px;font-size:14px;padding:4px}
}
@media (min-width:768px){
 .psk-pop__box{width:min(940px,94vw);grid-template-columns:2fr 3fr;max-height:96vh;overflow:auto}
 .psk-pop__img{min-height:0}
 .psk-pop__logo{width:64px;margin-bottom:12px}
 .psk-pop h2{font-size:36px}
 .psk-pop input{padding:10px 12px;margin-bottom:10px}
 .psk-pop__btn{padding:12px}
}
