@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#245f2f;--primary-2:#3f8b45;--primary-dark:#12391c;--gold:#e6a72d;--navy:#14223a;--text:#273142;--muted:#667085;--surface:#fff;--soft:#f5f8f2;--soft-2:#eef5e9;--border:#dfe8dc;--danger:#a62626;--shadow:0 18px 60px rgba(25,74,35,.12);--radius:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8;overflow-x:hidden}html[dir=ltr] body{font-family:'Inter','Segoe UI',Arial,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;inset-inline-start:16px;top:-60px;background:#fff;color:var(--primary-dark);padding:10px 16px;border-radius:0 0 10px 10px;z-index:999}.skip-link:focus{top:0}.topbar{background:var(--primary-dark);color:#e9f5e8;font-size:.83rem}.topbar-inner{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar-contact,.topbar-social{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar a:hover{text-decoration:underline}.social-mini{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:800}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,232,220,.85);transition:.25s}.site-header.scrolled{box-shadow:0 8px 30px rgba(18,57,28,.08)}.nav{min-height:92px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:305px}.brand img{width:72px;height:72px;object-fit:contain}.brand-copy strong{display:block;color:var(--primary-dark);font-size:1.03rem;line-height:1.45}.brand-copy small{display:block;color:var(--muted);font-size:.73rem;line-height:1.4}.nav-links{list-style:none;display:flex;align-items:center;justify-content:center;gap:27px;flex:1;font-weight:700}.nav-links a{position:relative;padding:31px 0 27px;transition:.2s}.nav-links a:after{content:'';position:absolute;inset-inline:50%;bottom:20px;height:2px;background:var(--primary);transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:hover:after,.nav-links a.active:after{inset-inline:0}.nav-actions{display:flex;align-items:center;gap:10px}.lang-link{border:1px solid var(--border);border-radius:999px;padding:8px 13px;font-weight:800;font-size:.85rem;color:var(--primary-dark);white-space:nowrap}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;transition:.25s}.header-cta,.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 24px rgba(36,95,47,.22)}.btn-outline{background:#fff;border-color:var(--primary);color:var(--primary)}.btn-light{background:#fff;color:var(--primary-dark)}.btn:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(36,95,47,.2)}.menu-btn{display:none;width:45px;height:45px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--primary-dark);font-size:1.4rem}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8faf5 0%,#f3f7ef 50%,#edf5e9 100%);padding:66px 0 86px}.hero:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(63,139,69,.09);inset-inline-start:-190px;top:-210px}.hero:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:55px solid rgba(230,167,45,.09);inset-inline-end:-130px;bottom:-180px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:66px}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:.88rem}.hero-badge{background:#e7f2e4;border:1px solid #cfe1ca;border-radius:999px;padding:7px 14px}.hero h1{font-size:clamp(2.7rem,5.2vw,5rem);line-height:1.15;color:var(--primary-dark);margin:19px 0 20px;letter-spacing:-.04em}.hero h1 span{color:var(--primary-2)}.hero-copy>p{max-width:690px;color:#566172;font-size:1.12rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:29px;color:#4e5e4e;font-weight:700;font-size:.91rem}.hero-trust span:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dcebd7;color:var(--primary);margin-inline-end:7px}.hero-visual{position:relative;min-height:540px}.hero-photo{position:absolute;inset:0 28px 0 0;border-radius:48% 48% 22% 48% / 38% 42% 32% 52%;overflow:hidden;box-shadow:0 30px 80px rgba(18,57,28,.2);border:10px solid rgba(255,255,255,.9)}html[dir=ltr] .hero-photo{inset:0 0 0 28px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.floating-card{position:absolute;inset-inline-start:-20px;bottom:26px;background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:var(--shadow);padding:17px 20px;border-radius:18px;max-width:245px}.floating-card strong{display:block;color:var(--primary-dark);font-size:1.08rem}.floating-card p{color:var(--muted);font-size:.82rem;line-height:1.6}.leaf-mark{position:absolute;inset-inline-end:-30px;top:28px;width:115px;height:115px;background:var(--gold);border-radius:36% 64% 65% 35% / 43% 39% 61% 57%;opacity:.17;transform:rotate(22deg)}.stats{position:relative;margin-top:-45px;z-index:5}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.stat{text-align:center;padding:27px 20px;border-inline-end:1px solid var(--border)}.stat:last-child{border-inline-end:0}.stat strong{display:block;color:var(--primary);font-size:2.15rem;line-height:1.15}.stat span{color:var(--muted);font-weight:700}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.25;color:var(--primary-dark);margin-top:8px;letter-spacing:-.025em}.section-intro{color:var(--muted);max-width:700px;margin-top:10px}.center{text-align:center}.center .section-intro{margin-inline:auto}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{background:#fff;border:1px solid var(--border);padding:24px;border-radius:20px;transition:.25s}.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.value-icon,.service-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#e4f0e0,#f4f8ef);font-size:1.65rem;margin-bottom:16px}.value-card h3,.service-card h3{color:var(--primary-dark);font-size:1.15rem;margin-bottom:6px}.value-card p,.service-card p{color:var(--muted);font-size:.93rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;transition:.25s;position:relative;overflow:hidden}.service-card:after{content:'';position:absolute;width:95px;height:95px;border-radius:50%;background:#edf5e9;inset-inline-end:-45px;top:-45px}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c8dcc2}.service-card a{display:inline-flex;margin-top:14px;color:var(--primary);font-weight:800}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 9px 34px rgba(22,61,28,.06);transition:.25s}.news-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.news-card>a{display:block;overflow:hidden}.news-card img{width:100%;height:235px;object-fit:cover;transition:.45s}.news-card:hover img{transform:scale(1.04)}.news-body{padding:24px}.news-meta{font-size:.8rem;color:var(--primary);font-weight:800;margin-bottom:8px}.news-body h3{color:var(--primary-dark);font-size:1.2rem;line-height:1.5}.news-body p{color:var(--muted);margin-top:8px;font-size:.92rem}.read-more{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:800;margin-top:14px}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:30px}.partner{height:124px;background:#fff;border:1px solid var(--border);border-radius:17px;display:grid;place-items:center;padding:14px}.partner{overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.partner img{max-height:88px;object-fit:contain;filter:none;opacity:1;transition:transform .25s}.partner:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(18,57,28,.12);border-color:#c7dac3}.partner:hover img{filter:none;opacity:1;transform:scale(1.04)}.social-section{background:linear-gradient(130deg,var(--primary-dark),var(--primary));color:#fff}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.social-card{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08)}.social-card img{width:64px;height:64px}.social-card p{color:#dcebdc;font-size:.9rem}.social-card .btn{margin-inline-start:auto}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(135deg,#f0f6ec,#fff);border:1px solid var(--border);border-radius:28px;padding:42px}.cta-panel h2{font-size:clamp(1.7rem,3vw,2.55rem);color:var(--primary-dark);line-height:1.35}.cta-panel p{color:var(--muted);margin-top:7px}.page-hero{padding:82px 0;background:linear-gradient(115deg,rgba(18,57,28,.97),rgba(36,95,47,.9));color:#fff}.page-hero .eyebrow{color:#d3e9d1}.page-hero h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.2;margin:8px 0 12px}.page-hero p{max-width:720px;color:#e6f2e4}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#d7e7d6;font-size:.84rem;margin-top:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.content-copy p{color:var(--muted);margin-top:13px}.feature-panel{background:linear-gradient(145deg,#fff,#f0f6ed);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 15px 50px rgba(28,75,34,.08)}.feature-list{display:grid;gap:17px;margin-top:21px}.feature-item{display:flex;align-items:flex-start;gap:14px}.check{flex:0 0 31px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dcebd8;color:var(--primary);font-weight:900}.feature-item p{color:var(--muted);font-size:.9rem}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vision-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px}.vision-card h3{color:var(--primary-dark);margin:12px 0 6px}.vision-card p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px}.contact-list{display:grid;gap:14px;margin-top:24px}.contact-item{display:flex;gap:14px;align-items:flex-start;background:var(--soft);border:1px solid var(--border);border-radius:17px;padding:18px}.contact-item .symbol{font-size:1.35rem}.contact-item p,.contact-item a{color:var(--muted)}.contact-form{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:var(--primary-dark)}.field input,.field textarea{width:100%;border:1px solid #d8e3d5;border-radius:12px;padding:13px 14px;background:#fbfdf9;color:var(--text);outline:none}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(63,139,69,.12)}.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.form-note{color:var(--muted);font-size:.8rem}.toast{display:none;margin-bottom:18px;padding:13px 15px;border-radius:12px;font-weight:700}.toast.show{display:block}.toast.success{background:#e5f4e1;color:#245f2f}.toast.error{background:#fde9e9;color:#8c2222}.article-shell{max-width:900px;margin:auto}.article{background:#fff;border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.article>img{width:100%;max-height:520px;object-fit:cover}.article-body{padding:38px}.article-body h1,.article-body h2{color:var(--primary-dark);font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.3;margin:8px 0 18px}.article-body p{color:#4f5a69;font-size:1.04rem;margin-bottom:15px;white-space:pre-line}.article-actions{margin-top:24px}.footer{background:#0d2814;color:#d7e5d6;padding:66px 0 20px}.footer-grid{display:grid;grid-template-columns:1.25fr .65fr 1fr;gap:45px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.footer-brand img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:50%;padding:5px}.footer h3{color:#fff;margin-bottom:14px}.footer p{color:#b9cbb9}.footer-links{list-style:none;display:grid;gap:8px}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-socials{display:flex;gap:10px;margin-top:18px}.footer-socials a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.09);display:grid;place-items:center;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.84rem;color:#9fb39f}.back-top{position:fixed;inset-inline-end:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;background:var(--primary);color:#fff;font-size:1.2rem;box-shadow:0 10px 25px rgba(18,57,28,.25);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:90}.back-top.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:.65s}.js .reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(230,167,45,.75);outline-offset:3px}
@media(max-width:1050px){.brand{min-width:auto}.brand-copy small{display:none}.nav-links{gap:18px}.header-cta{display:none}.hero-grid{gap:36px}.values-grid{grid-template-columns:repeat(2,1fr)}.partners{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.topbar-contact span:nth-child(2){display:none}.menu-btn{display:grid;place-items:center}.nav{min-height:78px}.brand img{width:60px;height:60px}.nav-links{display:none;position:absolute;top:118px;inset-inline:18px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{display:block;padding:11px 13px;border-radius:10px}.nav-links a:after{display:none}.nav-links a:hover,.nav-links a.active{background:var(--soft)}.nav-actions{margin-inline-start:auto}.hero{padding:52px 0 84px}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{min-height:470px;max-width:620px;width:100%;margin-inline:auto}.hero-photo{inset:0 8%}.floating-card{inset-inline-start:2%}.services-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.vision-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section-heading{align-items:flex-start;flex-direction:column}.cta-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.topbar-inner{min-height:36px}.topbar-contact{gap:10px}.topbar-contact span:first-child{display:none}.brand-copy strong{font-size:.86rem}.lang-link{padding:7px 10px}.nav-links{top:114px}.hero h1{font-size:2.5rem}.hero-visual{min-height:390px}.hero-photo{inset:0 2%;border-width:7px}.floating-card{max-width:210px;padding:14px}.stats-grid,.services-grid,.news-grid,.values-grid,.form-grid{grid-template-columns:1fr}.stat{border-inline-end:0;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:0}.section{padding:64px 0}.partners{grid-template-columns:repeat(2,1fr)}.social-card{align-items:flex-start;flex-wrap:wrap}.social-card .btn{margin-inline-start:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.article-body{padding:24px}.cta-panel{padding:28px}.page-hero{padding:64px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* Hero slider */
.hero-photo.hero-slider{position:absolute;overflow:hidden}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 5s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-dots{position:absolute;bottom:26px;inset-inline-end:13%;display:flex;gap:8px;z-index:8;background:rgba(255,255,255,.75);padding:7px 10px;border-radius:20px;backdrop-filter:blur(6px)}
.hero-dot{width:9px;height:9px;border:0;border-radius:50%;background:#9fb6a0;padding:0;cursor:pointer;transition:.25s}
.hero-dot.active{width:25px;border-radius:10px;background:var(--primary)}
.hero-copy h1,.hero-copy>p{transition:opacity .25s ease,transform .25s ease}
.hero-copy.changing h1,.hero-copy.changing>p{opacity:0;transform:translateY(6px)}
@media(max-width:600px){.hero-dots{bottom:18px;inset-inline-end:8%}}


/* V8.4: Mobile contact-page alignment */
.contact-grid>*{min-width:0}
.contact-item>div{min-width:0;flex:1}
.contact-item p,.contact-item a{overflow-wrap:anywhere;word-break:break-word}
.contact-form,.form-grid,.field{min-width:0}
@media(max-width:720px){
  .contact-grid{gap:26px}
  .contact-form{width:100%;padding:24px 20px;border-radius:20px}
  .contact-form h2{font-size:1.55rem;line-height:1.35;margin-bottom:16px}
  .contact-form .form-grid{grid-template-columns:1fr;gap:14px}
  .contact-form .field.full{grid-column:auto}
  .contact-form .field input,.contact-form .field textarea{min-width:0;max-width:100%;font-size:16px}
  .contact-form .field.full .btn{width:100%}
  .contact-list{margin-top:18px}
  .contact-item{padding:16px;gap:12px}
}
@media(max-width:420px){
  .contact-grid{gap:22px}
  .contact-form{padding:20px 15px;border-radius:17px}
  .contact-item{padding:14px 13px;border-radius:15px}
  .contact-item .symbol{font-size:1.15rem;flex:0 0 auto}
  .contact-grid .section-title{font-size:1.85rem}
}

/* V8.7: remove empty content blocks saved from the administration panel */
.hero-badge:empty,.eyebrow:empty,.section-title:empty,.section-intro:empty,
.hero-copy>p:empty,.hero-trust>span:empty,.floating-card>strong:empty,.floating-card>p:empty,
.value-card h3:empty,.value-card p:empty,.service-card h3:empty,.service-card p:empty,
.news-meta:empty,.news-card p:empty,.social-card h3:empty,.social-card p:empty,
.page-hero h1:empty,.page-hero>.container>p:empty,.content-copy h2:empty,.content-copy>p:empty,
.feature-panel>h3:empty,.feature-item b:empty,.feature-item p:empty,.vision-card h3:empty,.vision-card p:empty,
.contact-form>h2:empty,.contact-item b:empty,.article-body p:empty,.btn:empty,.read-more:empty,
.brand-copy strong:empty,.brand-copy small:empty,.nav-links a:empty,.nav-actions a:empty,
.footer-grid h3:empty,.footer-grid p:empty,.footer-links a:empty{display:none!important}
.hero-grid:has(>.hero-visual:only-child),.hero-grid:has(>.hero-copy:only-child){grid-template-columns:minmax(0,760px);justify-content:center}
.hero-grid:has(>.hero-copy:only-child) .hero-copy{max-width:760px}
.hero-copy>h1:empty{display:none!important}
.floating-card:not(:has(strong:not(:empty),p:not(:empty))),
.value-card:not(:has(h3:not(:empty),p:not(:empty))),
.service-card:not(:has(h3:not(:empty),p:not(:empty))),
.news-card:not(:has(h3:not(:empty),p:not(:empty),.news-meta:not(:empty),.read-more:not(:empty))),
.social-card:not(:has(h3:not(:empty),p:not(:empty),.btn:not(:empty))),
.feature-item:not(:has(b:not(:empty),p:not(:empty))),
.vision-card:not(:has(h3:not(:empty),p:not(:empty))){display:none!important}
.hero-actions:not(:has(.btn:not(:empty))),.hero-trust:not(:has(span:not(:empty))),
.section-heading:not(:has(.eyebrow:not(:empty),h2:not(:empty),p:not(:empty),a:not(:empty))),
.page-hero:not(:has(.eyebrow:not(:empty),h1:not(:empty),.container>p:not(:empty))){display:none!important}
.two-col:has(>:only-child),.contact-grid:has(>:only-child){grid-template-columns:minmax(0,760px);justify-content:center}

/* V9 advanced news experience */
.news-page-hero{position:relative;overflow:hidden}.news-page-hero:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,255,255,.045);inset-inline-end:-120px;top:-150px}.news-index-section{background:linear-gradient(180deg,#fff,#f8fbf6)}.news-discovery-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 34px rgba(24,66,31,.06)}.news-search-box{display:flex;align-items:center;gap:9px;min-width:min(340px,100%);border:1px solid #d8e4d5;border-radius:999px;padding:4px 14px;background:#fbfdf9}.news-search-box span{font-size:1.35rem;color:var(--primary)}.news-search-box input{width:100%;border:0;outline:0;background:transparent;padding:8px 0;color:var(--text)}.news-filter-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.news-filter-chips button{border:1px solid #d5e2d2;background:#fff;color:#516054;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:800;font-size:.8rem;transition:.2s}.news-filter-chips button:hover,.news-filter-chips button.active{background:var(--primary);border-color:var(--primary);color:#fff}.featured-news-wrap{margin-bottom:48px}.news-card-modern{display:flex;flex-direction:column;height:100%}.news-card-media{position:relative;display:block;overflow:hidden;background:#eaf1e7}.news-card-modern .news-card-media img{width:100%;height:235px;object-fit:cover;transition:transform .45s}.news-card-modern:hover .news-card-media img{transform:scale(1.045)}.news-featured-label{position:absolute;top:14px;inset-inline-start:14px;background:#fff4c9;color:#74570a;border:1px solid rgba(230,167,45,.4);border-radius:999px;padding:6px 11px;font-size:.74rem;font-weight:900;box-shadow:0 8px 20px rgba(36,52,26,.12)}.news-card-modern .news-body{display:flex;flex-direction:column;flex:1}.news-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.news-card-topline .news-meta{margin:0}.news-card-topline time{color:#849087;font-size:.75rem;white-space:nowrap}.news-card-modern .news-body h3{font-size:1.22rem}.news-card-modern .news-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:14px}.news-card-footer .read-more{margin:0}.news-card-featured{display:grid;grid-template-columns:1.12fr .88fr;min-height:430px;border-radius:28px}.news-card-featured .news-card-media{min-height:430px}.news-card-featured .news-card-media img{height:100%}.news-card-featured .news-body{padding:42px;justify-content:center}.news-card-featured .news-body h3{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.35;margin:5px 0 10px}.news-card-featured .news-body p{font-size:1rem;-webkit-line-clamp:4}.news-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.news-list-head h2{color:var(--primary-dark);font-size:clamp(1.65rem,2.8vw,2.35rem);line-height:1.3}.news-list-head>span{color:#748177;font-size:.82rem;font-weight:800}.news-grid-modern{align-items:stretch}.news-empty-state{text-align:center;padding:58px 24px;border:1px dashed #bfd0bc;border-radius:24px;background:#fbfdf9}.news-empty-state>span{width:60px;height:60px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#e4f0e0;color:var(--primary);font-size:1.8rem}.news-empty-state h1,.news-empty-state h2{color:var(--primary-dark);margin-bottom:6px}.news-empty-state p{color:var(--muted);margin-bottom:18px}
.article-page{background:#fff}.article-hero{padding:68px 0 150px;background:linear-gradient(125deg,#0e3218,#245f2f 68%,#3f8b45);color:#fff;position:relative;overflow:hidden}.article-hero:after{content:'';position:absolute;width:500px;height:500px;border:85px solid rgba(255,255,255,.045);border-radius:50%;inset-inline-end:-170px;bottom:-280px}.article-hero-inner{position:relative;z-index:1;max-width:1000px}.article-hero .breadcrumbs{margin:0 0 28px}.article-kicker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-category,.article-featured{display:inline-flex;align-items:center;border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:900}.article-category{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}.article-featured{background:#fff1b9;color:#715408}.article-hero h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.2;letter-spacing:-.035em;margin:17px 0 16px;max-width:1050px}.article-lead{color:#e3efe2;font-size:clamp(1rem,1.7vw,1.22rem);max-width:850px}.article-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px;color:#d5e6d4;font-size:.86rem}.article-cover-section{margin-top:-105px;position:relative;z-index:3}.article-cover{border:9px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 28px 75px rgba(15,50,24,.22);background:#e9f0e6}.article-cover img{width:100%;aspect-ratio:16/9;height:auto;min-height:0;object-fit:cover}.article-content-section{padding-top:65px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:50px;align-items:start;max-width:1100px}.article-main{min-width:0}.article-rich-content{color:#48534c;font-size:1.08rem;line-height:2}.article-rich-content p{margin-bottom:20px}.article-rich-content h2{font-size:clamp(1.65rem,2.8vw,2.25rem);line-height:1.35;color:var(--primary-dark);margin:38px 0 14px}.article-rich-content h3{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.4;color:var(--primary);margin:30px 0 10px}.article-rich-content ul,.article-rich-content ol{padding-inline-start:25px;margin:16px 0 23px}.article-rich-content li{margin-bottom:7px}.article-rich-content blockquote{margin:28px 0;padding:20px 24px;border-inline-start:5px solid var(--gold);background:#f7faF4;border-radius:0 16px 16px 0;color:#415043;font-weight:600}.article-rich-content a{color:var(--primary);text-decoration:underline;font-weight:700}.article-rich-content mark{background:#fff1ae;padding:0 3px}.text-small{font-size:.84em}.text-large{font-size:1.25em}.text-xlarge{font-size:1.5em}.font-cairo{font-family:'Cairo',sans-serif}.font-tajawal{font-family:'Tajawal','Cairo',sans-serif}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.article-sidebar{position:sticky;top:125px}.article-side-card{border:1px solid var(--border);border-radius:20px;padding:22px;background:#fbfdf9;box-shadow:0 12px 35px rgba(28,72,35,.07)}.article-side-card dl{display:grid;gap:0;margin-top:15px}.article-side-card dl>div{padding:12px 0;border-bottom:1px solid #e3ebe1}.article-side-card dl>div:last-child{border-bottom:0}.article-side-card dt{color:#7a877d;font-size:.74rem;font-weight:800}.article-side-card dd{color:var(--primary-dark);font-weight:800}.copy-link-btn{width:100%;margin-top:15px;border:1px solid var(--primary);background:#fff;color:var(--primary);border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:800}.copy-link-btn.copied{background:var(--primary);color:#fff}.article-media-section{margin-top:48px;padding-top:34px;border-top:1px solid var(--border)}.article-section-title span{color:var(--primary);font-weight:900;font-size:.78rem}.article-section-title h2{color:var(--primary-dark);font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.35;margin:4px 0 20px}.article-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-gallery figure{min-width:0}.article-gallery-item{position:relative;width:100%;border:0;padding:0;background:#eaf1e7;border-radius:17px;overflow:hidden;cursor:zoom-in}.article-gallery-item img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;transition:.35s}.article-gallery-item span{position:absolute;inset:auto 12px 12px 12px;background:rgba(12,37,18,.72);color:#fff;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(8px);transition:.25s}.article-gallery-item:hover img{transform:scale(1.035)}.article-gallery-item:hover span{opacity:1;transform:none}.article-gallery figcaption{color:#748078;font-size:.8rem;margin-top:7px}.article-video{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0b160e;box-shadow:0 16px 45px rgba(20,56,27,.15)}.article-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.external-media-link{display:inline-flex;border-radius:999px;padding:11px 18px;background:var(--primary);color:#fff;font-weight:800}.article-source{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px;padding:17px 20px;border:1px solid #d8e4d5;border-radius:16px;background:#f8fbf7}.article-source span{color:#718076;font-size:.8rem;font-weight:800}.article-source a{color:var(--primary);font-weight:900}.article-bottom-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid var(--border)}.related-news-section{border-top:1px solid var(--border)}.news-lightbox{width:min(1000px,calc(100% - 28px));max-height:92vh;border:0;border-radius:20px;padding:14px;background:#101611;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.5)}.news-lightbox::backdrop{background:rgba(3,10,5,.82);backdrop-filter:blur(5px)}.news-lightbox img{max-height:78vh;width:100%;object-fit:contain;border-radius:12px}.news-lightbox p{text-align:center;padding:8px 42px 0;color:#dbe5dc}.lightbox-close{position:absolute;top:18px;inset-inline-end:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:1.6rem;cursor:pointer;z-index:2}
@media(max-width:900px){.news-discovery-bar{align-items:stretch;flex-direction:column}.news-filter-chips{justify-content:flex-start}.news-card-featured{grid-template-columns:1fr;min-height:0}.news-card-featured .news-card-media{min-height:330px}.news-card-featured .news-card-media img{height:330px}.news-card-featured .news-body{padding:30px}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-side-card{display:none}.article-cover img{height:auto}.article-gallery-item img{height:auto}}
@media(max-width:600px){.news-discovery-bar{padding:12px}.news-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.news-filter-chips button{white-space:nowrap}.news-card-featured .news-card-media,.news-card-featured .news-card-media img{min-height:230px;height:230px}.news-card-featured .news-body{padding:23px}.news-card-featured .news-body h3{font-size:1.65rem}.news-card-topline,.news-card-footer,.news-list-head{align-items:flex-start;flex-direction:column}.article-hero{padding:48px 0 115px}.article-hero h1{font-size:2.35rem}.article-cover-section{margin-top:-78px}.article-cover{border-width:6px;border-radius:20px}.article-cover img{min-height:0;height:auto}.article-content-section{padding-top:42px}.article-rich-content{font-size:1rem}.article-gallery{grid-template-columns:1fr}.article-gallery-item img{height:auto}.article-source{align-items:flex-start;flex-direction:column}.article-bottom-actions .btn{width:100%}}

/* V9.4 assistance requests and moderated comments */
.assistance-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#f1b332,#d98516);color:#fff;font-weight:900;font-size:.82rem;box-shadow:0 10px 24px rgba(207,128,18,.27);border:1px solid rgba(169,99,8,.15);transition:.22s}.assistance-cta span{font-size:1rem}.assistance-cta:hover,.assistance-cta.active{transform:translateY(-2px);box-shadow:0 14px 30px rgba(207,128,18,.34);filter:saturate(1.08)}
.assistance-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#12391f,#286b38 66%,#4a8f4f)}.assistance-hero:after{content:'';position:absolute;width:420px;height:420px;border:75px solid rgba(255,255,255,.05);border-radius:50%;inset-inline-end:-150px;bottom:-250px}.assistance-hero .container{position:relative;z-index:1}.assistance-hero .breadcrumbs{margin:0 0 20px}.assistance-section{background:linear-gradient(180deg,#f8fbf6,#fff)}.assistance-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;align-items:start}.assistance-info-card,.assistance-form-card{border:1px solid var(--border);background:#fff;border-radius:24px;box-shadow:0 18px 55px rgba(24,66,31,.08)}.assistance-info-card{position:sticky;top:125px;padding:26px;background:linear-gradient(145deg,#fff,#f5faf3)}.assistance-info-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff0cf;color:#c87912;font-size:1.6rem;margin-bottom:16px}.assistance-info-card h2{color:var(--primary-dark);font-size:1.35rem}.assistance-info-card p{color:var(--muted);margin-top:9px}.assistance-info-card ul{margin-top:18px;padding-inline-start:20px;color:#4d5b50}.assistance-info-card li{margin:8px 0}.assistance-form-card{padding:30px}.assistance-form-head{margin-bottom:25px}.assistance-form-head h2{color:var(--primary-dark);font-size:clamp(1.55rem,2.7vw,2.1rem);line-height:1.35;margin:5px 0}.assistance-form-head p{color:var(--muted)}.form-status{display:grid;gap:4px;padding:15px 18px;border-radius:14px;margin-bottom:20px}.form-status.success{background:#e9f7eb;border:1px solid #c9e8cf;color:#205e30}.form-status.error{background:#fff0ee;border:1px solid #ffd5d0;color:#92261e}.assistance-closed{text-align:center;padding:55px 22px}.assistance-closed>span{width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#eef5eb;color:var(--primary);font-size:1.7rem}.assistance-closed h2{color:var(--primary-dark);margin-bottom:7px}.assistance-closed p{color:var(--muted)}.assistance-form{display:grid;gap:22px}.form-section-title{display:flex;gap:13px;align-items:flex-start;padding-top:22px;border-top:1px solid var(--border)}.form-section-title:first-of-type{border-top:0;padding-top:0}.form-section-title>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff;font-weight:900}.form-section-title h3{color:var(--primary-dark);font-size:1.1rem;line-height:1.4}.form-section-title p{color:var(--muted);font-size:.84rem}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.public-form-grid label,.assistance-upload{display:grid;gap:7px;color:#35463a;font-weight:800}.public-form-grid label>span,.assistance-upload>span{font-size:.88rem}.public-form-grid .full{grid-column:1/-1}.public-form-grid input,.public-form-grid select,.public-form-grid textarea,.comment-form input,.comment-form textarea{width:100%;border:1px solid #d7e3d4;border-radius:13px;padding:12px 13px;background:#fff;color:var(--text);outline:0;transition:.2s}.public-form-grid textarea,.comment-form textarea{resize:vertical}.public-form-grid input:focus,.public-form-grid select:focus,.public-form-grid textarea:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:#55945b;box-shadow:0 0 0 4px rgba(52,125,63,.1)}.assistance-upload{padding:20px;border:1px dashed #a9c4a6;border-radius:16px;background:#f8fbf7}.assistance-upload input{width:100%}.assistance-upload small{color:var(--muted);font-weight:500}.public-consent{display:flex!important;align-items:flex-start;gap:10px;padding:15px;border-radius:14px;background:#f5f9f3;border:1px solid #dfe9dc;color:#435247;font-size:.88rem;font-weight:700}.public-consent input{width:18px;height:18px;margin-top:4px;accent-color:var(--primary);flex:0 0 auto}.assistance-submit{justify-self:start;min-width:220px}.hp-field{position:fixed!important;inset:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.article-comments{margin-top:46px;padding-top:36px;border-top:1px solid var(--border)}.comments-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.comments-heading h2{color:var(--primary-dark);font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.3;margin-top:4px}.comments-count{border:1px solid #d6e5d3;background:#f5faf3;color:var(--primary);border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:900}.comment-notice{padding:13px 15px;border-radius:13px;margin-bottom:18px;font-weight:700}.comment-notice.success{background:#e9f7eb;color:#205e30;border:1px solid #c9e8cf}.comment-notice.error{background:#fff0ee;color:#8d241d;border:1px solid #ffd4ce}.comments-empty,.comments-closed{padding:18px;border:1px dashed #c6d8c3;border-radius:15px;background:#fafdf9;color:var(--muted);margin-bottom:21px}.comments-list{display:grid;gap:13px;margin-bottom:28px}.public-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #e0e9de;border-radius:16px;background:#fff}.public-comment-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e7f2e4;color:var(--primary);font-weight:900}.public-comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-comment-head strong{color:var(--primary-dark)}.public-comment-head time{color:#879188;font-size:.74rem}.public-comment p{color:#4c5850;margin-top:7px;line-height:1.8;overflow-wrap:anywhere}.comment-form{padding:22px;border:1px solid #dce7d9;border-radius:19px;background:linear-gradient(145deg,#fbfdf9,#f4f9f2)}.comment-form-head{margin-bottom:16px}.comment-form-head h3{color:var(--primary-dark);font-size:1.2rem}.comment-form-head p{color:var(--muted);font-size:.84rem;margin-top:3px}.comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.comment-form-grid label{display:grid;gap:6px;font-weight:800;color:#3d4d41}.comment-form-grid label>span{font-size:.84rem}.comment-form-grid .full{grid-column:1/-1}
@media(max-width:1250px){.nav{gap:16px}.nav-links{gap:16px}.assistance-cta{padding:9px 12px;font-size:.77rem}}
@media(max-width:1050px){.assistance-cta{display:inline-flex}.assistance-layout{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:860px){.assistance-layout{grid-template-columns:1fr}.assistance-info-card{position:static}.assistance-cta{padding:9px 12px}.assistance-cta span{display:none}.assistance-form-card{padding:24px}}
@media(max-width:600px){.assistance-cta{width:42px;height:42px;padding:0;border-radius:50%;font-size:0}.assistance-cta span{display:block;font-size:1rem}.public-form-grid,.comment-form-grid{grid-template-columns:1fr}.public-form-grid .full,.comment-form-grid .full{grid-column:auto}.assistance-form-card{padding:18px;border-radius:18px}.assistance-info-card{padding:20px}.assistance-submit{width:100%;min-width:0}.comments-heading,.public-comment-head{align-items:flex-start;flex-direction:column}.public-comment{grid-template-columns:38px minmax(0,1fr);padding:14px}.public-comment-avatar{width:38px;height:38px}.comment-form{padding:17px}}
select{font:inherit}

/* V9.6 - General registration portal enhancements */
.applicant-scope{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scope-option{display:flex;align-items:flex-start;gap:11px;padding:16px;border:1px solid #d7e3d4;border-radius:15px;background:#fff;cursor:pointer;transition:.2s}.scope-option:hover{border-color:#8cb18d;background:#f9fcf8}.scope-option input{width:19px;height:19px;margin-top:3px;accent-color:var(--primary);flex:0 0 auto}.scope-option span{display:grid;gap:3px}.scope-option b{color:var(--primary-dark);font-size:.94rem}.scope-option small{color:var(--muted);font-weight:500;line-height:1.55}.scope-option:has(input:checked){border-color:#55945b;background:#f1f8ef;box-shadow:0 0 0 3px rgba(52,125,63,.08)}.submitter-fields{padding:19px;border:1px solid #dfe9dc;border-radius:17px;background:#f8fbf7}.submitter-fields[hidden]{display:none!important}.form-subsection-head{margin-bottom:15px}.form-subsection-head h4{color:var(--primary-dark);font-size:1rem}.form-subsection-head p{color:var(--muted);font-size:.84rem;margin-top:3px}.selected-files{display:grid;gap:6px;margin-top:5px}.selected-files:empty{display:none}.selected-files span{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e1eae0;color:#506055;font-size:.8rem;font-weight:600}.selected-files span b{font-weight:800;overflow-wrap:anywhere}.selected-files .files-summary{background:#edf6eb;color:#285f32}.selected-files .files-error{background:#fff0ee;border-color:#ffd5d0;color:#92261e}.assistance-submit:disabled{opacity:.7;cursor:wait;transform:none!important}
@media(max-width:600px){.applicant-scope{grid-template-columns:1fr}.scope-option{padding:14px}.submitter-fields{padding:15px}}

/* V9.7.0 — social manager output, article images and modern viewer */
.social-mini svg,.footer-socials svg{width:18px;height:18px;display:block}.footer-socials svg{width:21px;height:21px}.social-mini,.footer-socials a{transition:transform .2s,background .2s}.social-mini:hover,.footer-socials a:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}
.social-grid-dynamic{grid-template-columns:repeat(3,minmax(0,1fr))}.social-grid-dynamic .social-card{min-width:0}.social-card-icon{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center}.social-card-icon svg{width:34px;height:34px}.social-card>div{min-width:0}.social-card h3{font-size:1.05rem}.social-card .btn{white-space:nowrap}
@media(max-width:980px){.social-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.social-grid-dynamic{grid-template-columns:1fr}.social-card-icon{width:54px;height:54px;flex-basis:54px}.social-card-icon svg{width:29px;height:29px}}
@media(min-width:901px){.article-hero h1{font-size:clamp(2rem,3.35vw,3.55rem);line-height:1.24;max-width:980px}}
.article-cover{background:#eef3ec}.article-cover-button{position:relative;display:block;width:100%;padding:0;border:0;background:#eef3ec;cursor:zoom-in}.article-cover-button img,.article-cover img{width:100%;height:auto!important;min-height:0!important;max-height:760px;aspect-ratio:auto!important;object-fit:contain!important;object-position:center}.article-cover-button>span{position:absolute;inset:auto 18px 18px auto;background:rgba(9,31,15,.78);color:#fff;border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:800;opacity:0;transform:translateY(6px);transition:.2s}.article-cover-button:hover>span{opacity:1;transform:none}
.article-inline-image{margin:30px auto 34px;max-width:100%;text-align:center}.article-inline-image button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#eef3ec;cursor:zoom-in}.article-inline-image img{width:100%;height:auto;max-height:720px;object-fit:contain;background:#eef3ec}.article-inline-image span{position:absolute;inset:auto 12px 12px 12px;margin:auto;width:max-content;max-width:calc(100% - 24px);background:rgba(9,31,15,.76);color:#fff;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:800;opacity:0;transition:.2s}.article-inline-image button:hover span{opacity:1}
.news-lightbox{width:min(1180px,calc(100% - 24px));height:min(92vh,900px);max-width:none;max-height:none;padding:0;border:0;border-radius:22px;background:#101512;color:#fff;overflow:hidden;box-shadow:0 35px 120px rgba(0,0,0,.58)}.news-lightbox::backdrop{background:rgba(2,7,4,.88);backdrop-filter:blur(7px)}.lightbox-viewer{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#141b16}.lightbox-top{direction:ltr;border-bottom:1px solid rgba(255,255,255,.08)}.lightbox-tools{display:flex;align-items:center;gap:7px}.lightbox-tools button,.lightbox-close,.lightbox-nav{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-tools button{min-width:38px;height:36px;border-radius:10px;padding:0 10px;font-weight:800}.lightbox-close{position:static;width:40px;height:40px;border-radius:12px;font-size:1.45rem}.lightbox-stage{position:relative;min-height:0;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:8px;padding:14px;background:#080c09;overflow:hidden}.lightbox-image-wrap{height:100%;min-height:0;overflow:auto;display:grid;place-items:center}.news-lightbox .lightbox-image-wrap img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:10px;transition:transform .18s;transform-origin:center}.lightbox-nav{width:46px;height:58px;border-radius:14px;font-size:2rem}.lightbox-bottom{min-height:54px;border-top:1px solid rgba(255,255,255,.08)}.lightbox-bottom p{padding:0;margin:0;color:#d8e2da;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-bottom span{font-size:.8rem;font-weight:800;color:#aebbb0;white-space:nowrap}
@media(max-width:650px){.news-lightbox{width:100%;height:100dvh;max-height:none;border-radius:0}.lightbox-stage{grid-template-columns:40px minmax(0,1fr) 40px;padding:8px}.lightbox-nav{width:36px;height:50px}.lightbox-tools button{min-width:34px;padding:0 7px}.article-cover-button>span,.article-inline-image span{opacity:1}.article-cover-button img,.article-inline-image img{max-height:none}}


/* V9.7.1 — focused social placement, moving partners, natural article images */
.topbar-social .social-youtube svg,.footer-socials .social-youtube svg{width:21px;height:21px}
.topbar-social .social-youtube{background:rgba(255,255,255,.16)}
.social-grid{grid-template-columns:1fr 1fr}
.social-card>img{width:64px;height:64px;object-fit:contain;flex:0 0 64px}

.partners-marquee{overflow:hidden;margin-top:30px;padding:4px 0 14px;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.partners-track{display:flex;align-items:center;gap:15px;width:max-content;animation:partners-scroll 28s linear infinite;will-change:transform}
.partners-marquee:hover .partners-track{animation-play-state:paused}
.partners-track .partner{width:180px;flex:0 0 180px;height:124px}
@keyframes partners-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7.5px))}}
@media(prefers-reduced-motion:reduce){.partners-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.partners-track .partner[aria-hidden="true"]{display:none}}

.article-cover{display:flex;justify-content:center;align-items:center;padding:0;background:#f4f7f2;border:9px solid #fff;overflow:hidden}
.article-cover img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:680px;aspect-ratio:auto!important;object-fit:contain!important;margin:auto}
.article-gallery{align-items:start}
.article-gallery figure{display:flex;flex-direction:column;align-items:center}
.article-gallery-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;background:#f6f8f5;border-radius:16px;overflow:hidden;padding:10px}
.article-gallery-item img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:620px;object-fit:contain!important;margin:auto}
.article-rich-content img{display:block;width:auto!important;height:auto!important;max-width:100%;object-fit:contain;margin:24px auto}
.article-rich-content figure{max-width:100%;margin:24px auto;text-align:center}
.article-cover-button,.article-gallery-item button{cursor:default}
.news-lightbox{display:none!important}
@media(max-width:860px){.partners-track .partner{width:150px;flex-basis:150px}.social-grid{grid-template-columns:1fr}}
@media(max-width:600px){.article-cover{border-width:6px;border-radius:20px}.article-cover img{max-height:520px}.article-gallery-item{padding:6px}.partners-track .partner{width:135px;flex-basis:135px;height:105px}}


/* V9.7.2 — external inline images keep natural dimensions */
.article-inline-image-external{max-width:100%;width:max-content}
.article-inline-image-external img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain!important;margin:auto}
.preview-inline-image.external{border-color:#b9d7c0;background:#f3faf4;color:#235b2d}
@media(max-width:600px){.article-inline-image-external{width:auto;max-width:100%}}


/* V9.7.3 — restore original social glyph, original partner sizing, cleaner article images */
.social-glyph{display:inline-grid;place-items:center;line-height:1;color:currentColor;font-weight:800}
.social-glyph-youtube{font-size:15px;transform:translateY(-.5px)}
.footer-socials .social-glyph-youtube{font-size:18px}
.topbar-social .social-youtube,.footer-socials .social-youtube{background:rgba(255,255,255,.12)}

/* Keep the moving partners strip, but preserve the exact card proportions of the original grid. */
.partners-marquee{overflow:hidden;margin-top:30px;padding:4px 0 14px;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.partners-track{display:flex;align-items:center;gap:15px;width:max-content;animation:partners-scroll 28s linear infinite;will-change:transform}
.partners-marquee:hover .partners-track{animation-play-state:paused}
.partners-track .partner{width:calc((min(1180px,calc(100vw - 36px)) - 75px)/6);flex:0 0 calc((min(1180px,calc(100vw - 36px)) - 75px)/6);height:124px;padding:14px}
.partners-track .partner img{max-height:88px;width:auto;height:auto;object-fit:contain}
@media(max-width:1050px){.partners-track .partner{width:calc((100vw - 36px - 30px)/3);flex-basis:calc((100vw - 36px - 30px)/3)}}
@media(max-width:600px){.partners-track .partner{width:calc((100vw - 24px - 15px)/2);flex-basis:calc((100vw - 24px - 15px)/2);height:124px;padding:14px}}
@media(prefers-reduced-motion:reduce){.partners-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.partners-track .partner[aria-hidden="true"]{display:none}}

/* Article images: never enlarge small images and never crop them. The frame follows the actual image size. */
.article-cover-section>.container{width:min(1000px,calc(100% - 28px))}
.article-cover{display:block;width:max-content;max-width:100%;margin-inline:auto;padding:0;border:7px solid #fff;border-radius:22px;background:transparent;overflow:hidden;box-shadow:0 20px 55px rgba(15,50,24,.18)}
.article-cover img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto;background:transparent}
.article-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:16px}
.article-gallery figure{display:flex;flex:0 1 auto;flex-direction:column;align-items:center;width:max-content;max-width:100%}
.article-gallery-item{display:block;width:max-content;max-width:100%;padding:0;background:transparent;border-radius:16px;overflow:hidden}
.article-gallery-item img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain!important;margin:0 auto;background:transparent}
.article-rich-content figure,.article-inline-image,.article-inline-image-external{display:block;width:max-content;max-width:100%;margin:26px auto;text-align:center}
.article-rich-content img,.article-inline-image img,.article-inline-image-external img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:none!important;object-fit:contain!important;margin:0 auto;background:transparent}
@media(max-width:600px){.article-cover-section>.container{width:min(100% - 20px,1000px)}.article-cover{border-width:5px;border-radius:16px}.article-rich-content figure,.article-inline-image,.article-inline-image-external{max-width:100%}}


/* V9.7.4 — elegant fixed cover, responsive gallery viewer, values story */
.article-cover-section>.container{width:min(1120px,calc(100% - 28px))}
.article-cover{display:block!important;width:100%!important;max-width:1120px!important;aspect-ratio:1600/750;margin-inline:auto;padding:0!important;border:7px solid #fff;border-radius:24px;overflow:hidden;background:#eaf0e7;box-shadow:0 22px 60px rgba(15,50,24,.16)}
.article-cover img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#eaf0e7}

.article-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.article-gallery figure{display:block!important;width:auto!important;max-width:none!important}
.article-gallery-item{position:relative;display:block!important;width:100%!important;max-width:none!important;padding:0!important;border:0;border-radius:18px;overflow:hidden;background:#eaf1e7!important;cursor:zoom-in!important;box-shadow:0 8px 28px rgba(21,63,29,.08);transition:transform .25s,box-shadow .25s}
.article-gallery-item img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;background:#eaf1e7;transition:transform .35s}
.article-gallery-item>span{position:absolute;inset:auto 12px 12px 12px;margin:auto;width:max-content;max-width:calc(100% - 24px);border-radius:999px;padding:7px 12px;background:rgba(9,31,15,.76);color:#fff;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(7px);transition:.22s}
.article-gallery-item:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(21,63,29,.14)}
.article-gallery-item:hover img{transform:scale(1.025)}
.article-gallery-item:hover>span{opacity:1;transform:none}

.news-gallery-lightbox{width:min(1180px,calc(100% - 28px));height:min(90dvh,860px);max-width:none;max-height:none;padding:0;border:0;border-radius:24px;overflow:hidden;background:#08100b;color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.58)}
.news-gallery-lightbox::backdrop{background:rgba(2,7,4,.88);backdrop-filter:blur(7px)}
.gallery-lightbox-shell{position:relative;width:100%;height:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center}
.gallery-lightbox-stage{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:22px 8px 14px;overflow:hidden}
.gallery-lightbox-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90dvh - 110px);object-fit:contain;border-radius:12px;box-shadow:0 12px 45px rgba(0,0,0,.32)}
.gallery-lightbox-stage p{width:100%;max-width:900px;margin:10px auto 0;padding:0 20px;text-align:center;color:#dbe5dc;font-size:.9rem;line-height:1.6}
.gallery-lightbox-counter{position:absolute;inset-inline-start:18px;top:18px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.1);color:#dce6de;font-size:.78rem;font-weight:800;direction:ltr}
.gallery-lightbox-close,.gallery-lightbox-nav{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s}
.gallery-lightbox-close{position:absolute;z-index:3;top:16px;inset-inline-end:16px;width:44px;height:44px;border-radius:14px;font-size:1.55rem}
.gallery-lightbox-nav{width:48px;height:64px;border-radius:15px;font-size:2.1rem;justify-self:center}
.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover{background:rgba(255,255,255,.18)}
html.gallery-open{overflow:hidden}

.values-story-section{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(230,167,45,.10),transparent 24%),radial-gradient(circle at 88% 82%,rgba(63,139,69,.10),transparent 28%),linear-gradient(180deg,#fff 0%,#f8fbf6 100%)}
.values-story-grid{position:relative;gap:20px}
.values-story-grid:before{content:'';position:absolute;z-index:0;top:54px;inset-inline:7%;height:3px;border-radius:999px;background:linear-gradient(90deg,#245f2f 0%,#3f8b45 35%,#e6a72d 68%,#14223a 100%);opacity:.20}
.values-story-grid .value-card{--value-accent:#245f2f;--value-tint:#edf6eb;position:relative;z-index:1;min-height:235px;padding:24px 24px 26px;border:1px solid color-mix(in srgb,var(--value-accent) 18%,#dfe8dc);border-radius:24px;background:linear-gradient(160deg,#fff 0%,var(--value-tint) 145%);box-shadow:0 12px 36px rgba(24,65,31,.07);overflow:hidden}
.values-story-grid .value-card:nth-child(2){--value-accent:#3f8b45;--value-tint:#eef8ed;margin-top:22px}
.values-story-grid .value-card:nth-child(3){--value-accent:#d79b26;--value-tint:#fff8e8}
.values-story-grid .value-card:nth-child(4){--value-accent:#14223a;--value-tint:#f0f3f7;margin-top:22px}
.values-story-grid .value-card:before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;inset-inline-end:-54px;top:-58px;background:color-mix(in srgb,var(--value-accent) 9%,transparent)}
.values-story-grid .value-card:after{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--value-accent);opacity:.78}
.value-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.values-story-grid .value-icon{width:62px;height:62px;margin:0;border-radius:19px;background:color-mix(in srgb,var(--value-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--value-accent) 18%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.value-step{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;border-radius:999px;color:var(--value-accent);background:color-mix(in srgb,var(--value-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--value-accent) 16%,transparent);font-weight:900;font-size:.78rem;letter-spacing:.04em;direction:ltr}
.values-story-grid .value-card h3{font-size:1.18rem;color:var(--primary-dark);margin-bottom:7px}
.values-story-grid .value-card p{font-size:.94rem;line-height:1.8;color:#637066}
.value-story-dot{position:absolute;top:49px;inset-inline-start:-12px;width:12px;height:12px;border-radius:50%;background:var(--value-accent);border:3px solid #fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--value-accent) 15%,transparent)}
.values-story-grid .value-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(24,65,31,.13)}

@media(max-width:900px){
  .values-story-grid{grid-template-columns:repeat(2,1fr)}
  .values-story-grid:before{display:none}
  .values-story-grid .value-card:nth-child(2),.values-story-grid .value-card:nth-child(4){margin-top:0}
  .value-story-dot{display:none}
}
@media(max-width:650px){
  .article-cover-section>.container{width:calc(100% - 20px)}
  .article-cover{border-width:5px;border-radius:18px}
  .article-gallery{grid-template-columns:1fr!important}
  .article-gallery-item>span{opacity:1;transform:none}
  .news-gallery-lightbox{width:100%;height:100dvh;border-radius:0}
  .gallery-lightbox-shell{grid-template-columns:44px minmax(0,1fr) 44px}
  .gallery-lightbox-stage{padding:62px 4px 18px}
  .gallery-lightbox-stage img{max-height:calc(100dvh - 155px);max-width:100%;border-radius:8px}
  .gallery-lightbox-stage p{font-size:.82rem;padding:0 12px}
  .gallery-lightbox-nav{width:36px;height:54px;border-radius:12px;font-size:1.75rem}
  .gallery-lightbox-close{top:10px;inset-inline-end:10px;width:42px;height:42px}
  .gallery-lightbox-counter{top:12px;inset-inline-start:12px}
  .values-story-grid{grid-template-columns:1fr}
  .values-story-grid .value-card{min-height:0;padding:22px}
}


/* V9.7.5 — equal values cards + subtle ambient section effects */

/* Keep all "Values that guide our work" cards perfectly aligned and equal in height. */
.values-story-grid{
  align-items:stretch;
  grid-auto-rows:1fr;
}
.values-story-grid .value-card{
  height:100%;
  min-height:252px;
  display:flex;
  flex-direction:column;
  margin-top:0!important;
}
.values-story-grid .value-card:nth-child(2),
.values-story-grid .value-card:nth-child(4){
  margin-top:0!important;
}
.values-story-grid .value-card p{
  flex:1;
}
.values-story-grid .value-card .value-story-dot{
  top:49px;
}

/* Simple atmospheric transitions between homepage sections.
   Effects are intentionally light so the page still feels clean and professional. */
.ambient-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ambient-section>.container{
  position:relative;
  z-index:2;
}
.ambient-section:before,
.ambient-section:after{
  content:'';
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:999px;
  filter:blur(1px);
}

/* Services: soft green halo + tiny dotted texture. */
.ambient-services{
  background:
    radial-gradient(circle at 88% 18%,rgba(60,139,69,.09),transparent 25%),
    radial-gradient(circle at 10% 82%,rgba(230,167,45,.07),transparent 23%),
    var(--soft);
}
.ambient-services:before{
  width:290px;
  height:290px;
  inset-inline-end:-115px;
  top:34px;
  background:radial-gradient(circle,rgba(63,139,69,.12) 0 2px,transparent 2.5px);
  background-size:18px 18px;
  opacity:.52;
}
.ambient-services:after{
  width:210px;
  height:210px;
  inset-inline-start:-92px;
  bottom:-95px;
  border:1px solid rgba(215,155,38,.14);
  box-shadow:0 0 0 38px rgba(215,155,38,.025),0 0 0 76px rgba(215,155,38,.018);
}

/* News: gentle neutral-to-green wash so the white area does not feel empty. */
.ambient-news{
  background:
    radial-gradient(circle at 12% 18%,rgba(36,95,47,.055),transparent 24%),
    radial-gradient(circle at 92% 78%,rgba(20,34,58,.035),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfdf9 100%);
}
.ambient-news:before{
  width:360px;
  height:360px;
  inset-inline-start:-250px;
  top:28%;
  border:1px solid rgba(36,95,47,.08);
  box-shadow:0 0 0 54px rgba(36,95,47,.018),0 0 0 108px rgba(36,95,47,.012);
}
.ambient-news:after{
  width:180px;
  height:180px;
  inset-inline-end:-54px;
  top:18px;
  background:linear-gradient(135deg,rgba(230,167,45,.06),rgba(63,139,69,.04));
  transform:rotate(28deg);
  border-radius:42px;
}

/* Partners: very subtle glow behind the moving logos, preserving the logo sizes. */
.ambient-partners{
  background:
    radial-gradient(ellipse at 50% 55%,rgba(63,139,69,.075),transparent 43%),
    linear-gradient(180deg,var(--soft) 0%,#f8fbf6 100%);
}
.ambient-partners:before{
  width:520px;
  height:160px;
  left:50%;
  top:52%;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.62);
  filter:blur(46px);
}
.ambient-partners:after{
  width:250px;
  height:250px;
  inset-inline-end:-120px;
  bottom:-138px;
  border:1px solid rgba(63,139,69,.10);
  box-shadow:0 0 0 42px rgba(63,139,69,.018);
}

@media(max-width:900px){
  .values-story-grid{
    grid-auto-rows:1fr;
  }
  .values-story-grid .value-card{
    min-height:238px;
  }
  .ambient-services:before{opacity:.34}
  .ambient-news:after{opacity:.65}
}
@media(max-width:650px){
  .values-story-grid{
    grid-auto-rows:auto;
  }
  .values-story-grid .value-card{
    min-height:0;
    height:auto;
  }
  .ambient-section:before,
  .ambient-section:after{
    opacity:.42;
  }
}


/* V9.7.6 — smooth section flow + responsive audit + simplified values cards */

/* قيم تقود عملنا: بدون أرقام وبدون الخط الطولي الملون */
.value-step{display:none!important}
.values-story-grid .value-card:after{content:none!important;display:none!important}
.value-card-head{justify-content:flex-start!important}
.values-story-grid{align-items:stretch;grid-auto-rows:1fr}
.values-story-grid .value-card{height:100%;min-height:252px;margin-top:0!important}
.values-story-grid:before{opacity:.13}
.value-story-dot{opacity:.68}

/* الصفحة الرئيسية: انتقالات ناعمة بدل الإحساس بالفواصل */
.values-story-section,.ambient-services,.ambient-news,.ambient-partners{border:0!important;box-shadow:none!important}
.values-story-section{
  background:
    radial-gradient(circle at 12% 15%,rgba(230,167,45,.075),transparent 24%),
    radial-gradient(circle at 88% 82%,rgba(63,139,69,.075),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fafcf8 65%,#f7faf5 100%);
}
.ambient-services{
  background:
    radial-gradient(circle at 88% 18%,rgba(60,139,69,.08),transparent 25%),
    radial-gradient(circle at 10% 82%,rgba(230,167,45,.05),transparent 23%),
    linear-gradient(180deg,#f7faf5 0%,#f3f8f0 18%,#f6faf4 82%,#fbfdf9 100%);
}
.ambient-news{
  background:
    radial-gradient(circle at 10% 18%,rgba(36,95,47,.045),transparent 25%),
    radial-gradient(circle at 91% 80%,rgba(230,167,45,.035),transparent 24%),
    linear-gradient(180deg,#fbfdf9 0%,#fff 28%,#fff 76%,#f8fbf6 100%);
}
.ambient-partners{
  background:
    radial-gradient(ellipse at 50% 48%,rgba(63,139,69,.07),transparent 44%),
    linear-gradient(180deg,#f8fbf6 0%,#f3f8f0 40%,#f5f9f2 100%);
}
.social-section{position:relative;overflow:hidden;border:0!important}
.social-section:before{
  content:'';
  position:absolute;inset:0 0 auto 0;height:70px;
  background:linear-gradient(180deg,rgba(245,249,242,.14),transparent);
  pointer-events:none;
}

/* خلفيات بسيطة لباقي الموقع */
.page-flow-section{position:relative;isolation:isolate;overflow:hidden;border:0!important}
.page-flow-section>.container{position:relative;z-index:2}
.page-flow-section:before,.page-flow-section:after{
  content:'';position:absolute;z-index:0;pointer-events:none;border-radius:50%;
}
.page-hero + .page-flow-section{
  background:linear-gradient(180deg,#f6faf4 0%,#fff 135px,#fff 100%);
}

/* من نحن */
.flow-about-story{
  background:
    radial-gradient(circle at 88% 20%,rgba(63,139,69,.07),transparent 24%),
    linear-gradient(180deg,#f7faf5 0%,#fff 30%,#fff 100%)!important;
}
.flow-about-story:before{
  width:330px;height:330px;inset-inline-start:-210px;bottom:-180px;
  border:1px solid rgba(36,95,47,.07);
  box-shadow:0 0 0 55px rgba(36,95,47,.018),0 0 0 110px rgba(36,95,47,.012);
}
.flow-about-vision{
  background:
    radial-gradient(circle at 12% 75%,rgba(230,167,45,.06),transparent 24%),
    linear-gradient(180deg,#fff 0%,#f5f9f2 16%,#f4f8f1 84%,#fbfdf9 100%)!important;
}
.flow-about-vision:after{
  width:230px;height:230px;inset-inline-end:-115px;top:45px;
  background:radial-gradient(circle,rgba(63,139,69,.10) 0 2px,transparent 2.6px);
  background-size:20px 20px;opacity:.4;
}

/* الخدمات */
.flow-services-page{
  background:
    radial-gradient(circle at 90% 18%,rgba(63,139,69,.075),transparent 23%),
    radial-gradient(circle at 8% 82%,rgba(230,167,45,.05),transparent 24%),
    linear-gradient(180deg,#f7faf5 0%,#fff 22%,#fff 78%,#f8fbf6 100%)!important;
}
.flow-services-page:before{
  width:260px;height:260px;inset-inline-end:-125px;bottom:-125px;
  border:1px solid rgba(63,139,69,.09);
  box-shadow:0 0 0 45px rgba(63,139,69,.015),0 0 0 90px rgba(63,139,69,.01);
}

/* الأخبار */
.flow-news-page{
  background:
    radial-gradient(circle at 9% 12%,rgba(36,95,47,.055),transparent 22%),
    radial-gradient(circle at 94% 88%,rgba(230,167,45,.035),transparent 24%),
    linear-gradient(180deg,#f7faf5 0%,#fff 16%,#fff 88%,#fafcf8 100%)!important;
}
.flow-news-page:after{
  width:260px;height:260px;inset-inline-start:-150px;top:33%;
  border:1px solid rgba(36,95,47,.06);
  box-shadow:0 0 0 50px rgba(36,95,47,.012);
}

/* اتصل بنا */
.flow-contact-page{
  background:
    radial-gradient(circle at 86% 18%,rgba(63,139,69,.075),transparent 24%),
    radial-gradient(circle at 13% 82%,rgba(230,167,45,.05),transparent 23%),
    linear-gradient(180deg,#f7faf5 0%,#fff 24%,#fff 82%,#f8fbf6 100%)!important;
}
.flow-contact-page:before{
  width:230px;height:230px;inset-inline-end:-110px;bottom:-110px;
  background:radial-gradient(circle,rgba(63,139,69,.095) 0 2px,transparent 2.6px);
  background-size:19px 19px;opacity:.38;
}

/* صفحة الخبر: الخلفية بدل الخطوط الفاصلة */
.flow-article-content{
  background:
    radial-gradient(circle at 92% 18%,rgba(63,139,69,.045),transparent 22%),
    linear-gradient(180deg,#fff 0%,#fcfdfb 100%)!important;
}
.article-media-section{
  border-top:0!important;
  margin-top:44px;
  padding:30px;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(63,139,69,.055),transparent 25%),
    linear-gradient(145deg,#fbfdf9,#f5f9f2);
  box-shadow:inset 0 0 0 1px rgba(214,228,211,.72);
}
.article-bottom-actions{
  border-top:0!important;
  padding:18px!important;
  border-radius:18px;
  background:linear-gradient(145deg,#f8fbf6,#fff);
}
.article-comments{
  border-top:0!important;
  padding:28px!important;
  border-radius:22px;
  background:linear-gradient(145deg,#fbfdf9,#f5f9f2);
  box-shadow:inset 0 0 0 1px rgba(218,230,215,.72);
}
.related-news-section{border-top:0!important}
.flow-related-news{
  background:
    radial-gradient(circle at 12% 18%,rgba(230,167,45,.045),transparent 22%),
    radial-gradient(circle at 90% 80%,rgba(63,139,69,.055),transparent 24%),
    linear-gradient(180deg,#f8fbf6 0%,#f3f8f0 52%,#fafcf8 100%)!important;
}

/* طلب المساعدة */
.assistance-section{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 92% 15%,rgba(63,139,69,.055),transparent 22%),
    radial-gradient(circle at 8% 86%,rgba(230,167,45,.035),transparent 20%),
    linear-gradient(180deg,#f6faf4 0%,#fff 26%,#fff 100%)!important;
}

/* تدقيق الاستجابة العام */
main,section,.container,
.two-col>*,.contact-grid>*,.article-layout>*,
.services-grid>*,.news-grid>*,.values-grid>*,
.footer-grid>*{min-width:0}
.breadcrumbs{flex-wrap:wrap}
.content-copy,.news-body,.article-main,.contact-item>div,.footer-grid{overflow-wrap:anywhere}
.article-source a,.contact-item a,.footer-grid a{overflow-wrap:anywhere;word-break:break-word}
iframe,video,embed,object{max-width:100%}
.section-heading .btn{flex-shrink:0}
.contact-form,.feature-panel,.vision-card,.service-card,.news-card{max-width:100%}

/* تابلت */
@media(max-width:1024px){
  .section{padding:76px 0}
  .page-hero{padding:70px 0}
  .page-flow-section:before,.page-flow-section:after{opacity:.55}
  .article-media-section{padding:24px}
  .article-comments{padding:24px!important}
  .values-story-grid .value-card{min-height:238px}
}
@media(max-width:860px){
  .page-hero h1{font-size:clamp(2.15rem,7vw,3.2rem)}
  .section-title{font-size:clamp(1.85rem,5vw,2.55rem)}
  .section-heading{gap:18px}
  .section-heading .btn{align-self:flex-start}
  .contact-grid,.two-col{gap:32px}
  .article-media-section{margin-top:34px}
}

/* جوال */
@media(max-width:600px){
  .section{padding:58px 0}
  .page-hero{padding:56px 0}
  .page-hero h1{font-size:clamp(2rem,10vw,2.65rem)}
  .page-hero p{font-size:.94rem}
  .section-title{font-size:clamp(1.75rem,8vw,2.25rem)}
  .section-intro{font-size:.94rem}
  .page-flow-section:before,.page-flow-section:after{opacity:.26}
  .values-story-grid .value-card{min-height:0;height:auto}
  .values-story-grid:before{display:none!important}
  .value-story-dot{display:none!important}
  .article-media-section{padding:18px;border-radius:18px}
  .article-comments{padding:18px!important;border-radius:18px}
  .article-bottom-actions{padding:14px!important}
  .social-card{padding:22px}
  .social-card img{width:54px;height:54px}
  .contact-form{padding:22px}
  .breadcrumbs{font-size:.78rem;gap:6px}
}
@media(max-width:390px){
  .container{width:min(100% - 20px,1180px)}
  .hero h1{font-size:2.22rem}
  .brand-copy strong{font-size:.8rem}
  .lang-link{padding:6px 8px;font-size:.78rem}
  .article-media-section{padding:15px}
  .social-card{padding:18px}
}


/* V9.7.7 — tighter section rhythm + remove horizontal stats frame lines */

/* الإحصائيات: إزالة الخط العرضي المحيط بالقسم مع إبقاء الفصل الداخلي الهادئ. */
.stats-grid{
  border:0!important;
  box-shadow:0 16px 42px rgba(18,57,28,.09)!important;
  background:rgba(255,255,255,.98);
}
.stat{
  border-top:0!important;
  border-bottom:0!important;
}
/* الفواصل العمودية الداخلية تبقى خفيفة فقط على الشاشات الواسعة. */
.stat:not(:last-child){
  border-inline-end:1px solid rgba(223,232,220,.72)!important;
}

/* تقليل الفراغ بين الأقسام بنحو 15–20% حتى تصبح الصفحة أكثر تماسكًا. */
.section{
  padding:72px 0!important;
}
.section-heading{
  margin-bottom:28px!important;
}
.values-story-grid{
  margin-top:28px!important;
}
.partners{
  margin-top:24px!important;
}
.news-list-head{
  margin-bottom:20px!important;
}
.article-media-section{
  margin-top:36px!important;
}
.article-section-title{
  margin-bottom:18px!important;
}

/* انتقال ناعم أسفل الإحصائيات بدل أي فاصل واضح. */
.stats{
  position:relative;
}
.stats:after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-34px;
  width:min(760px,70vw);
  height:70px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(63,139,69,.055),transparent 68%);
  pointer-events:none;
  z-index:-1;
}

/* تابلت */
@media(max-width:1024px){
  .section{padding:62px 0!important}
  .section-heading{margin-bottom:25px!important}
  .stats{margin-top:-38px}
}

/* جوال */
@media(max-width:600px){
  .section{padding:50px 0!important}
  .section-heading{margin-bottom:22px!important}
  .values-story-grid{margin-top:22px!important}
  .partners{margin-top:20px!important}
  .stats-grid{
    box-shadow:0 12px 34px rgba(18,57,28,.08)!important;
  }
  .stat{
    padding:21px 14px!important;
  }
  .stats:after{
    bottom:-25px;
    height:50px;
    width:82vw;
  }
}

/* شاشات صغيرة جدًا */
@media(max-width:390px){
  .section{padding:46px 0!important}
  .stat{padding:19px 10px!important}
}


/* V9.7.8 — smooth stats-side transition + slightly tighter vertical spacing */

/* تنعيم المنطقة الجانبية حول قسم الإحصائيات حتى لا يظهر خط/فاصل أفقي على الجانبين */
.stats{
  position:relative;
  margin-top:-52px!important;
  z-index:5;
  padding-bottom:10px;
}
.stats:before{
  content:'';
  position:absolute;
  inset:-34px 0 -20px 0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(237,245,233,1) 0%,
      rgba(243,247,239,.98) 34%,
      rgba(248,251,246,.96) 62%,
      rgba(255,255,255,.92) 84%,
      rgba(255,255,255,0) 100%);
}
.stats:after{
  bottom:-20px!important;
  height:52px!important;
  width:min(620px,62vw)!important;
  opacity:.65;
}
.stats-grid{
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 16px 38px rgba(18,57,28,.08)!important;
}

/* تقليل إضافي للمسافات بين الأقسام */
.section{
  padding:64px 0!important;
}
.section-heading{
  margin-bottom:24px!important;
}
.section-intro{
  margin-top:8px;
}
.values-story-grid{
  margin-top:24px!important;
}
.partners{
  margin-top:20px!important;
}
.article-media-section{
  margin-top:30px!important;
}
.article-section-title{
  margin-bottom:16px!important;
}
.page-hero{
  padding:62px 0!important;
}
.hero{
  padding:62px 0 78px!important;
}
.social-section:before{
  height:54px!important;
}

/* تابلت */
@media(max-width:1024px){
  .section{padding:56px 0!important}
  .page-hero{padding:58px 0!important}
  .hero{padding:58px 0 72px!important}
  .stats{margin-top:-46px!important}
  .stats:before{inset:-26px 0 -16px 0}
  .section-heading{margin-bottom:22px!important}
}

/* جوال */
@media(max-width:600px){
  .section{padding:44px 0!important}
  .page-hero{padding:48px 0!important}
  .hero{padding:48px 0 64px!important}
  .stats{
    margin-top:-34px!important;
    padding-bottom:6px;
  }
  .stats:before{
    inset:-18px 0 -10px 0;
    background:linear-gradient(180deg,
      rgba(237,245,233,.94) 0%,
      rgba(247,250,245,.92) 58%,
      rgba(255,255,255,0) 100%);
  }
  .stats:after{
    bottom:-14px!important;
    height:34px!important;
    width:72vw!important;
    opacity:.5;
  }
  .section-heading{margin-bottom:18px!important}
  .values-story-grid{margin-top:18px!important}
  .partners{margin-top:16px!important}
}

/* شاشات صغيرة جدًا */
@media(max-width:390px){
  .section{padding:40px 0!important}
  .page-hero{padding:44px 0!important}
  .hero{padding:44px 0 58px!important}
}


/* V9.7.9 — fix unintended hero/stats horizontal band */

/* إلغاء التراكب الذي سبّب ظهور شريط/خط أفقي داخل الهيرو فوق قسم الإحصائيات */
.stats:before{
  content:none!important;
  display:none!important;
}

/* تنعيم الانتقال من الهيرو إلى قسم الإحصائيات بطريقة طبيعية بدون مستطيل أو خط ظاهر */
.hero{
  background:
    radial-gradient(circle at 12% 18%, rgba(230,167,45,.11), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(63,139,69,.08), transparent 24%),
    linear-gradient(180deg,
      #f8faf5 0%,
      #f3f7ef 48%,
      #eef4ea 72%,
      #f7faf5 86%,
      #ffffff 100%)!important;
  padding:60px 0 76px!important;
}

/* بطاقات الإحصائيات ترتفع قليلًا لكن دون التسبب بأي شريط جانبي */
.stats{
  margin-top:-40px!important;
  padding-bottom:4px!important;
}
.stats:after{
  bottom:-14px!important;
  height:42px!important;
  width:min(560px,58vw)!important;
  opacity:.42!important;
}
.stats-grid{
  background:#fff!important;
  box-shadow:0 14px 34px rgba(18,57,28,.08)!important;
}

/* تقريب الأقسام قليلًا إضافيًا مع الحفاظ على الراحة البصرية */
.section{
  padding:60px 0!important;
}
.section-heading{
  margin-bottom:22px!important;
}
.values-story-grid{
  margin-top:20px!important;
}
.partners{
  margin-top:18px!important;
}
.page-hero{
  padding:56px 0!important;
}
.social-section:before{
  height:42px!important;
}

/* تابلت */
@media(max-width:1024px){
  .hero{padding:54px 0 68px!important}
  .page-hero{padding:52px 0!important}
  .stats{margin-top:-34px!important}
  .section{padding:52px 0!important}
}

/* جوال */
@media(max-width:600px){
  .hero{
    padding:46px 0 60px!important;
    background:
      radial-gradient(circle at 15% 16%, rgba(230,167,45,.09), transparent 24%),
      radial-gradient(circle at 84% 18%, rgba(63,139,69,.07), transparent 22%),
      linear-gradient(180deg,
        #f8faf5 0%,
        #f1f6ed 62%,
        #ffffff 100%)!important;
  }
  .page-hero{padding:44px 0!important}
  .stats{margin-top:-28px!important}
  .stats:after{
    height:28px!important;
    width:66vw!important;
    bottom:-10px!important;
    opacity:.34!important;
  }
  .section{padding:42px 0!important}
}


/* V9.7.10 — improve mobile article image height and mobile gallery viewer */

/* الصفحة نفسها: صورة الخبر على الجوال تكون أطول وأكثر حضورًا بدل أن تظهر كشريط قصير */
@media(max-width:600px){
  .article-cover{
    border-width:6px!important;
    border-radius:22px!important;
    box-shadow:0 16px 40px rgba(15,50,24,.16)!important;
    background:#eef4ea!important;
  }
  .article-cover img{
    aspect-ratio:4/3!important;
    min-height:260px!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#eef4ea!important;
  }
  .article-gallery-item{
    border-radius:15px!important;
  }
  .article-gallery-item img,
  .article-rich-content img,
  .article-inline-image-external img{
    aspect-ratio:4/3!important;
    min-height:220px!important;
    object-fit:cover!important;
    object-position:center center!important;
    width:100%!important;
    max-width:100%!important;
    background:#eef4ea!important;
  }

  /* عارض الصور: تقليل السواد الزائد واستغلال شاشة الجوال أفضل */
  .news-gallery-lightbox{
    width:calc(100% - 10px)!important;
    height:calc(100dvh - 10px)!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:18px!important;
    background:rgba(8,16,11,.96)!important;
    box-shadow:0 20px 65px rgba(0,0,0,.42)!important;
  }
  .news-gallery-lightbox::backdrop{
    background:rgba(2,7,4,.68)!important;
    backdrop-filter:blur(4px)!important;
  }
  .gallery-lightbox-shell{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;
  }
  .gallery-lightbox-stage{
    height:100%!important;
    padding:14px 6px 12px!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    align-content:center!important;
  }
  .gallery-lightbox-stage img{
    display:block!important;
    width:auto!important;
    max-width:calc(100vw - 22px)!important;
    max-height:calc(100dvh - 120px)!important;
    margin:auto!important;
    border-radius:10px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    object-fit:contain!important;
    background:transparent!important;
  }
  .gallery-lightbox-stage p{
    margin:8px auto 0!important;
    max-width:92vw!important;
    font-size:.84rem!important;
    line-height:1.5!important;
  }
  .gallery-lightbox-counter{
    top:10px!important;
    inset-inline-start:10px!important;
  }
  .gallery-lightbox-close{
    top:10px!important;
    inset-inline-end:10px!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .gallery-lightbox-nav{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    font-size:1.65rem!important;
    z-index:3!important;
    background:rgba(7,20,10,.42)!important;
    backdrop-filter:blur(4px)!important;
  }
  .gallery-lightbox-prev{inset-inline-start:8px!important}
  .gallery-lightbox-next{inset-inline-end:8px!important}
}

/* شاشات أصغر جدًا */
@media(max-width:390px){
  .article-cover img{min-height:240px!important}
  .article-gallery-item img,
  .article-rich-content img,
  .article-inline-image-external img{min-height:205px!important}
  .news-gallery-lightbox{
    width:calc(100% - 6px)!important;
    height:calc(100dvh - 6px)!important;
    border-radius:14px!important;
  }
  .gallery-lightbox-stage{
    padding:12px 4px 10px!important;
  }
  .gallery-lightbox-stage img{
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100dvh - 108px)!important;
  }
}


/* V9.7.11 — restore the main article cover on mobile to the previous layout.
   Gallery/lightbox mobile improvements from V9.7.10 remain unchanged. */
@media(max-width:600px){
  .article-cover{
    border-width:5px!important;
    border-radius:18px!important;
    background:#eaf0e7!important;
    box-shadow:0 22px 60px rgba(15,50,24,.16)!important;
  }
  .article-cover img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#eaf0e7!important;
  }
}

@media(max-width:390px){
  .article-cover img{
    min-height:0!important;
  }
}


/* V9.7.12 — announcements */
.announcement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.announcement-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 10px 34px rgba(22,61,28,.07);transition:.25s;display:flex;flex-direction:column;min-width:0}
.announcement-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.announcement-card.is-ended{opacity:.88}
.announcement-media{display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5e9,#f9fbf7);min-height:205px}
.announcement-media img{width:100%;height:225px;object-fit:cover;display:block;transition:.4s}
.announcement-card:hover .announcement-media img{transform:scale(1.025)}
.announcement-media-placeholder{height:225px;display:grid;place-items:center;align-content:center;gap:5px;color:var(--primary)}
.announcement-media-placeholder span{font-size:3.2rem;line-height:1}
.announcement-media-placeholder small{font-weight:900;letter-spacing:.03em}
.announcement-status,.announcement-pinned{position:absolute;top:14px;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:900;box-shadow:0 5px 20px rgba(0,0,0,.08)}
.announcement-status{inset-inline-start:14px}
.announcement-status.active{background:#e1f2df;color:#1f6330;border:1px solid #c7e4c5}
.announcement-status.ended{background:#f1f2f1;color:#687169;border:1px solid #dfe3df}
.announcement-pinned{inset-inline-end:14px;background:#fff0b9;color:#76590b;border:1px solid #efd87d}
.announcement-pinned.inline{position:static;box-shadow:none;display:inline-flex}
.announcement-body{padding:23px;display:flex;flex-direction:column;flex:1}
.announcement-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#758078;font-size:.78rem}
.announcement-meta span{color:var(--primary);font-weight:900}
.announcement-body h3{font-size:1.25rem;line-height:1.5;margin:10px 0 7px;color:var(--primary-dark)}
.announcement-body h3 a{color:inherit}
.announcement-body p{color:var(--muted);font-size:.92rem;line-height:1.8}
.announcement-deadline{display:flex;justify-content:space-between;gap:10px;margin-top:15px;padding:10px 12px;border-radius:12px;background:#f7faf5;border:1px solid #e3eadf;font-size:.79rem}
.announcement-deadline b{color:var(--primary-dark)}
.announcement-deadline span{color:var(--muted)}
.announcement-body .read-more{margin-top:auto;padding-top:14px}
.announcement-index-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.announcement-index-head h2{font-size:clamp(1.8rem,3vw,2.45rem);color:var(--primary-dark);margin-top:4px}
.announcement-counts{display:flex;gap:9px;flex-wrap:wrap}
.announcement-counts span{padding:9px 12px;border-radius:999px;background:#f5f8f3;border:1px solid var(--border);color:var(--muted);font-size:.82rem}
.announcement-counts b{color:var(--primary);margin-inline-end:4px}
.home-announcements-section{position:relative;overflow:hidden}
.home-announcements-section:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(230,167,45,.08),transparent 68%);inset-inline-end:-150px;top:-140px;pointer-events:none}

.announcement-detail-hero{padding:68px 0 135px;background:linear-gradient(125deg,#0e3218,#245f2f 70%,#3f8b45);color:#fff;position:relative;overflow:hidden}
.announcement-detail-hero:after{content:"";position:absolute;width:460px;height:460px;border:80px solid rgba(255,255,255,.04);border-radius:50%;inset-inline-end:-150px;bottom:-280px}
.announcement-detail-hero-inner{max-width:980px;position:relative;z-index:1}
.announcement-detail-hero .breadcrumbs{margin:0 0 25px}
.announcement-detail-tags{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.announcement-detail-tags .announcement-status{position:static;box-shadow:none}
.announcement-detail-hero h1{font-size:clamp(2.25rem,4.8vw,4.5rem);line-height:1.22;margin:16px 0 13px;max-width:1020px}
.announcement-detail-hero p{color:#e3efe2;max-width:850px;font-size:clamp(1rem,1.6vw,1.18rem)}
.announcement-detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#d8e8d7;font-size:.86rem;margin-top:20px}
.announcement-cover-section{margin-top:-92px;position:relative;z-index:3}
.announcement-cover{max-width:1120px;margin:auto;border:8px solid #fff;border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(15,50,24,.19);background:#eef3eb}
.announcement-cover img{display:block;width:100%;max-height:620px;object-fit:cover}
.announcement-detail-content{padding-top:58px!important}
.announcement-detail-layout{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;align-items:start}
.announcement-main-card{min-width:0}
.announcement-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f4f9f1,#fff);border:1px solid var(--border)}
.announcement-side-card{position:sticky;top:125px;border:1px solid var(--border);border-radius:19px;padding:21px;background:#fbfdf9;box-shadow:0 12px 35px rgba(28,72,35,.07)}
.announcement-side-card dl{display:grid;margin-top:13px}
.announcement-side-card dl>div{padding:11px 0;border-bottom:1px solid #e7ece5}
.announcement-side-card dl>div:last-child{border:0}
.announcement-side-card dt{font-size:.75rem;color:var(--muted);font-weight:800}
.announcement-side-card dd{margin-top:3px;color:var(--primary-dark);font-weight:800}
.announcement-no-details{color:var(--muted);padding:20px;border-radius:14px;background:#f7faf5;border:1px solid var(--border)}

@media(max-width:900px){
  .announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .announcement-detail-layout{grid-template-columns:1fr}
  .announcement-side-card{position:static}
}
@media(max-width:600px){
  .announcement-grid{grid-template-columns:1fr}
  .announcement-index-head{align-items:flex-start;flex-direction:column}
  .announcement-media,.announcement-media img,.announcement-media-placeholder{min-height:0;height:210px}
  .announcement-detail-hero{padding:48px 0 105px}
  .announcement-detail-hero h1{font-size:2.15rem}
  .announcement-cover-section{margin-top:-66px}
  .announcement-cover{border-width:5px;border-radius:18px}
  .announcement-cover img{max-height:none}
  .announcement-detail-content{padding-top:40px!important}
  .announcement-actions{align-items:stretch;flex-direction:column}
  .announcement-actions .btn{width:100%}
}


/* V9.7.13 — announcement image consistency + seamless home flow */

/* بطاقات الإعلانات بنفس ارتفاع صور بطاقات الأخبار */
.announcement-media img,
.announcement-media-placeholder{
  height:235px!important;
}
.announcement-media{
  min-height:235px!important;
}

/* صورة تفاصيل الإعلان بنفس إطار ونسبة صورة الخبر الرئيسية (1600×750) */
.announcement-cover-section>.container{
  width:min(1120px,calc(100% - 28px));
}
.announcement-cover{
  display:block!important;
  width:100%!important;
  max-width:1120px!important;
  aspect-ratio:1600/750!important;
  margin-inline:auto!important;
  padding:0!important;
  border:7px solid #fff!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#eaf0e7!important;
  box-shadow:0 22px 60px rgba(15,50,24,.16)!important;
}
.announcement-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eaf0e7!important;
}

/* الرئيسية: دمج ألوان الأقسام بدون فواصل مرئية */
.values-story-section,
.ambient-services,
.ambient-news,
.home-announcements-section,
.ambient-partners{
  border:0!important;
  box-shadow:none!important;
}
.home-announcements-section{
  position:relative;
  isolation:isolate;
  margin-top:-1px!important;
  margin-bottom:-1px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(63,139,69,.055),transparent 25%),
    radial-gradient(circle at 11% 82%,rgba(230,167,45,.035),transparent 24%),
    linear-gradient(180deg,
      #f8fbf6 0%,
      #f5f9f2 30%,
      #f5f9f2 72%,
      #f8fbf6 100%)!important;
}
.home-announcements-section:before{
  opacity:.55!important;
}
.ambient-news{
  margin-bottom:-1px!important;
}
.ambient-partners{
  margin-top:-1px!important;
}

/* إبراز تاريخ انتهاء الإعلان بدون مبالغة */
.announcement-deadline{
  align-items:center;
}
.announcement-deadline b{
  font-size:.8rem;
}
.announcement-detail-meta strong{
  color:#fff;
}

@media(max-width:600px){
  .announcement-media,
  .announcement-media img,
  .announcement-media-placeholder{
    height:235px!important;
    min-height:235px!important;
  }
  .announcement-cover{
    border-width:5px!important;
    border-radius:18px!important;
  }
  .home-announcements-section{
    margin-top:-1px!important;
    margin-bottom:-1px!important;
  }
}


/* V9.7.14 — optional urgent announcement bar + sharing/SEO support */
.site-alert-bar{
  position:relative;
  z-index:70;
  background:linear-gradient(90deg,#7a5910,#9b7418 48%,#74520b);
  color:#fff;
  border:0;
}
.site-alert-inner{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding-top:7px;
  padding-bottom:7px;
}
.site-alert-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  line-height:1.45;
}
.site-alert-icon{flex:0 0 auto}
.site-alert-copy strong{
  font-size:.9rem;
  color:#fff;
}
.site-alert-deadline{
  display:inline-flex;
  align-items:center;
  padding-inline-start:10px;
  border-inline-start:1px solid rgba(255,255,255,.28);
  color:#fff8d8;
  font-size:.78rem;
  white-space:nowrap;
}
.site-alert-inner>a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.27);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
}
.site-alert-inner>a:hover{background:rgba(255,255,255,.2)}
@media(max-width:760px){
  .site-alert-inner{justify-content:space-between;gap:10px;min-height:48px}
  .site-alert-copy{justify-content:flex-start;gap:6px;overflow:hidden}
  .site-alert-copy strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-alert-deadline{display:none}
  .site-alert-inner>a{font-size:.72rem;padding:5px 9px}
}
@media(max-width:390px){
  .site-alert-inner>a span{display:none}
}


/* V9.7.22 — subtle semantic service-card watermarks */
.service-card{
  isolation:isolate;
  min-height:250px;
}
.service-card>*{
  position:relative;
  z-index:2;
}
.service-card:before{
  content:'';
  position:absolute;
  z-index:0;
  inset-inline-end:-18px;
  bottom:-22px;
  width:176px;
  height:176px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.072;
  pointer-events:none;
  transform:rotate(-5deg);
  transition:opacity .25s ease,transform .3s ease;
}
.service-card:hover:before{
  opacity:.105;
  transform:rotate(-2deg) scale(1.025);
}
.service-card:after{
  z-index:1;
  width:112px;
  height:112px;
  background:linear-gradient(145deg,rgba(63,139,69,.11),rgba(230,167,45,.055));
}

/* Education — open book + learning spark */
.service-visual-education:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 48c22-8 42-2 62 12v82c-19-14-40-19-62-12V48Z'/%3E%3Cpath d='M152 48c-22-8-42-2-62 12v82c19-14 40-19 62-12V48Z'/%3E%3Cpath d='M90 60v82'/%3E%3Cpath d='M130 27v18M121 36h18M42 29l8 8M50 29l-8 8'/%3E%3C/svg%3E");
}

/* Rehabilitation — person + mobility / support arc */
.service-visual-rehabilitation:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='88' cy='38' r='14'/%3E%3Cpath d='M85 55 70 87l27 17 17 38M72 85l-25 30M91 72l32 13'/%3E%3Ccircle cx='73' cy='122' r='35'/%3E%3Cpath d='M108 123h28l15 25M118 63c18 7 28 22 30 39'/%3E%3C/svg%3E");
}

/* Awareness & training — presenter + audience */
.service-visual-awareness:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='36' y='28' width='108' height='70' rx='8'/%3E%3Cpath d='M56 78l20-20 18 15 28-28M90 98v23'/%3E%3Ccircle cx='52' cy='132' r='11'/%3E%3Ccircle cx='90' cy='132' r='11'/%3E%3Ccircle cx='128' cy='132' r='11'/%3E%3Cpath d='M32 158c4-15 14-22 20-22s16 7 20 22M70 158c4-15 14-22 20-22s16 7 20 22M108 158c4-15 14-22 20-22s16 7 20 22'/%3E%3C/svg%3E");
}

/* Relief & emergencies — aid box + protective hands */
.service-visual-relief:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 45h70l17 29-52 28-52-28 17-29Z'/%3E%3Cpath d='M90 102v42M38 74v49l52 28 52-28V74M72 65h36M90 47v36'/%3E%3Cpath d='M23 126c16 0 25 8 34 18M157 126c-16 0-25 8-34 18'/%3E%3C/svg%3E");
}

/* Community initiatives — connected community */
.service-visual-initiatives:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='90' cy='52' r='14'/%3E%3Ccircle cx='48' cy='78' r='12'/%3E%3Ccircle cx='132' cy='78' r='12'/%3E%3Cpath d='M63 137c2-29 13-47 27-47s25 18 27 47M25 141c2-27 10-44 23-44 8 0 15 7 19 20M155 141c-2-27-10-44-23-44-8 0-15 7-19 20'/%3E%3Cpath d='M58 63 78 55M122 63l-20-8M63 89l16 14M117 89l-16 14'/%3E%3C/svg%3E");
}

/* Psychosocial support — heart + embracing/supporting hands */
.service-visual-psychosocial:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M90 128 50 91C25 68 39 37 63 37c13 0 22 7 27 17 5-10 14-17 27-17 24 0 38 31 13 54l-40 37Z'/%3E%3Cpath d='M24 134c15-6 29-4 42 5l24 16M156 134c-15-6-29-4-42 5l-24 16'/%3E%3Cpath d='M52 132c9-8 18-11 28-7M128 132c-9-8-18-11-28-7'/%3E%3C/svg%3E");
}



/* V9.7.23 — additional selectable service-card watermarks */
/* Health & medical care — medical cross + heart pulse */
.service-visual-health:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M72 30h36v30h30v36h-30v30H72V96H42V60h30V30Z'/%3E%3Cpath d='M28 139h32l12-19 18 33 16-25 10 11h36'/%3E%3C/svg%3E");
}
/* Children — child face + playful star */
.service-visual-children:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='86' cy='76' r='38'/%3E%3Cpath d='M52 62c8-25 28-36 51-25 14 7 21 18 22 34M70 82h2M101 82h2M73 101c9 8 19 8 28 0'/%3E%3Cpath d='m135 35 5 12 13 1-10 8 3 13-11-7-11 7 3-13-10-8 13-1 5-12ZM48 131c12-15 26-22 40-22s28 7 40 22v22H48v-22Z'/%3E%3C/svg%3E");
}
/* Assistive devices — wheelchair + support cane */
.service-visual-assistive:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='75' cy='127' r='36'/%3E%3Ccircle cx='76' cy='45' r='13'/%3E%3Cpath d='M75 61v42h35l20 36M76 78h32M98 103l15 28h29M145 49v83M136 49h18'/%3E%3C/svg%3E");
}
/* Food & in-kind aid — basket + produce */
.service-visual-food:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35 76h110l-12 67H47L35 76Z'/%3E%3Cpath d='M58 76c4-26 17-40 32-40s28 14 32 40M58 101h64M55 122h70'/%3E%3Ccircle cx='66' cy='64' r='10'/%3E%3Ccircle cx='111' cy='61' r='12'/%3E%3Cpath d='M111 49c2-10 8-15 16-17'/%3E%3C/svg%3E");
}
/* Protection & family support — shield + family */
.service-visual-protection:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M90 24 145 43v42c0 37-22 59-55 73-33-14-55-36-55-73V43l55-19Z'/%3E%3Ccircle cx='90' cy='71' r='12'/%3E%3Ccircle cx='62' cy='86' r='9'/%3E%3Ccircle cx='118' cy='86' r='9'/%3E%3Cpath d='M68 126c3-23 11-35 22-35s19 12 22 35M45 127c2-18 8-28 17-28 6 0 11 5 14 13M135 127c-2-18-8-28-17-28-6 0-11 5-14 13'/%3E%3C/svg%3E");
}
/* General — BSCR-inspired community leaf / people */
.service-visual-general:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23245f2f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='90' cy='55' r='12'/%3E%3Ccircle cx='55' cy='73' r='10'/%3E%3Ccircle cx='125' cy='73' r='10'/%3E%3Cpath d='M42 137c8-34 24-53 48-53s40 19 48 53M24 137c5-24 15-39 31-39M156 137c-5-24-15-39-31-39'/%3E%3Cpath d='M37 151c26 9 80 9 106 0M30 46c19 4 33 14 43 29M150 46c-19 4-33 14-43 29'/%3E%3C/svg%3E");
}

@media(max-width:600px){
  .service-card{min-height:0}
  .service-card:before{width:142px;height:142px;inset-inline-end:-20px;bottom:-24px;opacity:.062}
  .service-card:hover:before{opacity:.082}
}


/* V9.7.24 — ready-made announcement visuals + compact detail header */
.announcement-detail-hero{
  padding:42px 0 32px!important;
}
.announcement-detail-hero-inner{
  max-width:1040px!important;
}
.announcement-detail-hero .breadcrumbs{
  margin-bottom:16px!important;
}
.announcement-detail-hero h1{
  font-size:clamp(1.75rem,3.25vw,3rem)!important;
  line-height:1.28!important;
  margin:12px 0 8px!important;
  max-width:980px!important;
}
.announcement-detail-hero p{
  font-size:clamp(.95rem,1.25vw,1.08rem)!important;
  line-height:1.8!important;
  margin:0!important;
}
.announcement-detail-meta{
  margin-top:14px!important;
}
.announcement-cover-section{
  margin-top:26px!important;
  position:relative!important;
  z-index:3!important;
}
.announcement-cover{
  box-shadow:0 14px 38px rgba(15,50,24,.12)!important;
}
.announcement-cover img,
.announcement-media img{
  object-fit:cover!important;
  object-position:center!important;
}
.announcement-detail-content{
  padding-top:38px!important;
}
@media(max-width:600px){
  .announcement-detail-hero{padding:30px 0 22px!important}
  .announcement-detail-hero .breadcrumbs{margin-bottom:12px!important}
  .announcement-detail-hero h1{font-size:1.55rem!important;line-height:1.4!important;margin:10px 0 7px!important}
  .announcement-detail-hero p{font-size:.94rem!important}
  .announcement-detail-meta{font-size:.78rem!important;margin-top:11px!important;gap:10px!important}
  .announcement-cover-section{margin-top:18px!important}
  .announcement-detail-content{padding-top:30px!important}
}


/* V9.7.25 — announcement card image + body image polish */
.announcement-card{height:100%}
.announcement-media{background:#eaf1e7;aspect-ratio:16/10;min-height:0}
.announcement-media img,.announcement-media-placeholder{width:100%;height:100%;min-height:0}
.announcement-body{gap:10px}
.announcement-body h3{font-size:1.18rem;line-height:1.5;margin:8px 0 2px}
.announcement-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.announcement-deadline{margin-top:8px}
.announcement-cover{background:#fff}
.announcement-cover img{width:100%;height:auto;max-height:620px;object-fit:cover}
.announcement-admin-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){
  .announcement-media{height:auto;aspect-ratio:16/10}
  .announcement-media img,.announcement-media-placeholder{height:100%}
}


/* V9.7.26 — compact announcement cards + attached image gallery */
.announcement-media{aspect-ratio:1600/750!important;height:auto!important;min-height:0!important;background:#edf4eb}
.announcement-media img{width:100%!important;height:100%!important;min-height:0!important;display:block}
.announcement-media.is-template-image img{object-fit:contain!important;object-position:center!important;transform:none!important}
.announcement-media.is-custom-image img{object-fit:cover!important;object-position:center!important}
.announcement-card:hover .announcement-media.is-template-image img{transform:none!important}
.announcement-body{padding:20px 22px!important}
.announcement-body h3{font-size:1.13rem!important;line-height:1.55!important}
.announcement-attachments-section{margin-top:34px;padding-top:28px;border-top:1px solid var(--border)}
.announcement-attachments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.announcement-attachments-grid figure{min-width:0}
.announcement-attachment-image{position:relative;width:100%;aspect-ratio:4/3;padding:0;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#eef3eb;cursor:zoom-in;box-shadow:0 7px 22px rgba(20,60,28,.07);transition:.22s}
.announcement-attachment-image img{width:100%;height:100%;object-fit:cover;transition:.3s}
.announcement-attachment-image span{position:absolute;inset:auto 10px 10px 10px;width:max-content;max-width:calc(100% - 20px);padding:6px 10px;border-radius:999px;background:rgba(9,31,15,.76);color:#fff;font-size:.72rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s}
.announcement-attachment-image:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,60,28,.12)}
.announcement-attachment-image:hover img{transform:scale(1.025)}
.announcement-attachment-image:hover span{opacity:1;transform:none}
.announcement-attachments-grid figcaption{font-size:.78rem;color:var(--muted);line-height:1.6;margin-top:7px;text-align:center}
@media(max-width:900px){.announcement-attachments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.announcement-media{aspect-ratio:1600/750!important;height:auto!important}.announcement-attachments-grid{grid-template-columns:1fr 1fr;gap:10px}.announcement-attachment-image{border-radius:12px}.announcement-attachment-image span{opacity:1;transform:none;font-size:.66rem}}