/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 24, 2026, 10:17:50 PM
    Author     : MALEK ACADEMY https://twitter.com/malek_academy
*/

:root{--bg0:#070913;--bg1:#0a0f22;--card:rgba(20,24,45,.72);--card2:rgba(10,12,22,.58);--stroke:rgba(255,255,255,.10);--stroke2:rgba(255,255,255,.18);--txt:#f4f7ff;--mut:#a9b3d1;--a:#7c3aed;--b:#4f46e5;--g:#22c55e;--r:#ef4444;--y:#fbbf24;--sh:0 22px 70px rgba(0,0,0,.55);--rad:18px;--rad2:26px;--blur:16px;--container:1180px;--ring:0 0 0 4px rgba(124,58,237,.18);--glowA:rgba(124,58,237,.35);--glowB:rgba(79,70,229,.28);--btn-h:46px;--btn-pad-x:10px;--btn-radius:16px;--btn-grad:linear-gradient(135deg,rgba(124,58,237,.98),rgba(79,70,229,.96));--btn-grad-soft:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));--btn-text:#fff;--btn-text-soft:rgba(245,247,255,.92);--btn-shadow:0 18px 45px rgba(0,0,0,.30);--btn-glow:0 0 0 4px rgba(124,58,237,.14),0 22px 70px rgba(124,58,237,.14);--btn-border:rgba(255,255,255,.14);--btn-border-strong:rgba(255,255,255,.20);--btn-ic-bg:rgba(255,255,255,.14);--btn-ic-br:rgba(255,255,255,.22)}[data-theme="light"]{--bg0:#f6f8ff;--bg1:#eef2ff;--card:rgba(255,255,255,.78);--card2:rgba(255,255,255,.58);--stroke:rgba(15,23,42,.10);--stroke2:rgba(15,23,42,.18);--txt:#0b1220;--mut:#4b5563;--sh:0 18px 55px rgba(15,23,42,.14);--ring:0 0 0 4px rgba(79,70,229,.14);--btn-text:#0b1220;--btn-text-soft:rgba(15,23,42,.86);--btn-shadow:0 14px 35px rgba(15,23,42,.14);--btn-glow:0 0 0 4px rgba(79,70,229,.10),0 20px 55px rgba(79,70,229,.12);--btn-border:rgba(15,23,42,.12);--btn-border-strong:rgba(15,23,42,.18);--btn-ic-bg:rgba(15,23,42,.06);--btn-ic-br:rgba(15,23,42,.12)}*{font-family:'tajawal';box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--txt);background:radial-gradient(1200px 600px at 10% 10%,rgba(124,58,237,.22),transparent 60%),radial-gradient(1000px 520px at 90% 20%,rgba(79,70,229,.18),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 500px at 15% 15%,var(--glowA),transparent 60%),radial-gradient(800px 500px at 85% 25%,var(--glowB),transparent 60%),radial-gradient(700px 450px at 50% 95%,rgba(34,197,94,.18),transparent 55%);pointer-events:none;z-index:-1;filter:saturate(1.1)}a{color:inherit;text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:16px 14px 40px}.mut{color:var(--mut);font-weight:900}.nav{position:sticky;top:10px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));backdrop-filter:blur(var(--blur));border-radius:22px;box-shadow:var(--sh);overflow:visible!important;position:sticky}.nav:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 35%,transparent 70%);opacity:.35;mask-image:radial-gradient(80% 60% at 50% 0%,#000 0%,transparent 70%)}@media (max-width:980px){.nav{top:8px}}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;min-width:220px}.brandLogo{width:74px;height:60px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brandLogo img{width:100%;height:100%;object-fit:contain;display:block}.brand h1{font-size:14px;margin:0;line-height:1.2;font-weight:1000}.navLinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.spacer{flex:1}.navActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navToggle{display:none}@media (max-width:980px){.brand{min-width:0}.brand h1{font-size:13px}.nav{gap:10px}.navDesktop{display:none!important}.navToggle{display:flex}}.miniBtn{width:42px;height:42px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease}.miniBtn:hover{transform:translateY(-1px);border-color:var(--stroke2)}.miniBtn:focus{outline:none;box-shadow:var(--ring)}.miniBtn i{font-size:18px}.btn,.pill,.tiny{height:var(--btn-h);padding:0 var(--btn-pad-x);border-radius:var(--btn-radius);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:1000;letter-spacing:.1px;line-height:1;user-select:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0);cursor:pointer;transition:.18s ease;position:relative;overflow:hidden}.pill{border-radius:999px;font-size:13px}.tiny{height:38px;padding:0 10px;border-radius:14px;font-size:12px}.btn i,.pill i,.tiny i{font-size:18px;line-height:0;opacity:.95}.btn:not(.primary),.pill:not(.primary),.tiny{color:var(--btn-text-soft);border:1px solid var(--btn-border);background:var(--btn-grad-soft);backdrop-filter:blur(var(--blur));box-shadow:0 10px 30px rgba(0,0,0,.18)}.btn:not(.primary)::before,.pill:not(.primary)::before,.tiny::before{content:"";position:absolute;inset:-40% -30% auto -30%;height:120%;transform:rotate(12deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.14) 35%,transparent 70%);opacity:.35;pointer-events:none}.btn.primary,.pill.primary{color:#fff!important;border:0!important;background:var(--btn-grad)!important;box-shadow:var(--btn-shadow)}.btn.primary::after,.pill.primary::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--btn-radius) - 1px);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));opacity:.35;pointer-events:none;mix-blend-mode:overlay}.btn.primary::before,.pill.primary::before{content:"";position:absolute;inset:-60% -60% auto -60%;height:160%;transform:rotate(14deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 35%,transparent 70%);opacity:.35;pointer-events:none}.btn.primary i,.pill.primary i{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--btn-ic-bg);border:1px solid var(--btn-ic-br)}.btn:hover,.pill:hover,.tiny:hover{transform:translateY(-1px);border-color:var(--btn-border-strong);filter:saturate(1.04)}.btn.primary:hover,.pill.primary:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow),var(--btn-glow);filter:saturate(1.08) brightness(1.03)}.btn:active,.pill:active,.tiny:active{transform:translateY(0);filter:brightness(.98)}.btn:focus,.pill:focus,.tiny:focus,.miniBtn:focus{outline:none;box-shadow:var(--ring)}html:not([data-theme="light"]) .btn,html:not([data-theme="light"]) .pill,html:not([data-theme="light"]) .tiny,html:not([data-theme="light"]) .miniBtn,html:not([data-theme="light"]) .toggleBtn,html:not([data-theme="light"]) .powerBtn,html:not([data-theme="light"]) .themeToggle{color:rgba(245,247,255,.96)!important}html:not([data-theme="light"]) .btn i,html:not([data-theme="light"]) .pill i,html:not([data-theme="light"]) .tiny i,html:not([data-theme="light"]) .miniBtn i{color:inherit!important}html[data-theme="light"] .btn,html[data-theme="light"] .pill,html[data-theme="light"] .tiny,html[data-theme="light"] .miniBtn{color:inherit!important}.tickerWrap{margin-top:14px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));border-radius:var(--rad2);box-shadow:var(--sh);overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px 12px}.tickerBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-weight:1000;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.35);white-space:nowrap;font-size:13px}.ticker{flex:1;position:relative;height:26px;overflow:hidden}.tickerItem{position:absolute;inset:0;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(10px);transition:.45s ease;color:var(--txt);font-weight:1000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tickerItem.active{opacity:1;transform:translateY(0)}.heroTop{margin-top:14px}.heroSlider{border:1px solid var(--stroke);border-radius:var(--rad2);overflow:hidden;position:relative;background:rgba(255,255,255,.03);box-shadow:var(--sh);min-height:420px;isolation:isolate}.heroSlider:before{content:"";position:absolute;inset:-2px;border-radius:var(--rad2);background:radial-gradient(600px 220px at 20% 25%,rgba(124,58,237,.35),transparent 60%),radial-gradient(520px 220px at 80% 40%,rgba(79,70,229,.30),transparent 60%);filter:blur(18px);opacity:.55;z-index:0}.slides{position:absolute;inset:0;display:flex;z-index:1}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:.7s ease}.slide.active{opacity:1;transform:scale(1)}.slideImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.slideContent{position:absolute;inset:auto 18px 18px 18px;max-width:76%;z-index:2}.slideContent h2{margin:0 0 8px;font-size:30px;font-weight:1000;letter-spacing:-.3px}.slideContent p{margin:0 0 12px;color:var(--mut);font-weight:900;line-height:1.85}.ctaRow{display:flex;gap:10px;flex-wrap:wrap}.dots{position:absolute;left:18px;right:18px;bottom:12px;display:flex;gap:8px;justify-content:center;pointer-events:none;z-index:3}.dot{width:26px;height:7px;border-radius:999px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.18);opacity:.7}.dot.active{background:rgba(124,58,237,.85);opacity:1}.card{border:1px solid var(--stroke);border-radius:var(--rad2);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:14px}.cardTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cardTitle h3{margin:0;font-size:15px;font-weight:1000}.cardTitle small{color:var(--mut);font-weight:900}.socialRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.iconBtn{width:46px;height:46px;border-radius:16px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;position:relative;overflow:hidden}.iconBtn:hover{transform:translateY(-2px);border-color:var(--stroke2);background:rgba(255,255,255,.06);box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 0 4px rgba(124,58,237,.12)}.iconBtn i{font-size:18px;position:relative;z-index:1}.twoBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.twoBtns .btn{flex:1;min-width:180px}.statsRow{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border:1px solid var(--stroke);border-radius:18px;padding:12px;background:rgba(255,255,255,.02);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.stat b{display:block;font-size:16px;font-weight:1000}.stat span{color:var(--mut);font-weight:900;font-size:12px}.featureStrip{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:980px){.featureStrip{grid-template-columns:1fr 1fr}}@media (max-width:520px){.featureStrip{grid-template-columns:1fr}}.feature{text-align: center;border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:14px;position:relative;overflow:hidden}.feature:after{content:"";position:absolute;inset:-40px -40px auto auto;width:160px;height:160px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.20),transparent 60%);transform:rotate(15deg);pointer-events:none}.feature .fI{width:65px;height:65px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--stroke);background:rgba(255,255,255,.04);margin-bottom:10px}.feature h4{margin:0 0 6px;font-size:16px;font-weight:1000}.feature p{margin:0;color:var(--mut);font-weight:900;line-height:1.75}.bigPromo{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:var(--rad2);border:1px solid var(--stroke);background:radial-gradient(800px 300px at 20% 40%,rgba(124,58,237,.22),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh)}.bigPromo h2{margin:0 0 6px;font-size:18px;font-weight:1000}.bigPromo p{margin:0;color:var(--mut);font-weight:900;line-height:1.85}@media (max-width:820px){.bigPromo{flex-direction:column;align-items:flex-start}.bigPromo .btn{width:100%}}.packages{margin-top:14px;border:1px solid var(--stroke);border-radius:var(--rad2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:14px}.pkgHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pkgHead h2{margin:0;font-size:16px;font-weight:1000}.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 12px}.tab{padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);font-weight:1000;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.18s ease}.tab:hover{border-color:var(--stroke2);transform:translateY(-1px)}.tab.active{background:var(--btn-grad);border-color:transparent;box-shadow:0 16px 40px rgba(124,58,237,.22);transform:none;color:#fff}.pkgGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:980px){.pkgGrid{grid-template-columns:1fr}}.pkgCard{border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.02);padding:14px;position:relative;overflow:hidden;transition:.18s ease}.pkgCard:hover{transform:translateY(-2px);border-color:var(--stroke2)}.pkgCard:before{content:"";position:absolute;inset:-40px -40px auto auto;width:180px;height:180px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.22),transparent 60%);transform:rotate(18deg);pointer-events:none}.pkgTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.pkgName{font-weight:1000;font-size:15px;margin:0}.price{font-weight:1000;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.35);padding:8px 10px;border-radius:999px;white-space:nowrap}.feat{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.feat li{display:flex;gap:8px;align-items:flex-start;color:var(--mut);font-weight:900;line-height:1.65}.check{width:18px;height:18px;flex:0 0 18px;border-radius:6px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.pkgFooterActions{margin-top:14px;border-top:1px solid var(--stroke);padding-top:14px;display:contents;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.pkgFooterActions .btn{flex:1;min-width:210px}@media (max-width:980px){.pkgFooterActions .btn{min-width:100%!important}}.packages .btn:not(.primary),.packages .tiny{background:rgba(255,255,255,.07)!important;border-color:var(--stroke2)!important;color:var(--txt)!important;box-shadow:0 10px 26px rgba(0,0,0,.35)}.packages .btn:not(.primary):hover,.packages .tiny:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(124,58,237,.45)!important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.45),0 0 0 4px rgba(124,58,237,.14)}.packages .btn:not(.primary):focus,.packages .tiny:focus{outline:none!important;box-shadow:0 0 0 4px rgba(124,58,237,.22),0 16px 34px rgba(0,0,0,.40)}.packages .btn:not(.primary),.packages .tiny{gap:10px;font-weight:1000;letter-spacing:.1px}.packages .btn:not(.primary) i,.packages .tiny i{width:34px;height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.28)}[data-theme="light"] .packages .btn:not(.primary),[data-theme="light"] .packages .tiny{background:rgba(15,23,42,.05)!important;border-color:rgba(15,23,42,.18)!important;box-shadow:0 10px 24px rgba(15,23,42,.10)}[data-theme="light"] .packages .btn:not(.primary):hover,[data-theme="light"] .packages .tiny:hover{background:rgba(15,23,42,.07)!important;border-color:rgba(79,70,229,.30)!important;box-shadow:0 14px 28px rgba(15,23,42,.14),0 0 0 4px rgba(79,70,229,.10)}.packages .btn[disabled],.packages .tiny[disabled]{opacity:.75!important;cursor:not-allowed;filter:none!important}.sectionTitle{margin:18px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionTitle h2{margin:0;font-size:18px;font-weight:1000}.sectionTitle a{color:var(--mut);font-weight:1000}.catGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:980px){.catGrid{grid-template-columns:1fr}}.catCard{position:relative;border-radius:26px;border:1px solid var(--stroke);background:radial-gradient(800px 240px at 20% 0%,rgba(124,58,237,.22),transparent 55%),radial-gradient(900px 300px at 90% 20%,rgba(79,70,229,.18),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;min-height:280px;transition:transform .18s ease,border-color .18s ease,filter .18s ease;isolation:isolate}.catCard:hover{transform:translateY(-3px);border-color:var(--stroke2);filter:saturate(1.05)}.catCard:before{content:"";position:absolute;inset:-80px -120px auto auto;width:280px;height:280px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 62%);transform:rotate(18deg);opacity:.55;pointer-events:none;transition:.25s ease}.catCard:hover:before{opacity:.8;transform:rotate(10deg) translateY(-6px)}.catCard:after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;background:linear-gradient(120deg,rgba(124,58,237,.22),transparent 35%,rgba(79,70,229,.18));opacity:.35;mask-image:linear-gradient(#000,transparent 55%)}.catCover{position:relative;height:170px;overflow:hidden}.catImg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .35s ease,filter .35s ease;filter:saturate(1.02) contrast(1.02);background:rgba(255,255,255,.04)}.catCard:hover .catImg{transform:scale(1.07);filter:saturate(1.1) contrast(1.05)}.catOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.40) 65%,rgba(0,0,0,.65)),radial-gradient(600px 220px at 20% 25%,rgba(124,58,237,.28),transparent 60%),radial-gradient(520px 220px at 80% 40%,rgba(79,70,229,.22),transparent 60%);opacity:.95}[data-theme="light"] .catOverlay{background:linear-gradient(180deg,rgba(246,248,255,0),rgba(246,248,255,.55) 65%,rgba(246,248,255,.88)),radial-gradient(600px 220px at 20% 25%,rgba(124,58,237,.16),transparent 60%),radial-gradient(520px 220px at 80% 40%,rgba(79,70,229,.12),transparent 60%)}.catIcon{position:absolute;top:14px;width:46px;height:46px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);backdrop-filter:blur(12px);z-index:2;font-size:18px}html[dir="rtl"] .catIcon{right:14px}html[dir="ltr"] .catIcon{left:14px}.catChip{position:absolute;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-weight:1000;font-size:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);backdrop-filter:blur(12px);z-index:2}html[dir="rtl"] .catChip{right:14px}html[dir="ltr"] .catChip{left:14px}.catBody{padding:14px 14px 0}.catBody h3{margin:0 0 6px;font-size:16px;font-weight:1000;letter-spacing:-.2px}.catBody p{margin:0;color:var(--mut);font-weight:900;line-height:1.85;max-height:56px;overflow:hidden}.catMeta{padding:12px 14px 0;display:flex;gap:8px;flex-wrap:wrap}.metaPill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);font-weight:1000;font-size:12px;color:var(--txt)}.metaPill i{opacity:.9}.catFoot{margin-top:auto;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.04))}.catGo{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;font-weight:1000;border:1px solid var(--stroke);background:rgba(255,255,255,.03);transition:.18s ease}.catCard:hover .catGo{border-color:var(--stroke2);transform:translateY(-1px)}.catArrow{width:34px;height:34px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(124,58,237,.35);background:rgba(124,58,237,.14)}.reviews{margin-top:14px;border:1px solid var(--stroke);border-radius:var(--rad2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:14px;overflow:hidden}.revHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.revHead h2{margin:0;font-size:18px;font-weight:1000}.revControls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.revTrackWrap{margin-top:12px;overflow:hidden}.revTrack{display:flex;transition:transform .55s ease;will-change:transform}.revSlide{min-width:100%;padding:2px}.revGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:980px){.revGrid{grid-template-columns:1fr}}.rev{border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.02);padding:14px;position:relative;transition:.18s ease}.rev:hover{transform:translateY(-2px);border-color:var(--stroke2)}.revTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.who{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:14px;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.30);display:flex;align-items:center;justify-content:center;font-weight:1000}.who b{display:block;font-size:14px;font-weight:1000}.who small{display:block;color:var(--mut);font-weight:900;margin-top:2px}.stars{color:var(--y);font-weight:1000;letter-spacing:1px}.rev p{margin:10px 0 0;color:var(--mut);font-weight:900;line-height:1.85;white-space:pre-wrap}.support{margin-top:14px;border:1px solid var(--stroke);border-radius:var(--rad2);background:radial-gradient(900px 320px at 80% 20%,rgba(34,197,94,.16),transparent 60%),radial-gradient(900px 320px at 20% 70%,rgba(124,58,237,.22),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.support h2{margin:0 0 6px;font-size:18px;font-weight:1000}.support p{margin:0;color:var(--mut);font-weight:900;line-height:1.85}@media (max-width:820px){.support{flex-direction:column;align-items:flex-start}.support .btn{width:100%}}.footer{margin-top:18px;border:1px solid var(--stroke);border-radius:var(--rad2);background:rgba(255,255,255,.02);box-shadow:var(--sh);overflow:hidden}.footerTop{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--stroke)}.footerBrand{display:flex;align-items:center;gap:12px}.fLogo{width:70px;height:auto;overflow:hidden}.fLogo img{width:100%;height:100%;object-fit:cover;display:block}.footerBrand b{display:block;font-size:15px;font-weight:1000}.footerBrand small{display:block;color:var(--mut);font-weight:900;margin-top:4px}.footerLinks{display:flex;gap:10px;flex-wrap:wrap}.footerBottom{padding:12px 16px;color:var(--mut);font-weight:900;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.modalBack{position:fixed;inset:0;background:rgba(0,0,0,.60);display:none;align-items:center;justify-content:center;z-index:999;padding:14px}.modal{width:min(860px,100%);border-radius:26px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(18px);box-shadow:var(--sh);overflow:hidden}.modalHead{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke)}.modalHead b{font-size:15px;font-weight:1000}.x{width:42px;height:42px;border-radius:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);cursor:pointer;font-size:16px}.x:hover{border-color:var(--stroke2)}.modalBody{padding:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:980px){.grid2{grid-template-columns:1fr}}label{display:block;color:var(--mut);font-weight:1000;font-size:12px;margin:8px 0 6px}select,input{width:100%;padding:12px;border-radius:16px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);color:var(--txt);outline:none;font-weight:1000}input:focus,select:focus{box-shadow:var(--ring);border-color:rgba(124,58,237,.45)}select option{background:#0b1022;color:#fff}[data-theme="light"] select option{background:#fff;color:#0b1220}.passWrap{position:relative}.passToggle:hover{border-color:var(--stroke2)}.passToggle i{font-size:18px}.modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.modalActions .btn{flex:1}.swal2-container{z-index:200000!important}.navSheetBack{position:fixed;inset:0;background:rgba(0,0,0,.60);display:none;align-items:flex-end;justify-content:center;z-index:120000;padding:14px}.navSheet{width:min(980px,100%);border-radius:26px 26px 18px 18px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(18px);box-shadow:var(--sh);overflow:hidden;transform:translateY(12px);opacity:0;transition:.22s ease}.navSheetBack.show{display:flex}.navSheetBack.show .navSheet{transform:translateY(0);opacity:1}.navSheetHead{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke)}.navSheetHead b{font-size:15px;font-weight:1000}.navSheetBody{padding:14px}.navSheetGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:520px){.navSheetGrid{grid-template-columns:1fr}.heroSlider{min-height:340px}.slideContent{max-width:92%}.slideContent h2{font-size:22px}}.navSheetActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.navSheetActions .pill{flex:1;min-width:180px}.navSheetActions .miniBtn{flex:0 0 52px}.accDrop{position:relative;display:inline-block}.accBtn{display:inline-flex;align-items:center;gap:8px}.accName{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accMenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;display:none;flex-direction:column;gap:6px;padding:10px;border-radius:18px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);z-index:9999}html[data-theme="dark"] .accMenu{background:linear-gradient(180deg,rgb(12 14 35 / 62%),rgb(21 21 64))}.accMenu.open{display:flex;animation:pop .16s ease}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.accItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.03);font-weight:1000}.accItem:hover{border-color:var(--stroke2);transform:translateY(-1px)}.accItem:active{transform:translateY(0)}.accItem i{font-size:16px}.accSep{height:1px;background:var(--stroke);margin:4px 2px}.accItem.danger{color:#ffd1d1;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.18)}.prodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:980px){.prodGrid{grid-template-columns:1fr}}.prodCard{position:relative;border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;transition:.18s ease}.prodCard:hover{transform:translateY(-2px);border-color:var(--stroke2)}.prodCard:before{content:"";position:absolute;inset:-40px -40px auto auto;width:170px;height:170px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.20),transparent 60%);transform:rotate(18deg);pointer-events:none}.cardBadge{position:absolute;top:12px;padding:7px 10px;border-radius:999px;font-weight:1000;font-size:12px;border:1px solid rgba(124,58,237,.35);background:rgba(124,58,237,.14);backdrop-filter:blur(10px);z-index:2}.prodImg{width:100%;height:190px;object-fit:cover;display:block;background:rgba(255,255,255,.04)}.prodBody{padding:12px}.prodBody h3{margin:0 0 6px;font-size:15px;font-weight:1000}.prodBody p{margin:0;color:var(--mut);font-weight:900;line-height:1.75;max-height:54px;overflow:hidden}.prodFoot{margin-top:auto;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--stroke);background:rgba(255,255,255,.02)}.money{font-weight:1000;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);padding:7px 10px;border-radius:999px;white-space:nowrap;font-size:12px}.heroUnder{margin-top:14px;display:grid;grid-template-columns:1.05fr 1.95fr;gap:12px;align-items:stretch}@media (max-width:980px){.heroUnder{grid-template-columns:1fr}}.heroSocialCard{position:relative;overflow:hidden}.heroSocialCard:before{content:"";position:absolute;inset:-40px -40px auto auto;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.22),transparent 60%);transform:rotate(18deg);pointer-events:none}.heroSocialCard:after{content:"";position:absolute;inset:auto -50px -50px auto;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(34,197,94,.14),transparent 60%);transform:rotate(-12deg);pointer-events:none}.heroSocialCard .socialRow{gap:10px;margin-top:8px}.heroSocialCard .iconBtn{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.heroSocialCard .iconBtn:before{content:"";position:absolute;inset:-40px -40px auto auto;width:120px;height:120px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.18),transparent 60%);transform:rotate(18deg);opacity:.9;pointer-events:none}.heroSocialCard .twoBtns{margin-top:12px}.heroSocialCard .twoBtns .btn{min-width:0;border-radius:18px}@media (max-width:980px){.heroSocialCard .twoBtns .btn{flex:1 1 100%}}.heroHelloCard{position:relative;overflow:hidden;border:1px solid var(--stroke);border-radius:var(--rad2);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(var(--blur));box-shadow:var(--sh);padding:14px}.heroHelloCard:before{content:"";position:absolute;inset:-60px auto auto -60px;width:260px;height:260px;background:radial-gradient(circle at 30% 30%,rgba(79,70,229,.20),transparent 60%);transform:rotate(12deg);pointer-events:none}.heroHelloCard:after{content:"";position:absolute;inset:auto -70px -70px auto;width:280px;height:280px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.18),transparent 60%);transform:rotate(-10deg);pointer-events:none}.heroHelloCard>.card{margin:0;padding:0;border:none;background:transparent;box-shadow:none}.helloBar{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:22px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);position:relative;overflow:hidden}.helloBar:before{content:"";position:absolute;inset:-40px -40px auto auto;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.20),transparent 60%);transform:rotate(16deg);pointer-events:none;opacity:.85}.helloIcon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(124,58,237,.28);background:rgba(124,58,237,.12);flex:0 0 52px;font-size:20px;position:relative;z-index:1}.helloText{flex:1;min-width:0;position:relative;z-index:1}.helloTop{font-weight:1000;font-size:15px;line-height:1.55}.helloName b{background:linear-gradient(90deg,rgba(124,58,237,.96),rgba(79,70,229,.96));-webkit-background-clip:text;background-clip:text;color:transparent}.helloSub{margin-top:4px;color:var(--mut);font-weight:900;line-height:1.75;font-size:13px}.helloPanels{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:980px){.helloPanels{grid-template-columns:1fr}}.helloPanel{border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;position:relative}.helloPanel:before{content:"";position:absolute;inset:-40px -40px auto auto;width:200px;height:200px;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.16),transparent 60%);transform:rotate(18deg);pointer-events:none;opacity:.9}.hTop{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke);background:rgba(255,255,255,.02)}.hBadge{display:inline-flex;align-items:center;gap:8px;font-weight:1000;font-size:13px}.hBadge i{width:34px;height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--stroke);background:rgba(255,255,255,.03)}.hState{font-weight:1000;font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);white-space:nowrap}.hState.ok{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.32)}.hState.warn{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.30)}.hState.off{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.22);color:var(--mut)}.hBody{padding:12px}.hRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.10)}.hRow:last-child{border-bottom:none}.hK{color:var(--mut);font-weight:1000;font-size:12px}.hV{font-weight:1000;font-size:12px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hHint{margin-top:10px;color:var(--mut);font-weight:900;line-height:1.75;font-size:12.5px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.hEmpty{color:var(--mut);font-weight:900;line-height:1.8;font-size:13px}.hActions{padding:12px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--stroke);background:rgba(255,255,255,.02)}.hActions .btn{flex:1;min-width:160px;border-radius:18px}@media (max-width:980px){.hActions .btn{min-width:100%}}.chips{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.chip{padding:10px 12px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.03);color:var(--txt);font-weight:1000;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.chip:hover{transform:translateY(-1px);border-color:var(--stroke2);box-shadow:0 0 0 4px rgba(124,58,237,.12)}.chip:active{transform:translateY(0)}.chip:focus{outline:none;box-shadow:var(--ring)}[data-theme="light"] .heroHelloCard,[data-theme="light"] .helloBar,[data-theme="light"] .helloPanel{box-shadow:0 18px 55px rgba(15,23,42,.10)}[data-theme="light"] .hRow{border-bottom-color:rgba(15,23,42,.12)}
/* navToggle responsive visibility (force by id) */
#navToggle{display:none!important}
@media (max-width:980px){
  #navToggle{display:flex!important}
}
.passToggle {
    position: absolute;
    top: 69%;
    left: 1px;
    transform: translateY(-50%);
    width: 56px;
    height: 43px;
    border-radius: 14px;
    border: 1px solid var(--stroke);
    background: rgba(255, 255, 255, .03);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fI{
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 28px;
}
/* =========================
   Fancy Alerts (Bootstrap compatible)
   Works with: .alert, .alert-warning/.alert-danger/.alert-success/.alert-primary/.alert-info
========================= */

.alert{
  position:relative;
  padding:14px 48px 14px 16px; /* مساحة لزر الإغلاق */
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  color:#eef2ff;
  background:rgba(20,24,45,.72);
  box-shadow:0 18px 55px rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  line-height:1.5;
  overflow:hidden;
}

/* شريط جانبي ملون */
.alert::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:rgba(255,255,255,.22);
}

/* لمعة خفيفة */
.alert::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.12), rgba(255,255,255,0) 40%);
  pointer-events:none;
  opacity:.55;
}

