.eop-overlay{display:block;width:100%;box-sizing:border-box;margin:20px 0;}
.eop-overlay.eop-open{display:block}
.eop-modal{position:relative;width:100%;max-width:1360px;min-height:560px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.18);display:grid;grid-template-columns:38% 62%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.eop-left{background:radial-gradient(circle at 55% 65%,#3b146e 0,#120c29 48%,#050712 100%);color:#fff;border-radius:20px 0 0 20px;padding:58px 54px 34px;position:relative;overflow:hidden;text-align:center}
.eop-left:after{content:"";position:absolute;inset:auto -15% -35% -15%;height:60%;background:radial-gradient(circle,rgba(128,45,255,.35),transparent 68%);pointer-events:none}
.eop-crown{font-size:52px;color:#8d3cff;line-height:1;margin-bottom:18px}
.eop-plan-small{font-size:26px;font-weight:800;letter-spacing:.2px}
.eop-plan{font-size:68px;line-height:.95;font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,#8d3cff,#d889ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:5px 0 20px}
.eop-left p{font-size:20px;line-height:1.4;color:#f2eff9;margin:0 auto;max-width:390px;position:relative;z-index:2}
.eop-image-wrap{height:230px;margin:20px auto 0;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}
.eop-image-wrap img{max-width:90%;max-height:240px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(115,40,255,.35))}
.eop-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:64px 58px 28px;box-sizing:border-box}
.eop-main{padding-right:36px;border-right:1px solid #e5e2ec}
.eop-badge{font-size:25px;font-weight:800;color:#5b25d4;text-align:center;margin-bottom:22px}
.eop-price{text-align:center;white-space:nowrap}
.eop-price span{font-size:96px;font-weight:900;letter-spacing:-4px;color:#5a1fd2;line-height:.95}
.eop-price small{font-size:23px;color:#171622}
.eop-period{display:block;width:max-content;max-width:100%;margin:18px auto;padding:10px 25px;border-radius:25px;background:linear-gradient(90deg,#6220dc,#8e35f2);color:#fff;font-weight:800;font-size:19px}
.eop-after{text-align:center;margin-top:18px;color:#777;font-size:20px}
.eop-after strong{color:#161522;font-size:31px}
.eop-features{padding-left:48px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.eop-feature{font-size:20px;color:#171622;display:flex;gap:16px;align-items:center}
.eop-feature span{width:28px;height:28px;border-radius:50%;background:#6926dc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:none}
.eop-bottom{grid-column:1/-1;border-top:1px solid #e6e3ec;margin-top:22px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.eop-stripe{font-size:17px;color:#666;display:flex;align-items:center;gap:10px}
.eop-stripe:first-letter{color:#6728db}
.eop-button{background:linear-gradient(90deg,#6720df,#8b2ff1);color:#fff!important;text-decoration:none!important;border-radius:10px;padding:18px 34px;font-size:22px;font-weight:800;min-width:300px;text-align:center;box-shadow:0 12px 30px rgba(105,32,220,.28);transition:.2s}
.eop-button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.eop-button b{margin-left:22px}
.eop-close{position:absolute;right:-20px;top:-20px;width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#15182a;color:#fff;font-size:38px;line-height:1;cursor:pointer;z-index:20;box-shadow:0 10px 25px rgba(0,0,0,.35)}
@media(max-width:900px){
 .eop-overlay{padding:12px}.eop-modal{width:min(720px,96vw);grid-template-columns:1fr;max-height:92vh;overflow:auto}.eop-left{border-radius:20px 20px 0 0;padding:35px 28px 10px}.eop-plan{font-size:54px}.eop-image-wrap{height:130px}.eop-right{grid-template-columns:1fr;padding:32px 28px 24px}.eop-main{padding:0 0 25px;border-right:0;border-bottom:1px solid #e5e2ec}.eop-features{padding:25px 0}.eop-bottom{margin-top:0;flex-direction:column;align-items:stretch}.eop-button{min-width:0}.eop-close{right:-5px;top:-5px;width:50px;height:50px;font-size:32px}
}

/* Static shortcode mode: behaves like a normal table/card inside the page */
.eop-static .eop-close{display:none}
.eop-static .eop-modal{cursor:default}