.tkx-popup-overlay { display:none; }
body.tkx-popup-show .tkx-popup-overlay {
    display:flex; position:fixed; inset:0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
    justify-content:center; align-items:center;
    z-index:99999;
}
body.tkx-popup-show { overflow:hidden; }
.tkx-popup-container {
    --actions-h: 56px;
    width: 90%; max-width: 720px;
    background:#fff; border-radius:0;
    overflow:hidden;
    display:flex; flex-direction:column; position:relative;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}
.tkx-image-wrap img { display:block; width:100%; height:auto; object-fit:contain; }
.tkx-popup-close { 
    position:absolute; top:10px; right:10px; 
    background:none; border:none; color:#fff; 
    font-size:26px; cursor:pointer; z-index:2; 
    text-shadow: 0 1px 3px rgba(0,0,0,0.5); 
}
.tkx-actions { height: var(--actions-h); display:flex; background:#fff; border-top:1px solid #EFEFEF; }
.tkx-action { flex:1; display:flex; align-items:center; justify-content:center; font-size:14px; color:#222; text-decoration:none; border:none; background:none; cursor:pointer; }
.tkx-action + .tkx-action { border-left:1px solid #EFEFEF; }
.tkx-action--cta:hover { background:#F9FAFB; }
@media (max-width: 480px) { .tkx-popup-container { width: 94%; } }