/* العنوان */
.alert strong{
  font-weight:800;
  letter-spacing:.2px;
}

/* الروابط داخل التنبيه */
.alert a{
  color:inherit;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px dashed rgba(255,255,255,.35);
}
.alert a:hover{
  border-bottom-color:rgba(255,255,255,.75);
}

/* زر الإغلاق (Bootstrap 4/5) */
.alert .close,
.alert .btn-close{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
  color:#fff;
  opacity:.92;
  cursor:pointer;
  outline:0;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}
.alert .close:hover,
.alert .btn-close:hover{
  transform:scale(1.05);
  background:rgba(0,0,0,.28);
  border-color:rgba(255,255,255,.22);
}
.alert .close:active,
.alert .btn-close:active{
  transform:scale(.98);
}

/* لو Bootstrap 5 مستخدم btn-close بخلفية X افتراضية */
.alert .btn-close{
  background-image:none !important;
}

/* =========================
   Variants
========================= */

.alert-warning{
  background:rgba(251,191,36,.14);
  border-color:rgba(251,191,36,.32);
}
.alert-warning::before{ background:rgba(251,191,36,.95); }

.alert-danger{
  background:rgba(239,68,68,.14);
  border-color:rgba(239,68,68,.32);
}
.alert-danger::before{ background:rgba(239,68,68,.95); }

