.tasjil-tg-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,15,28,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.28s ease}
.tasjil-tg-overlay.is-open{opacity:1;visibility:visible}
.tasjil-tg-card{position:relative;overflow:hidden;width:min(92vw,470px);padding:34px 30px 27px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,250,255,.96));border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 90px rgba(0,0,0,.28);text-align:center;font-family:inherit;transform:translateY(18px) scale(.96);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tasjil-tg-overlay.is-open .tasjil-tg-card{transform:none}
.tasjil-tg-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.tasjil-tg-glow-a{width:180px;height:180px;right:-75px;top:-90px;background:radial-gradient(circle,rgba(41,171,226,.24),transparent 68%)}.tasjil-tg-glow-b{width:140px;height:140px;left:-55px;bottom:-70px;background:radial-gradient(circle,rgba(255,188,61,.18),transparent 70%)}
.tasjil-tg-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:12px;background:#eef3f8;color:#4c5a68;font-size:25px;line-height:1;cursor:pointer;transition:.2s}.tasjil-tg-close:hover{transform:rotate(6deg);background:#e6edf4}
.tasjil-tg-icon-wrap{width:86px;height:86px;margin:0 auto 14px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#38bdf8,#168bd3);box-shadow:0 14px 32px rgba(30,156,222,.32);transform:rotate(-3deg)}
.tasjil-tg-icon{width:52px;height:52px;color:#fff;transform:rotate(3deg)}
.tasjil-tg-badge{display:inline-flex;padding:7px 13px;margin-bottom:12px;border-radius:999px;background:#edf8ff;color:#1687c8;font-size:12px;font-weight:800;letter-spacing:.1px}
.tasjil-tg-card h2{margin:0 0 10px;color:#0f1c2c;font-size:26px;line-height:1.45;font-weight:900}.tasjil-tg-card p{margin:0 auto 22px;max-width:390px;color:#617083;font-size:15px;line-height:1.9;font-weight:500}
.tasjil-tg-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:12px 18px;border-radius:18px;background:linear-gradient(135deg,#229ed9,#147fc1);color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:900;box-shadow:0 13px 28px rgba(26,148,207,.27);transition:.2s}.tasjil-tg-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(26,148,207,.34)}.tasjil-tg-arrow{font-size:22px;transition:.2s}.tasjil-tg-cta:hover .tasjil-tg-arrow{transform:translateX(-4px)}
.tasjil-tg-mini{margin-top:15px;color:#a4afbb;font-size:11px;font-weight:700;letter-spacing:.6px;direction:ltr}
@media(max-width:520px){.tasjil-tg-overlay{align-items:flex-end;padding:12px}.tasjil-tg-card{width:100%;border-radius:28px 28px 22px 22px;padding:30px 22px 24px}.tasjil-tg-card h2{font-size:22px}.tasjil-tg-card p{font-size:14px;line-height:1.85}.tasjil-tg-icon-wrap{width:76px;height:76px;border-radius:23px}.tasjil-tg-icon{width:46px;height:46px}}

/* Smart choices shown from the second popup view onward */
.tasjil-tg-repeat-options{display:none;margin-top:18px;padding-top:17px;border-top:1px solid rgba(21,77,115,.10)}
.tasjil-tg-second-view .tasjil-tg-repeat-options{display:block;animation:tasjilTgChoiceIn .35s ease both}
.tasjil-tg-choice-prompt{margin-bottom:10px;color:#6c7b8c;font-size:12px;font-weight:800;line-height:1.7}
.tasjil-tg-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tasjil-tg-choice{min-height:44px;border-radius:14px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:850;line-height:1.45;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.tasjil-tg-never{border:1px solid #e2e8ef;background:#fff;color:#657487;box-shadow:0 5px 14px rgba(26,46,68,.05)}
.tasjil-tg-never:hover{transform:translateY(-1px);background:#f8fafc;border-color:#ccd7e2}
.tasjil-tg-later{border:1px solid rgba(34,158,217,.16);background:#edf8ff;color:#167fbb;box-shadow:0 5px 14px rgba(34,158,217,.08)}
.tasjil-tg-later:hover{transform:translateY(-1px);background:#e4f5ff;border-color:rgba(34,158,217,.28)}
@keyframes tasjilTgChoiceIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:390px){.tasjil-tg-choice-buttons{grid-template-columns:1fr}.tasjil-tg-choice{min-height:42px}}