.zxpp-popup{--zxpp-accent:#f0b6cc;position:fixed;z-index:99999;box-sizing:border-box;}
.zxpp-popup, .zxpp-popup *{box-sizing:border-box;}
.zxpp-hide{display:none !important;}
.zxpp-popup .zxpp-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);opacity:0;transition:opacity 0.25s ease;}
.zxpp-popup .zxpp-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.25);overflow:hidden;max-width:600px;width:calc(100% - 32px);transform:translateY(20px) scale(0.96);opacity:0;transition:transform 0.25s ease, opacity 0.25s ease;}
.zxpp-popup .zxpp-img{display:block;width:100%;height:auto;}
.zxpp-popup .zxpp-link{display:block;line-height:0;}
.zxpp-popup .zxpp-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:var(--zxpp-accent);color:#333;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.2s ease;z-index:2;}
.zxpp-popup .zxpp-close:hover{transform:scale(1.1);}
.zxpp-popup .zxpp-close:focus-visible{outline:2px solid #2271b1;outline-offset:2px;}
.zxpp-pos-center{inset:0;display:flex;align-items:center;justify-content:center;}
.zxpp-pos-center.zxpp-show .zxpp-overlay{opacity:1;}
.zxpp-pos-center.zxpp-show .zxpp-content{transform:translateY(0) scale(1);opacity:1;}
.zxpp-pos-bottom-right, .zxpp-pos-bottom-left{bottom:20px;width:auto;max-width:380px;}
.zxpp-pos-bottom-right{right:20px;}
.zxpp-pos-bottom-left{left:20px;}
.zxpp-pos-bottom-right .zxpp-overlay, .zxpp-pos-bottom-left .zxpp-overlay{display:none;}
.zxpp-pos-bottom-right .zxpp-content, .zxpp-pos-bottom-left  .zxpp-content{width:100%;transform:translateY(40px);}
.zxpp-pos-bottom-right.zxpp-show .zxpp-content, .zxpp-pos-bottom-left.zxpp-show  .zxpp-content{transform:translateY(0);opacity:1;}
.zxpp-pos-top-bar, .zxpp-pos-bottom-bar{left:0;right:0;width:100%;}
.zxpp-pos-top-bar {top:0;}
.zxpp-pos-bottom-bar{bottom:0;}
.zxpp-pos-top-bar .zxpp-overlay, .zxpp-pos-bottom-bar .zxpp-overlay{display:none;}
.zxpp-pos-top-bar .zxpp-content, .zxpp-pos-bottom-bar .zxpp-content{max-width:none;width:100%;border-radius:0;transform:translateY(-100%);}
.zxpp-pos-bottom-bar .zxpp-content{transform:translateY(100%);}
.zxpp-pos-top-bar.zxpp-show .zxpp-content, .zxpp-pos-bottom-bar.zxpp-show .zxpp-content{transform:translateY(0);opacity:1;}
.zxpp-pos-top-bar .zxpp-img, .zxpp-pos-bottom-bar .zxpp-img{max-height:180px;object-fit:cover;}
.zxpp-popup.zxpp-closing .zxpp-overlay{opacity:0;}
.zxpp-popup.zxpp-closing .zxpp-content{opacity:0;transform:translateY(20px) scale(0.96);}
@media (prefers-reduced-motion: reduce) {
.zxpp-popup .zxpp-overlay, .zxpp-popup .zxpp-content{transition:none;}
}
@media(max-width:540px){
.zxpp-pos-bottom-right, .zxpp-pos-bottom-left{left:12px;right:12px;bottom:12px;max-width:none;}
} .zxpp-popup .zxpp-html{padding:36px 28px 28px;text-align:center;}
.zxpp-popup .zxpp-headline{margin:0 0 12px;font-size:22px;line-height:1.25;color:#1d2327;font-weight:700;}
.zxpp-popup .zxpp-body{margin:0 0 18px;color:#4b4f55;font-size:15px;line-height:1.5;}
.zxpp-popup .zxpp-body p:last-child{margin-bottom:0;}
.zxpp-popup .zxpp-cta{display:inline-block;padding:11px 22px;background:var(--zxpp-accent);color:#1d2327;text-decoration:none;border-radius:6px;font-weight:600;transition:transform 0.15s ease, box-shadow 0.15s ease;}
.zxpp-popup .zxpp-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);}
.zxpp-pos-top-bar .zxpp-html, .zxpp-pos-bottom-bar .zxpp-html{padding:18px 64px 18px 24px;display:flex;align-items:center;gap:16px;text-align:left;}
.zxpp-pos-top-bar .zxpp-headline, .zxpp-pos-bottom-bar .zxpp-headline{margin:0;font-size:16px;}
.zxpp-pos-top-bar .zxpp-body, .zxpp-pos-bottom-bar .zxpp-body  {margin:0;flex:1;font-size:14px;}
.zxpp-pos-top-bar .zxpp-cta, .zxpp-pos-bottom-bar .zxpp-cta      { padding: 8px 16px; }