/* ══════════════════════════════════════════
   RAWA — Design System v3.0
   Futuristic Dark • Mada + Orbitron
   ══════════════════════════════════════════ */

/* ── FONTS ── */
@font-face{font-family:'Mada';src:url('../fonts/mada-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Mada';src:url('../fonts/mada-bold.ttf') format('truetype');font-weight:700;font-display:swap}

/* ── TOKENS ── */
:root{
  --B1:#2B5FC7;--B2:#4A7FE8;--B3:#6DA0FF;
  --T1:#2ABFA3;--T2:#3DDCC0;--T3:#7FECD8;
  --D1:#050B18;--D2:#080F1F;--D3:#0D1629;--D4:#111E36;--D5:#172444;
  --txt1:#EEF2FF;--txt2:#9BADD4;--txt3:#5A7199;
  --border:rgba(43,95,199,.13);--border-t:rgba(42,191,163,.18);
  --radius:14px;--radius-lg:22px;
  --glow-t:0 0 40px rgba(42,191,163,.28);
  --glow-b:0 0 40px rgba(43,95,199,.28);
  --transition:.3s cubic-bezier(.4,0,.2,1);
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{background:var(--D1)!important;color:var(--txt1)}
body{font-family:'Mada',sans-serif;direction:rtl;text-align:right;overflow-x:hidden;line-height:1.75;font-size:16px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;font-family:'Mada',sans-serif}

/* ── NOISE TEXTURE ── */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9000;opacity:.5}

/* ── GRID BACKGROUND ── */
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(43,95,199,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(43,95,199,.05) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}

/* ── LAYOUT ── */
.container{max-width:1280px;margin:0 auto;padding:0 2rem;width:100%}
section{padding:5.5rem 0;position:relative}

/* ══ SCROLL ANIMATIONS ══ */
[data-aos]{opacity:0;transition:opacity .75s cubic-bezier(.25,.46,.45,.94),transform .75s cubic-bezier(.25,.46,.45,.94)}
[data-aos="fade-up"]   {transform:translateY(52px)}
[data-aos="fade-right"]{transform:translateX(-56px)}
[data-aos="fade-left"] {transform:translateX(56px)}
[data-aos="fade-down"] {transform:translateY(-36px)}
[data-aos="zoom-in"]   {transform:scale(.86)}
[data-aos="flip-up"]   {transform:perspective(500px) rotateX(18deg) translateY(36px)}
[data-aos].aos-in{opacity:1;transform:none}

/* ══ HEADER ══ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:66px;background:rgba(5,11,24,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.header-inner{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.site-logo{display:flex;align-items:center}
.site-logo img{height:46px;width:auto;transition:filter var(--transition)}
.site-logo:hover img{filter:drop-shadow(0 0 14px rgba(42,191,163,.6))}
.site-nav{display:flex;gap:.1rem}
.site-nav a{color:var(--txt2);font-size:.875rem;font-weight:600;padding:.44rem .88rem;border-radius:8px;transition:all .2s;position:relative}
.site-nav a:hover{color:var(--T2);background:rgba(42,191,163,.07)}
.site-nav a.active{color:var(--T1)}
.site-nav a.active::after{content:'';display:block;height:2px;background:var(--T1);border-radius:1px;margin-top:2px}
.header-cta{display:flex;gap:.55rem;align-items:center}
.btn-login{color:var(--txt3);font-size:.84rem;font-weight:600;padding:.42rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.4rem}
.btn-login:hover{border-color:var(--T1);color:var(--T1)}
.lang-en{color:var(--txt3);font-size:.8rem;font-weight:700;padding:.35rem .75rem;border:1px solid var(--border);border-radius:7px;transition:.2s}
.lang-en:hover{border-color:var(--T1);color:var(--T1)}
.btn-join{background:linear-gradient(135deg,var(--T1),var(--B1));color:#fff;font-size:.84rem;font-weight:700;padding:.5rem 1.2rem;border-radius:9px;box-shadow:0 0 20px rgba(42,191,163,.2);transition:all var(--transition);display:flex;align-items:center;gap:.4rem}
.btn-join:hover{box-shadow:var(--glow-t);transform:translateY(-1px)}
.mob-toggle{display:none;background:none;border:1px solid var(--border);color:var(--txt1);width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}

/* ── MOBILE NAV ── */
.mob-nav{position:fixed;top:0;right:-100%;bottom:0;width:290px;background:rgba(5,11,24,.98);backdrop-filter:blur(20px);z-index:2000;flex-direction:column;padding:1.5rem;border-left:1px solid var(--border);transition:right .38s cubic-bezier(.4,0,.2,1)}
.mob-nav.open{right:0}
.mob-close{background:none;border:none;color:var(--txt2);font-size:1.4rem;padding:.5rem;margin-bottom:1.25rem;align-self:flex-start;transition:.2s}
.mob-close:hover{color:var(--T1)}
.mob-nav a{color:var(--txt2);padding:.85rem 1rem;border-radius:10px;transition:.2s;display:block;font-weight:600;font-size:.95rem}
.mob-nav a:hover,.mob-nav a.active{background:rgba(42,191,163,.09);color:var(--T1)}
.mob-cta{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1999;backdrop-filter:blur(4px)}
.mob-overlay.show{display:block}

/* ══ PAGE HERO ══ */
.page-hero{background:var(--D1);padding:8rem 0 4rem;position:relative;overflow:hidden}
.page-hero-orb{position:absolute;width:600px;height:600px;top:-200px;right:-100px;border-radius:50%;background:radial-gradient(circle,rgba(43,95,199,.15),transparent 70%);animation:breathe 10s ease-in-out infinite;pointer-events:none}
.page-hero-orb2{position:absolute;width:400px;height:400px;bottom:-100px;left:-50px;border-radius:50%;background:radial-gradient(circle,rgba(42,191,163,.1),transparent 70%);animation:breathe 13s ease-in-out infinite reverse;pointer-events:none}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.page-hero-title{font-size:2.8rem;font-weight:900;margin-bottom:.5rem;position:relative;z-index:2}
.page-hero-title span{color:var(--T1)}
.page-hero-sub{color:var(--txt2);font-size:1rem;position:relative;z-index:2}

/* ══ SECTION TYPOGRAPHY ══ */
.section-tag{display:inline-flex;align-items:center;gap:.5rem;background:rgba(42,191,163,.07);border:1px solid rgba(42,191,163,.2);color:var(--T1);padding:.35rem 1rem;border-radius:50px;font-size:.78rem;font-weight:700}
.section-tag img{width:15px;height:15px}
.section-title{font-size:2.25rem;font-weight:900;line-height:1.25;margin:.65rem 0}
.section-title span{color:var(--T1)}
.section-sub{color:var(--txt2);font-size:.98rem;max-width:540px}
.section-header{margin-bottom:3.25rem}
.section-header.center{text-align:center}
.section-header.center .section-sub{margin:0 auto}
.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}
.section-header-row a{color:var(--T1);font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:.35rem;transition:.2s}
.section-header-row a:hover{gap:.6rem}

