.ccpm-root{--ccpm-purple:#5b3df5;--ccpm-purple-dark:#4527d8;--ccpm-amber:#ffb300;--ccpm-ink:#1c1633;position:fixed;inset:0;z-index:999999;pointer-events:none;visibility:hidden;font-family:Heebo,Arial,sans-serif}
.ccpm-root.ccpm-visible{visibility:visible}
.ccpm-backdrop{position:absolute;inset:0;background:rgba(18,12,42,.56);opacity:0;transition:opacity .2s ease;pointer-events:none}
.ccpm-popup{position:absolute;background:#fff;color:var(--ccpm-ink);box-sizing:border-box;overflow:auto;opacity:1;transition:transform .2s ease;pointer-events:auto;box-shadow:0 20px 70px rgba(30,18,82,.28)}
.ccpm-center .ccpm-popup{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);inset:50% auto auto 50%;transform:translate(-50%,-46%);border-radius:24px}
.ccpm-center.ccpm-visible .ccpm-popup{transform:translate(-50%,-50%)}
.ccpm-center.ccpm-visible .ccpm-backdrop{opacity:1;pointer-events:auto}
.ccpm-bottom .ccpm-popup,.ccpm-top .ccpm-popup{inset-inline:16px;width:min(720px,calc(100vw - 32px));margin-inline:auto;border-radius:20px;display:flex;align-items:center}
.ccpm-bottom .ccpm-popup{bottom:16px;transform:translateY(24px)}
.ccpm-top .ccpm-popup{top:16px;transform:translateY(-24px)}
.ccpm-bottom.ccpm-visible .ccpm-popup,.ccpm-top.ccpm-visible .ccpm-popup{transform:translateY(0)}
.ccpm-close{position:absolute;inset-block-start:10px;inset-inline-end:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f0ecff;color:#36258e;font-size:25px;line-height:1;cursor:pointer;z-index:2}
.ccpm-image{display:block;width:100%;max-height:260px;object-fit:cover}
.ccpm-bottom .ccpm-image,.ccpm-top .ccpm-image{width:180px;align-self:stretch;max-height:none;object-fit:cover}
.ccpm-content{padding:30px;text-align:right;flex:1}
.ccpm-content h2{margin:0 0 10px;font-size:clamp(22px,4vw,30px);line-height:1.2;font-weight:800;color:var(--ccpm-ink)}
.ccpm-text{font-size:17px;line-height:1.6;color:#554d70}.ccpm-text p{margin:0 0 12px}
.ccpm-cta{display:inline-block;background:var(--ccpm-purple);color:#fff!important;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;margin-top:8px}.ccpm-cta:hover{background:var(--ccpm-purple-dark)}
.ccpm-code{display:flex;align-items:center;gap:12px;border:1px dashed #8b78ef;background:#f7f5ff;border-radius:12px;padding:9px 14px;margin:14px 0;cursor:pointer;color:var(--ccpm-ink)}.ccpm-code span{font-weight:800;letter-spacing:1px}.ccpm-code small{color:#6554c0}
.ccpm-kartisim{margin-top:14px}.ccpm-kartisim-kicker{display:inline-block!important;margin:0 0 12px!important;padding:5px 11px;border-radius:999px;background:#fff1c2;color:#654400;font-size:14px;font-weight:800}.ccpm-kartisim-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:0 0 14px!important;padding:0!important}.ccpm-kartisim-list li{position:relative;padding:9px 32px 9px 10px;background:#f7f5ff;border-radius:11px;color:#41376a;font-weight:600}.ccpm-kartisim-list li:before{content:"✓";position:absolute;right:11px;color:#5b3df5;font-weight:900}.ccpm-kartisim-note{margin:0!important;font-size:13px;color:#766e89}
@media(max-width:767px){.ccpm-root.ccpm-bottom{inset:auto 0 0;height:auto}.ccpm-bottom .ccpm-popup{position:relative;inset:auto;margin:0;width:100%;max-height:var(--ccpm-mobile-max,30vh);border-radius:18px 18px 0 0;display:flex;overflow:auto}.ccpm-bottom .ccpm-image{width:30%;min-height:130px}.ccpm-bottom .ccpm-content{padding:18px 48px 18px 18px}.ccpm-bottom .ccpm-content h2{font-size:20px}.ccpm-bottom .ccpm-text{font-size:15px}.ccpm-bottom .ccpm-backdrop{display:none}.ccpm-center .ccpm-popup{max-height:calc(100vh - 20px)}.ccpm-content{padding:24px}.ccpm-top .ccpm-popup{inset-inline:8px;width:calc(100vw - 16px)}.ccpm-kartisim-list{grid-template-columns:1fr}.ccpm-kartisim-list li{padding-block:6px}.ccpm-kartisim-note{display:none}}
@media(prefers-reduced-motion:reduce){.ccpm-backdrop,.ccpm-popup{transition:none}}