.alert-success{
  background:rgba(34,197,94,.14);
  border-color:rgba(34,197,94,.32);
}
.alert-success::before{ background:rgba(34,197,94,.95); }

.alert-primary{
  background:rgba(79,70,229,.14);
  border-color:rgba(79,70,229,.32);
}
.alert-primary::before{ background:rgba(79,70,229,.95); }

.alert-info{
  background:rgba(59,130,246,.14);
  border-color:rgba(59,130,246,.32);
}
.alert-info::before{ background:rgba(59,130,246,.95); }

/* تحسين بسيط للـ fade/show */
.alert.fade{
  transition:opacity .2s ease, transform .2s ease;
}
.alert.fade.show{
  opacity:1;
  transform:translateY(0);
}
.alert.fade:not(.show){
  opacity:0;
  transform:translateY(-6px);
}

/* =========================
   PAGES HUB (NEW)
========================= */
.pagesHub{
  margin-top:14px;
  border:1px solid var(--stroke);
  border-radius:var(--rad2);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  backdrop-filter:blur(var(--blur));
  box-shadow:var(--sh);
  padding:14px;
  position:relative;
  overflow:hidden;
}
.pagesHub:before{
  content:"";
  position:absolute;
  inset:-60px auto auto -60px;
  width:260px;height:260px;
  background:radial-gradient(circle at 30% 30%, rgba(124,58,237,.18), transparent 60%);
  transform:rotate(12deg);
  pointer-events:none;
}
.pagesHub:after{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:320px;height:320px;
  background:radial-gradient(circle at 30% 30%, rgba(79,70,229,.14), transparent 60%);
  transform:rotate(-10deg);
  pointer-events:none;
}

.pagesHubHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
  position:relative;
  z-index:1;
}
.phTitle{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:280px;
}
.phIcon{
  width:52px;height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(124,58,237,.28);
  background:rgba(124,58,237,.12);
}
.phIcon i{font-size:20px}
.phTitle h2{
  margin:0;
  font-size:18px;
  font-weight:1000;
}
.phTitle p{
  margin:4px 0 0;
  color:var(--mut);
  font-weight:900;
  line-height:1.7;
  font-size:13px;
}

.phActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.phBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:46px;
  padding:0 14px;
  border-radius:16px;
  font-weight:1000;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.03);
  color:var(--txt);
  transition:.18s ease;
  position:relative;
  overflow:hidden;
}
.phBtn:hover{transform:translateY(-1px);border-color:var(--stroke2)}
.phBtn.primary{
  border:0;
  background:linear-gradient(135deg, rgba(124,58,237,.98), rgba(79,70,229,.96));
  box-shadow:0 18px 45px rgba(124,58,237,.18);
  color:#fff;
}
.phBtn i{
  width:32px;height:32px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
}

.pagesHubGrid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}
@media (max-width:980px){
  .pagesHubGrid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:520px){
  .pagesHubGrid{grid-template-columns:1fr}
}

/* Tile */
.pageTile{
  position:relative;
  border:1px solid var(--stroke);
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
  display:flex;
  flex-direction:column;
  min-height:260px;
  transition:.18s ease;
  box-shadow:0 16px 45px rgba(0,0,0,.25);
  isolation:isolate;
}
.pageTile:hover{
  transform:translateY(-3px);
  border-color:var(--stroke2);
  filter:saturate(1.05);
}