/* ══ BUTTONS ══ */
.btn-primary{display:inline-flex;align-items:center;gap:.55rem;background:linear-gradient(135deg,var(--T1),var(--B1));color:#fff;padding:.88rem 2rem;border-radius:12px;font-weight:700;font-size:.95rem;transition:all var(--transition);box-shadow:0 0 26px rgba(42,191,163,.22);border:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-t)}
.btn-primary img{width:18px;height:18px;filter:brightness(10)}
.btn-outline{display:inline-flex;align-items:center;gap:.55rem;background:transparent;color:var(--T1);padding:.88rem 2rem;border-radius:12px;font-weight:700;font-size:.95rem;border:1px solid rgba(42,191,163,.4);transition:all var(--transition)}
.btn-outline:hover{background:rgba(42,191,163,.08);border-color:var(--T1)}
.btn-outline img{width:18px;height:18px}
.btn-sm{padding:.5rem 1.1rem;font-size:.84rem;border-radius:9px}
.btn-icon{width:38px;height:38px;min-width:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(42,191,163,.08);border:1px solid rgba(42,191,163,.18);transition:.2s}
.btn-icon:hover{background:rgba(42,191,163,.15);border-color:var(--T1)}
.btn-icon img{width:18px;height:18px}

/* ══ ICON HELPERS ══ */
.ico-xs{width:14px;height:14px}
.ico-sm{width:18px;height:18px}
.ico-md{width:24px;height:24px}
.ico-lg{width:32px;height:32px}
.ico-xl{width:48px;height:48px}
.ico-2xl{width:56px;height:56px}
.ico-wrap{display:flex;align-items:center;justify-content:center;border-radius:12px}
.ico-wrap-teal{background:rgba(42,191,163,.1);border:1px solid rgba(42,191,163,.15)}
.ico-wrap-blue{background:rgba(43,95,199,.1);border:1px solid rgba(43,95,199,.15)}

/* ══ TAGS ══ */
.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .8rem;border-radius:50px;font-size:.72rem;font-weight:700}
.tag img{width:11px;height:11px}
.tag-teal  {background:rgba(42,191,163,.12);color:var(--T1);border:1px solid rgba(42,191,163,.22)}
.tag-blue  {background:rgba(43,95,199,.12);color:var(--B3);border:1px solid rgba(43,95,199,.22)}
.tag-amber {background:rgba(232,168,56,.1);color:#F6D060;border:1px solid rgba(232,168,56,.18)}
.tag-purple{background:rgba(128,90,213,.1);color:#B794F4;border:1px solid rgba(128,90,213,.18)}
.tag-red   {background:rgba(229,62,62,.1);color:#FC8181;border:1px solid rgba(229,62,62,.18)}
.tag-green {background:rgba(72,187,120,.1);color:#68D391;border:1px solid rgba(72,187,120,.18)}
.tag-live  {display:inline-flex;align-items:center;gap:.35rem}
.tag-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--T1);box-shadow:0 0 6px var(--T1);animation:blink 2s infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ══ CARD BASE ══ */
.card-glow{background:var(--D3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition);position:relative;overflow:hidden}
.card-glow::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(42,191,163,.5),transparent);opacity:0;transition:opacity var(--transition)}
.card-glow:hover{border-color:rgba(42,191,163,.28);transform:translateY(-5px);box-shadow:0 24px 70px rgba(0,0,0,.45)}
.card-glow:hover::before{opacity:1}

/* ══ SERVICE CARDS ══ */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(43,95,199,.08);border:1px solid rgba(43,95,199,.1);border-radius:var(--radius-lg);overflow:hidden}
.svc-item{background:var(--D2);padding:2.25rem;transition:all var(--transition);position:relative;overflow:hidden}
.svc-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--T1),var(--B2));transform:scaleX(0);transition:transform .35s;transform-origin:left}
.svc-item:hover{background:var(--D3)}
.svc-item:hover::after{transform:scaleX(1)}
.svc-num{font-family:'Orbitron',sans-serif;font-size:.6rem;color:var(--txt3);letter-spacing:2px;margin-bottom:.75rem}
.svc-ico-wrap{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all var(--transition)}
.svc-ico-wrap img{width:30px;height:30px}
.svc-item:hover .svc-ico-wrap{transform:scale(1.1)}
.svc-name{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.svc-desc{color:var(--txt3);font-size:.88rem;line-height:1.75}
.svc-arrow{display:flex;align-items:center;gap:.4rem;color:var(--T1);font-size:.84rem;font-weight:700;margin-top:1rem;opacity:0;transform:translateX(6px);transition:all var(--transition)}
.svc-arrow img{width:14px;height:14px;transition:transform var(--transition)}
.svc-item:hover .svc-arrow{opacity:1;transform:translateX(0)}

/* ══ BOARD CARD ══ */
.board-card{background:var(--D3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.25rem;text-align:center;transition:all var(--transition);position:relative;overflow:hidden}
.board-card::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(42,191,163,.45),transparent);opacity:0;transition:opacity var(--transition)}
.board-card:hover::before{opacity:1}
.board-card:hover{border-color:rgba(42,191,163,.28);transform:translateY(-6px);box-shadow:0 22px 65px rgba(0,0,0,.5)}
.board-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto .9rem;background:var(--D4);border:2px solid rgba(43,95,199,.2);display:flex;align-items:center;justify-content:center;transition:all var(--transition);overflow:hidden}
.board-avatar img{width:34px;height:34px}
.board-card:hover .board-avatar{border-color:var(--T1);box-shadow:0 0 18px rgba(42,191,163,.25)}
.board-card.chair .board-avatar{border-color:rgba(43,95,199,.3)}
.board-card.chair:hover{border-color:rgba(43,95,199,.35);box-shadow:0 22px 65px rgba(0,0,0,.5),0 0 28px rgba(43,95,199,.12)}
.board-card.chair:hover .board-avatar{border-color:var(--B2);box-shadow:0 0 18px rgba(43,95,199,.3)}
.board-name{font-size:.88rem;font-weight:700;line-height:1.4;margin-bottom:.3rem}
.board-pos{font-size:.76rem;color:var(--T1);font-weight:700}
.board-card.chair .board-pos{color:var(--B3)}

