.cpi-popup{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}.cpi-popup.is-visible{display:flex}.cpi-backdrop{position:absolute;inset:0;background:rgba(0,0,0,var(--cpi-overlay,.88));backdrop-filter:blur(3px)}.cpi-modal{position:relative;width:min(var(--cpi-max-width,760px),96vw);max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:12px;animation:cpiIn .22s ease-out}.cpi-image{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff}.cpi-close{position:absolute;right:-10px;top:-12px;width:38px;height:38px;border:0;border-radius:999px;background:#fff;color:#12315f;font-size:30px;line-height:34px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:2}.cpi-enter{border:0;border-radius:999px;background:#0b4fa3;color:#fff;font-size:17px;font-weight:800;letter-spacing:.4px;padding:13px 34px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.28);text-transform:uppercase}.cpi-enter:hover{filter:brightness(1.08)}body.cpi-lock{overflow:hidden}@keyframes cpiIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.cpi-popup{padding:10px}.cpi-modal{width:96vw;gap:10px}.cpi-image{max-height:80vh;border-radius:14px}.cpi-close{right:2px;top:2px;width:34px;height:34px;font-size:26px;line-height:30px}.cpi-enter{font-size:14px;padding:12px 24px;width:92%;max-width:330px}}