/* Cover */
.ptCover{
  position:relative;
  height:150px;
  overflow:hidden;
}
.ptCover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.03);
  transition:transform .35s ease, filter .35s ease;
  filter:saturate(1.04) contrast(1.02);
  background:rgba(255,255,255,.05);
}
.pageTile:hover .ptCover img{
  transform:scale(1.10);
  filter:saturate(1.12) contrast(1.06);
}
.ptOverlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.45) 65%, rgba(0,0,0,.72)),
    radial-gradient(520px 220px at 20% 25%, rgba(124,58,237,.22), transparent 60%),
    radial-gradient(520px 220px at 80% 40%, rgba(79,70,229,.18), transparent 60%);
  opacity:.95;
}
[data-theme="light"] .ptOverlay{
  background:
    linear-gradient(180deg, rgba(246,248,255,.00), rgba(246,248,255,.55) 65%, rgba(246,248,255,.90)),
    radial-gradient(520px 220px at 20% 25%, rgba(124,58,237,.14), transparent 60%),
    radial-gradient(520px 220px at 80% 40%, rgba(79,70,229,.10), transparent 60%);
}

.ptBadge{
  position:absolute;
  top:12px;
  inset-inline-end:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  font-weight:1000;
  font-size:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.25);
  backdrop-filter:blur(12px);
  color:#fff;
  z-index:2;
}
.ptBadge i{opacity:.95}