/* ══ EVENT CARD ══ */
.event-card{background:var(--D3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition)}
.event-card:hover{border-color:rgba(42,191,163,.28);transform:translateY(-5px);box-shadow:0 22px 65px rgba(0,0,0,.45)}
.event-top{background:linear-gradient(135deg,var(--D4),var(--D5));padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
.event-date-badge{font-family:'Orbitron',sans-serif;color:var(--T1);line-height:1;text-align:center}
.event-date-badge .day{font-size:2rem;font-weight:900}
.event-date-badge .mon{font-size:.62rem;opacity:.8;margin-top:.1rem}
.event-body{padding:1.5rem}
.event-title{font-size:1.02rem;font-weight:700;margin-bottom:.85rem;line-height:1.5}
.event-meta{display:flex;flex-direction:column;gap:.38rem}
.event-meta-item{display:flex;align-items:center;gap:.55rem;color:var(--txt3);font-size:.82rem}
.event-meta-item img{width:14px;height:14px;opacity:.75;flex-shrink:0}
.event-foot{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.event-price{font-family:'Orbitron',sans-serif;font-size:.8rem;color:var(--T1)}
.event-actions a{background:linear-gradient(135deg,var(--T1),var(--B1));color:#fff;padding:.46rem 1.1rem;border-radius:8px;font-size:.8rem;font-weight:700;transition:.2s;display:inline-flex;align-items:center;gap:.35rem}
.event-actions a:hover{box-shadow:0 0 20px rgba(42,191,163,.4)}
.event-actions a img{width:12px;height:12px;filter:brightness(10)}

/* ══ NEWS CARD ══ */
.news-card{background:var(--D3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:block}
.news-card:hover{border-color:rgba(42,191,163,.28);transform:translateY(-5px);box-shadow:0 22px 65px rgba(0,0,0,.45)}
.news-card-img{height:185px;background:linear-gradient(135deg,var(--D4),var(--D5));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.news-card-img img.cover{width:100%;height:100%;object-fit:cover}
.news-card-img .placeholder{width:52px;height:52px;opacity:.4}
.news-card-img .nc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,22,41,.75),transparent)}
.news-card-cat{position:absolute;bottom:.85rem;right:.85rem;z-index:1;font-size:.72rem;font-weight:700;padding:.25rem .8rem;border-radius:50px;display:flex;align-items:center;gap:.35rem}
.news-card-cat img{width:11px;height:11px}
.news-card-body{padding:1.5rem}
.news-card-date{font-family:'Orbitron',sans-serif;font-size:.67rem;color:var(--txt3);letter-spacing:.5px;margin-bottom:.5rem}
.news-card-title{font-size:1rem;font-weight:700;line-height:1.55;color:var(--txt1);margin-bottom:.5rem}
.news-card-exc{color:var(--txt2);font-size:.87rem;line-height:1.75}
.news-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.news-read{color:var(--T1);font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.35rem;transition:.2s}
.news-card:hover .news-read{gap:.6rem}
.news-read img{width:13px;height:13px}

/* ══ STAT NUMBERS ══ */
.stat-num{font-family:'Orbitron',sans-serif;font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--T2),var(--B3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.stat-lbl{color:var(--txt3);font-size:.78rem;margin-top:.3rem}

/* ══ DECREE BOX ══ */
.decree-box{background:linear-gradient(135deg,rgba(43,95,199,.06),rgba(42,191,163,.04));border:1px solid rgba(43,95,199,.18);border-radius:var(--radius-lg);padding:2rem;display:flex;gap:1.5rem;align-items:flex-start}
.decree-num{font-family:'Orbitron',sans-serif;font-size:.9rem;color:var(--T1);font-weight:700;margin-bottom:.4rem}

/* ══ TIMELINE ══ */
.timeline{position:relative;padding-right:2rem}
.timeline::before{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--T1),transparent)}
.timeline-item{position:relative;padding-bottom:2rem;margin-right:1.5rem}
.timeline-item::before{content:'';position:absolute;right:-2.1rem;top:5px;width:12px;height:12px;border-radius:50%;background:var(--T1);box-shadow:0 0 10px var(--T1)}
.timeline-year{font-family:'Orbitron',sans-serif;font-size:.72rem;color:var(--T1);font-weight:700;margin-bottom:.25rem}
.timeline-title{font-weight:700;font-size:.95rem;margin-bottom:.35rem}
.timeline-text{color:var(--txt3);font-size:.85rem;line-height:1.7}

/* ══ FOOTER ══ */
.site-footer{background:var(--D2);border-top:1px solid var(--border);padding:4rem 0 2rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--txt3)}
.footer-bottom a{color:var(--T1)}
.footer-soc{display:flex;gap:.55rem}
.soc-link{width:35px;height:35px;border-radius:50%;border:1px solid var(--border);color:var(--txt3);display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:.2s;text-decoration:none}
.soc-link:hover{border-color:var(--T1);color:var(--T1)}

