/* صفحة المنظومة المتكاملة - بنية تصميم صفحة الفعاليات: هيرو داكن بشبكة جدولة + بطاقات تذاكر */
.sx-hero{position:relative;overflow:hidden;isolation:isolate;padding:76px 0 66px;background:radial-gradient(120% 140% at 18% 12%,#1d2a22 0%,#15181B 48%,#0f1113 100%);color:#fff;}
.sx-hero::after{content:"";position:absolute;inset-inline-end:-120px;top:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--green) 0%,rgba(21,154,72,0) 68%);opacity:.42;animation:sxDrift 18s ease-in-out infinite;}
.sx-grain{position:absolute;inset:0;z-index:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.sx-schedule{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;display:grid;grid-template-columns:repeat(16,1fr);grid-auto-rows:1fr;gap:10px;padding:22px;-webkit-mask-image:radial-gradient(105% 85% at 50% 45%,transparent 34%,#000 78%);mask-image:radial-gradient(105% 85% at 50% 45%,transparent 34%,#000 78%);}
.sx-cell{border:1px solid rgba(255,255,255,.05);border-radius:5px;animation:sxCell 7s ease-in-out infinite;animation-delay:calc(var(--c) * 65ms);}
@keyframes sxCell{0%,72%,100%{background:transparent;border-color:rgba(255,255,255,.05);}78%{background:rgba(21,154,72,.24);border-color:rgba(21,154,72,.45);}86%{background:rgba(21,154,72,.06);border-color:rgba(255,255,255,.08);}}
@keyframes sxDrift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-34px,28px) scale(1.06);}}
@keyframes sxPulse{0%,100%{box-shadow:0 0 0 0 rgba(21,154,72,.5);}50%{box-shadow:0 0 0 8px rgba(21,154,72,0);}}
.sx-hero-in{position:relative;z-index:2;text-align:center;max-width:820px;}
.sx-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#5FC48F;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.04em;margin-bottom:20px;}
.sx-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:sxPulse 2.2s ease-in-out infinite;}
.sx-headline{color:#fff;font-size:44px;line-height:1.4;font-weight:800;margin:0 0 18px;}
.sx-w{display:inline-block;animation:sxWord .72s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(.12s + var(--w) * 70ms);}
@keyframes sxWord{from{opacity:0;transform:translateY(16px);filter:blur(6px);}}
.sx-hl{position:relative;}
.sx-hl::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:3px;border-radius:2px;transform:scaleX(0);transform-origin:right;animation:sxUnder 9s ease-in-out infinite;}
.sx-hl-0::after{background:var(--green);animation-delay:1.6s;}.sx-hl-1::after{background:var(--amber);animation-delay:4.6s;}.sx-hl-2::after{background:#5aa9d6;animation-delay:7.6s;}
@keyframes sxUnder{0%{transform:scaleX(0);}6%,28%{transform:scaleX(1);}34%,100%{transform:scaleX(0);}}
.sx-hl-0{animation:sxWord .72s cubic-bezier(.16,1,.3,1) backwards,sxGlowG 9s ease-in-out infinite;animation-delay:calc(.12s + var(--w) * 70ms),1.6s;}
.sx-hl-1{animation:sxWord .72s cubic-bezier(.16,1,.3,1) backwards,sxGlowA 9s ease-in-out infinite;animation-delay:calc(.12s + var(--w) * 70ms),4.6s;}
.sx-hl-2{animation:sxWord .72s cubic-bezier(.16,1,.3,1) backwards,sxGlowB 9s ease-in-out infinite;animation-delay:calc(.12s + var(--w) * 70ms),7.6s;}
@keyframes sxGlowG{0%,100%{color:#fff;}8%,28%{color:#5FC48F;}}@keyframes sxGlowA{0%,100%{color:#fff;}8%,28%{color:#F3C87A;}}@keyframes sxGlowB{0%,100%{color:#fff;}8%,28%{color:#8ccaee;}}
.sx-types{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 22px;opacity:0;animation:sxIn .7s ease forwards;animation-delay:1s;}
@keyframes sxIn{to{opacity:1;}}
.sx-type{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.55);}
.sx-type-0{animation:sxTkG 9s ease-in-out infinite 1.6s;}.sx-type-1{animation:sxTkA 9s ease-in-out infinite 4.6s;}.sx-type-2{animation:sxTkB 9s ease-in-out infinite 7.6s;}
@keyframes sxTkG{0%,100%{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);transform:none;}8%,28%{color:#fff;border-color:rgba(21,154,72,.75);background:rgba(21,154,72,.2);transform:translateY(-3px);}}
@keyframes sxTkA{0%,100%{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);transform:none;}8%,28%{color:#fff;border-color:rgba(242,134,46,.75);background:rgba(242,134,46,.2);transform:translateY(-3px);}}
@keyframes sxTkB{0%,100%{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);transform:none;}8%,28%{color:#fff;border-color:rgba(47,143,184,.8);background:rgba(47,143,184,.22);transform:translateY(-3px);}}
.sx-hero-in p{color:rgba(255,255,255,.74);font-size:15px;line-height:2;max-width:640px;margin:0 auto 34px;}
.sx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;}
.sx-stat{background:rgba(255,255,255,.03);padding:18px 12px;text-align:center;}
.sx-stat .v{display:block;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:26px;color:#fff;margin-bottom:4px;font-variant-numeric:tabular-nums;}
.sx-stat .k{font-size:12px;color:rgba(255,255,255,.6);}

/* الفلاتر */
.sx{padding-top:30px;}
.sx-filter{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 34px;}
.sx-chip{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);padding:9px 17px;border-radius:22px;color:var(--muted);background:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.sx-chip:hover{border-color:var(--ink);color:var(--ink);}
.sx-chip.active{background:var(--ink);color:#fff;border-color:var(--ink);}

/* المشروع الرئيسي */
.sx-featured{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:#15181B;color:#fff;border-radius:22px;padding:40px;margin-bottom:56px;position:relative;overflow:hidden;}
.sx-featured::after{content:"";position:absolute;inset-inline-end:-70px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--green),transparent 70%);opacity:.34;pointer-events:none;}
.sx-feat-body{position:relative;z-index:1;}
.sx-ftag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:5px 11px;border-radius:6px;margin-bottom:16px;background:var(--amber);color:#15181B;}
.sx-ftag-dark{background:rgba(255,255,255,.12);color:#fff;margin-inline-start:6px;}
.sx-featured h2{color:#fff;font-size:28px;line-height:1.5;margin:0 0 14px;}
.sx-featured p{color:rgba(251,250,247,.72);font-size:14px;line-height:1.95;margin:0 0 22px;}
.sx-fmeta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:rgba(251,250,247,.75);margin-bottom:24px;}
.sx-fmeta span{display:inline-flex;align-items:center;gap:6px;}
.sx-frow{display:flex;gap:12px;flex-wrap:wrap;}
.sx-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;font-weight:700;padding:13px 20px;border-radius:10px;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s;}
.sx-btn-p{background:var(--green);color:#fff;}
.sx-btn-g{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);color:#fff;}
.sx-btn-dark{background:var(--ink);color:#fff;}
@media(hover:hover) and (pointer:fine){.sx-btn:hover{transform:translateY(-2px);}.sx-btn-g:hover{background:rgba(255,255,255,.14);}}
.sx-feat-visual{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#13522E;z-index:1;}
.sx-feat-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.23,1,.32,1);}
@media(hover:hover) and (pointer:fine){.sx-featured:hover .sx-feat-visual img{transform:scale(1.04);}}
.sx-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.38) 0%,rgba(21,24,27,.04) 45%,rgba(21,24,27,.45) 100%);pointer-events:none;}

/* الشبكة والبطاقات */
.sx-title{font-size:21px;font-weight:700;margin-bottom:24px;}
.sx-pill{display:inline-block;background:var(--green-soft);color:var(--green-dark);font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;padding:3px 9px;border-radius:12px;margin-inline-start:8px;vertical-align:3px;}
.sx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px;}
.sx-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease;}
.sx-card[hidden]{display:none;}
@media(hover:hover) and (pointer:fine){.sx-card:hover{transform:translateY(-6px);box-shadow:0 26px 52px -30px rgba(21,24,27,.34);border-color:rgba(21,24,27,.16);}.sx-card:hover .sx-cover{transform:scale(1.06);}.sx-card:hover .sx-body h4 a{color:var(--green-dark);}}
.sx-card:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,154,72,.16);}
.sx-thumb{display:block;height:190px;position:relative;overflow:hidden;}
.sx-thumb::before{content:"";position:absolute;inset:0;opacity:.14;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.6) 0 1px,transparent 1px 10px);z-index:0;}
.sx-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .9s cubic-bezier(.23,1,.32,1);}
.sx-thumb .sx-scrim{z-index:0;}
.sx-type-label{position:absolute;top:12px;inset-inline-start:12px;z-index:2;font-size:11px;font-weight:700;background:rgba(21,24,27,.58);color:#fff;padding:5px 10px;border-radius:6px;backdrop-filter:blur(4px);}
.sx-num{position:absolute;top:12px;inset-inline-end:12px;z-index:2;background:#fff;border-radius:9px;padding:6px 11px;text-align:center;line-height:1.1;}
.sx-num .m{display:block;font-size:9.5px;font-weight:700;color:var(--amber);}
.sx-num .d{display:block;font-family:'IBM Plex Mono',monospace;font-weight:800;font-size:16px;color:var(--ink);}
.sx-chips{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px);}
.sx-mode,.sx-chip-r{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);color:var(--ink);font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;}
.sx-chip-r{background:var(--green-soft);color:var(--green-dark);border-radius:20px;}
.sx-live{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:sxLive 1.8s ease-in-out infinite;display:inline-block;}
@keyframes sxLive{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(1.35);}}
.sx-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.sx-body h4{font-size:17px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sx-meta{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:7px;margin-bottom:16px;line-height:1.7;}
.sx-meta span{display:flex;gap:7px;align-items:flex-start;}
.sx-meta svg{flex:none;margin-top:4px;color:var(--green-dark);}
.sx-cta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;}
.sx-att{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);}
.sx-cbtns{display:flex;align-items:center;gap:7px;}
.sx-mini{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;transition:all .18s ease;}
.sx-mini:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-soft);}
/* زر التذكرة */
.sx-ticket{position:relative;display:inline-flex;align-items:stretch;border:1px solid var(--ink);border-radius:9px;overflow:hidden;background:var(--ink);color:#fff;font-size:12px;font-weight:700;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);}
.sx-ticket:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(21,24,27,.55);}
.sx-ticket:focus-visible{outline:2px solid var(--green);outline-offset:2px;}
.sx-ticket .etb-ico{display:flex;align-items:center;justify-content:center;padding:0 10px;background:rgba(255,255,255,.13);border-inline-end:1px dashed rgba(255,255,255,.42);transition:background .28s;}
.sx-ticket:hover .etb-ico{background:rgba(255,255,255,.22);}
.sx-ticket .etb-ico svg{display:block;transition:transform .38s cubic-bezier(.34,1.56,.64,1);}
.sx-ticket:hover .etb-ico svg{transform:rotate(-14deg) scale(1.08);}
.sx-ticket .etb-label{display:flex;align-items:center;padding:9px 14px;white-space:nowrap;}
.sx-empty{color:var(--muted);font-size:14px;margin-bottom:40px;}