/* Body */
.ptBody{padding:12px 12px 0}
.ptBody h3{
  margin:0 0 6px;
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.2px;
}
.ptBody p{
  margin:0;
  color:var(--mut);
  font-weight:900;
  line-height:1.75;
  font-size:12.8px;
  max-height:44px;
  overflow:hidden;
}

/* Footer */
.ptFoot{
  margin-top:auto;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid var(--stroke);
  background:rgba(255,255,255,.02);
}
.ptGo{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  font-weight:1000;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.03);
  transition:.18s ease;
}
.pageTile:hover .ptGo{
  border-color:rgba(124,58,237,.40);
  box-shadow:0 0 0 4px rgba(124,58,237,.12);
  transform:translateY(-1px);
}
.ptChip{
  width:36px;height:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(124,58,237,.35);
  background:rgba(124,58,237,.14);
}

/* small special tint for backgrounds tile */
.pageTile.is-bg .ptChip{
  border-color:rgba(34,197,94,.30);
  background:rgba(34,197,94,.12);
}
/* =========================
   Alert with Heading + Message Lines
   Supports:
   - .alert-heading (h4)
   - .msgLoop lines
========================= */

.alert .alert-heading{
  margin:0 0 10px 0;
  padding:0 40px 0 0; /* مساحة لزر الإغلاق */
  font-weight:900;
  font-size:18px;
  line-height:1.25;
  color:inherit;
}

