.apg-pp-overlay { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 999999; }
.apg-pp-backdrop { position: absolute; inset: 0; background: #000; opacity: var(--apg-pp-backdrop, 0.6); }
.apg-pp-modal { position: relative; z-index: 1; background: transparent; border-radius: 0; overflow: visible; box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.apg-pp-frame { width: 100%; max-height: 90vh; }
.apg-pp-inner { height: 100%; overflow: auto; padding: 0; background: transparent; }

.apg-pp-close { position: absolute; top: -20px; right: -20px; z-index: 3; border: 0; background: #fff; font-size: 28px; line-height: 1; cursor: pointer; color: #111; opacity: .9; border-radius: 50%; width: 36px; height: 36px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-sizing: border-box; padding-bottom: 3px; }
.apg-pp-close:hover { opacity: 1; }

.apg-pp-inner img { max-width: 100%; height: auto; display: block; }
.apg-pp-top-btn { position: absolute; top: 12px; left: 12px; z-index: 2; }

.apg-pp-content a.wp-block-button__link:hover { opacity: 0.8; }