/* شريط الشراكات */
.sx-band{background:var(--green-soft);border-radius:22px;padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-bottom:60px;}
.sx-eyebrow-d{display:block;color:var(--green-dark);font-family:'IBM Plex Mono',monospace;font-size:12px;margin-bottom:10px;}
.sx-band h2{font-size:27px;line-height:1.5;max-width:480px;margin:0 0 14px;}
.sx-band p{font-size:14px;color:rgba(21,24,27,.72);max-width:480px;line-height:1.95;margin:0 0 24px;}
.sx-band-list{background:#fff;border-radius:14px;padding:26px;border:1px solid rgba(21,24,27,.08);}
.sx-brow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
.sx-brow:last-child{border-bottom:0;}
.sx-brow .n{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--green-dark);}

@media(max-width:1000px){.sx-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){
  .sx-hero{padding:52px 0 46px;}.sx-headline{font-size:28px;}.sx-schedule{grid-template-columns:repeat(8,1fr);gap:7px;padding:14px;}
  .sx-stats{grid-template-columns:repeat(2,1fr);}
  .sx-featured{grid-template-columns:1fr;padding:24px;border-radius:18px;gap:26px;}.sx-featured h2{font-size:22px;}
  .sx-band{grid-template-columns:1fr;padding:30px 22px;border-radius:18px;}
}
@media(max-width:640px){.sx-grid{grid-template-columns:1fr;}.sx-types{gap:7px;}.sx-type{font-size:11px;padding:7px 11px;}.sx-frow .sx-btn{width:100%;justify-content:center;}}
@media (prefers-reduced-motion: reduce){
  .sx-cell,.sx-hero::after,.sx-dot,.sx-live,.sx-type{animation:none;}
  .sx-w{animation:none;opacity:1;transform:none;filter:none;}
  .sx-hl{animation:none;}.sx-hl::after{animation:none;transform:scaleX(1);}
  .sx-hl-0{color:#5FC48F;}.sx-hl-1{color:#F3C87A;}.sx-hl-2{color:#8ccaee;}
  .sx-types{animation:none;opacity:1;}
  .sx-card,.sx-cover,.sx-feat-visual img{transition:none;}
}

.sx-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(90% 90% at 50% 50%,#000 55%,transparent);mask-image:radial-gradient(90% 90% at 50% 50%,#000 55%,transparent)}
@media(max-width:700px){.sx-net{opacity:.7}}
/* الدوائر خلف النصوص بشفافية 70% */
.sx-net{z-index:0 !important;opacity:.7 !important}
.sx-hero-in{z-index:2}
/* شفافية الدوائر 85% (ظهور 15%) */
.sx-net,.sx-net{opacity:.15 !important}
@media(max-width:700px){.sx-net{opacity:.15 !important}}