.alert .alert-heading small{
  display:inline-block;
  margin-right:8px;
  font-weight:700;
  opacity:.85;
  font-size:13px;
}

.alert p{
  margin:8px 0 0 0;
}

/* رسائل التحقق المتكررة */
.alert .msgLoop{
  position:relative;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.12);
  display:flex;
  align-items:flex-start;
  gap:8px;
}

/* لو عندك alert-link مستخدمها على p */
.alert .alert-link{
  color:inherit;
  text-decoration:none;
}

/* شكل الشرطة "-" أو الرقم */
.alert .msgLoop strong{
  min-width:14px;
  display:inline-block;
  opacity:.9;
  font-weight:900;
}

/* فصل بسيط بين العنوان والمحتوى */
.alert .alert-heading + .msgLoop,
.alert .alert-heading + p{
  margin-top:12px;
}

/* تحسين زر الإغلاق مع وجود heading */
.alert.alert-dismissible .close{
  top:10px;
  right:10px;
}


/* ===== Floating Cart — Classic 2027 ===== */
.mkCart{
  position:fixed;
  z-index:9997;
  bottom:18px;
  left:18px; /* لLTR */
  display:block;
  transform:translateY(10px);
  opacity:0;
  pointer-events:none;
  transition:transform .18s ease, opacity .18s ease;
}
html[dir="rtl"] .mkCart{left:auto; right:18px;} /* RTL */

