:root{
    --primary:#1F6F8B;
    --primary-dark:#0F4C64;
    --primary-light:#4A9DBA;
    --secondary:#C8A96A;
    --secondary-light:#E8D5A5;
    --accent-green:#639922;
    --ink:#1A374D;
    --text-dark:#1e293b;
    --muted:#64748B;
    --cream:#F8FAFC;
    --line:rgba(15,76,100,.1);
}

*{ margin:0; padding:0; box-sizing:border-box; font-family:'Cairo', sans-serif; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible{
  outline:2.5px solid var(--secondary) !important; outline-offset:3px !important; border-radius:4px;
}
html{ scroll-behavior:smooth; overflow-y:scroll; }
body{
    background:#fff; color:var(--text-dark); direction:rtl; text-align:right; overflow-x:hidden;
    min-height:100vh; display:flex; flex-direction:column;
}
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
button{ border:none; background:none; cursor:pointer; font-family:'Cairo', sans-serif; }

/* الفوتر يفضل في أسفل الشاشة دايمًا حتى لو محتوى الصفحة قصير */
#ajPageMain{ flex:1 0 auto; }
.aj-footer-wrap{ flex-shrink:0; }

/* ================= أول تحميل للموقع: يستخدم نفس آلية "السحابتين" الخاصة بالتنقل، بلا أي عنصر منفصل ================= */
body.aj-loading{ overflow:hidden; }

/* ================= Header — شريط زجاجي عائم بحواف مدورة (مستوحى من ملفاتك) ================= */
.aj-header{
    position:fixed; top:16px; right:2.5%; left:2.5%; z-index:1000;
    background:linear-gradient(to left, var(--primary-light) 0%, var(--primary) 48%, var(--primary-dark) 100%);
    background-size:220% 220%; animation:ajHeaderFlow 14s ease infinite;
    border-radius:20px; border:1px solid rgba(255,255,255,.18);
    box-shadow:0 12px 34px -16px rgba(15,76,100,.35);
    transition:box-shadow .3s ease;
}
@keyframes ajHeaderFlow{ 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } }
.aj-header-inner{
    max-width:1400px; margin:0 auto; height:74px; padding:0 22px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.aj-logo{ display:flex; align-items:center; gap:10px; flex-shrink:0; order:1; }
.aj-logo-icon{ height:42px; width:auto; flex-shrink:0; filter:drop-shadow(0 2px 8px rgba(0,0,0,.2)); }
.aj-header-actions-col{ display:flex; align-items:center; justify-content:flex-start; gap:14px; order:3; }
.aj-header-inner > .aj-nav{ order:2; }
.aj-nav{ list-style:none; display:flex; align-items:center; gap:2px; flex:1; justify-content:center; }
.aj-nav > li{ position:relative; }
.aj-nav > li > a{ position:relative; display:flex; align-items:center; gap:6px; padding:11px 13px; font-weight:700; font-size:13.5px; color:#fff; border-radius:10px; transition:.2s; white-space:nowrap; }
.aj-nav > li > a::after{
    content:''; position:absolute; right:13px; left:13px; bottom:5px; height:2px; border-radius:2px;
    background:var(--secondary); transform:scaleX(0); transform-origin:center; transition:transform .25s ease;
}
.aj-nav > li > a:hover{ color:#fff; background:rgba(255,255,255,.14); }
.aj-nav > li > a:hover::after{ transform:scaleX(1); }
.aj-nav > li > a.active{ color:#fff; background:rgba(255,255,255,.16); }
.aj-nav > li > a.active::after{ transform:scaleX(1); }
.aj-nav > li > a .chev{ font-size:9px; transition:transform .25s ease; opacity:.75; }
.aj-nav > li:hover > a .chev{ transform:rotate(180deg); opacity:1; }
/* ===== قائمة منسدلة بشكل "Mega Panel" بعرض كامل الشاشة، آلية عرض مختلفة تمامًا
   عن القائمة التقليدية: بطاقة تعريفية بالقسم على اليمين + شبكة روابط بطاقات ===== */
.aj-mega-holder{ position:static; }
/* جسر غير مرئي يسد الفجوة بين رابط القائمة واللوحة المنسدلة، لمنع إغلاقها العرضي أثناء تحريك الفأرة بشكل قطري */
.aj-mega-holder::after{ content:''; position:absolute; top:100%; right:0; left:0; height:14px; z-index:49; }
.aj-mega{
    position:absolute; top:100%; right:0; left:0; margin-top:14px;
    background:rgba(255,255,255,.98); backdrop-filter:blur(24px) saturate(180%); -webkit-backdrop-filter:blur(24px) saturate(180%);
    border-top:1px solid rgba(255,255,255,.6); border-bottom:3px solid var(--primary);
    box-shadow:0 30px 60px -20px rgba(15,76,100,.3);
    opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s; z-index:50;
}
.aj-nav > li.aj-mega-holder:hover > .aj-mega,
.aj-nav > li.aj-mega-holder:focus-within > .aj-mega{
    opacity:1; visibility:visible; transform:translateY(0); transition:opacity .22s ease, transform .22s ease, visibility 0s linear;
}
/* تُضاف مؤقتًا أثناء الانتقال بين الصفحات لإغلاق أي قائمة منسدلة كانت مفتوحة، بغض النظر عن موضع الفأرة */
.aj-nav.aj-nav-suppress-hover > li > .aj-mega{
    opacity:0 !important; visibility:hidden !important; transform:translateY(-8px) !important;
}
.aj-mega-inner{ max-width:1200px; margin:0 auto; padding:34px 30px; display:grid; grid-template-columns:260px 1fr; gap:36px; }
.aj-mega-intro{ position:relative; border-radius:22px; padding:28px 22px; background:linear-gradient(160deg, var(--primary-dark, var(--primary)) 0%, var(--primary) 100%); color:#fff; overflow:hidden; }
.aj-mega-intro::after{ content:''; position:absolute; left:-30px; bottom:-30px; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.08); }
.aj-mega-intro-icon{ width:52px; height:52px; border-radius:16px; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.aj-mega-intro-icon img{ width:26px; height:26px; }
.aj-mega-intro h4{ font-size:17px; font-weight:900; margin-bottom:8px; position:relative; }
.aj-mega-intro p{ font-size:12.5px; font-weight:600; color:rgba(255,255,255,.8); line-height:1.7; position:relative; }
.aj-mega-links{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; align-content:start; }
.aj-mega-link{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 16px; border-radius:14px; font-size:13px; font-weight:700; color:var(--ink); background:var(--cream); transition:.2s; }
.aj-mega-link i{ font-size:11px; color:var(--primary); opacity:0; transform:translateX(-4px); transition:.2s; }
.aj-mega-link:hover{ background:#fff; color:var(--primary); box-shadow:0 8px 20px rgba(15,76,100,.1); transform:translateY(-2px); }
.aj-mega-link:hover i{ opacity:1; transform:translateX(0); }
.aj-mega-link.active{ background:var(--primary); color:#fff; }
.aj-mega-link.active i{ opacity:1; color:#fff; }

@media (max-width:1200px){ .aj-mega-links{ grid-template-columns:repeat(2, 1fr); } }

/* رابط قائمة يحتوي على مستوى فرعي إضافي (قائمة داخل قائمة) */
.aj-mega-link-group{ position:relative; }
.aj-mega-link-toggle{ display:flex; align-items:center; justify-content:space-between; gap:6px; padding:0; }
.aj-mega-link-toggle a{ flex:1; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 16px; color:inherit; }
.aj-mega-link-caret{ border:none; background:transparent; cursor:pointer; padding:13px 14px; color:inherit; font-size:11px; }
.aj-mega-link-caret i{ transition:transform .2s ease; }
.aj-mega-link-group.open .aj-mega-link-caret i{ transform:rotate(180deg); }
.aj-mega-sublist{ display:none; flex-direction:column; gap:6px; padding:6px 4px 2px 14px; border-inline-start:2px solid rgba(15,76,100,.12); margin-inline-start:14px; margin-top:4px; }
.aj-mega-link-group.open .aj-mega-sublist{ display:flex; }
.aj-mega-sublist .aj-mega-link{ padding:9px 12px; font-size:12.5px; background:transparent; }
.aj-mega-sublist .aj-mega-link:hover{ background:var(--cream); }

.aj-cta{
    display:inline-flex; align-items:center; gap:8px; background:var(--secondary); color:var(--primary-dark);
    font-weight:800; font-size:14px; padding:12px 22px; border-radius:12px; transition:.25s;
}
.aj-cta:hover{ background:var(--secondary-light); transform:translateY(-2px); }
.aj-burger{ display:none; font-size:20px; color:#fff; }
.aj-mobile-only{ display:none; }

@media (max-width:1100px){
    .aj-nav > li > a{ font-size:12.5px; padding:10px 9px; }
}

@media (max-width:960px){
    .aj-nav{
        position:fixed; top:0; left:0; height:100vh; width:min(320px,85vw); background:#fff;
        flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; padding:20px;
        transform:translateX(-100%); transition:transform .35s ease; overflow-y:auto; z-index:1100;
        box-shadow:20px 0 50px rgba(0,0,0,.15);
    }
    .aj-nav.aj-open{ transform:translateX(0); }
    .aj-nav > li{ width:100%; }
    .aj-nav > li > a{ color:var(--ink); }
    .aj-nav > li > a::after{ display:none; }
    .aj-nav > li > a:hover, .aj-nav > li > a.active{ color:var(--primary); background:var(--cream); }
    .aj-mega{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; margin-top:0; display:none; background:transparent; backdrop-filter:none; }
    .aj-mega-inner{ display:block; padding:10px 0 10px 14px; }
    .aj-mega-intro{ display:none; }
    .aj-mega-links{ display:flex; flex-direction:column; gap:2px; }
    .aj-mega-link{ background:transparent; padding:10px 8px; border-radius:8px; }
    .aj-mega-link i{ opacity:1; transform:none; }
    .aj-nav > li.aj-expanded .aj-mega{ display:block; }
    .aj-mobile-only{ display:flex; }
    .aj-nav-head{ justify-content:space-between; align-items:center; margin-bottom:14px; }
    .aj-nav-head-logo img{ height:40px; }
    .aj-nav-close{ font-size:18px; color:var(--ink); }
    .aj-nav-foot{ margin-top:auto; flex-direction:column; gap:10px; padding-top:16px; border-top:1px solid var(--line); }
    .aj-nav-foot-social{ display:flex; gap:14px; }
    .aj-nav-foot-social a{ color:var(--primary); font-size:16px; }
    .aj-nav-foot-note{ font-size:12px; color:var(--muted); font-weight:700; }
    .aj-nav-donate-li{ margin:10px 0; }
    .aj-desktop-only{ display:none; }
    .aj-burger{ display:flex; }
    .aj-nav-scrim{ position:fixed; inset:0; background:transparent; opacity:0; visibility:hidden; transition:.3s; z-index:900; }
    .aj-nav-scrim.aj-show{ opacity:1; visibility:visible; }
}

@keyframes ajBlink{ 0%,100%{ opacity:1; } 50%{ opacity:0; } }

.aj-cursor-follower{
    position:fixed; top:0; left:0; width:22px; height:22px; background:rgba(200,169,106,.5); border-radius:50%;
    pointer-events:none; z-index:99999; transform:translate(-50%,-50%); transition:width .3s ease, height .3s ease, background .3s ease;
    mix-blend-mode:multiply;
}
.aj-cursor-follower.aj-cursor-hover{ width:50px; height:50px; background:rgba(31,111,139,.28); border:2px solid rgba(255,255,255,.6); }
@media (max-width:960px){ .aj-cursor-follower{ display:none; } }

.aj-content{ position:relative; padding:60px 5% 90px; max-width:1300px; margin:0 auto; }
/* هوية أقسام الصفحة موحّدة مع الصفحة الرئيسية: عنوان مركزي + شارة ذهبية صغيرة */
.aj-section-head{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; margin-bottom:34px; }
.aj-section-head > div{ display:flex; flex-direction:column; align-items:center; }
.aj-section-head .bar{ display:inline-block; width:34px; height:4px; border-radius:4px; background:var(--secondary); margin-bottom:12px; }
.aj-section-head h2{ font-size:clamp(1.6rem,2.8vw,2.2rem); font-weight:900; color:var(--primary-dark); margin-top:4px; }
.aj-section-head span.sub{ display:block; font-size:.9rem; color:var(--muted); font-weight:700; margin-top:6px; }
.aj-section-head .aj-btn-primary{ margin-top:16px; }

.aj-reveal{ opacity:0; transform:translateY(28px); transition:opacity .6s ease, transform .6s ease; }
.aj-reveal.aj-in{ opacity:1; transform:none; }

.aj-empty-state{ text-align:center; padding:60px 20px; color:var(--muted); background:var(--cream); border-radius:22px; }
.aj-empty-state i{ font-size:2.2rem; margin-bottom:12px; display:block; color:var(--primary); }
.aj-empty-state p{ font-weight:700; }

/* ================= صفحات المحتوى العام: نص + مستندات ================= */
.aj-page-body{ font-size:1.02rem; line-height:2.1; color:var(--text-dark); max-width:900px; }
.aj-page-body h2, .aj-page-body h3{ color:var(--ink); font-weight:900; margin:26px 0 12px; }
.aj-page-body ul, .aj-page-body ol{ padding-inline-start:22px; margin:10px 0; }
.aj-page-body p{ margin-bottom:14px; }

.aj-doc-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:22px; margin-bottom:14px; }
.aj-doc-card{
    background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease;
}
.aj-doc-card:hover{ transform:translateY(-5px); box-shadow:0 16px 32px -18px rgba(15,76,100,.2); }
.aj-doc-cover{ position:relative; width:100%; aspect-ratio:16/10; background:var(--bg-1, var(--cream)); }
.aj-doc-badge{
    position:absolute; right:12px; bottom:12px; width:34px; height:34px; border-radius:10px;
    background:#fff; color:var(--secondary); display:flex; align-items:center; justify-content:center;
    font-size:.9rem; box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.aj-doc-cover img{ width:100%; height:100%; object-fit:cover; }
.aj-doc-cover-placeholder{ display:flex; align-items:center; justify-content:center; }
.aj-doc-cover-placeholder i{ font-size:2.4rem; color:var(--primary-light); }
.aj-doc-body{ padding:16px 18px 20px; }
.aj-doc-year{ display:inline-block; background:var(--cream); color:var(--primary); font-weight:800; font-size:.75rem; padding:3px 10px; border-radius:20px; margin-bottom:8px; }
.aj-doc-body h4{ font-size:1rem; font-weight:800; color:var(--ink); margin-bottom:10px; line-height:1.6; }
.aj-doc-link{ display:inline-flex; align-items:center; gap:8px; color:var(--primary); font-weight:800; font-size:.88rem; }
.aj-doc-link:hover{ color:var(--primary-dark); }
.aj-doc-album{ display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin-top:12px; }
.aj-doc-album img{ width:100%; height:44px; object-fit:cover; border-radius:8px; }

/* ============== شبكة بطاقات معلوماتية (رؤية/رسالة/أهداف...) ============== */
.aj-info-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:20px; margin:18px 0 30px; }
.aj-info-card{
    background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px 22px;
    box-shadow:0 10px 26px -20px rgba(15,76,100,.25); transition:transform .25s ease, box-shadow .25s ease;
}
.aj-info-card:hover{ transform:translateY(-4px); box-shadow:0 16px 32px -18px rgba(15,76,100,.25); }
.aj-info-card i{
    width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
    background:var(--cream); color:var(--primary); font-size:1.3rem; margin-bottom:14px;
}
.aj-info-card h3{ margin:0 0 8px !important; font-size:1.08rem; }
.aj-info-card p{ margin:0; font-size:.95rem; line-height:1.9; color:var(--text-dark); }

.aj-goals-list{ display:grid; gap:12px; margin:10px 0 28px; padding:0; list-style:none; }
.aj-goals-list li{
    display:flex; align-items:flex-start; gap:12px; background:var(--cream); border-radius:14px;
    padding:14px 16px; font-size:.95rem; line-height:1.8; color:var(--ink);
}
.aj-goals-list li i{ color:var(--accent-green); font-size:1.05rem; margin-top:3px; flex-shrink:0; }

.aj-values-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 28px; padding:0; list-style:none; }
.aj-values-chips li{
    background:var(--primary); color:#fff; font-weight:800; font-size:.88rem;
    padding:9px 20px; border-radius:30px;
}

/* ============== جدول بيانات (أعضاء/مجالس) ============== */
.aj-data-table{ width:100%; border-collapse:collapse; margin:10px 0 28px; border-radius:14px; overflow:hidden; box-shadow:0 10px 26px -20px rgba(15,76,100,.25); }
.aj-data-table th, .aj-data-table td{ padding:13px 18px; text-align:right; font-size:.94rem; }
.aj-data-table thead th{ background:var(--primary); color:#fff; font-weight:800; }
.aj-data-table tbody tr{ background:#fff; border-bottom:1px solid var(--line); }
.aj-data-table tbody tr:nth-child(even){ background:var(--cream); }
.aj-data-table tbody td:first-child{ font-weight:700; color:var(--ink); }

/* ============== بطاقة مستند مفرد (صورة + تحميل) ============== */
.aj-single-doc{
    display:flex; gap:22px; align-items:stretch; background:#fff; border:1px solid var(--line);
    border-radius:18px; overflow:hidden; margin:10px 0 28px; box-shadow:0 10px 26px -20px rgba(15,76,100,.25);
}
.aj-single-doc img{ width:220px; height:100%; min-height:180px; object-fit:cover; flex-shrink:0; }
.aj-single-doc-body{ padding:20px 20px 20px 0; display:flex; flex-direction:column; justify-content:center; gap:10px; }
.aj-single-doc-body h4{ margin:0; font-size:1.02rem; font-weight:800; color:var(--ink); }
.aj-single-doc-body a{
    display:inline-flex; align-items:center; gap:8px; width:fit-content; color:#fff; background:var(--primary);
    font-weight:800; font-size:.88rem; padding:9px 18px; border-radius:30px; transition:.2s;
}
.aj-single-doc-body a:hover{ background:var(--primary-dark); }
@media (max-width:560px){
    .aj-single-doc{ flex-direction:column; }
    .aj-single-doc img{ width:100%; aspect-ratio:16/10; height:auto; }
    .aj-single-doc-body{ padding:16px 20px 20px; }
}

.aj-image-strip{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; margin:10px 0 28px; }
.aj-image-strip figure{ margin:0; border-radius:16px; overflow:hidden; box-shadow:0 10px 26px -20px rgba(15,76,100,.25); }
.aj-image-strip img{ width:100%; height:220px; object-fit:cover; display:block; }

/* ================= نماذج الطلبات والاستبيانات ================= */
.aj-form-container{ width:95%; margin:0 auto 70px; }
.aj-form-card{ background:#fff; border:1px solid var(--line); border-radius:24px; padding:40px; max-width:820px; margin:0 auto; box-shadow:0 10px 30px -18px rgba(15,76,100,.15); }
.aj-hp-field{ position:absolute; left:-9999px; opacity:0; height:0; }
.aj-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.aj-form-field{ display:flex; flex-direction:column; gap:8px; }
.aj-form-field-full{ grid-column:1 / -1; }
.aj-form-field label{ font-weight:800; font-size:.88rem; color:var(--ink); }
.aj-form-field input, .aj-form-field select, .aj-form-field textarea{
    border:1px solid var(--line); border-radius:12px; padding:12px 14px; font-family:'Cairo',sans-serif; font-size:.94rem; background:var(--cream); color:var(--text-dark);
}
.aj-form-field input:focus, .aj-form-field select:focus, .aj-form-field textarea:focus{ outline:none; border-color:var(--primary-light); background:#fff; }
.aj-form-field textarea{ resize:vertical; }
.aj-form-submit{ grid-column:1 / -1; justify-self:start; }
.aj-form-alert{ background:#fdecec; color:#b52424; border:1px solid #f4c2c2; padding:12px 16px; border-radius:12px; font-weight:700; font-size:.9rem; margin-bottom:20px; }
.aj-form-success{ text-align:center; padding:26px 10px; }
.aj-form-success i{ font-size:3rem; color:var(--accent-green); margin-bottom:14px; display:block; }
.aj-form-success h3{ font-size:1.3rem; font-weight:900; color:var(--ink); margin-bottom:8px; }
.aj-form-success p{ color:var(--muted); font-weight:600; margin-bottom:22px; }
.aj-btn-primary{
    display:inline-flex; align-items:center; gap:10px; background:var(--primary); color:#fff; border:none;
    padding:13px 26px; border-radius:14px; font-weight:800; font-size:.92rem; cursor:pointer; transition:background .2s;
}
.aj-btn-primary:hover{ background:var(--primary-dark); color:#fff; }

/* ================= صفحات الفهرسة (الحوكمة/اللجان) — بنفس هوية بطاقات الصفحة الرئيسية (mv-card) ================= */
.aj-gov-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:22px; }
.aj-bento-card{
    position:relative; display:flex; flex-direction:column; justify-content:flex-start; gap:16px;
    border-radius:20px; padding:28px 24px; overflow:hidden; text-decoration:none;
    background:#fff; border:1px solid var(--line); border-right:4px solid var(--primary); color:var(--text-dark);
    transition:transform .3s ease, box-shadow .3s ease;
}
.aj-gov-grid .aj-bento-card:nth-child(3n+2){ border-right-color:var(--secondary); }
.aj-gov-grid .aj-bento-card:nth-child(3n){ border-right-color:var(--accent-green); }
.aj-bento-card:hover{ transform:translateY(-6px); box-shadow:0 16px 34px -18px rgba(15,76,100,.25); }
.aj-bento-icon-bg{ display:none; }
.aj-bento-icon-top{
    width:52px; height:52px; border-radius:14px; background:var(--primary); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:4px;
}
.aj-gov-grid .aj-bento-card:nth-child(3n+2) .aj-bento-icon-top{ background:var(--secondary); }
.aj-gov-grid .aj-bento-card:nth-child(3n) .aj-bento-icon-top{ background:var(--accent-green); }
.aj-bento-arrow{ display:none; }
.aj-bento-text{ position:relative; z-index:1; }
.aj-bento-text h3{ font-size:1.05rem; font-weight:900; margin-bottom:6px; color:var(--ink); }
.aj-bento-text p{ font-size:.85rem; font-weight:600; color:var(--muted); line-height:1.6; }

.aj-media-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:16px; }
.aj-media-item{ display:block; border-radius:16px; overflow:hidden; background:var(--cream); aspect-ratio:4/3; border:1px solid var(--line); }
.aj-media-item img, .aj-media-item video{ width:100%; height:100%; object-fit:cover; }

@media (max-width:820px){
    .aj-content{ padding:44px 20px 60px; }
    .aj-section-head{ flex-direction:column; align-items:flex-start; }
    .aj-form-grid{ grid-template-columns:1fr; }
    .aj-form-card{ padding:26px 20px; }
}

/* ================= Footer — عمود روابط كثيف (منهجية آبل) فوق نفس الشريط البسيط الذي أعجبك ================= */
.aj-footer-wrap{ margin-top:80px; }
.aj-footer-links{ background:var(--cream); padding:64px 5% 48px; }
.aj-footer-links-inner{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:44px; }
.aj-footer-brand-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.aj-footer-logo{ height:44px; width:44px; border-radius:12px; }
.aj-footer-brand-name{ display:flex; flex-direction:column; line-height:1.4; }
.aj-footer-brand-name strong{ font-size:15px; font-weight:900; color:var(--ink); }
.aj-footer-brand-name span{ font-size:11.5px; font-weight:700; color:var(--muted); }
.aj-footer-brand-col p{ font-size:13.5px; color:var(--muted); font-weight:600; line-height:2; margin-bottom:20px; max-width:280px; }
.aj-footer-cta{ display:inline-flex; align-items:center; gap:8px; color:var(--primary); font-weight:800; font-size:13.5px; }
.aj-footer-cta:hover{ color:var(--primary-dark); }
.aj-footer-col h4{ font-size:13px; font-weight:800; color:var(--ink); margin-bottom:14px; }
.aj-footer-col a, .aj-footer-col span{ display:block; font-size:13.5px; font-weight:600; color:var(--muted); line-height:2.3; }
.aj-footer-col a:hover{ color:var(--primary); }
.aj-footer-col span i{ color:var(--secondary); width:14px; }

@media (max-width:900px){
    .aj-footer-links-inner{ grid-template-columns:1fr 1fr; }
    .aj-footer-brand-col{ grid-column:1 / -1; }
}
@media (max-width:560px){
    .aj-footer-links-inner{ grid-template-columns:1fr; text-align:center; }
    .aj-footer-brand-head{ justify-content:center; }
    .aj-footer-brand-col p{ margin-inline:auto; }
}

/* الشريط السفلي البسيط (الحقوق + السوشيال) — بلا تغيير عن التصميم الذي أعجبك */
.aj-footer{
    width:100%; background:#fff; padding:20px 5%; border-top:1px solid #EAEAEA;
    display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
}
.aj-footer-rights{ color:var(--primary); font-weight:800; font-size:14px; }
.aj-footer-social-block{ display:flex; align-items:center; gap:15px; direction:ltr; }
.aj-footer-username{ color:var(--secondary); font-weight:800; font-size:16px; letter-spacing:.5px; }
.aj-footer-social{ display:flex; gap:10px; }
.aj-footer-social a{
    color:var(--primary); font-size:16px; display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:50%; background:var(--cream); transition:.25s;
}
.aj-footer-social a:hover{ background:var(--primary); color:#fff; transform:translateY(-3px); box-shadow:0 6px 14px rgba(31,111,139,.25); }

.aj-footer-dev{ width:100%; background:#fff; padding:10px 5% 20px; text-align:center; border-top:1px solid #EAEAEA; }
.aj-footer-dev a{ color:var(--muted); font-weight:700; font-size:11.5px; transition:color .2s; }
.aj-footer-dev a:hover{ color:var(--primary); }

@media (max-width:768px){
    .aj-footer{ flex-direction:column; text-align:center; }
}

/* ================= صفحة الخطأ (404/403) ================= */
.aj-error-page{ min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 20px; background:var(--cream); }
.aj-error-page h1{ font-size:clamp(3rem,8vw,6rem); font-weight:900; background:linear-gradient(135deg,var(--primary),var(--secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.aj-error-page p{ font-size:18px; font-weight:700; color:var(--muted); margin:10px 0 30px; }

/* ================= نسخ الحساب/الآيبان — تغذية راجعة موحدة (delegated site-wide) ================= */
.aj-bank-copy{ position:relative; }
.aj-bank-copy.aj-copied i{ color:#2e9e5b; }
.aj-bank-copy.aj-copied::after{
    content:'تم النسخ'; position:absolute; top:-30px; right:50%; transform:translateX(50%);
    background:var(--ink); color:#fff; font-size:11px; font-weight:800; padding:4px 10px; border-radius:8px; white-space:nowrap;
    animation:ajCopiedPop .3s ease;
}
@keyframes ajCopiedPop{ from{ opacity:0; transform:translateX(50%) translateY(4px); } to{ opacity:1; transform:translateX(50%) translateY(0); } }

/* ================= الصفحة الرئيسية — لوحة "بلاطات" مستوحاة من منهجية آبل:
   تناوب سطوح فاتحة/داكنة تُشكّل الفاصل بنفسها، صور واقعية بمساحات هواء واسعة،
   لون تفاعل واحد هادئ (التركواز)، ولا ظل زخرفي إلا خلف الصور نفسها ================= */
:root{
  --blue-1:#1F6F8B; --blue-dark:#0F4C64; --blue-light:#4A9DBA;
  --gold-1:#C8A96A; --gold-light:#E8D5A5;
  --green-1:#639922;
  --bg-1:#F4F7FB; --text-1:#0B1220; --text-muted:#4A5568;
  --tile-dark-1:#0F4C64; --tile-dark-2:#0C3E52;
  --hairline:rgba(11,18,32,.08);
  --photo-shadow:0 20px 46px rgba(11,18,32,.22);
  --glass-shadow:0 20px 50px rgba(0,0,0,.06);
  --ease:cubic-bezier(.25,1,.5,1);
  --ease-soft:cubic-bezier(.16,1,.3,1);
  --grad-blue:linear-gradient(135deg, var(--blue-light) 0%, var(--blue-1) 100%);
  --grad-gold:linear-gradient(135deg, var(--gold-light) 0%, var(--gold-1) 100%);
  --grad-brand:linear-gradient(135deg, var(--blue-1) 0%, var(--gold-1) 100%);
}

body.home-body{ background:#fff !important; color:var(--text-1) !important; position:relative; overflow-x:hidden; }

/* --- زر الدائرة الكاملة (نفس منطق زر آبل الأساسي: pill = فعل) --- */
.btn-pill-primary{
    background:var(--blue-1); color:#fff; padding:14px 32px; border-radius:9999px; font-weight:700; font-size:1rem;
    display:inline-flex; align-items:center; gap:10px; transition:transform .2s var(--ease), background .2s ease;
}
.btn-pill-primary:hover{ background:var(--blue-dark); }
.btn-pill-primary:active{ transform:scale(.96); }
.btn-pill-ghost{
    background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.65); padding:13px 30px; border-radius:9999px;
    font-weight:700; font-size:1rem; display:inline-flex; align-items:center; gap:10px; transition:transform .2s var(--ease), background .2s ease;
}
.btn-pill-ghost:hover{ background:rgba(255,255,255,.12); }
.btn-pill-ghost:active{ transform:scale(.96); }
.btn-pill-ghost.on-light{ color:var(--blue-1); border-color:var(--blue-1); }
.btn-pill-ghost.on-light:hover{ background:rgba(31,111,139,.08); }

/* --- 1. البلاطة الأولى: الهيرو — صورة حقيقية بملء الشاشة، بدون رقاقة زجاجية --- */
.home-hero{
    position:relative; min-height:88vh; display:flex; align-items:flex-end; padding:0 0 90px; overflow:hidden;
}
.home-hero-bg{ position:absolute; inset:0; z-index:-1; }
.home-hero-bg::after{ content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,20,28,.82) 0%, rgba(9,20,28,.35) 45%, rgba(9,20,28,.05) 75%); }
.home-hero-bg img{ width:100%; height:100%; object-fit:cover; }
.home-hero-content{ max-width:680px; color:#fff; z-index:2; padding:0 6%; }
.home-hero-content .eyebrow{ display:block; color:var(--gold-light); font-weight:800; font-size:.85rem; letter-spacing:3px; margin-bottom:14px; }
.home-hero-content h1{ font-size:clamp(2.4rem,5vw,4rem); font-weight:800; line-height:1.15; margin-bottom:18px; }
.home-hero-content p{ font-size:1.15rem; font-weight:400; line-height:1.6; color:rgba(255,255,255,.88); margin-bottom:32px; max-width:560px; }
.home-hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* --- بلاطة عامة: تحدد اللون والمسافات فقط، بدون أي زخرفة إضافية --- */
.aj-tile{ padding:96px 6%; }
.aj-tile-inner{ max-width:1200px; margin:0 auto; }
.aj-tile-light{ background:#fff; }
.aj-tile-parchment{ background:var(--bg-1); }
.aj-tile-dark{ background:linear-gradient(180deg, var(--tile-dark-1), var(--tile-dark-2)); color:#fff; }
.aj-tile-photo{ position:relative; background-size:cover; background-position:center; }
.aj-tile-photo::before{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,76,100,.88), rgba(12,62,82,.88)); }
.aj-tile-photo .aj-tile-inner{ position:relative; z-index:1; }

.section-title-row{ text-align:center; margin-bottom:56px; max-width:640px; margin-inline:auto; }
.section-title-row span.eyebrow{ color:var(--gold-1); font-weight:800; font-size:.85rem; letter-spacing:3px; display:block; margin-bottom:10px; }
.aj-tile-dark .section-title-row span.eyebrow{ color:var(--gold-light); }
.section-title-row h2{ font-size:clamp(1.9rem,3.2vw,2.6rem); font-weight:800; color:var(--blue-dark); line-height:1.25; }
.aj-tile-dark .section-title-row h2{ color:#fff; }
.section-title-row p{ margin-top:14px; font-size:1.05rem; color:var(--text-muted); line-height:1.7; }
.aj-tile-dark .section-title-row p{ color:rgba(255,255,255,.75); }

/* --- 2. بلاطة "من نحن" الداكنة: نص + صورة حقيقية بظل التصوير الوحيد في النظام --- */
.about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.about-text span.eyebrow{ color:var(--gold-light); font-weight:800; font-size:.85rem; letter-spacing:3px; display:block; margin-bottom:12px; }
.about-text h2{ font-size:clamp(1.8rem,3vw,2.5rem); font-weight:800; color:#fff; margin-bottom:20px; line-height:1.3; }
.about-text p{ font-size:1.05rem; color:rgba(255,255,255,.78); line-height:1.85; margin-bottom:28px; }
.about-image{ position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--photo-shadow); aspect-ratio:4/3; }
.about-image img{ width:100%; height:100%; object-fit:cover; }

/* رسالتنا/رؤيتنا/من نحن — كتل نص مجرّدة على السطح الداكن، بلا صناديق ولا ظل (Chrome يتراجع) */
.mv-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; margin-top:76px; padding-top:56px; border-top:1px solid rgba(255,255,255,.12); }
.mv-icon{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:1.15rem; color:var(--gold-light); margin-bottom:18px; }
.mv-card h3{ font-size:1.15rem; font-weight:800; color:#fff; margin-bottom:10px; }
.mv-card p{ font-size:.95rem; color:rgba(255,255,255,.7); line-height:1.8; }

/* --- 3. بلاطة الأخبار الفاتحة --- */
.tabs-section-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; flex-wrap:wrap; gap:16px; }
.tabs-bar{ display:flex; gap:4px; background:var(--bg-1); padding:4px; border-radius:9999px; }
.tab-btn{ padding:10px 24px; border-radius:9999px; font-weight:700; font-size:.88rem; color:var(--text-muted); transition:.2s; }
.tab-btn.active{ background:#fff; color:var(--blue-1); box-shadow:0 2px 8px rgba(11,18,32,.08); }
.news-tab-panel{ display:none; }
.news-tab-panel.active{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:24px; }
.news-card{ background:#fff; border:1px solid var(--hairline); border-radius:18px; overflow:hidden; text-align:right; }
.news-card-img{ width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--bg-1); }
.news-card-img img{ width:100%; height:100%; object-fit:cover; }
.news-card-body{ padding:22px; }
.news-card h4{ font-size:1rem; font-weight:700; color:var(--text-1); margin-bottom:12px; min-height:46px; line-height:1.5; }
.news-card a{ display:inline-flex; align-items:center; gap:8px; color:var(--blue-1); font-weight:700; font-size:.88rem; }

/* --- 4. بلاطة الأرقام الداكنة --- */
.stats-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; }
.stat-item{ text-align:center; color:#fff; }
.stat-item b{ font-size:clamp(2.2rem,4.4vw,3.2rem); font-weight:800; color:var(--gold-light); display:block; letter-spacing:-.02em; }
.stat-item span{ font-size:.92rem; font-weight:600; color:rgba(255,255,255,.75); }

/* --- 5. بلاطة التطوع — صورة حقيقية بنفس ظل التصوير --- */
.volunteer-section{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.volunteer-content span.eyebrow{ color:var(--gold-1); font-weight:800; font-size:.85rem; letter-spacing:3px; display:block; margin-bottom:12px; }
.volunteer-content h2{ font-size:clamp(1.8rem,3vw,2.4rem); font-weight:800; color:var(--blue-dark); margin-bottom:18px; line-height:1.3; }
.volunteer-content p{ font-size:1.03rem; color:var(--text-muted); line-height:1.85; margin-bottom:28px; }
.volunteer-photo{ border-radius:20px; overflow:hidden; box-shadow:var(--photo-shadow); aspect-ratio:4/3; }
.volunteer-photo img{ width:100%; height:100%; object-fit:cover; }

/* --- 6. شركاء النجاح — شبكة مربعات ثابتة يتم تحريكها يدويًا بزر جانبي --- */
.partners-slider-wrap{ display:flex; align-items:center; gap:14px; margin-top:20px; }
.partners-slider{
    display:flex; gap:18px; overflow-x:auto;
    flex:1; padding:4px 2px 10px; -ms-overflow-style:none; scrollbar-width:none;
}
.partners-slider::-webkit-scrollbar{ display:none; }
.partner-tile{
    flex:0 0 auto; width:150px; height:150px; border-radius:18px;
    background:#fff; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; padding:20px;
    box-shadow:0 8px 20px -16px rgba(15,76,100,.15); transition:box-shadow .25s ease, transform .25s ease;
}
.partner-tile:hover{ box-shadow:0 14px 30px -16px rgba(15,76,100,.25); transform:translateY(-3px); }
.partner-tile img{ max-height:100%; max-width:100%; object-fit:contain; filter:grayscale(1); opacity:.65; transition:.3s; }
.partner-tile:hover img{ filter:grayscale(0); opacity:1; }
.partners-nav-btn{
    flex-shrink:0; width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--line);
    color:var(--primary); font-size:15px; display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 20px -14px rgba(15,76,100,.25); transition:.2s;
}
.partners-nav-btn:hover{ background:var(--primary); color:#fff; }
@media (max-width:600px){ .partner-tile{ width:110px; height:110px; } }

/* --- 7. بلاطة التواصل — بطاقة سطح واحدة بحد شعري بدل الظل الثقيل --- */
.contact-card{ background:#fff; border:1px solid var(--hairline); border-radius:20px; padding:44px; max-width:820px; margin:0 auto; }
.aj-cform-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.aj-cfield{ display:flex; flex-direction:column; gap:8px; margin-bottom:20px; text-align:right; }
.aj-cfield label{ font-size:.9rem; font-weight:700; color:var(--text-1); }
.aj-cfield input, .aj-cfield select, .aj-cfield textarea{ background:var(--bg-1); border:1px solid transparent; border-radius:12px; padding:13px 16px; font-family:'Cairo'; font-size:.96rem; font-weight:600; outline:none; transition:.2s; width:100%; }
.aj-cfield input:focus, .aj-cfield select:focus, .aj-cfield textarea:focus{ background:#fff; border-color:var(--blue-1); }
.aj-cform-hp{ position:absolute; left:-9999px; opacity:0; }
.submit-btn{ background:var(--blue-1); color:#fff; border:none; border-radius:9999px; padding:15px 32px; font-size:1rem; font-weight:700; cursor:pointer; width:100%; transition:.2s; }
.submit-btn:hover{ background:var(--blue-dark); }
.submit-btn:active{ transform:scale(.98); }
.success-alert{ background:#f0fdf4; border:1px solid #bcf0da; color:#15803d; padding:18px 22px; border-radius:16px; font-weight:700; text-align:center; max-width:820px; margin:0 auto 24px; }

/* --- 8. الخريطة --- */
.map-wrap{ border-radius:20px; overflow:hidden; border:1px solid var(--hairline); height:380px; }
.map-wrap iframe{ width:100%; height:100%; border:0; }

@media (max-width:900px){
  .about-grid, .mv-grid, .volunteer-section{ grid-template-columns:1fr; }
  .mv-grid{ gap:32px; }
  .stats-grid{ grid-template-columns:repeat(2, 1fr); gap:28px; }
  .about-image{ order:-1; }
  .home-hero{ min-height:78vh; text-align:center; align-items:flex-end; }
  .home-hero-content{ max-width:100%; padding:0 6%; }
  .home-hero-actions{ justify-content:center; }
  .aj-tile{ padding:64px 6%; }
  .contact-card{ padding:28px 20px; }
  .aj-cform-row{ grid-template-columns:1fr; }
}

/* ================= صفحة الحسابات البنكية ================= */
.aj-bank-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:26px; }
.aj-bank-card{
    background:#fff; border:1px solid var(--line); border-radius:24px; padding:20px; overflow:hidden;
    display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center;
    box-shadow:0 8px 24px -14px rgba(15,76,100,.15); transition:all .3s ease;
}
.aj-bank-card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px -16px rgba(15,76,100,.25); border-color:var(--primary-light); }
.aj-bank-image-wrap{ width:100%; border-radius:16px; overflow:hidden; border:1px solid var(--line); }
.aj-bank-image-wrap img{ width:100%; height:auto; display:block; }
.aj-bank-field{ width:100%; display:flex; flex-direction:column; gap:4px; background:var(--cream); padding:12px 16px; border-radius:14px; }
.aj-bank-field span{ font-size:11.5px; font-weight:800; color:var(--muted); }
.aj-bank-field b{ font-size:13px; font-weight:900; color:var(--ink); direction:ltr; word-break:break-all; }
.aj-bank-copy{ cursor:pointer; display:inline-flex; align-items:center; gap:8px; justify-content:center; transition:color .2s; }
.aj-bank-copy:hover{ color:var(--primary); }
.aj-bank-copy i{ font-size:13px; opacity:.7; }
.aj-bank-download{
    margin-top:4px; width:100%; justify-content:center; background:var(--primary); color:#fff; border-radius:14px;
    padding:12px; font-weight:800; font-size:.92rem; border:none; transition:all .25s;
    display:inline-flex; align-items:center; gap:8px; text-decoration:none;
}
.aj-bank-download:hover{ background:var(--primary-dark); }

/* ================= آلية التنقل الجديدة: "سحابتان" بيضاوان تنغلقان على الموقع ثم تنفتحان لتكشف الصفحة الجديدة =================
   كل بلاطة مستطيل أبيض صلب مضمون التغطية بالكامل (بلا أي احتمال لثغرة)، وفوق حافته
   شريط SVG منفصل بارتفاع ثابت (لا يتمدد رأسيًا مع الفيوبورت) يرسم نتوءات دائرية متراكبة
   تعطي ملمس "سحابة" حقيقي بدل حافة مموّجة بسيطة. */
.aj-page-transition{ position:fixed; inset:0; z-index:100000; pointer-events:none; }
.aj-page-transition.aj-active,
body.aj-loading .aj-page-transition{ pointer-events:all; }
.aj-cloud-panel{
    position:fixed; right:0; left:0; width:100%; height:58vh; background:#fdfdfd;
    transition:transform .5s cubic-bezier(.65,0,.35,1);
}
.aj-cloud-top{ top:0; transform:translateY(calc(-100% - 70px)); }
.aj-cloud-bottom{ bottom:0; transform:translateY(calc(100% + 70px)); }
.aj-page-transition.aj-active .aj-cloud-top,
.aj-page-transition.aj-active .aj-cloud-bottom,
body.aj-loading .aj-cloud-top,
body.aj-loading .aj-cloud-bottom{ transform:translateY(0); }

.aj-cloud-edge{ position:absolute; right:0; left:0; width:100%; height:120px; fill:#fdfdfd; filter:drop-shadow(0 8px 24px rgba(15,76,100,.18)); }
.aj-cloud-edge-bottom{ bottom:-65px; }
.aj-cloud-edge-top{ top:-65px; }

.aj-transition-logo{
    position:fixed; top:50%; left:50%; z-index:2; width:150px; height:150px; border-radius:32px;
    background:#fff; border:1px solid var(--line); box-shadow:0 20px 60px rgba(15,76,100,.25);
    display:flex; align-items:center; justify-content:center;
    transform:translate(-50%,-50%) scale(.4); opacity:0; transition:transform .45s cubic-bezier(.34,1.56,.64,1) .15s, opacity .3s ease .15s;
}
.aj-transition-logo img{ width:62%; height:62%; object-fit:contain; }
.aj-page-transition.aj-active .aj-transition-logo,
body.aj-loading .aj-transition-logo{ transform:translate(-50%,-50%) scale(1); opacity:1; }

.aj-transition-name{
    position:fixed; top:calc(50% + 100px); left:50%; z-index:2; transform:translateX(-50%);
    font-weight:800; font-size:14px; color:var(--ink); text-align:center; white-space:nowrap;
    opacity:0; transition:opacity .3s ease .2s;
}
.aj-page-transition.aj-active .aj-transition-name,
body.aj-loading .aj-transition-name{ opacity:1; }

@media (max-width:640px){
    .aj-cloud-panel{ height:55vh; }
    .aj-cloud-edge{ height:70px; }
    .aj-transition-logo{ width:110px; height:110px; border-radius:24px; }
    .aj-transition-name{ top:calc(50% + 80px); font-size:12px; }
}

/* ================= هوية "الهيرو السينمائي" الموحّدة (مصمَّمة من الجمعية) — تُستخدم في صفحات
   الأرشيف بالتصفح المزدوج والصفحات المميزة (الحوكمة/اللجان/الحسابات البنكية/المعرض/التسجيل) ================= */
.aj-cinematic-hero{
    /* الهيدر ثابت (position:fixed) بارتفاع إجمالي ~90px (16px مسافة أعلى + 74px ارتفاع الشريط)،
       فيحتاج أي عنصر أول في الصفحة هامشًا علويًا يغطي هذا الارتفاع وإلا التصق به أو اختفى خلفه. */
    width:95%; margin:118px auto 20px; border-radius:28px; padding:50px 60px;
    display:flex; justify-content:space-between; align-items:center; gap:24px;
    background:linear-gradient(135deg, rgba(15,76,100,.95) 0%, rgba(31,111,139,.85) 100%),
               url('https://images.unsplash.com/photo-1557683316-973673baf926?q=80&w=2000&auto=format&fit=crop');
    background-size:cover; background-position:center; background-blend-mode:overlay;
    color:#fff; box-shadow:0 25px 50px rgba(31,111,139,.3); position:relative; overflow:hidden;
}
.aj-cinematic-logo{
    max-width:380px; max-height:160px; width:auto; height:auto; object-fit:contain; z-index:2; position:relative; flex-shrink:0;
    filter:drop-shadow(0 20px 30px rgba(0,0,0,.5)) drop-shadow(0 0 25px rgba(255,255,255,.15));
    animation:ajFlyInFromLeft 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes ajFlyInFromLeft{ 0%{ transform:translateX(-60px) scale(.85); opacity:0; } 100%{ transform:translateX(0) scale(1); opacity:1; } }
.aj-cinematic-text h1{ font-size:clamp(1.7rem,3.2vw,2.6rem); margin-bottom:10px; font-weight:900; letter-spacing:-.5px; text-shadow:0 5px 15px rgba(0,0,0,.4); }
.aj-cinematic-text p{ opacity:.95; font-size:clamp(.9rem,1.5vw,1.1rem); font-weight:600; color:#E2E8F0; text-shadow:0 2px 5px rgba(0,0,0,.4); max-width:560px; line-height:1.8; }

/* العلامة المائية العائمة بمنتصف الصفحات ذات الهوية السينمائية */
.bg-watermark{
    position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);
    width:600px; opacity:.15; z-index:-2; pointer-events:none;
    filter:brightness(.8) contrast(1.2);
    animation:ajPulseWatermark 6s infinite alternate ease-in-out;
}
@keyframes ajPulseWatermark{ 0%{ transform:translate(-50%, -50%) scale(.95); opacity:.08; } 100%{ transform:translate(-50%, -50%) scale(1.05); opacity:.15; } }

.aj-cinematic-impact{
    width:85%; margin:-45px auto 40px; background:#fff; padding:24px 36px; border-radius:22px; text-align:center;
    box-shadow:0 20px 40px rgba(0,0,0,.08); position:relative; z-index:10; border-bottom:4px solid var(--secondary);
}
.aj-cinematic-impact-text{ font-size:clamp(.92rem,1.5vw,1.1rem); color:var(--primary-dark); font-weight:800; line-height:1.8; min-height:1.6em; }
.aj-cinematic-impact-text::after{ content:'|'; animation:ajBlink .7s infinite; color:var(--secondary); }

.aj-cinematic-empty{ width:95%; margin:20px auto 60px; text-align:center; padding:60px 20px; background:#fff; border-radius:24px; border:1px solid var(--line); box-shadow:0 10px 30px rgba(15,76,100,.04); }
.aj-cinematic-empty i{ font-size:50px; color:var(--muted); margin-bottom:16px; display:block; }
.aj-cinematic-empty p{ font-size:18px; font-weight:800; color:var(--muted); }

.aj-cinematic-years{ width:95%; margin:0 auto 70px; display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 340px)); gap:30px; }
.aj-year-card{
    background:#fff; border-radius:22px; text-decoration:none; color:var(--text-dark);
    box-shadow:0 8px 25px rgba(15,76,100,.06); border:1px solid var(--line);
    transition:all .4s cubic-bezier(.25,.8,.25,1); position:relative; overflow:hidden; display:flex; flex-direction:column;
}
.aj-year-card:hover{ transform:translateY(-8px); box-shadow:0 20px 42px rgba(31,111,139,.16); border-color:var(--secondary); }
.aj-year-card-header{ height:200px; position:relative; overflow:hidden; border-radius:22px 22px 0 0; flex-shrink:0; background:var(--cream); }
.aj-year-card-img{ width:100%; height:100%; background-size:cover; background-position:center; position:absolute; inset:0; transition:transform .6s ease; }
.aj-year-card:hover .aj-year-card-img{ transform:scale(1.06); }
.aj-year-card-header::after{ content:''; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(15,76,100,.05) 0%, rgba(15,76,100,.6) 100%); }
.aj-year-icon{
    position:absolute; top:200px; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; background:#fff;
    border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.12); z-index:2; transition:.35s;
}
.aj-year-icon i{ color:var(--secondary); font-size:20px; transition:.35s; }
.aj-year-card:hover .aj-year-icon{ background:var(--primary); box-shadow:0 0 18px rgba(31,111,139,.4); }
.aj-year-card:hover .aj-year-icon i{ color:#fff; transform:scale(1.1); }
.aj-year-body{ padding:36px 20px 22px; text-align:center; flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.aj-year-body h2{ font-size:20px; font-weight:900; color:var(--ink); margin-bottom:8px; }
.aj-year-body p{ font-size:13px; color:var(--muted); line-height:1.6; font-weight:600; margin-bottom:18px; }
.aj-year-enter{ display:inline-flex; align-items:center; gap:8px; background:var(--cream); color:var(--primary); padding:9px 22px; border-radius:50px; font-weight:800; font-size:13px; border:1px solid var(--line); transition:.3s; }
.aj-year-card:hover .aj-year-enter{ background:var(--primary); color:#fff; border-color:var(--primary); }

.aj-cinematic-back{ width:95%; margin:0 auto 20px; display:flex; justify-content:flex-end; }

.aj-cinematic-docs{ width:95%; margin:0 auto 50px; display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:24px; }
.aj-media-card{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(15,76,100,.06); border:1px solid var(--line); transition:all .4s cubic-bezier(.25,.8,.25,1); }
.aj-media-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(31,111,139,.16); border-color:var(--secondary); }
.aj-media-thumb-wrap{ position:relative; height:190px; overflow:hidden; }
.aj-media-thumb{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.aj-media-card:hover .aj-media-thumb{ transform:scale(1.06); }
.aj-media-overlay{ position:absolute; inset:0; background:rgba(15,76,100,.82); opacity:0; display:flex; align-items:center; justify-content:center; transition:.3s; }
.aj-media-card:hover .aj-media-overlay{ opacity:1; }
.aj-media-overlay-btn{ background:#fff; padding:10px 22px; border-radius:10px; font-weight:800; color:var(--primary); font-size:13.5px; box-shadow:0 8px 18px rgba(0,0,0,.2); transform:translateY(15px); transition:.3s; }
.aj-media-card:hover .aj-media-overlay-btn{ transform:translateY(0); }
.aj-media-overlay-btn:hover{ background:var(--secondary); color:#fff; }
.aj-media-info{ padding:16px; text-align:center; }
.aj-media-info h4{ font-size:14.5px; color:var(--ink); font-weight:800; margin-bottom:12px; line-height:1.5; min-height:42px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.aj-media-actions{ display:flex; gap:8px; }
.aj-media-actions a{ flex:1; text-align:center; padding:9px 10px; border-radius:10px; font-size:12.5px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; gap:6px; background:var(--primary); color:#fff; transition:.25s; }
.aj-media-actions a.aj-media-download{ background:#2FA4A9; }
.aj-media-actions a:hover{ filter:brightness(1.1); transform:translateY(-2px); }

@media (max-width:768px){
    .aj-cinematic-hero{ flex-direction:column; text-align:center; padding:36px 24px; }
    .aj-cinematic-logo{ max-height:90px; max-width:180px; }
    .aj-cinematic-impact{ width:92%; padding:18px; margin-top:-25px; }
    .aj-cinematic-years, .aj-cinematic-docs{ grid-template-columns:1fr; width:92%; gap:20px; }
    .aj-year-card-header{ height:180px; }
    .aj-year-icon{ top:180px; }
}

/* ================= شبكة Bento — صفحة أدلة الحوكمة (10 خيارات + نافذة منبثقة + قائمة فرعية للجان) ================= */
.aj-gov-bento-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:25px; width:95%; margin:0 auto 80px; }
.aj-gov-bento-card{
    position:relative; border-radius:26px; padding:28px 30px; height:250px; cursor:pointer; overflow:hidden;
    display:flex; flex-direction:column; justify-content:space-between; text-decoration:none;
    transition:all .4s cubic-bezier(.25,1,.5,1); border:1px solid rgba(255,255,255,.2); box-shadow:0 10px 30px rgba(15,76,100,.05);
}
.aj-gov-bento-card:hover{ transform:translateY(-8px); box-shadow:0 22px 45px rgba(31,111,139,.2); border-color:var(--secondary); }
.aj-gov-span-2{ grid-column:span 2; }
.aj-gov-span-1{ grid-column:span 1; }
.aj-gov-bento-card.bg-dark{ background:linear-gradient(135deg, var(--primary-dark), var(--primary)); color:#fff; }
.aj-gov-bento-card.bg-dark .aj-gov-icon-top{ background:rgba(255,255,255,.12); color:var(--secondary); }
.aj-gov-bento-card.bg-dark p{ color:#cbd5e1; }
.aj-gov-bento-card.bg-dark .aj-gov-bg-icon{ color:rgba(255,255,255,.06); }
.aj-gov-bento-card.bg-gold{ background:linear-gradient(135deg, #d4af37, var(--secondary)); color:var(--primary-dark); }
.aj-gov-bento-card.bg-gold .aj-gov-icon-top{ background:rgba(255,255,255,.3); color:var(--primary-dark); }
.aj-gov-bento-card.bg-gold p{ color:rgba(15,76,100,.85); }
.aj-gov-bento-card.bg-gold .aj-gov-bg-icon{ color:rgba(255,255,255,.22); }
.aj-gov-bento-card.bg-light{ background:#fff; color:var(--primary-dark); border:1px solid var(--line); }
.aj-gov-bento-card.bg-light .aj-gov-icon-top{ background:var(--cream); color:var(--secondary); }
.aj-gov-bento-card.bg-light p{ color:#64748B; }
.aj-gov-bento-card.bg-light .aj-gov-bg-icon{ color:rgba(31,111,139,.04); }
.aj-gov-bg-icon{ position:absolute; left:-20px; bottom:-25px; font-size:150px; transform:rotate(-15deg); transition:.6s cubic-bezier(.25,1,.5,1); z-index:0; pointer-events:none; }
.aj-gov-bento-card:hover .aj-gov-bg-icon{ transform:rotate(0deg) scale(1.12); }
.aj-gov-card-content{ position:relative; z-index:1; display:flex; flex-direction:column; height:100%; justify-content:space-between; }
.aj-gov-icon-top{ width:50px; height:50px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:22px; transition:.3s; }
.aj-gov-text-bottom{ transition:.4s ease; }
.aj-gov-text-bottom h3{ font-size:21px; font-weight:900; margin-bottom:6px; line-height:1.3; }
.aj-gov-text-bottom p{ font-size:13.5px; font-weight:600; line-height:1.5; }
.aj-gov-arrow-btn{
    position:absolute; left:25px; bottom:25px; width:42px; height:42px; border-radius:50%; background:#fff; color:var(--primary);
    display:flex; justify-content:center; align-items:center; font-size:16px; opacity:0; transform:translateX(-20px);
    transition:.4s cubic-bezier(.25,1,.5,1); z-index:2; box-shadow:0 5px 15px rgba(0,0,0,.1);
}
.aj-gov-bento-card.bg-light .aj-gov-arrow-btn{ background:var(--primary); color:#fff; }
.aj-gov-bento-card:hover .aj-gov-arrow-btn{ opacity:1; transform:translateX(0); }
.aj-gov-bento-card:hover .aj-gov-text-bottom{ transform:translateY(-6px); }
.aj-gov-submenu{
    position:absolute; inset:0; background:rgba(15,76,100,.96); backdrop-filter:blur(8px);
    display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px;
    opacity:0; pointer-events:none; transition:.4s ease; z-index:10;
}
.aj-gov-submenu.active{ opacity:1; pointer-events:auto; }
.aj-gov-submenu button{
    background:var(--secondary); color:#fff; border:none; padding:10px 20px; border-radius:12px; font-weight:800;
    font-size:14px; font-family:'Cairo',sans-serif; cursor:pointer; transition:.3s; width:85%; display:flex; justify-content:space-between; align-items:center;
}
.aj-gov-submenu button:hover{ background:#fff; color:var(--primary-dark); transform:scale(1.03); }
.aj-gov-submenu-close{ position:absolute; top:15px; left:15px; color:#fff; font-size:20px; cursor:pointer; transition:.3s; }
.aj-gov-submenu-close:hover{ color:#e11d48; transform:rotate(90deg); }
.aj-gov-modal{
    position:fixed; inset:0; background:rgba(0,0,0,.72); backdrop-filter:blur(10px); z-index:99999;
    display:none; justify-content:center; align-items:center; opacity:0; transition:opacity .4s ease;
}
.aj-gov-modal.active{ display:flex; opacity:1; }
.aj-gov-modal-view{
    background:var(--cream); border-radius:28px; width:92%; max-width:1100px; height:85vh;
    border:2px solid var(--primary); border-top:8px solid var(--secondary); position:relative; overflow-y:auto; overflow-x:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,.4); transform:translateY(40px) scale(.96); transition:all .4s cubic-bezier(.16,1,.3,1);
}
.aj-gov-modal.active .aj-gov-modal-view{ transform:translateY(0) scale(1); }
.aj-gov-modal-close{
    position:absolute; top:20px; left:20px; background:#e11d48; color:#fff; border:none; width:42px; height:42px;
    border-radius:50%; font-size:1.3rem; display:flex; justify-content:center; align-items:center; cursor:pointer;
    transition:.3s; z-index:100; box-shadow:0 5px 15px rgba(225,29,72,.3);
}
.aj-gov-modal-close:hover{ background:#be123c; transform:scale(1.1) rotate(90deg); }
.aj-gov-modal-header{ padding-top:35px; margin-bottom:20px; }
.aj-gov-modal-header h2{ color:var(--primary-dark); text-align:center; font-size:2rem; font-weight:900; position:relative; }
.aj-gov-modal-header h2::after{ content:''; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); width:70px; height:4px; background:var(--secondary); border-radius:4px; }
.aj-gov-modal-body{ padding:20px 35px; min-height:calc(100% - 130px); }

/* ================= شبكة Bento — صفحة اللجان (3 روابط) ================= */
.aj-com-bento-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:25px; width:95%; margin:0 auto 80px; }
.aj-com-bento-card{
    position:relative; border-radius:26px; padding:32px 34px; height:260px; cursor:pointer; overflow:hidden;
    display:flex; flex-direction:column; justify-content:space-between; text-decoration:none;
    transition:all .4s cubic-bezier(.25,1,.5,1); border:1px solid rgba(255,255,255,.2); box-shadow:0 10px 30px rgba(15,76,100,.05);
}
.aj-com-bento-card:hover{ transform:translateY(-8px); box-shadow:0 22px 45px rgba(31,111,139,.2); border-color:var(--secondary); }
.aj-com-bento-card.bg-dark{ background:linear-gradient(135deg, var(--primary-dark), var(--primary)); color:#fff; }
.aj-com-bento-card.bg-dark .aj-com-icon-top{ background:rgba(255,255,255,.12); color:var(--secondary); }
.aj-com-bento-card.bg-dark p{ color:#cbd5e1; }
.aj-com-bento-card.bg-dark .aj-com-bg-icon{ color:rgba(255,255,255,.06); }
.aj-com-bento-card.bg-gold{ background:linear-gradient(135deg, #d4af37, var(--secondary)); color:var(--primary-dark); }
.aj-com-bento-card.bg-gold .aj-com-icon-top{ background:rgba(255,255,255,.3); color:var(--primary-dark); }
.aj-com-bento-card.bg-gold p{ color:rgba(15,76,100,.85); }
.aj-com-bento-card.bg-gold .aj-com-bg-icon{ color:rgba(255,255,255,.22); }
.aj-com-bento-card.bg-light{ background:#fff; color:var(--primary-dark); border:1px solid var(--line); }
.aj-com-bento-card.bg-light .aj-com-icon-top{ background:var(--cream); color:var(--secondary); }
.aj-com-bento-card.bg-light p{ color:#64748B; }
.aj-com-bento-card.bg-light .aj-com-bg-icon{ color:rgba(31,111,139,.04); }
.aj-com-bg-icon{ position:absolute; left:-20px; bottom:-25px; font-size:155px; transform:rotate(-15deg); transition:.6s cubic-bezier(.25,1,.5,1); z-index:0; pointer-events:none; }
.aj-com-bento-card:hover .aj-com-bg-icon{ transform:rotate(0deg) scale(1.12); }
.aj-com-card-content{ position:relative; z-index:1; display:flex; flex-direction:column; height:100%; justify-content:space-between; }
.aj-com-icon-top{ width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:24px; transition:.3s; }
.aj-com-text-bottom{ transition:.4s ease; text-align:right; }
.aj-com-text-bottom h3{ font-size:22px; font-weight:900; margin-bottom:8px; line-height:1.3; }
.aj-com-text-bottom p{ font-size:14px; font-weight:600; line-height:1.65; }
.aj-com-arrow-btn{
    position:absolute; left:25px; bottom:25px; width:44px; height:44px; border-radius:50%; background:#fff; color:var(--primary);
    display:flex; justify-content:center; align-items:center; font-size:16px; opacity:0; transform:translateX(-20px);
    transition:.4s cubic-bezier(.25,1,.5,1); z-index:2; box-shadow:0 5px 15px rgba(0,0,0,.1);
}
.aj-com-bento-card.bg-light .aj-com-arrow-btn{ background:var(--primary); color:#fff; }
.aj-com-bento-card:hover .aj-com-arrow-btn{ opacity:1; transform:translateX(0); }
.aj-com-bento-card:hover .aj-com-text-bottom{ transform:translateY(-6px); }

@media(max-width:1024px){
    .aj-gov-bento-grid, .aj-com-bento-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media(max-width:768px){
    .aj-gov-bento-grid, .aj-com-bento-grid{ grid-template-columns:1fr; width:92%; gap:20px; }
    .aj-gov-span-2, .aj-gov-span-1{ grid-column:span 1; height:210px; }
    .aj-gov-modal-view{ width:95%; height:88vh; }
    .aj-gov-modal-body{ padding:10px 18px; }
}

/* ================= مكتبة الوسائط — تصفح ثلاثي المستوى (سنوات ← ألبومات ← وسائط) + Lightbox ================= */
.aj-gal-albums{ width:95%; margin:0 auto 70px; display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:30px; }
.aj-gal-album-poster{ height:340px; background-size:cover; background-position:center; background-color:var(--cream); position:relative; transition:transform .6s ease; }
.aj-year-card:hover .aj-gal-album-poster{ transform:scale(1.05); }
.aj-gal-icon-album{
    position:absolute; top:340px; left:50%; transform:translate(-50%,-50%); width:58px; height:58px; background:#fff;
    border-radius:50%; display:flex; justify-content:center; align-items:center; box-shadow:0 6px 18px rgba(0,0,0,.12); z-index:10; transition:.35s;
}
.aj-gal-section-title{
    width:95%; text-align:right; color:var(--primary); font-weight:900; font-size:22px; margin:10px auto 20px; position:relative;
    border-right:5px solid var(--secondary); padding:12px 20px; background:rgba(255,255,255,.85); border-radius:12px;
}
.aj-gal-grid{ width:95%; margin:0 auto 30px; display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:24px; }
.aj-gal-item{ position:relative; border-radius:18px; overflow:hidden; background:#000; box-shadow:0 8px 24px rgba(15,76,100,.08); border:1px solid var(--line); height:280px; transition:all .4s ease; }
.aj-gal-item:hover{ transform:translateY(-6px); box-shadow:0 18px 36px rgba(31,111,139,.18); border-color:var(--secondary); }
.aj-gal-badge{ position:absolute; top:12px; right:12px; background:rgba(15,76,100,.88); color:#fff; padding:5px 12px; border-radius:8px; font-size:12px; font-weight:800; z-index:5; backdrop-filter:blur(5px); display:flex; align-items:center; gap:6px; pointer-events:none; }
.aj-gal-badge.aj-gal-video-badge{ background:rgba(200,169,106,.95); }
.aj-gal-item img, .aj-gal-item video{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.aj-gal-item:hover img{ transform:scale(1.06); }
.aj-gal-overlay{ position:absolute; inset:0; background:rgba(15,76,100,.65); display:flex; justify-content:center; align-items:center; opacity:0; transition:all .3s ease; cursor:pointer; }
.aj-gal-item:not(.aj-gal-video-item):hover .aj-gal-overlay{ opacity:1; }
.aj-gal-overlay i{ color:#fff; font-size:32px; transform:scale(.6); transition:all .3s ease; }
.aj-gal-item:not(.aj-gal-video-item):hover .aj-gal-overlay i{ transform:scale(1); }
.aj-gal-lightbox{
    display:none; position:fixed; inset:0; z-index:90000; background:rgba(15,23,42,.92); backdrop-filter:blur(10px); opacity:0; transition:opacity .4s ease;
}
.aj-gal-lightbox.active{ display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:1; }
.aj-gal-lightbox-media{ max-width:85%; max-height:80vh; border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,.8); transform:scale(.9); transition:transform .4s ease; object-fit:contain; }
.aj-gal-lightbox.active .aj-gal-lightbox-media{ transform:scale(1); }
.aj-gal-lightbox-close{ position:absolute; top:25px; left:35px; color:#fff; font-size:36px; font-weight:bold; transition:.3s; cursor:pointer; z-index:90001; }
.aj-gal-lightbox-close:hover{ color:var(--secondary); transform:scale(1.1) rotate(90deg); }
.aj-gal-lightbox-caption{ text-align:center; color:#E2E8F0; padding:15px 0; font-size:18px; font-weight:800; margin-top:10px; }

/* ============== نافذة عرض المستندات داخل الصفحة (بدل الفتح في تبويب خارجي) ============== */
.aj-doc-modal{
    display:none; position:fixed; inset:0; z-index:95000; background:rgba(15,23,42,.92); backdrop-filter:blur(10px);
    align-items:center; justify-content:center; padding:30px 16px;
}
.aj-doc-modal.active{ display:flex; }
.aj-doc-modal-inner{
    position:relative; width:100%; max-width:1000px; height:88vh; background:#fff; border-radius:18px;
    overflow:hidden; display:flex; flex-direction:column; box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.aj-doc-modal-title{
    padding:16px 60px 14px 20px; font-weight:800; color:var(--ink); font-size:1.02rem; border-bottom:1px solid var(--line);
    flex-shrink:0;
}
.aj-doc-modal-body{ flex:1; overflow:auto; background:#525659; display:flex; align-items:center; justify-content:center; }
.aj-doc-modal-frame{ width:100%; height:100%; border:0; }
.aj-doc-modal-img{ max-width:100%; max-height:100%; object-fit:contain; }
.aj-doc-modal-close{
    position:absolute; top:12px; left:16px; font-size:30px; font-weight:bold; color:var(--ink); cursor:pointer;
    z-index:2; line-height:1; transition:.2s;
}
.aj-doc-modal-close:hover{ color:var(--primary); transform:rotate(90deg); }
@media (max-width:640px){
    .aj-doc-modal{ padding:0; }
    .aj-doc-modal-inner{ height:100vh; border-radius:0; max-width:100%; }
}

@media(max-width:768px){
    .aj-gal-albums, .aj-gal-grid{ grid-template-columns:1fr; width:92%; gap:22px; }
    .aj-gal-album-poster{ height:210px; }
    .aj-gal-icon-album{ top:210px; }
}