/* ═══════════════════════════════════════════════════════════
   Mawsim Events v2.1 — «ليل المواسم»
   إخراج فني كامل: شفق متحرك، Ken Burns، زجاج متوهج، تذاكر مشقوقة.
   CSS خالص فوق طبقة الأساس — لا تعديل بالمحرك.
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="services"]{
  --accent:#e043ff; --accent-2:#9b5cff; --on-accent:#ffffff;
  --ink:#07030f; --surface-d:#0e0618; --surface-d2:#160a26;
  --surface-l:#0a0512; --surface-l2:#150b22;
  --on-light:#f6f0ff; --on-light-mut:#a795c9;
  --on-dark:#f6f0ff; --on-dark-mut:#a795c9;
  --tint:rgba(224,67,255,.12);
  --line-l:rgba(224,67,255,.16); --line-d:rgba(224,67,255,.18);
  --r-sm:10px; --r-md:16px; --r-lg:22px;
  --sh-md:0 18px 50px rgba(224,67,255,.15);
  --sh-lg:0 30px 80px rgba(155,92,255,.25);
  --glow:0 0 24px rgba(224,67,255,.55);
}
h1,h2,h3,h4{font-family:'Almarai','Tajawal',sans-serif}
::selection{background:var(--accent);color:#fff}
html{scrollbar-color:var(--accent) var(--surface-d)}

/* ═══ خلفية الشفق الحية ═══ */
body{position:relative;background:var(--surface-l)}
body::before{content:'';position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(42% 34% at 78% 12%, rgba(224,67,255,.22), transparent 70%),
    radial-gradient(38% 30% at 12% 42%, rgba(99,60,255,.25), transparent 70%),
    radial-gradient(30% 26% at 60% 88%, rgba(255,60,172,.14), transparent 70%);
  filter:blur(10px);
  animation:mw-aurora 22s ease-in-out infinite alternate}
@keyframes mw-aurora{
  0%{transform:translate(0,0) rotate(0deg) scale(1)}
  50%{transform:translate(-3%,2%) rotate(2deg) scale(1.06)}
  100%{transform:translate(2%,-2%) rotate(-2deg) scale(1.02)}}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(246,240,255,.5) .5px, transparent .6px);
  background-size:110px 110px;
  animation:mw-stars 60s linear infinite}
@keyframes mw-stars{to{background-position:110px 220px}}

/* ═══ أزرار: تذكرة متوهجة ═══ */
.st-btn{position:relative;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-radius:var(--r-pill);padding:14px 32px;
  box-shadow:0 0 0 1px rgba(224,67,255,.4), 0 12px 40px rgba(224,67,255,.4)}