.mkCart.active{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.mkCartBtn{
  width:56px;height:56px;
  border-radius:18px;
  display:grid;place-items:center;
  text-decoration:none;
  color:var(--txt);
  background:linear-gradient(90deg, rgba(56,189,248,.95), rgba(99,102,241,.85));
  box-shadow:0 18px 55px rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.12);
}
.mkCartBtn:hover{filter:brightness(1.05)}
.mkCartBtn i{font-size:22px}

.mkCartCount{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:24px;height:24px;
  padding:0 7px;
  border-radius:999px;
  display:grid;place-items:center;
  font-weight:1000;
  font-size:12px;
  color:#0b1020;
  background:linear-gradient(90deg, rgba(251,191,36,.98), rgba(245,158,11,.90));
  border:1px solid rgba(0,0,0,.15);
}
html[dir="rtl"] .mkCartCount{right:auto; left:-8px;}

/* Subscribe Now solo block inside .pkgGrid */
.pkgSubscribeSolo{
  grid-column: 1 / -1;   /* ياخذ عرض الشبكة كامل */
  margin-top: 6px;
  display: block;
}

.pkgSubscribeSolo .btn{
  height: 54px;          /* أقوى شوي */
  border-radius: 18px;
  font-size: 15px;
}

@media (max-width: 980px){
  .pkgSubscribeSolo{ margin-top: 10px; }
}
/* ✅ Fix: keep Subscribe alone then actions under it */
.pkgSubscribeSolo{
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 10px;
}

.pkgFooterActions{
  grid-column: 1 / -1;          /* ياخذ صف كامل */
  width: 100%;
  display: flex !important;     /* ✅ يلغي display: contents */
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
}

.pkgFooterActions .btn{
  flex: 1;
  min-width: 210px;
}

@media (max-width: 980px){
  .pkgFooterActions .btn{ min-width: 100% !important; }
}