/* ══ LANG PILLS ══ */
.lang-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--D3);border:1px solid var(--border);color:var(--txt3);padding:.38rem .9rem;border-radius:8px;font-size:.78rem;font-weight:600;transition:.2s}
.lang-pill:hover,.lang-pill.on{border-color:var(--T1);color:var(--T1);background:rgba(42,191,163,.06)}

/* ══ LOADING / EMPTY ══ */
.loading-state,.empty-state{grid-column:1/-1;text-align:center;padding:5rem 2rem;color:var(--txt3)}
.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--T1);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--T1);box-shadow:0 0 8px var(--T1);animation:blink 2s infinite;display:inline-block}

/* ══ FORM ELEMENTS ══ */
.field{margin-bottom:1.25rem}
.field label{display:block;font-size:.86rem;font-weight:700;color:var(--txt2);margin-bottom:.5rem}
.field input,.field textarea,.field select{width:100%;background:var(--D3);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;color:var(--txt1);font-family:'Mada',sans-serif;font-size:.95rem;outline:none;transition:border-color .2s;direction:rtl}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--T1);box-shadow:0 0 0 3px rgba(42,191,163,.1)}
.field input::placeholder,.field textarea::placeholder{color:var(--txt3)}
.field select option{background:var(--D3)}
.field textarea{resize:vertical;min-height:120px}