.st-btn::after{content:'';position:absolute;inset:2px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%)}
.st-btn:hover{box-shadow:0 0 0 1px rgba(224,67,255,.7), 0 16px 55px rgba(224,67,255,.6);transform:translateY(-2px) scale(1.02)}
.st-btn-ghost,.st-btn-line{background:rgba(21,11,34,.5);backdrop-filter:blur(8px);
  border:1px solid rgba(224,67,255,.4);color:#fff;box-shadow:none}
.st-btn-ghost:hover,.st-btn-line:hover{border-color:var(--accent);box-shadow:var(--glow)}
.st-btn-ghost::after,.st-btn-line::after{display:none}

/* ═══ هيدر زجاجي بخط شفق ═══ */
.st-nav-glass{background:rgba(10,5,18,.6);backdrop-filter:blur(20px) saturate(1.3);position:sticky}
.st-nav-glass::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent)}
.st-nav-lk a{letter-spacing:.02em}
.st-nav-lk a:hover{color:#fff;text-shadow:0 0 20px var(--accent)}
.st-nav-cta{padding:11px 26px}
.st-nav-bd .lg-pc{height:44px;filter:drop-shadow(0 0 12px rgba(224,67,255,.35))}

/* ═══ السلايدر: Ken Burns + عنوان سينمائي ═══ */
.st-slider{min-height:min(94vh,780px)}
.st-slide .bgz{transform:scale(1.12)}
.st-slide.on .bgz{animation:mw-kb 6.5s ease-out forwards}
@keyframes mw-kb{from{transform:scale(1.14)}to{transform:scale(1.02)}}
.st-slide-ov{background:
  radial-gradient(70% 90% at 50% 100%, rgba(10,5,18,.94), transparent 70%),
  linear-gradient(180deg, rgba(7,3,15,.55), rgba(10,5,18,.35) 40%, rgba(10,5,18,.92))}
.st-slide-in h1{font-size:clamp(38px,7vw,86px);font-weight:900;line-height:1.06;letter-spacing:-1px;
  background:linear-gradient(180deg,#fff 55%,rgba(224,67,255,.85));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 40px rgba(224,67,255,.35))}
.st-slide.on .st-slide-in h1{animation:mw-rise .9s var(--ease) both}
.st-slide.on .st-slide-in p{animation:mw-rise .9s .15s var(--ease) both}
.st-slide.on .st-slide-in .st-btn{animation:mw-rise .9s .3s var(--ease) both}
@keyframes mw-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.st-slide-in p{font-size:clamp(15px,2vw,19px);color:rgba(246,240,255,.85);max-width:620px}
.st-dots{bottom:30px;gap:10px}
.st-dot{width:8px;height:8px;background:rgba(246,240,255,.25);transition:all .3s}
.st-dot.on{width:34px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}
.st-arr{width:52px;height:52px;background:rgba(21,11,34,.5);backdrop-filter:blur(10px);
  border:1px solid rgba(224,67,255,.3)}
.st-arr:hover{background:var(--accent);box-shadow:var(--glow)}

/* شريط النص: خيط نيون رقيق */
.st-mqt{background:rgba(21,11,34,.4);border-color:rgba(224,67,255,.18)}
.st-mqt-tk{color:var(--on-light-mut)}
.st-mqt-tk i{color:var(--accent-2);filter:drop-shadow(0 0 8px rgba(224,67,255,.6))}

/* ═══ عناوين الأقسام ═══ */
.st-head{margin-bottom:52px}
.st-head h2{font-size:clamp(28px,4.4vw,50px);letter-spacing:-.5px}
.st-eyebrow{padding:7px 18px;border-radius:var(--r-pill);background:var(--tint);
  border:1px solid rgba(224,67,255,.3);color:var(--accent);letter-spacing:.18em}
.st-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);
  box-shadow:var(--glow)}

/* ═══ دوائر الأنواع: حلقات مدارية ═══ */
.st-catc-it .im{position:relative;border:0;padding:5px;background:
  conic-gradient(from 180deg, var(--accent), var(--accent-2), #ff3cac, var(--accent))}
.st-catc-it .im::after{content:'';position:absolute;inset:5px;border-radius:inherit;
  box-shadow:inset 0 0 0 3px var(--surface-l)}
.st-catc-it .im img{border-radius:inherit}
.st-catc-it:hover .im{transform:translateY(-8px) rotate(2deg);
  box-shadow:0 20px 44px rgba(224,67,255,.4)}
.st-catc-it b{font-size:15px;transition:color .2s}
.st-catc-it:hover b{color:var(--accent);text-shadow:0 0 16px rgba(224,67,255,.5)}

/* ═══ بطاقات الفعاليات: تذاكر زجاجية بحافة ضوء ═══ */
.st-prods{gap:26px}
.st-prod{background:linear-gradient(165deg,rgba(27,14,46,.85),rgba(14,7,24,.9));
  backdrop-filter:blur(12px);border:1px solid rgba(224,67,255,.15);border-radius:var(--r-lg);
  position:relative;overflow:hidden}
.st-prod::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,rgba(224,67,255,.55),transparent 35%,transparent 70%,rgba(155,92,255,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}
.st-prod:hover::before{opacity:1}
.st-prod:hover{transform:translateY(-8px);box-shadow:0 26px 70px rgba(224,67,255,.28)}
.st-prod .im{aspect-ratio:16/10;background:#0c0616}
.st-prod .im img{transition:transform .6s var(--ease)}
.st-prod:hover .im img{transform:scale(1.08)}
.st-prod .im::after{content:'';position:absolute;inset:auto 0 0;height:60%;
  background:linear-gradient(180deg,transparent,rgba(10,5,18,.85));opacity:1}
.st-evdate{width:58px;padding:10px 0;background:rgba(10,5,18,.85);backdrop-filter:blur(8px);
  border:1px solid rgba(224,67,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.st-evdate b{font-size:22px;background:linear-gradient(180deg,#fff,var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.st-evdate small{color:var(--on-light-mut)}
.st-prod .bd{padding:20px 22px 22px;position:relative;z-index:1}
.st-prod h3{font-size:18px;color:#fff}
.st-prod .mt{color:var(--on-light-mut)}
.st-prod .mt i{color:var(--accent)}
.st-prod .pr{margin-top:12px;padding-top:12px;font-size:17px;color:#fff;
  border-top:1px dashed rgba(224,67,255,.25);position:relative}
.st-prod .pr::before,.st-prod .pr::after{content:'';position:absolute;top:-7px;width:14px;height:14px;
  border-radius:50%;background:var(--surface-l);border:1px solid rgba(224,67,255,.2)}
.st-prod .pr::before{inset-inline-start:-29px}
.st-prod .pr::after{inset-inline-end:-29px}
.st-cview{background:linear-gradient(180deg,transparent,rgba(155,92,255,.85));font-size:14px}
.st-evpast{backdrop-filter:blur(6px)}
.re-more{margin-top:44px}

/* ═══ عدادات: أرقام كونية ═══ */
.st-cnt-grid{gap:20px}
.st-cnt{background:rgba(21,11,34,.5);border:1px solid var(--line-l);border-radius:var(--r-lg);
  padding:30px 16px;backdrop-filter:blur(8px);transition:all .3s}
.st-cnt:hover{border-color:rgba(224,67,255,.5);transform:translateY(-4px);box-shadow:var(--sh-md)}
.st-cnt .ic{width:60px;height:60px;border-radius:50%;font-size:22px;
  background:radial-gradient(circle at 35% 30%, rgba(224,67,255,.35), var(--tint));
  border:1px solid rgba(224,67,255,.4);box-shadow:var(--glow);color:#fff}
.st-cnt-num{font-size:clamp(30px,4vw,46px);
  background:linear-gradient(90deg,#fff,var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ═══ المعرض: بولارويد ليلي ═══ */
.st-gal{gap:18px}
.st-gal img{border:1px solid rgba(224,67,255,.15);border-radius:var(--r-md);
  transition:all .35s var(--ease)}
.st-gal img:nth-child(odd){transform:rotate(-1.2deg)}
.st-gal img:nth-child(even){transform:rotate(1.2deg)}
.st-gal img:hover{transform:rotate(0) scale(1.05);border-color:var(--accent);
  box-shadow:0 20px 50px rgba(224,67,255,.35);z-index:2;position:relative}

/* ═══ الآراء: كبسولات زجاج ═══ */
.st-tst{position:relative;background:rgba(21,11,34,.55);backdrop-filter:blur(10px);
  border:1px solid rgba(224,67,255,.15);border-radius:var(--r-lg);padding:28px 26px;
  transition:all .3s}
.st-tst:hover{border-color:rgba(224,67,255,.45);transform:translateY(-5px);box-shadow:var(--sh-md)}
.st-tst::before{content:'★';position:absolute;top:-14px;inset-inline-start:24px;width:30px;height:30px;
  border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)}
.st-tst .strs{color:#ffd24d}
.st-tst .who img{border:2px solid var(--accent);box-shadow:var(--glow)}
.st-tst p{color:var(--on-light)}

/* ═══ الأسئلة ═══ */
.st-q{background:rgba(21,11,34,.5);border-color:rgba(224,67,255,.12);border-radius:var(--r-md)}
.st-q.open{border-color:rgba(224,67,255,.55);box-shadow:0 0 34px rgba(224,67,255,.12)}
.st-q-h{color:#fff;font-size:15px}
.st-q-h i{color:var(--accent);filter:drop-shadow(0 0 8px rgba(224,67,255,.6))}

/* ═══ CTA: بوابة ضوء ═══ */
.st-cta{background:transparent;position:relative;isolation:isolate;padding:90px 0}
.st-cta::before{content:'';position:absolute;inset:14% 6%;z-index:-1;border-radius:32px;
  background:linear-gradient(135deg,rgba(224,67,255,.16),rgba(99,60,255,.2));
  border:1px solid rgba(224,67,255,.35);backdrop-filter:blur(6px);
  box-shadow:inset 0 0 80px rgba(224,67,255,.12), 0 30px 90px rgba(155,92,255,.25)}
.st-cta::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(560px,70%);height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:var(--glow)}
.st-cta h2{font-size:clamp(26px,4vw,44px);
  background:linear-gradient(90deg,#fff,var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.st-cta .st-btn-inv{background:#fff;color:#12071f}

/* ═══ النشرة والفوتر ═══ */
.st-news-band{background:transparent;border-top:1px solid var(--line-l)}
.st-nb-in input{background:rgba(21,11,34,.7);border:1px solid rgba(224,67,255,.3);color:#fff}
.st-nb-in input:focus{border-color:var(--accent);box-shadow:var(--glow)}
.st-foot{background:linear-gradient(180deg,var(--surface-d),#070310);border-top:1px solid var(--line-l);position:relative}
.st-foot::before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:var(--glow)}
.st-foot h4{color:var(--accent-2)}
.st-foot-soc a{border-radius:50%}
.st-foot-soc a:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-color:transparent;box-shadow:var(--glow);transform:translateY(-4px)}
.st-footer{background:#050209}

/* ═══ صفحات الفعاليات الداخلية بنفس الإخراج ═══ */
.sv-ev-head{padding:80px 0 56px}
.sv-ev-head h1{font-size:clamp(30px,5.4vw,58px);
  background:linear-gradient(180deg,#fff 60%,var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.sv-ev-meta span{background:rgba(21,11,34,.55);backdrop-filter:blur(8px);
  border:1px solid rgba(224,67,255,.25);padding:9px 16px;border-radius:var(--r-pill)}
.sv-ev-buy{font-size:17px;padding:16px 40px}
.rp-card{background:rgba(21,11,34,.55);backdrop-filter:blur(10px);
  border:1px solid rgba(224,67,255,.14);color:var(--on-light)}
.rp-card h3{color:#fff}
.rp-card h3::before{background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}
.rp-desc{color:var(--on-light-mut)}
.sv-tks .tk{background:rgba(10,5,18,.6);border-color:rgba(224,67,255,.15)}
.sv-tks .tk .dot{box-shadow:0 0 12px currentColor}
.sv-tks .pr{color:#fff}
.sv-tks b{color:#fff}
.sv-tks em{color:var(--accent)}
.sv-partners .pl{background:rgba(10,5,18,.6);border-color:rgba(224,67,255,.15)}
.sv-partners .pl:hover{border-color:var(--accent);box-shadow:var(--glow)}
.st-back.lite{background:rgba(21,11,34,.6);border-color:rgba(224,67,255,.3)}
.st-empty i{filter:drop-shadow(0 0 14px rgba(224,67,255,.5))}
.re-sub{color:#fff}
.re-sub::before{background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}
.st-page-head h1{color:#fff}
.st-back{background:rgba(21,11,34,.6);border-color:rgba(224,67,255,.25);color:#fff}

@media (prefers-reduced-motion:reduce){
  body::before,body::after,.st-slide.on .bgz{animation:none}}

/* ═══ v2.1: هيرو الفعالية القادمة — إخراج ليل المواسم ═══ */
.ev-hero-ov{background:
  radial-gradient(75% 95% at 50% 105%, rgba(10,5,18,.96), transparent 72%),
  linear-gradient(180deg, rgba(7,3,15,.5), rgba(10,5,18,.35) 45%, rgba(10,5,18,.94))}
.ev-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:var(--glow)}
.ev-badge{background:rgba(21,11,34,.6);backdrop-filter:blur(10px);border-color:rgba(224,67,255,.4)}
.ev-badge .dot{box-shadow:var(--glow)}
.ev-hero h1{background:linear-gradient(180deg,#fff 55%,rgba(224,67,255,.9));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 44px rgba(224,67,255,.4));
  animation:mw-rise .9s var(--ease) both}
.ev-meta{animation:mw-rise .9s .12s var(--ease) both}
.ev-meta span{background:rgba(21,11,34,.55);backdrop-filter:blur(8px);
  border:1px solid rgba(224,67,255,.25);padding:8px 15px;border-radius:var(--r-pill)}
.ev-count{animation:mw-rise .9s .24s var(--ease) both}
.ev-count .c{background:rgba(21,11,34,.6);border-color:rgba(224,67,255,.3);position:relative;overflow:hidden}
.ev-count .c::before{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(224,67,255,.12),transparent 55%)}
.ev-count b{background:linear-gradient(180deg,#fff,var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 16px rgba(224,67,255,.5))}
.ev-cta{animation:mw-rise .9s .36s var(--ease) both}
.ev-cta .frm b{color:var(--accent-2);text-shadow:0 0 18px rgba(224,67,255,.5)}

/* ═══ v2.2: سكن البلوكات المعمارية — ليل المواسم ═══ */
.bi{background:linear-gradient(165deg,rgba(27,14,46,.85),rgba(14,7,24,.9));backdrop-filter:blur(10px);border-color:rgba(224,67,255,.15)}
.bi:hover{border-color:rgba(224,67,255,.5);box-shadow:0 18px 50px rgba(224,67,255,.22)}
.bi.b-stat b{background:linear-gradient(180deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(224,67,255,.45))}
.bi.b-text i{border-radius:50%;background:var(--tint);border:1px solid rgba(224,67,255,.35);color:var(--accent-2);box-shadow:var(--glow)}
.st-split-media>img{border-radius:var(--r-lg);border:1px solid rgba(224,67,255,.2)}
.st-split-media .fc{background:rgba(21,11,34,.9);backdrop-filter:blur(12px);border-color:rgba(224,67,255,.3);color:#fff}
.st-split-media .fc1 b{color:var(--accent-2)}
.st-split-media .fc2 .strs{color:#ffd24d}
.st-checks i{color:var(--accent-2);filter:drop-shadow(0 0 8px rgba(224,67,255,.5))}
.st-band-ov{background:rgba(10,5,18,.85)}
.st-band .bs b{background:linear-gradient(180deg,#fff,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(224,67,255,.4))}
.st-band .bs+.bs{border-color:rgba(224,67,255,.25)}
.st-twall .tw{background:rgba(21,11,34,.55);backdrop-filter:blur(8px);border-color:rgba(224,67,255,.14)}
.st-twall .tw:hover{border-color:rgba(224,67,255,.5)}
.st-twall p{color:var(--on-light)}
.st-twall-hd .score{background:rgba(21,11,34,.7);border-color:rgba(224,67,255,.3)}
.st-twall-hd .score>b{color:var(--accent-2);text-shadow:0 0 20px rgba(224,67,255,.5)}
.st-twall .strs,.st-twall-hd .strs{color:#ffd24d}
.st-cmos .cm{border:1px solid rgba(224,67,255,.15)}
.st-cmos .cm:hover{border-color:var(--accent);box-shadow:0 16px 44px rgba(224,67,255,.3)}
.st-cmos .cm:hover .tx i{background:var(--accent);box-shadow:var(--glow)}
.st-pstrip{background:rgba(21,11,34,.7);backdrop-filter:blur(10px);border-color:rgba(224,67,255,.25)}
.st-pstrip .ptx i{color:var(--accent-2);filter:drop-shadow(0 0 10px rgba(224,67,255,.7))}
.st-ctap{background:linear-gradient(135deg,rgba(27,14,46,.9),rgba(43,16,72,.9));border-color:rgba(224,67,255,.35)}
.st-ctap .glow{background:radial-gradient(45% 60% at 50% 0%, rgba(224,67,255,.35), transparent 70%)}
.st-ctap h2{background:linear-gradient(90deg,#fff,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}