@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");
#esca-overlay{
position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;
padding:20px;background:rgba(7,18,32,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;
direction:rtl;font-family:"Vazirmatn",Tahoma,Arial,sans-serif
}
#esca-overlay.esca-show{opacity:1;visibility:visible}
.esca-modal{
position:relative;width:min(570px,100%);box-sizing:border-box;background:linear-gradient(145deg,#fff 0%,#fffaf7 100%);
border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:30px 30px 22px;
box-shadow:0 28px 90px rgba(0,0,0,.32);overflow:hidden;text-align:center;
transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.2,.8,.2,1)
}
.esca-show .esca-modal{transform:translateY(0) scale(1)}
.esca-modal:before{content:"";position:absolute;width:240px;height:240px;left:-100px;top:-120px;background:#fff0e5;border-radius:50%;z-index:0}
.esca-modal>*{position:relative;z-index:1}
.esca-top{display:flex;justify-content:space-between;align-items:center;min-height:64px}
.esca-alert-icon{
width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#ff8a00,#f04438);
color:#fff;font-size:38px;font-weight:900;display:flex;align-items:center;justify-content:center;
box-shadow:0 10px 28px rgba(244,87,35,.25)
}
.esca-countdown{
width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:conic-gradient(#ff7417 0deg,#ff7417 0deg,#e9edf1 0deg);position:relative;font-weight:900
}
.esca-countdown:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%;z-index:0}
.esca-countdown>*{position:relative;z-index:1}
#esca-count{font-size:25px;color:#16263a;line-height:1}
.esca-countdown small{font-size:10px;color:#697586;margin-top:3px}
.esca-market-art{height:95px;margin:2px auto 0;position:relative;max-width:300px;overflow:hidden;isolation:isolate;contain:layout paint}
.esca-market-art.has-uploaded-image{height:125px;margin:0 auto 10px;overflow:hidden}
.esca-market-art.has-uploaded-image .esca-uploaded-image{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box}
.esca-coin{position:absolute;bottom:8px;border-radius:50%;background:linear-gradient(145deg,#ffd36a,#f59e0b);border:5px solid #fff0cf;box-shadow:0 6px 18px rgba(245,158,11,.18)}
.esca-coin:after{content:"﷼";font-size:17px;font-weight:900;color:#8a5300;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.esca-coin.c1{width:42px;height:42px;right:72px}.esca-coin.c2{width:52px;height:52px;right:126px}.esca-coin.c3{width:34px;height:34px;right:170px;bottom:20px}
.esca-arrow{position:absolute;width:105px;height:8px;background:linear-gradient(90deg,#ffb000,#f04438);right:155px;top:37px;border-radius:10px;transform:rotate(-25deg)}
.esca-arrow:after{content:"";position:absolute;right:-7px;top:-9px;border-left:22px solid #f04438;border-top:13px solid transparent;border-bottom:13px solid transparent}
.esca-modal h2{margin:0;color:#f04438;font-size:29px;line-height:1.5;font-weight:900}
.esca-subtitle{font-size:25px;color:#16263a;font-weight:900;line-height:1.6;margin-top:0}
.esca-message{margin:17px 0 18px;background:#fff0ed;border:1px solid #ffe0d8;border-radius:14px;padding:13px 15px;color:#26364a;font-size:16px;font-weight:700;line-height:2}
.esca-phone{
display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-sizing:border-box;
min-height:61px;border-radius:18px;background:linear-gradient(90deg,#ff8a00,#f04438);color:#fff!important;
text-decoration:none!important;font-size:18px;font-weight:900;box-shadow:0 12px 28px rgba(244,87,35,.24);
transition:transform .2s,box-shadow .2s
}
.esca-phone:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(244,87,35,.3)}
.esca-phone-icon{font-size:26px;line-height:1}.esca-chevron{font-size:30px;line-height:1}
.esca-support{margin:15px 0 13px;color:#667085;font-size:13px}
.esca-benefits{border-top:1px solid #edf0f3;padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.esca-benefits div{display:flex;flex-direction:column;gap:4px}.esca-benefits b{font-size:13px;color:#243447}.esca-benefits small{font-size:10px;color:#8a95a5}
@media(max-width:600px){
#esca-overlay{
    padding:10px;
    align-items:center;
    overflow:hidden;
}
.esca-modal{
    width:min(390px,calc(100vw - 20px));
    max-height:calc(100dvh - 20px);
    overflow-y:auto;
    padding:18px 14px 13px;
    border-radius:20px;
    transform:translateY(10px) scale(.985);
}
.esca-show .esca-modal{transform:translateY(0) scale(1)}
.esca-close{width:34px;height:34px}
.esca-top{min-height:48px}
.esca-alert-icon{width:42px;height:42px;border-radius:12px;font-size:26px}
.esca-countdown{width:56px;height:56px}
#esca-count{font-size:21px}
.esca-market-art{height:58px;margin:0 auto 2px}
.esca-market-art:has(.esca-uploaded-image){
    height:92px;
    margin:0 auto 5px;
}
.esca-modal h2{font-size:21px;line-height:1.45}
.esca-subtitle{font-size:18px;line-height:1.5}
.esca-message{
    margin:9px 0 11px;
    padding:9px 10px;
    border-radius:11px;
    font-size:12px;
    line-height:1.8;
}
.esca-phone{
    min-height:48px;
    border-radius:14px;
    gap:8px;
    font-size:14px;
}
.esca-phone-icon{font-size:22px}
.esca-chevron{font-size:25px}
.esca-support{margin:9px 0 8px;font-size:10px}
.esca-benefits{
    padding-top:9px;
    gap:4px;
}
.esca-benefits b{font-size:10px}
.esca-benefits small{font-size:8px}
}
html.esca-modal-open,body.esca-modal-open{
    overflow:hidden!important;
}
@media(max-width:600px){
    .esca-modal{
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .esca-modal::-webkit-scrollbar{display:none}
}