/* ══ COMM CARD ══ */
.comm-card{background:var(--D3);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all var(--transition)}
.comm-card:hover{border-color:rgba(42,191,163,.25);transform:translateY(-3px)}
.comm-head{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}
.comm-ico{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.comm-ico img{width:22px;height:22px}
.comm-name{font-weight:700;font-size:.95rem}
.comm-desc{color:var(--txt3);font-size:.85rem;line-height:1.75}

/* ══ SEARCH BOX ══ */
.search-box{position:relative;margin-bottom:1.5rem}
.search-box input{width:100%;background:var(--D3);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem .9rem 3.2rem;color:var(--txt1);font-family:'Mada',sans-serif;font-size:.95rem;outline:none;transition:border-color .2s;direction:rtl}
.search-box input:focus{border-color:var(--T1);box-shadow:0 0 0 3px rgba(42,191,163,.09)}
.search-box input::placeholder{color:var(--txt3)}
.search-box .s-ico{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}

/* ══ RESPONSIVE ══ */

/* ══ RESPONSIVE (managed by page-level CSS) ══ */
@media(max-width:900px){
  .site-nav,.btn-login,.lang-en{display:none}
  .mob-toggle{display:flex}
  .svc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .container{padding:0 1rem}
  section{padding:3rem 0}
  .section-title{font-size:1.65rem}
  .svc-grid{grid-template-columns:1fr}
  .btn-primary,.btn-outline{padding:.75rem 1.4rem;font-size:.9rem}
}

/* ══ MOBILE HEADER — جميع الصفحات ══ */
@media(max-width:640px){
  .site-header{height:58px}
  .header-inner{padding:0 .9rem !important;gap:.4rem !important}
  .site-logo img{height:34px !important}
  .btn-login{display:none}
  .btn-join{font-size:.76rem !important;padding:.38rem .8rem !important}
  .mob-toggle{width:36px !important;height:36px !important}
}

/* ══ INNER PAGE HERO — جميع الصفحات ══ */
@media(max-width:640px){
  .page-hero{padding:5rem 0 2rem !important}
  .page-hero-title{font-size:1.7rem !important}
  .page-hero-sub{font-size:.88rem !important}
  section{padding:2.5rem 0}
  .section-title{font-size:1.6rem}
  .container{padding:0 1rem !important}
  .btn-primary,.btn-outline{padding:.7rem 1.2rem;font-size:.88rem}
  .footer-bottom{flex-direction:column;text-align:center;gap:.5rem}
}

/* ══ FOOTER GRID ══ */
@media(max-width:860px){
  .footer-grid-4{grid-template-columns:1fr 1fr !important}
}
@media(max-width:560px){
  .footer-grid-4{grid-template-columns:1fr !important}
}