:root{--navy:var(--ds-secondary);--blue:var(--ds-info);--red:var(--ds-legacy-e51b23);--orange:var(--ds-legacy-f58220);--ink:var(--ds-legacy-102a43);--muted:var(--ds-legacy-64748b);--line:var(--ds-legacy-e6edf5);--bg:var(--ds-legacy-f5f8fc);--white:var(--ds-surface);--shadow:0 14px 38px rgba(8,43,80,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--ds-font-body);background:var(--bg);color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:var(--ds-legacy-eef4f9);color:var(--ds-legacy-153858);font-size:13px;border-bottom:1px solid var(--ds-legacy-e2e8f0)}.topbar .wrap,.navin{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar .wrap{min-height:42px}.toplinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.navin{min-height:82px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--ds-font-heading);font-weight:800;color:var(--navy)}.brand img{width:78px;height:56px;object-fit:contain}.links{display:flex;align-items:center;gap:20px;font-weight:700;font-size:14px}.links a:hover,.links .active{color:var(--red)}.menu-btn{display:none;border:0;background:var(--navy);color:var(--ds-surface);border-radius:10px;padding:9px 12px}.hero{min-height:530px;color:var(--ds-surface);display:flex;align-items:center;background:linear-gradient(115deg,var(--ds-legacy-061f39),var(--ds-info))}.hero-content{padding:72px 0;max-width:680px}.kicker{display:inline-block;font-weight:800;color:var(--ds-legacy-d9ebff);margin-bottom:8px}.hero h1{font:800 clamp(36px,5vw,58px)/1.3 var(--ds-font-heading);margin:0 0 14px}.hero p{font-size:19px;color:var(--ds-legacy-e2edf8);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;font-weight:800}.btn.red{background:var(--red);color:var(--ds-surface)}.btn.white{background:var(--ds-surface);color:var(--navy)}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.trust div{border:1px solid rgba(255,255,255,.18);background:rgba(5,32,58,.24);backdrop-filter:blur(5px);padding:12px 14px;border-radius:12px;font-weight:700;text-align:center}.section{padding:68px 0}.section.white{background:var(--ds-surface)}.heading{text-align:center;margin-bottom:32px}.heading h2{font:800 31px/1.4 var(--ds-font-heading);color:var(--navy);margin:0 0 8px}.heading p{color:var(--muted);margin:0}.underline{width:42px;height:3px;background:var(--red);border-radius:5px;margin:10px auto}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{background:var(--ds-surface);border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 6px 20px rgba(8,43,80,.05);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.service{text-align:center}.service .ico{width:58px;height:58px;margin:auto;border-radius:16px;display:grid;place-items:center;background:var(--ds-legacy-e9f3ff);color:var(--blue);font-size:26px;font-weight:900}.service.gas .ico{background:var(--ds-legacy-fff0f0);color:var(--red)}.service h3{font:800 17px var(--ds-font-heading);color:var(--navy);margin:15px 0 7px}.service p{color:var(--muted);font-size:14px;min-height:50px}.service a{display:block;background:var(--ds-legacy-e9f3ff);color:var(--blue);padding:8px;border-radius:999px;font-weight:800}.service.gas a{background:var(--ds-legacy-fff0f0);color:var(--red)}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.feature{min-height:300px;border-radius:18px;padding:34px;color:var(--ds-surface);background:linear-gradient(125deg,var(--ds-secondary),var(--ds-legacy-0864a8));position:relative;overflow:hidden}.feature h2{font:800 30px var(--ds-font-heading);margin:0 0 8px}.feature p{color:var(--ds-legacy-e0efff)}.feature ul{padding-right:20px}.feature .btn{margin-top:14px}.offers{background:var(--ds-surface);border:1px solid var(--line);border-radius:18px;padding:26px}.offers h2{font:800 25px var(--ds-font-heading);color:var(--navy);margin-top:0}.placeholder{height:190px;border:1px dashed var(--ds-legacy-bfd0e2);border-radius:14px;background:var(--ds-legacy-f7faff);display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}.branches{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.branch{padding:0;overflow:hidden}.branch .photo{height:145px;background:linear-gradient(135deg,var(--ds-legacy-dceaf7),var(--ds-legacy-f7fafc));display:grid;place-items:center;color:var(--ds-legacy-6d8196);font-weight:700}.branch .body{padding:18px}.branch h3{font:800 16px var(--ds-font-heading);color:var(--navy);margin:0 0 5px}.branch p{font-size:13px;color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-card{display:flex;gap:13px;align-items:center}.contact-card .ico{font-size:24px}.contact-card small{display:block;color:var(--muted)}.contact-card b{color:var(--navy)}.footer{background:var(--ds-secondary);color:var(--ds-legacy-c8d6e5);padding:46px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h3{font:800 18px var(--ds-font-heading);color:var(--ds-surface)}.footer a{display:block;margin:7px 0}.footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12px}.badge{display:inline-flex;background:var(--ds-legacy-eef6ff);color:var(--blue);padding:5px 10px;border-radius:999px;font-weight:800;font-size:12px}.page-head{padding:55px 0;background:linear-gradient(120deg,var(--ds-secondary),var(--ds-info));color:var(--ds-surface)}.page-head h1{font:800 36px var(--ds-font-heading);margin:0}.content{max-width:900px}.content h2{color:var(--navy);font-family:var(--ds-font-heading)}.content p,.content li{color:var(--ds-legacy-526579)}.notice{background:var(--ds-legacy-eef8ff);border:1px solid var(--ds-legacy-cfe7f7);border-radius:12px;padding:14px 16px}@media(max-width:980px){.links{display:none}.menu-btn{display:block}.services{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.branches,.contact-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:470px}}@media(max-width:620px){.toplinks span:nth-child(n+3){display:none}.brand span{font-size:14px}.brand img{width:62px}.hero h1{font-size:35px}.hero p{font-size:16px}.trust,.services,.branches,.contact-grid,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.feature{padding:25px}.topbar .wrap{justify-content:center}}
/* Shared public shell */
.public-top{background:var(--ds-legacy-061f39);color:var(--ds-legacy-dbe8f3);font-size:13px}.public-top .wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.public-nav{background:var(--ds-surface);border-bottom:1px solid var(--ds-legacy-e6edf3);position:sticky;top:0;z-index:40}.public-nav .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-brand{display:flex;align-items:center;gap:10px;color:var(--ds-secondary);text-decoration:none;font-weight:800}.public-brand img{width:48px;height:48px;border-radius:12px;object-fit:contain}.public-links{display:flex;align-items:center;gap:18px}.public-links a{color:var(--ds-legacy-334e68);text-decoration:none;font-weight:700;font-size:14px}.public-links a:hover,.public-links a.current{color:var(--ds-info)}.public-menu{display:none;border:1px solid var(--ds-legacy-dbe5ed);background:var(--ds-surface);border-radius:10px;padding:8px 11px;font-size:20px}.public-page-head{background:linear-gradient(135deg,var(--ds-secondary),var(--ds-info));color:var(--ds-surface);padding:54px 20px}.public-page-head .inner{max-width:1180px;margin:auto}.public-page-head h1{font-size:clamp(30px,5vw,48px);margin:7px 0}.public-footer{background:var(--ds-legacy-061f39);color:var(--ds-legacy-dbe8f3);margin-top:50px;padding:42px 0 18px}.public-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.public-footer h3{color:var(--ds-surface)}.public-footer a{display:block;color:var(--ds-legacy-dbe8f3);text-decoration:none;margin:8px 0}.public-footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;font-size:13px}@media(max-width:800px){.public-menu{display:block}.public-links{display:none;position:absolute;top:72px;right:0;left:0;background:var(--ds-surface);padding:18px 20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--ds-legacy-e6edf3);box-shadow:0 15px 30px rgba(8,43,80,.08)}.public-links.open{display:flex}.public-nav .wrap{position:relative}.public-top .wrap{justify-content:center}.public-top .optional{display:none}.public-footer-grid{grid-template-columns:1fr}}

/* Homepage editorial polish */
.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-news-card{display:block;background:var(--ds-surface);border:1px solid var(--ds-legacy-e2eaf1);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(8,43,80,.055);transition:transform .25s ease,box-shadow .25s ease}.home-news-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(8,43,80,.11)}.home-news-photo{aspect-ratio:16/9;background:var(--ds-legacy-eef4f8);overflow:hidden}.home-news-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.home-news-card:hover img{transform:scale(1.035)}.home-news-body{padding:18px}.home-news-body small{color:var(--ds-legacy-718497)}.home-news-body h3{color:var(--ds-secondary);margin:7px 0;font-size:20px}.home-news-body p{color:var(--ds-legacy-5d7182);margin:0;line-height:1.75}.section-more{text-align:center;margin-top:22px}.card,.service,.branch{transition:transform .25s ease,box-shadow .25s ease}.card:hover,.service:hover,.branch:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,43,80,.09)}@media(max-width:850px){.home-news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home-news-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding:62px 0}.hero h1{line-height:1.25}.actions{gap:10px}.actions .btn{width:100%;text-align:center}.trust{grid-template-columns:1fr!important;gap:8px}.section{padding-top:52px;padding-bottom:52px}}

/* Premium visual system */
body{background:linear-gradient(180deg,var(--ds-legacy-f8fbfe) 0,var(--ds-bg) 55%,var(--ds-surface) 100%)}.nav,.public-nav{box-shadow:0 8px 30px rgba(8,43,80,.035)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(57,153,230,.24),transparent 34%),linear-gradient(115deg,var(--ds-legacy-061f39) 0%,var(--ds-legacy-073f70) 54%,var(--ds-info) 100%)}.hero:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:-110px;top:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.hero .wrap{position:relative;z-index:1}.hero-content{max-width:760px}.hero h1{letter-spacing:-1.1px;text-shadow:0 8px 30px rgba(0,0,0,.15)}.hero .kicker{padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.btn{min-height:46px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(8,43,80,.14)}.btn.red{box-shadow:0 10px 25px rgba(229,27,35,.18)}.trust div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:14px 16px;backdrop-filter:blur(8px)}.heading h2{letter-spacing:-.45px}.services{align-items:stretch}.service{border-radius:22px;padding:26px 20px}.service .ico{box-shadow:inset 0 0 0 1px rgba(7,92,168,.08)}.feature{border-radius:26px;box-shadow:0 18px 44px rgba(8,43,80,.14);background:radial-gradient(circle at 8% 15%,rgba(255,255,255,.13),transparent 30%),linear-gradient(125deg,var(--ds-legacy-061f39),var(--ds-legacy-0864a8))}.offers{border-radius:26px;box-shadow:0 14px 34px rgba(8,43,80,.07)}.home-offer-list{display:grid;gap:10px}.home-offer-card{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--ds-surface);transition:.2s}.home-offer-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(8,43,80,.08)}.home-offer-cover{width:74px;height:62px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,var(--ds-legacy-e7f1f9),var(--ds-legacy-f6f9fc))}.home-offer-card strong{display:block;color:var(--navy)}.home-offer-card small{color:var(--muted)}.home-offer-arrow{font-size:20px;color:var(--blue)}.branch{border-radius:20px}.contact-card{border-radius:18px}.contact-card .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--ds-legacy-edf6ff)}.public-page-head,.page-head{position:relative;overflow:hidden}.public-page-head:after,.page-head:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-80px;top:-110px}.public-footer,.footer{background:radial-gradient(circle at 15% 0,rgba(7,92,168,.25),transparent 32%),var(--ds-legacy-061f39)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:620px){.hero-content{padding:56px 0}.hero h1{font-size:38px}.hero .kicker{font-size:12px}.trust div{padding:11px 13px}.home-offer-card{grid-template-columns:58px 1fr auto}.home-offer-cover{width:58px;height:54px}.service{padding:22px 18px}.heading h2{font-size:27px}}

/* Premium collection cards */
.campaigns .campaign,.feed .story,.grid .branch{position:relative;background:var(--ds-surface);border:1px solid rgba(218,229,239,.95);box-shadow:0 12px 32px rgba(8,43,80,.065);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.campaigns .campaign:hover,.feed .story:hover,.grid .branch:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(8,43,80,.13);border-color:var(--ds-legacy-c9dce9)}.campaigns .campaign{border-radius:24px}.campaigns .cover{position:relative;overflow:hidden}.campaigns .cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(6,31,57,.2));pointer-events:none}.campaigns .cover img,.feed .story img,.grid .branch img{transition:transform .45s ease}.campaigns .campaign:hover img,.feed .story:hover img,.grid .branch:hover img{transform:scale(1.035)}.campaign-body{position:relative}.campaign-body h2{font-family:var(--ds-font-heading);font-size:20px}.campaign-body:after{content:"←";position:absolute;left:18px;bottom:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ds-legacy-edf6ff);color:var(--blue);font-weight:900}.feed .story{padding:0;overflow:hidden;border-radius:22px}.feed .story img{border-radius:0!important}.feed .story small,.feed .story h2,.feed .story p{margin-inline:20px}.feed .story small{display:block;margin-top:17px;color:var(--ds-legacy-72879a)}.feed .story h2{font-family:var(--ds-font-heading);margin-top:5px}.feed .story p{margin-bottom:22px;color:var(--ds-legacy-5d7182)}.grid .branch{border-radius:22px}.grid .branch .photo{overflow:hidden}.grid .branch .body{padding:20px}.grid .branch .body a{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:10px;background:var(--ds-legacy-edf6ff);color:var(--blue);font-weight:800}.campaigns .campaign:not(:has(.cover)):before,.feed .story:not(:has(img)):before,.grid .branch:not(:has(.photo)):before{content:"جمعية المسايل التعاونية";height:145px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.15),transparent 30%),linear-gradient(135deg,var(--ds-secondary),var(--ds-info));color:var(--ds-legacy-dcecff);font-family:var(--ds-font-heading);font-weight:800;text-align:center;padding:20px}.toolbar{background:rgba(255,255,255,.82);border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:0 8px 26px rgba(8,43,80,.05);backdrop-filter:blur(10px)}.toolbar input{border:0;background:var(--ds-legacy-f6f9fc)}.chip{transition:.2s}.chip:hover{border-color:var(--ds-legacy-9fc3df);transform:translateY(-1px)}@media(max-width:560px){.campaigns .campaign,.feed .story,.grid .branch{border-radius:18px}.campaign-body h2{font-size:18px}.toolbar{padding:8px}.chip{padding:8px 11px;font-size:13px}}

/* QA: accessible navigation and interaction states */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(7,92,168,.28);outline-offset:3px}.menu-btn,.public-menu{cursor:pointer}.links.mobile-open{display:flex;position:absolute;top:82px;left:16px;right:16px;background:var(--ds-surface);padding:18px;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch;box-shadow:0 18px 42px rgba(8,43,80,.16);z-index:60}.links.mobile-open a{padding:9px 6px}.navin{position:relative}@media(min-width:981px){.links.mobile-open{display:flex;position:static;padding:0;border:0;border-radius:0;flex-direction:row;box-shadow:none}}@media(max-width:620px){.links.mobile-open{top:70px;left:0;right:0;border-radius:0 0 16px 16px}.public-links.open a{padding:9px 5px}}

/* QA: semantic campaign cards */
.campaigns .campaign{display:block;color:inherit;text-decoration:none}.campaign-type{display:inline-flex;background:var(--ds-legacy-edf6ff);color:var(--ds-info);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;margin-bottom:8px}.campaign-arrow{display:inline-flex;margin-top:10px;color:var(--ds-info);font-weight:800}.campaign-fallback{position:relative;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.22),transparent 24%),linear-gradient(135deg,var(--ds-secondary),var(--ds-info))}.campaign-fallback:after{content:"جمعية المسايل التعاونية";position:absolute;inset:0;display:grid;place-items:center;color:var(--ds-surface);font:800 17px var(--ds-font-heading)}.home-offer-card small,.home-offer-card strong,.home-offer-card span{display:block}.home-offer-card small{font-size:11px;opacity:.76}.home-offer-card strong{font:800 16px var(--ds-font-heading);margin:2px 0}.home-offer-card span{font-size:12px;opacity:.82}.home-offer-cover img{width:100%;height:100%;object-fit:cover}

/* Managed homepage hero image */
#homeHero{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}


/* Homepage final institutional finish */
.official-mark{font-weight:800;color:var(--ds-legacy-45627b)}.toplinks a{color:inherit}.hero{isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,45,.14),rgba(4,24,45,.04) 58%,transparent);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:2}.hero-content>p{line-height:1.9}.hero .actions .white{background:rgba(255,255,255,.94)}.about-section{background:linear-gradient(180deg,var(--ds-legacy-f4f8fc),var(--ds-legacy-f8fbfe))}.about-feature{display:flex;flex-direction:column;justify-content:center}.about-feature .badge{align-self:flex-start;background:rgba(255,255,255,.12);color:var(--ds-surface);border:1px solid rgba(255,255,255,.16)}.about-feature>p{max-width:680px;font-size:17px;line-height:2}.about-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.about-points span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-weight:700;font-size:13px}.about-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}.about-actions .btn{margin-top:0}.text-link{font-weight:800;color:var(--ds-surface)}.contact-card{min-width:0}.contact-card b{overflow-wrap:anywhere}.contact-card[href]:hover{border-color:var(--ds-legacy-c6dceb)}.footer-grid p{max-width:420px}.home-news-card,.branch,.service,.offers,.contact-card{will-change:transform}@media(max-width:980px){.official-mark{display:none}.toplinks{gap:12px}.feature-grid{gap:16px}}@media(max-width:620px){.topbar{font-size:12px}.toplinks{width:100%;justify-content:center}.toplinks span:nth-child(2),.toplinks a:nth-child(n+3){display:none}.navin{min-height:70px}.brand img{height:48px}.hero{min-height:560px;align-items:flex-end}.hero-content{padding:84px 0 48px}.hero h1{font-size:36px}.hero-content>p{max-width:92%}.about-feature>p{font-size:16px}.about-points{gap:7px}.about-points span{font-size:12px}.about-actions{align-items:stretch;flex-direction:column}.about-actions .btn,.about-actions .text-link{text-align:center;width:100%}.contact-card{padding:18px}.footer{padding-top:38px}}

/* Hero simplification after live visual review */
#homeHero{min-height:460px}.hero-content{max-width:650px;padding:82px 0 70px}.hero-content h1{font-size:clamp(38px,4.6vw,56px);letter-spacing:-.5px;margin-bottom:10px}.hero-content>p{font-size:18px;max-width:590px;margin:0;color:rgba(255,255,255,.94);text-shadow:0 1px 10px rgba(0,0,0,.2)}.hero .actions{margin-top:24px}.hero .actions .btn{min-width:150px}.hero:after{background:linear-gradient(90deg,rgba(4,24,45,.12),rgba(4,24,45,.02) 58%,transparent)}@media(max-width:620px){#homeHero{min-height:500px}.hero-content{padding:96px 0 54px}.hero-content h1{font-size:36px;line-height:1.35}.hero-content>p{max-width:100%;font-size:16px}.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .actions .btn{min-width:0;padding:11px 12px}}

/* Adopted developed Model 4 hero */
#homeHero{min-height:500px;position:relative;overflow:hidden;isolation:isolate}.hero .wrap{position:relative;z-index:3}.hero-content{max-width:610px;padding:86px 0 78px;margin-left:auto;margin-right:0}.hero-content h1{font-size:clamp(40px,4.5vw,58px);line-height:1.35}.hero-content>p{font-size:19px;line-height:1.95;max-width:540px}.hero:before{content:"";position:absolute;z-index:1;top:-28%;right:auto;left:-11%;width:min(760px,58vw);height:156%;border-radius:0 52% 52% 0;background:linear-gradient(125deg,rgba(4,31,58,.97),rgba(5,57,98,.86) 68%,rgba(5,73,119,.62));box-shadow:50px 0 100px rgba(5,38,68,.08);pointer-events:none}.hero:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(4,25,47,.18),transparent 52%);pointer-events:none}.hero .actions{margin-top:26px}.hero .actions .btn{min-width:172px;border-radius:11px}.hero .actions .white{box-shadow:0 8px 24px rgba(0,0,0,.08)}@media(min-width:981px){[dir="rtl"] .hero-content{margin-right:0;margin-left:auto;transform:translateX(-3%)}}@media(max-width:980px){.hero:before{left:-26%;width:86vw}.hero-content{max-width:560px}}@media(max-width:620px){#homeHero{min-height:520px}.hero:before{left:-46%;width:145vw;height:135%;top:-15%;border-radius:0 0 48% 0}.hero-content{padding:96px 0 58px;max-width:100%;transform:none!important}.hero-content h1{font-size:35px}.hero-content>p{font-size:16px;max-width:92%}.hero .actions{grid-template-columns:1fr 1fr}.hero .actions .btn{min-width:0}}

/* Model 4 composition correction after production screenshot review */
@media(min-width:981px){#homeHero{min-height:500px;background-color:var(--ds-secondary)}.hero .wrap{height:100%;min-height:500px;display:flex;align-items:center;justify-content:flex-end;direction:ltr}.hero-content{direction:rtl;text-align:right;width:min(520px,38vw);max-width:520px;margin:0!important;padding:68px 0 68px 26px!important;transform:none!important;position:relative;z-index:5}.hero-content h1{font-size:clamp(38px,3.5vw,52px)!important;line-height:1.32!important;white-space:normal;margin:0 0 10px}.hero-content>p{font-size:18px;line-height:1.9;max-width:500px}.hero:before{top:-18%;left:-9%;right:auto;width:min(720px,48vw);height:136%;border-radius:0 54% 54% 0;background:linear-gradient(125deg,rgba(4,31,58,.98),rgba(5,57,98,.94) 70%,rgba(5,73,119,.80));box-shadow:35px 0 70px rgba(4,31,58,.10)}.hero:after{background:linear-gradient(90deg,rgba(4,25,47,.05),transparent 44%)}.hero .actions{justify-content:flex-start}}
@media(min-width:621px) and (max-width:980px){#homeHero{min-height:480px}.hero:before{left:-18%;width:76vw;height:142%;top:-22%;background:linear-gradient(125deg,rgba(4,31,58,.97),rgba(5,57,98,.88) 72%,rgba(5,73,119,.68))}.hero .wrap{display:flex;justify-content:flex-end}.hero-content{width:52vw;max-width:500px;margin:0!important;padding:72px 0 64px!important;transform:none!important}.hero-content h1{font-size:42px!important}.hero:after{background:linear-gradient(90deg,rgba(4,25,47,.07),transparent 48%)}}
@media(max-width:620px){#homeHero{min-height:520px;background-position:center center}.hero:before{inset:auto 0 0!important;width:100%!important;height:72%!important;border-radius:0!important;background:linear-gradient(0deg,rgba(4,31,58,.97) 0%,rgba(5,48,84,.88) 58%,rgba(5,57,98,.20) 100%)!important}.hero:after{background:linear-gradient(0deg,rgba(4,25,47,.18),transparent 55%)!important}.hero .wrap{min-height:520px;display:flex;align-items:flex-end}.hero-content{width:100%;max-width:none;margin:0!important;padding:0 0 46px!important;transform:none!important;text-align:right}.hero-content h1{font-size:34px!important;line-height:1.35!important;margin-bottom:8px}.hero-content>p{font-size:15px!important;line-height:1.8;max-width:100%!important}.hero .actions{margin-top:20px;grid-template-columns:1fr 1fr}}

/* Final desktop Model 4 placement: explicit grid, independent of RTL flex behavior */
@media(min-width:981px){#homeHero .wrap{display:grid!important;grid-template-columns:minmax(0,44%) minmax(0,56%);grid-template-areas:"panel photo";align-items:center;min-height:500px;height:500px;direction:ltr!important}#homeHero .hero-content{grid-area:panel!important;direction:rtl!important;text-align:right!important;width:auto!important;max-width:440px!important;justify-self:center!important;align-self:center!important;margin:0!important;padding:34px 28px 34px 12px!important;transform:none!important;z-index:6!important}#homeHero .hero-content h1{font-size:clamp(36px,3.1vw,48px)!important;line-height:1.32!important;margin:0 0 12px!important;text-shadow:0 5px 22px rgba(0,0,0,.16)}#homeHero .hero-content>p{font-size:17px!important;line-height:1.85!important;max-width:430px!important;margin:0!important}#homeHero .hero-content .actions{display:flex!important;justify-content:flex-start!important;gap:12px!important;margin-top:24px!important}#homeHero .hero-content .actions .btn{min-width:160px!important}#homeHero:before{left:-7%!important;right:auto!important;top:-18%!important;width:51%!important;height:136%!important;border-radius:0 52% 52% 0!important;background:linear-gradient(125deg,rgba(4,31,58,.99),rgba(5,57,98,.96) 72%,rgba(5,73,119,.84))!important;z-index:1!important}#homeHero:after{background:linear-gradient(90deg,rgba(4,25,47,.04),transparent 42%)!important}}

/* Approved Model 4 refinement: soften the navy curved edge */
@media(min-width:981px){#homeHero:before{background:linear-gradient(125deg,rgba(4,31,58,.98) 0%,rgba(5,57,98,.92) 62%,rgba(16,91,145,.62) 84%,rgba(43,126,184,.20) 96%,rgba(43,126,184,0) 100%)!important;box-shadow:22px 0 58px rgba(4,31,58,.06)!important}#homeHero:after{background:linear-gradient(90deg,rgba(4,25,47,.025),transparent 38%)!important}}
@media(min-width:621px) and (max-width:980px){#homeHero:before{background:linear-gradient(125deg,rgba(4,31,58,.97) 0%,rgba(5,57,98,.88) 62%,rgba(18,94,148,.55) 86%,rgba(43,126,184,.10) 98%,transparent 100%)!important}}

/* Hero balance refinement: align copy with panel geometry */
@media(min-width:981px){#homeHero .wrap{grid-template-columns:minmax(0,41%) minmax(0,59%)!important}#homeHero .hero-content{max-width:390px!important;justify-self:start!important;margin-left:clamp(72px,7.2vw,126px)!important;padding:24px 0!important;text-align:right!important}#homeHero .hero-content h1{font-size:clamp(35px,2.85vw,44px)!important;line-height:1.28!important;margin-bottom:14px!important}#homeHero .hero-content>p{font-size:16px!important;line-height:1.85!important;max-width:385px!important}#homeHero .hero-content .actions{gap:10px!important;margin-top:22px!important}#homeHero .hero-content .actions .btn{min-width:148px!important;padding:11px 16px!important}#homeHero:before{left:-10%!important;width:50%!important;top:-15%!important;height:130%!important;border-radius:0 48% 48% 0!important;background:linear-gradient(115deg,rgba(4,31,58,.98) 0%,rgba(5,48,84,.96) 64%,rgba(8,72,119,.82) 82%,rgba(25,101,153,.42) 94%,rgba(25,101,153,0) 100%)!important}#homeHero:after{background:none!important}}

/* Live unified compact hero panel */
@media(min-width:981px){#homeHero .wrap{grid-template-columns:minmax(0,39%) minmax(0,61%)!important}#homeHero .hero-content{width:360px!important;max-width:360px!important;justify-self:start!important;margin-left:clamp(58px,6vw,102px)!important;padding:28px 0 24px!important;text-align:right!important}#homeHero .hero-content h1{font-size:clamp(35px,2.7vw,43px)!important;line-height:1.26!important;margin:0 0 14px!important}#homeHero .hero-content>p{font-size:15.5px!important;line-height:1.82!important;max-width:350px!important}#homeHero .hero-content .actions{margin-top:20px!important;gap:10px!important}#homeHero .hero-content .actions .btn{min-width:142px!important;padding:10px 14px!important}#homeHero:before{left:-12%!important;width:48%!important;top:-11%!important;height:122%!important;border-radius:0 44% 44% 0!important;background:linear-gradient(112deg,rgba(4,31,58,.99) 0%,rgba(5,48,84,.97) 60%,rgba(7,66,109,.88) 77%,rgba(20,91,143,.52) 91%,rgba(35,112,165,.12) 98%,transparent 100%)!important;box-shadow:none!important}}

/* Correct hero visual center: keep all copy inside the solid navy core */
@media(min-width:981px){#homeHero .hero-content{width:350px!important;max-width:350px!important;justify-self:start!important;margin-left:clamp(105px,9vw,155px)!important;padding:20px 0!important}#homeHero .hero-content h1{font-size:clamp(34px,2.55vw,41px)!important;line-height:1.25!important;margin-bottom:13px!important}#homeHero .hero-content>p{max-width:340px!important;font-size:15px!important;line-height:1.8!important}#homeHero .hero-content .actions{margin-top:19px!important}#homeHero:before{left:-8%!important;width:48%!important;top:-11%!important;height:122%!important;border-radius:0 44% 44% 0!important;background:linear-gradient(112deg,rgba(4,31,58,.99) 0%,rgba(5,48,84,.98) 67%,rgba(7,66,109,.90) 82%,rgba(20,91,143,.48) 94%,transparent 100%)!important}}

/* Fix from live screenshot: solid copy zone with fade starting after content */
@media(min-width:981px){#homeHero .wrap{grid-template-columns:minmax(0,42%) minmax(0,58%)!important}#homeHero .hero-content{width:355px!important;max-width:355px!important;justify-self:start!important;margin-left:clamp(72px,6.2vw,108px)!important;padding:20px 0!important}#homeHero .hero-content h1{font-size:clamp(35px,2.65vw,42px)!important;line-height:1.25!important}#homeHero .hero-content>p{max-width:350px!important}#homeHero:before{left:0!important;top:0!important;width:46%!important;height:100%!important;border-radius:0!important;background:linear-gradient(90deg,rgba(4,31,58,.99) 0%,rgba(4,38,69,.99) 68%,rgba(5,52,91,.94) 78%,rgba(8,72,119,.68) 88%,rgba(20,91,143,.28) 95%,transparent 100%)!important;clip-path:ellipse(100% 118% at 0% 50%)!important;box-shadow:none!important}}

/* Homepage finish: services, content rhythm and contact */
#services{padding-top:72px;padding-bottom:76px}.services{gap:18px}.service{position:relative;display:flex;flex-direction:column;align-items:center;min-height:300px;padding:28px 20px 20px!important;border:1px solid var(--ds-legacy-e3ebf3)!important;box-shadow:0 10px 28px rgba(8,43,80,.055)!important;overflow:hidden}.service:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--ds-legacy-0b67ad),transparent);opacity:0;transition:.25s}.service:hover:before{opacity:1}.service.gas:before{background:linear-gradient(90deg,transparent,var(--red),transparent)}.service .service-icon{width:60px;height:60px;border-radius:18px;background:var(--ds-legacy-eef6ff)!important;color:var(--blue)!important;box-shadow:inset 0 0 0 1px rgba(7,92,168,.09),0 8px 20px rgba(8,43,80,.06)!important}.service.gas .service-icon{background:var(--ds-legacy-fff1f2)!important;color:var(--red)!important}.service-icon svg,.contact-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:17px!important;margin-top:17px!important}.service p{min-height:72px!important;margin:0 0 16px;line-height:1.8}.service a{margin-top:auto;width:100%;padding:9px 12px!important;transition:background .2s,color .2s}.service:not(.gas) a:hover{background:var(--ds-legacy-dceeff)}.service.gas a:hover{background:var(--ds-legacy-ffe1e3)}.about-section{padding-top:76px;padding-bottom:76px}.feature-grid{gap:24px}.about-feature{min-height:330px;padding:38px}.about-feature h2{font-size:32px}.offers{padding:28px}.offers>h2{margin-bottom:18px}.home-news-grid{gap:20px}.home-news-body h3{line-height:1.55}.branches{gap:18px}.contact-grid{gap:16px}.contact-card{padding:20px 18px!important;box-shadow:0 8px 24px rgba(8,43,80,.045)}.contact-card .contact-icon{flex:0 0 50px;width:50px;height:50px;color:var(--blue);background:var(--ds-legacy-edf6ff)}.contact-card b{font-size:14px}.footer-grid{align-items:start}.footer a{transition:color .2s,transform .2s}.footer a:hover{color:var(--ds-surface);transform:translateX(-2px)}@media(max-width:1100px) and (min-width:981px){.services{grid-template-columns:repeat(3,1fr)}.service{min-height:285px}.service p{min-height:auto}}@media(max-width:980px){#services{padding-top:60px;padding-bottom:64px}.service{min-height:280px}.service p{min-height:52px}.about-section{padding-top:64px;padding-bottom:64px}}@media(max-width:620px){#services{padding-top:48px;padding-bottom:52px}.services{gap:12px}.service{min-height:0;padding:22px 18px!important}.service p{min-height:0;margin-bottom:14px}.service .service-icon{width:56px;height:56px}.about-feature{min-height:auto;padding:26px}.about-feature h2{font-size:27px}.contact-card{padding:17px!important}}

/* Homepage finish pass 2: section hierarchy and institutional rhythm */
.section-soft{position:relative;overflow:hidden}.section-soft:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(7,92,168,.065),transparent 68%);right:-180px;top:-190px;pointer-events:none}.feature-grid{position:relative;z-index:1}.about-feature{background:linear-gradient(135deg,var(--ds-legacy-061f39) 0%,var(--ds-legacy-074b82) 68%,var(--ds-legacy-0864a8) 100%)!important}.about-feature:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-90px;bottom:-120px}.about-feature>*{position:relative;z-index:1}.section-eyebrow{display:inline-flex;margin-bottom:7px;padding:5px 10px;border-radius:999px;background:var(--ds-legacy-edf6ff);color:var(--ds-info);font-size:11px;font-weight:800}.offers{display:flex;flex-direction:column;min-height:330px}.offers #homeOffers{flex:1}.offers>.btn{align-self:flex-start}.section-news{background:var(--ds-surface)}.section-news .heading,.section-branches .heading,.section-contact .heading{margin-bottom:30px}.home-news-card{border-radius:22px!important;overflow:hidden;border:1px solid var(--ds-legacy-e2eaf2)!important;box-shadow:0 10px 28px rgba(8,43,80,.055)!important}.home-news-card:not(:has(.home-news-photo)):before{content:"المركز الإعلامي";height:130px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ds-legacy-eef6fc),var(--ds-legacy-f7fafc));color:var(--ds-legacy-7690a5);font:800 15px var(--ds-font-heading)}.home-news-body{min-height:145px}.section-branches{background:linear-gradient(180deg,var(--ds-legacy-f8fbfe),var(--ds-legacy-f3f7fb))}.section-branches .branch{background:var(--ds-surface);border:1px solid var(--ds-legacy-e2eaf2);box-shadow:0 9px 26px rgba(8,43,80,.05)}.section-branches .branch .photo{height:170px}.section-branches .branch .body{min-height:96px}.section-contact{background:var(--ds-surface);border-top:1px solid var(--ds-legacy-edf2f6)}.section-contact .contact-card{background:linear-gradient(180deg,var(--ds-surface),var(--ds-legacy-fbfdff))}.section-contact .contact-card[href]:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,43,80,.085)}.footer{padding-top:52px}.footer-grid{gap:52px}.footer h3{margin-top:0;margin-bottom:14px}.footer-grid>div:first-child p{line-height:1.9}.footer .copy{text-align:center;color:var(--ds-legacy-9eb1c4)}.placeholder{min-height:120px;height:auto!important}.home-offer-card{min-height:78px}.home-offer-card strong{line-height:1.45}.heading p{max-width:650px;margin-left:auto;margin-right:auto;line-height:1.8}@media(max-width:980px){.offers,.about-feature{min-height:auto}.section-branches .branch .photo{height:155px}.footer-grid{gap:30px}}@media(max-width:620px){.section-news .heading,.section-branches .heading,.section-contact .heading{margin-bottom:24px}.home-news-body{min-height:0}.section-branches .branch .photo{height:180px}.section-eyebrow{font-size:10px}.offers>.btn{width:100%;text-align:center}.footer .copy{text-align:right}}

/* Contact display correction + homepage responsive QA */
.section-contact .contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.section-contact .contact-card{display:flex;align-items:center;gap:14px;min-height:104px;text-align:right}.section-contact .contact-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.section-contact .contact-copy small{color:var(--ds-legacy-73879a);font-size:12px}.section-contact .contact-value{display:block;color:var(--ds-secondary);font:800 15px var(--ds-font-body);line-height:1.45;white-space:normal;overflow-wrap:anywhere}.section-contact .contact-number{direction:ltr;text-align:right;unicode-bidi:isolate;white-space:nowrap;font-family:Arial,Tajawal,sans-serif;letter-spacing:.2px}.section-contact .contact-hint{display:block;margin-top:3px;color:var(--ds-legacy-91a1af);font-size:11px;font-weight:500}.section-contact a.contact-card:after{content:"←";margin-right:auto;color:var(--ds-legacy-7f9ab1);font-size:17px;transition:transform .2s,color .2s}.section-contact a.contact-card:hover:after{transform:translateX(-3px);color:var(--ds-info)}@media(max-width:1100px){.section-contact .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.section-contact .contact-grid{grid-template-columns:1fr}.section-contact .contact-card{min-height:88px;gap:12px}.section-contact .contact-value{font-size:14px}.section-contact .contact-number{text-align:right}.section-contact .contact-hint{font-size:10.5px}.section-contact a.contact-card:after{font-size:15px}.toplinks{min-height:30px}.brand span{font-size:14px}.links.mobile-open{max-height:calc(100vh - 82px);overflow-y:auto}.hero-content h1{max-width:12ch}.hero-content>p{max-width:34ch!important}.section{overflow-x:clip}}

/* Branch directions UX */
.home-branch-map,.grid .branch .branch-map{display:inline-flex!important;align-items:center;justify-content:center;margin-top:12px;padding:8px 12px;border-radius:10px;background:var(--ds-legacy-edf6ff);color:var(--ds-info)!important;font-weight:800;font-size:13px;transition:.2s}.home-branch-map:hover,.grid .branch .branch-map:hover{background:var(--ds-info);color:var(--ds-surface)!important;transform:translateY(-1px)}.section-branches .branch .body{display:flex;flex-direction:column;align-items:flex-start}.section-branches .branch .body .home-branch-map{margin-top:auto}.grid .branch .meta{line-height:1.7}.grid .branch .body{display:flex;flex-direction:column;align-items:flex-start}@media(max-width:560px){.home-branch-map,.grid .branch .branch-map{width:100%}}

/* Public shell + contact page consistency */
.public-top a{color:inherit}.public-top .optional bdi{unicode-bidi:isolate}.public-contact-card{min-height:112px;align-items:center}.public-contact-card>div:last-child{display:flex;flex-direction:column;min-width:0}.public-contact-card .public-contact-value,.public-contact-card b{font-weight:800;color:var(--ds-secondary);line-height:1.45;overflow-wrap:anywhere}.public-contact-card .public-contact-value{unicode-bidi:isolate;text-align:right}.public-contact-card span{font-size:11px;color:var(--ds-legacy-8a9cab);margin-top:4px}.public-contact-card:after{content:"←";margin-right:auto;color:var(--ds-legacy-7f9ab1);font-weight:800;transition:.2s}.public-contact-card:hover:after{transform:translateX(-3px);color:var(--ds-info)}.page-head .wrap>a{display:inline-flex;margin-bottom:7px;color:var(--ds-legacy-d9ebff);font-weight:700}.content .notice{margin-top:20px}@media(max-width:620px){.public-contact-card{min-height:92px}.public-contact-card:after{font-size:14px}}

/* Invested shops: original logos centered above every CMS card. */
.invested-shops-section{background:linear-gradient(180deg,var(--ds-surface),var(--ds-legacy-f7fafc));border-top:1px solid var(--ds-legacy-edf2f6);overflow:hidden}
.invested-shops-section .heading{margin-bottom:24px}
.shops-marquee{position:relative;overflow:hidden;padding:12px 0 24px;direction:ltr;mask-image:none}
.shops-marquee:before,.shops-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:48px;pointer-events:none}
.shops-marquee:before{left:0;background:linear-gradient(90deg,var(--ds-legacy-f8fbfd),transparent)}
.shops-marquee:after{right:0;background:linear-gradient(270deg,var(--ds-legacy-f8fbfd),transparent)}
.invested-shops{overflow:hidden;padding:4px}
.shops-track{display:flex;gap:0;width:max-content;align-items:stretch;animation:shops-scroll 34s linear infinite}
.shops-set{display:flex;align-items:stretch;column-gap:18px;row-gap:70px;padding:56px 9px 8px}
.invested-shops-section .shop-brand{position:relative;direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:300px;max-width:100%;height:auto;min-height:154px;flex:none;gap:0;padding:76px 24px 24px;background:var(--ds-surface);border:1px solid var(--ds-legacy-e2eaf2);border-radius:20px;box-shadow:0 8px 24px rgba(8,43,80,.045);text-decoration:none;color:var(--ds-secondary);transition:transform .2s,border-color .2s,box-shadow .2s}
.invested-shops-section .shop-brand[href]:hover{transform:translateY(-3px);border-color:var(--ds-legacy-bfd6e9);box-shadow:0 13px 30px rgba(8,43,80,.09)}
.shop-brand:focus-visible{outline:3px solid var(--ds-info);outline-offset:3px}
.invested-shops-section .shop-logo{position:absolute;top:-44px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:108px;height:108px;min-width:0;flex:none;padding:8px;background:var(--ds-surface);border:1px solid var(--ds-legacy-e2eaf2);border-radius:18px}
.invested-shops-section .shop-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.shop-logo-fallback{color:var(--ds-info);font:800 27px var(--ds-font-heading)}
.shop-name{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;overflow-wrap:anywhere;text-align:center}
.shop-name strong{color:var(--ds-secondary);font-size:16px;line-height:1.6;text-align:center}
.shop-name small{margin:0;color:var(--ds-legacy-60758a);font-size:12px;line-height:1.5;text-align:center}
html[dir=ltr] .shop-brand{direction:ltr}
.shops-marquee:hover .shops-track,.shops-marquee:focus-within .shops-track{animation-play-state:paused}
.shops-static .shops-track{animation:none;width:100%;justify-content:center}
.shops-static .shops-set{flex-wrap:wrap;justify-content:center;max-width:100%}
.shops-static .shops-set[aria-hidden=true]{display:none}
.shops-marquee:has(.shops-static):before,.shops-marquee:has(.shops-static):after{display:none}
@keyframes shops-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:620px){.shops-marquee:before,.shops-marquee:after{width:24px}.shops-track{animation-duration:27s}.shops-set{column-gap:12px;row-gap:62px;padding:50px 6px 8px}.invested-shops-section .shop-brand{width:270px;min-height:140px;padding:70px 18px 22px;border-radius:16px}.invested-shops-section .shop-logo{width:96px;height:96px;top:-38px;border-radius:16px}.shop-name strong{font-size:14px}.shop-name small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.shops-track{animation:none!important;transform:none!important}.invested-shops{overflow-x:auto;scrollbar-width:thin}.shops-set[aria-hidden=true]{display:none}.shops-marquee:before,.shops-marquee:after{display:none}}



/* Shared public listing pages */
.public-page-hero{background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-info) 72%,var(--ds-legacy-0d74bd) 100%);color:var(--ds-surface);padding:54px 0;position:relative;overflow:hidden}.public-page-hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-80px;top:-150px}.public-page-hero .wrap{position:relative;z-index:1}.public-page-hero small{color:var(--ds-legacy-b9dcf8);font-weight:800}.public-page-hero h1{font:800 clamp(30px,4vw,44px) var(--ds-font-heading);margin:7px 0 8px}.public-page-hero p{margin:0;color:var(--ds-legacy-e1eef9);max-width:700px}.public-page-main{padding-top:26px;padding-bottom:52px}.public-page-main .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:14px;background:var(--ds-surface);border:1px solid var(--ds-legacy-e2eaf1);border-radius:18px;box-shadow:0 8px 24px rgba(8,43,80,.04)}.public-page-main .toolbar input{flex:1;min-width:220px;padding:12px 15px;border:1px solid var(--ds-legacy-d9e4ed);border-radius:11px;font:inherit;outline:none}.public-page-main .toolbar input:focus{border-color:var(--ds-legacy-75a8d0);box-shadow:0 0 0 3px rgba(7,92,168,.08)}.public-page-main .chip{border:1px solid var(--ds-legacy-d9e4ed);background:var(--ds-surface);border-radius:99px;padding:9px 14px;font:700 13px var(--ds-font-body);cursor:pointer}.public-page-main .chip.active{background:var(--ds-secondary);color:var(--ds-surface);border-color:var(--ds-secondary)}.campaigns,.public-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-page-grid{padding-top:30px;padding-bottom:52px}.campaign,.story,.public-branches-grid .branch{display:flex;flex-direction:column;background:var(--ds-surface);border:1px solid var(--ds-legacy-e1e8f0);border-radius:20px;overflow:hidden;box-shadow:0 7px 24px rgba(8,43,80,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.campaign:hover,.story:hover,.public-branches-grid .branch:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,43,80,.085);border-color:var(--ds-legacy-cbdce9)}.campaign .cover,.public-branches-grid .photo{aspect-ratio:16/9;background:linear-gradient(135deg,var(--ds-legacy-eaf3fa),var(--ds-legacy-d9e8f4));overflow:hidden}.campaign .cover img,.public-branches-grid .photo img{width:100%;height:100%;object-fit:cover}.campaign-body,.public-branches-grid .body{padding:18px}.campaign-body h2,.story h2,.public-branches-grid .body h2{color:var(--ds-secondary);margin:6px 0 8px;font-size:20px}.campaign-type{display:inline-flex;color:var(--ds-info);background:var(--ds-legacy-edf6ff);border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.campaign-arrow{display:inline-block;margin-top:8px;color:var(--ds-info);font-weight:800}.dates,.public-branches-grid .meta,.story small{color:var(--ds-legacy-718596);font-size:13px}.story{padding:0}.story img{border-radius:0!important}.story small,.story h2,.story p{margin-right:18px;margin-left:18px}.story small{margin-top:16px}.story p{margin-top:0;margin-bottom:20px;color:var(--ds-legacy-65798a);line-height:1.8}.empty{grid-column:1/-1;background:var(--ds-surface);border:1px solid var(--ds-legacy-e1e8f0);border-radius:20px;padding:42px;text-align:center;color:var(--ds-legacy-65798a)}.empty strong{display:block;font-size:21px;color:var(--ds-secondary);margin-bottom:7px}@media(max-width:850px){.campaigns,.public-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.public-page-hero{padding:38px 0}.campaigns,.public-page-grid{grid-template-columns:1fr}.public-page-main{padding-top:18px}.public-page-main .toolbar{padding:11px}.public-page-main .toolbar input{min-width:100%;width:100%}}

/* Public detail pages */
.public-detail-hero{position:relative;overflow:hidden;color:var(--ds-surface)}.offer-head{background:linear-gradient(135deg,var(--ds-secondary),var(--ds-info));padding:62px 0;min-height:270px;display:flex;align-items:flex-end;background-size:cover;background-position:center}.offer-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,43,80,.96),rgba(7,92,168,.66))}.offer-head .wrap,.news-head .wrap{position:relative;z-index:1}.offer-head h1,.news-head h1{font:800 clamp(30px,5vw,48px) var(--ds-font-heading);line-height:1.35;margin:8px 0}.offer-head small{display:inline-flex;padding:6px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08)}.offer-detail-main .tools{display:flex;gap:10px;padding:18px 0;position:sticky;top:72px;z-index:20;background:rgba(245,248,252,.93);backdrop-filter:blur(12px)}.offer-detail-main .tools input{width:100%;padding:13px 15px;border:1px solid var(--ds-legacy-dce5ed);border-radius:12px;font:inherit;outline:none}.offer-detail-main .tools input:focus{border-color:var(--ds-legacy-75a8d0);box-shadow:0 0 0 3px rgba(7,92,168,.08)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-bottom:46px}.product{position:relative;background:var(--ds-surface);border:1px solid var(--ds-legacy-e1e8f0);border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(8,43,80,.055);transition:.25s}.product:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(8,43,80,.11)}.pic{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,var(--ds-surface),var(--ds-legacy-f1f6fa));display:grid;place-items:center;overflow:hidden}.pic.empty-pic:before{content:"جمعية المسايل";font:800 15px var(--ds-font-heading);color:var(--ds-legacy-9bb0c1)}.pic img{width:100%;height:100%;object-fit:contain;padding:12px;transition:.3s}.product:hover .pic img{transform:scale(1.035)}.info{padding:15px}.info h2{font-size:16px;color:var(--ds-secondary);margin:0 0 10px;min-height:45px}.prices{display:flex;align-items:flex-end;gap:9px}.new{font:800 24px var(--ds-font-heading);color:var(--ds-legacy-e51b23)}.old{text-decoration:line-through;color:var(--ds-legacy-8b99a5)}.save{position:absolute;top:12px;right:12px;background:var(--ds-legacy-e51b23);color:var(--ds-surface);border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.news-head{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,var(--ds-legacy-061f39),var(--ds-info));padding:72px 0 66px}.news-head:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-100px;top:-150px}.news-head p{font-size:18px;color:var(--ds-legacy-dbeaf6);max-width:760px}.news-head .wrap,.public-article{max-width:900px}.public-article{margin:-24px auto 34px;padding:28px 32px 58px;background:var(--ds-surface);border:1px solid var(--ds-legacy-e4ebf2);border-radius:24px;box-shadow:0 18px 48px rgba(8,43,80,.1);position:relative;z-index:2}.public-article img{width:100%;max-height:480px;object-fit:cover;border-radius:20px;margin-bottom:22px}.article-body{font-size:18px;line-height:2.1;white-space:pre-line;color:var(--ds-legacy-334e68)}.public-article .back{display:inline-flex;padding:10px 15px;border-radius:11px;background:var(--ds-legacy-edf6ff);margin-top:28px;color:var(--ds-info);font-weight:800}.news-head .meta{opacity:.82}@media(max-width:900px){.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.offer-head{min-height:220px;padding:42px 0}.offer-detail-main .tools{top:69px;padding:11px 0}.products{grid-template-columns:repeat(2,1fr);gap:10px}.info{padding:12px}.new{font-size:20px}.news-head{padding:50px 0 45px}.public-article{margin:-16px 12px 24px;padding:20px 17px 40px;border-radius:18px}.article-body{font-size:16px}.public-article img{border-radius:14px}}@media(max-width:380px){.products{grid-template-columns:1fr}}

/* Public shell final mobile/accessibility QA */
.public-menu{cursor:pointer;color:var(--ds-secondary)}.public-menu:focus-visible,.public-links a:focus-visible,.public-footer a:focus-visible,.public-top a:focus-visible{outline:3px solid rgba(7,92,168,.24);outline-offset:3px;border-radius:7px}.public-links a.current{color:var(--ds-legacy-e51b23)}.public-footer a{width:max-content;max-width:100%;transition:color .18s,transform .18s}.public-footer a:hover{color:var(--ds-surface);transform:translateX(-2px)}.public-footer p{max-width:480px}.page-head .wrap{position:relative;z-index:1}.page-head .wrap>a{display:inline-flex;color:var(--ds-legacy-dcecff);margin-bottom:7px;font-weight:700}.content{padding-inline:0}.content h2{margin-top:30px}.content h2:first-child{margin-top:0}@media(max-width:800px){.public-nav .wrap{min-height:66px}.public-brand img{width:44px;height:44px}.public-links{top:66px;gap:4px;padding:10px 16px 16px;max-height:calc(100vh - 66px);overflow:auto}.public-links a{padding:11px 12px;border-radius:10px}.public-links a.current{background:var(--ds-legacy-fff2f2);color:var(--ds-legacy-c8171e)}.public-links a:hover{background:var(--ds-legacy-f2f7fb)}.public-footer{margin-top:28px;padding-top:34px}.public-footer-grid{gap:22px}.page-head{padding:40px 0}.page-head h1{font-size:31px}}@media(max-width:420px){.public-brand span{font-size:13px}.public-brand{gap:7px}.public-menu{padding:7px 10px}.wrap{width:min(100% - 24px,1180px)}}

/* Unified login gateway + board history */
.nav-login{background:var(--navy);color:var(--ds-surface)!important;padding:8px 13px;border-radius:10px}.portal-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,var(--ds-legacy-e6f2fb),transparent 35%),var(--ds-bg);padding:24px}.portal-login{width:min(100%,480px);background:var(--ds-surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.portal-login-brand{display:flex;align-items:center;gap:10px;color:var(--navy);margin-bottom:20px}.portal-login-brand img{width:58px;height:58px;object-fit:contain}.portal-login h1{font:800 28px var(--ds-font-heading);color:var(--navy);margin:3px 0}.portal-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.portal-types label{cursor:pointer}.portal-types input{position:absolute;opacity:0}.portal-types span{display:block;text-align:center;border:1px solid var(--ds-legacy-d9e4ee);border-radius:12px;padding:12px 7px;font-weight:800}.portal-types input:checked+span{background:var(--ds-legacy-eaf4ff);border-color:var(--ds-legacy-7eb4df);color:var(--blue);box-shadow:inset 0 0 0 1px var(--ds-legacy-7eb4df)}.portal-login form>label{display:flex;flex-direction:column;gap:6px;font-weight:800;margin:13px 0}.portal-login input{padding:12px;border:1px solid var(--ds-legacy-d7e2eb);border-radius:10px;font:inherit}.portal-login form .btn{width:100%;border:0;cursor:pointer;margin-top:7px}.portal-msg{min-height:25px;color:var(--ds-legacy-7d3940);font-size:13px}.portal-back{display:block;text-align:center;color:var(--blue);font-weight:700}.board-terms{display:grid;gap:22px}.board-term{background:var(--ds-surface);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 9px 28px rgba(8,43,80,.06)}.board-term-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.board-term h2{font:800 24px var(--ds-font-heading);color:var(--navy);margin:5px 0}.board-term-head p{margin:0;color:var(--muted)}.board-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--ds-legacy-eaf4ff);color:var(--blue);font-size:12px;font-weight:800}.board-members{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.board-member{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:13px;align-items:flex-start}.board-member img,.board-avatar{width:74px;height:86px;border-radius:12px;object-fit:cover;flex:none}.board-avatar{display:grid;place-items:center;background:var(--ds-legacy-eaf4ff);color:var(--blue);font:800 28px var(--ds-font-heading)}.board-member h3{font:800 16px var(--ds-font-heading);color:var(--navy);margin:0}.board-member strong{font-size:13px;color:var(--blue)}.board-member p{font-size:13px;color:var(--muted);margin:7px 0 0}@media(max-width:850px){.board-members{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.portal-types{grid-template-columns:1fr}.board-members{grid-template-columns:1fr}.board-term{padding:17px}.board-member img,.board-avatar{width:62px;height:72px}}

/* Homepage section order + sticky header visual rhythm */
#about{scroll-margin-top:90px}#services,#market,#contact{scroll-margin-top:100px}.nav{box-shadow:0 5px 18px rgba(8,43,80,.045)}@media(min-width:981px){.navin{min-height:78px}.links{gap:17px}.nav-login{padding:9px 15px!important}}

/* Desktop public navigation alignment — production screenshot QA */
@media(min-width:981px){.navin{display:flex;align-items:center}.brand{align-self:center}.links{display:flex;align-items:stretch;min-height:58px}.links>a{display:flex!important;align-items:center;justify-content:center;min-height:58px;line-height:1.45;text-align:center;padding-top:0!important;padding-bottom:0!important}.links>a:not(.nav-login){min-width:max-content}.links .nav-login{align-self:center;min-height:52px;height:52px;padding:0 16px!important;line-height:1.35}}

/* Public board showcase — visual-first presentation */
.board-term.current{border-color:var(--ds-legacy-c9dff0);background:linear-gradient(180deg,var(--ds-surface),var(--ds-legacy-fbfdff));box-shadow:0 16px 42px rgba(8,43,80,.09)}.board-term.current .board-status{background:var(--ds-legacy-0b5f9f);color:var(--ds-surface)}.board-term-head{align-items:center}.board-period{font-weight:700}.board-count{flex:none;padding:7px 11px;border-radius:999px;background:var(--ds-legacy-f0f6fb);color:var(--ds-legacy-567086);font-size:12px;font-weight:800}.board-member{position:relative;overflow:hidden;min-height:138px;align-items:center;background:var(--ds-surface);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.board-member:hover{transform:translateY(-2px);border-color:var(--ds-legacy-c6dbea);box-shadow:0 10px 24px rgba(8,43,80,.07)}.board-member img,.board-avatar{width:92px;height:108px;border-radius:15px}.board-member-info{min-width:0}.board-member h3{font-size:18px;margin-bottom:3px}.board-member strong{display:inline-block;margin-bottom:3px}.board-member-lead{border-color:var(--ds-legacy-bcd8ed);background:linear-gradient(135deg,var(--ds-surface),var(--ds-legacy-f5faff))}.board-member-lead:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--ds-legacy-0b5f9f)}.board-empty-members{grid-column:1/-1;text-align:center;padding:28px;border:1px dashed var(--ds-legacy-cbdbe7);border-radius:14px;color:var(--muted);background:var(--ds-legacy-fbfdff)}@media(max-width:850px){.board-member img,.board-avatar{width:78px;height:94px}.board-member{min-height:120px}}@media(max-width:560px){.board-term-head{align-items:flex-start}.board-count{margin-top:3px}.board-member{min-height:104px}.board-member h3{font-size:16px}}

/* Unified portal login — visual and accessibility QA */
.portal-login{width:min(100%,520px);padding:34px}.portal-login-brand{padding-bottom:18px;border-bottom:1px solid var(--ds-legacy-e7eef4)}.portal-login-brand strong{font:800 17px var(--ds-font-heading)}.portal-login-head{text-align:center}.portal-login-head .kicker{display:inline-flex;margin-bottom:4px}.portal-login-head p{color:var(--muted);margin:6px 0 0}.portal-types{margin:24px 0 20px}.portal-types span{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.portal-types span b{font-size:14px}.portal-types span small{font-size:11px;color:var(--ds-legacy-7a8c9c);font-weight:600}.portal-types input:checked+span small{color:var(--ds-legacy-4d7597)}.portal-login form>label{color:var(--navy)}.portal-login input:focus{outline:3px solid rgba(7,92,168,.12);border-color:var(--ds-legacy-75acd6)}.password-field{position:relative}.password-field input{width:100%;padding-inline-end:66px!important}.password-field button{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);border:0;background:var(--ds-legacy-edf5fb);color:var(--ds-info);border-radius:8px;padding:6px 9px;font:800 11px var(--ds-font-body);cursor:pointer}.portal-login .btn:disabled{opacity:.65;cursor:wait}.portal-back{margin-top:15px;padding-top:15px;border-top:1px solid var(--ds-legacy-edf2f6)}.portal-types label:focus-within span{outline:3px solid rgba(7,92,168,.12)}@media(max-width:560px){.portal-login-page{padding:12px}.portal-login{padding:22px;border-radius:18px}.portal-login-brand{justify-content:center}.portal-types span{min-height:58px}.portal-login h1{font-size:24px}}

/* Supplier/shareholder temporary authenticated portal */
.portal-waiting{text-align:center}.portal-coming{margin:24px 0;padding:24px;border:1px solid var(--ds-legacy-dce8f1);border-radius:18px;background:linear-gradient(180deg,var(--ds-legacy-f8fcff),var(--ds-surface))}.portal-coming-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--ds-legacy-e7f7ef);color:var(--ds-legacy-168553);font-size:25px;font-weight:900}.portal-coming h2{font:800 20px var(--ds-font-heading);color:var(--navy);margin:0 0 7px}.portal-coming p{color:var(--muted);margin:0}.portal-waiting>.btn{width:100%;border:0;cursor:pointer}

.shareholder-activation-link[hidden]{display:none!important}

@media(max-width:560px){.portal-login-page{padding:16px}.portal-login{width:100%;padding:24px 18px}.portal-types{gap:7px}.portal-types label span{padding:12px 7px;min-height:64px}.portal-login-brand strong{font-size:14px}}

.portal-profile{margin:18px 0;text-align:right;border:1px solid var(--ds-legacy-e3eaf4);border-radius:18px;padding:18px;background:var(--ds-surface)}.portal-profile h2{margin:0 0 14px;color:var(--ds-legacy-0b2f5b)}.portal-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-profile-grid>div{background:var(--ds-legacy-f6f9fd);border:1px solid var(--ds-legacy-e5edf7);border-radius:12px;padding:12px}.portal-profile-grid small{display:block;color:var(--ds-legacy-718096);margin-bottom:5px}.portal-profile-grid strong{color:var(--ds-legacy-102a43)}.portal-profile-note{font-size:12px;color:var(--ds-legacy-718096);margin:12px 0 0}@media(max-width:560px){.portal-profile-grid{grid-template-columns:1fr}}

/* 2026-10-06 final unified login: admin visual language + all portal capabilities */
.portal-login-premium{width:min(100%,520px);padding:34px;border-radius:24px;box-shadow:0 20px 55px rgba(8,43,80,.10)}
.portal-login-premium .premium-brand{justify-content:center;text-align:center;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--ds-legacy-e7eef4);text-decoration:none}
.portal-login-premium .premium-brand img{width:74px;height:74px;border-radius:16px;background:var(--ds-surface);box-shadow:0 8px 24px rgba(8,43,80,.09)}
.portal-login-premium .premium-brand span{display:block}.portal-login-premium .premium-brand strong{display:block;font:800 18px var(--ds-font-heading);color:var(--ds-secondary)}.portal-login-premium .premium-brand small{display:block;margin-top:2px;font-size:11px;color:var(--ds-legacy-718096)}
.portal-login-premium .portal-login-head{text-align:right}.portal-login-premium .portal-login-head .kicker{color:var(--ds-info);font-weight:800;font-size:12px}.portal-login-premium .portal-login-head h1{font:800 28px var(--ds-font-heading);color:var(--ds-secondary);margin:4px 0}.portal-login-premium .portal-login-head p{color:var(--ds-legacy-718096);margin:4px 0 0}
.portal-login-premium .portal-types{margin:20px 0}.portal-login-premium .portal-types span{min-height:68px;border-radius:12px;background:var(--ds-surface)}.portal-login-premium .portal-types input:checked+span{background:var(--ds-legacy-eaf4ff);border-color:var(--ds-legacy-6aa9d8);color:var(--ds-info);box-shadow:inset 0 0 0 1px var(--ds-legacy-6aa9d8)}
.portal-login-premium form>label{font-weight:800;color:var(--ds-secondary);margin:13px 0}.portal-login-premium input{background:var(--ds-legacy-fbfdff)}.portal-login-premium input:focus{outline:0;border-color:var(--ds-legacy-75acd6);box-shadow:0 0 0 4px rgba(7,92,168,.08)}
.portal-login-premium .portal-submit{width:100%;border:0;border-radius:11px;padding:13px;margin-top:7px;background:linear-gradient(135deg,var(--ds-info),var(--ds-primary));color:var(--ds-surface);font:800 15px var(--ds-font-body);cursor:pointer;box-shadow:0 7px 18px rgba(7,92,168,.18);transition:.18s}.portal-login-premium .portal-submit:hover:not(:disabled){background:var(--ds-legacy-064f91);box-shadow:0 9px 22px rgba(7,92,168,.22)}.portal-login-premium .portal-submit:disabled{opacity:.65;cursor:wait}
.portal-secondary-actions{min-height:31px;margin-top:4px;text-align:center}.portal-text-action{border:0;background:transparent;color:var(--ds-info);font:700 13px var(--ds-font-body);text-decoration:none;cursor:pointer;padding:6px}.portal-secondary-actions [hidden]{display:none!important}
.portal-login-premium .portal-msg{min-height:22px;margin:9px 0 0}.portal-login-premium .portal-back{margin-top:10px;padding-top:15px;border-top:1px solid var(--ds-legacy-edf2f6)}
@media(max-width:560px){.portal-login-premium{padding:22px 18px;border-radius:19px}.portal-login-premium .premium-brand img{width:62px;height:62px}.portal-login-premium .premium-brand strong{font-size:16px}.portal-login-premium .portal-login-head h1{font-size:24px}.portal-login-premium .portal-types{grid-template-columns:1fr;gap:7px}.portal-login-premium .portal-types span{min-height:54px}}

/* Unified shareholder activation with final login visual language */
.portal-activation{margin-block:24px}.portal-activation .field-help{display:block;color:var(--ds-legacy-718096);font-size:11px;font-weight:500;margin-top:5px}.portal-activation form>label{margin:11px 0}.portal-activation .portal-submit{margin-top:12px}.portal-activation .password-field button{min-width:48px}.portal-secondary-actions #adminForgot[hidden]{display:none!important}
@media(max-height:820px) and (min-width:561px){.portal-activation{padding:26px}.portal-activation .premium-brand{margin-bottom:14px;padding-bottom:14px}.portal-activation .premium-brand img{width:58px;height:58px}.portal-activation form>label{margin:8px 0}}


/* Public site premium consistency pass — listing, detail, legal and contact */
.public-page-main,.public-page-grid{padding-top:34px;padding-bottom:54px}.public-page-hero,.page-head{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(255,255,255,.11),transparent 29%),linear-gradient(135deg,var(--ds-legacy-061f39),var(--ds-info));color:var(--ds-surface)}.public-page-hero:after,.page-head:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;inset-inline-end:-110px;top:-175px}.public-page-hero .wrap,.page-head .wrap{position:relative;z-index:1}.public-page-hero h1,.page-head h1{font:800 36px var(--ds-font-heading);margin:5px 0}.public-page-hero p,.page-head p{color:var(--ds-legacy-dceaf5);max-width:720px}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:24px;padding:10px;border:1px solid var(--ds-legacy-e0e8ef);background:var(--ds-legacy-f7fafc);border-radius:15px}.toolbar input{flex:1;min-width:230px;padding:12px 14px;border:1px solid var(--ds-legacy-d6e2eb);border-radius:11px;font:inherit;background:var(--ds-surface)}.toolbar input:focus{outline:0;border-color:var(--ds-legacy-75acd6);box-shadow:0 0 0 4px rgba(7,92,168,.07)}.chip{border:1px solid var(--ds-legacy-d7e3ec);background:var(--ds-surface);color:var(--ds-legacy-36556f);border-radius:999px;padding:9px 13px;font:800 12px var(--ds-font-body);cursor:pointer}.chip.active{background:var(--ds-info);border-color:var(--ds-info);color:var(--ds-surface)}
.campaigns,.public-news-grid,.public-branches-grid{gap:18px!important}.campaign-card,.news-card,.branch-card{border:1px solid var(--ds-legacy-e0e8ef)!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(8,43,80,.055)!important;transition:.22s}.campaign-card:hover,.news-card:hover,.branch-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(8,43,80,.09)!important;border-color:var(--ds-legacy-c8dae7)!important}
.public-contact-card{transition:.2s;border-color:var(--ds-legacy-e0e8ef)!important}.public-contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,43,80,.09)}.public-contact-value{display:block;font-weight:800;color:var(--ds-secondary);margin:4px 0}.notice{padding:13px 15px;border:1px solid var(--ds-legacy-dbe7ef);border-radius:12px;background:var(--ds-legacy-f7fbfe);color:var(--ds-muted)}
.content{max-width:900px}.content h2{font:800 20px var(--ds-font-heading);color:var(--ds-secondary);padding-top:4px}.content p,.content li{color:var(--ds-legacy-425b70);line-height:2}.content ul{padding-inline-start:24px}.content a{color:var(--ds-info)}
.empty,.placeholder{border-radius:15px!important}.public-footer-grid h3{font:800 16px var(--ds-font-heading)}.public-footer .copy{border-top:1px solid rgba(255,255,255,.11);margin-top:26px;padding-top:18px}
@media(max-width:650px){.public-page-main,.public-page-grid{padding-top:22px;padding-bottom:36px}.public-page-hero h1,.page-head h1{font-size:29px}.toolbar{align-items:stretch}.toolbar input{min-width:100%;width:100%}.chip{flex:1}.content{padding-inline:0}.content h2{font-size:18px}.public-contact-card{min-height:auto}}


/* Refined motion system — subtle, premium, accessibility-safe */
@keyframes almsPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes almsCardIn{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}
@keyframes almsBrandIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body:not(.cms-body){animation:almsPageIn .38s cubic-bezier(.22,.61,.36,1) both}
.public-nav,.nav{animation:almsBrandIn .34s ease-out both}
.portal-login-premium{animation:almsCardIn .42s cubic-bezier(.22,.61,.36,1) both}
.public-links a,.links a,.campaign,.story,.branch,.board-member,.public-contact-card,.portal-types span,.portal-submit{transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}
.public-links a:active,.links a:active,.portal-submit:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Final responsive and motion QA — production polish */
html{scroll-behavior:smooth;scroll-padding-top:92px}
.public-page-main,.offer-detail-main{min-height:42vh}
.empty,.placeholder{line-height:1.8}
.empty strong,.empty span{display:block}
.public-menu,.menu-btn{min-width:44px;min-height:44px}
.public-links a,.links a{touch-action:manipulation}
@media (hover:hover) and (pointer:fine){
  .campaign,.story,.branch,.service,.contact-card,.home-offer-card{will-change:transform}
}
@media (hover:none){
  .campaigns .campaign:hover,.feed .story:hover,.grid .branch:hover,.service:hover,.contact-card:hover,.home-offer-card:hover{transform:none}
}
@media(max-width:800px){
  .public-nav>.wrap{position:relative}
  .public-links.open{max-height:calc(100vh - 86px);overflow:auto;overscroll-behavior:contain}
  .public-links a,.links.mobile-open a{min-height:44px;display:flex;align-items:center}
  .toolbar{display:flex;flex-wrap:wrap;gap:8px}
  .toolbar input{flex:1 0 100%;min-height:46px}
}
@media(max-width:560px){
  .public-page-main,.offer-detail-main{padding-top:28px;padding-bottom:48px}
  .public-page-hero,.public-detail-hero{padding-top:42px;padding-bottom:42px}
  .public-page-hero h1,.public-detail-hero h1{line-height:1.35}
  .campaign-body:after{display:none}
  .campaign-arrow{margin-top:8px}
  .portal-login-premium{width:min(100% - 24px,520px);margin:24px auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body:not(.cms-body),.public-nav,.nav,.portal-login-premium{animation:none!important}
}

/* Bilingual public experience */
.lang-switch{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;height:34px;padding:0 11px;border:1px solid var(--ds-legacy-cfdce8);border-radius:999px;background:var(--ds-surface);color:var(--navy)!important;font:800 12px/1 Arial,sans-serif;letter-spacing:.2px;white-space:nowrap}.lang-switch:hover{border-color:var(--blue);background:var(--ds-legacy-f3f8fd);color:var(--blue)!important}html[dir="ltr"] body{font-family:var(--ds-font-body)}html[dir="ltr"] .links,html[dir="ltr"] .public-links,html[dir="ltr"] .toplinks,html[dir="ltr"] .actions,html[dir="ltr"] .contact-card{direction:ltr}html[dir="ltr"] .content,html[dir="ltr"] .public-page-main,html[dir="ltr"] .campaign-body,html[dir="ltr"] .branch .body,html[dir="ltr"] .home-news-body,html[dir="ltr"] .board-member-info{text-align:left}html[dir="ltr"] .content ul{padding-left:22px;padding-right:0}html[dir="ltr"] .public-links{direction:ltr}html[dir="ltr"] .public-links.open{left:0;right:0}html[dir="ltr"] .hero:before{left:auto;right:-110px}html[dir="ltr"] .home-offer-arrow,html[dir="ltr"] .campaign-arrow,html[dir="ltr"] .branch-map,html[dir="ltr"] .home-branch-map{direction:ltr}@media(max-width:800px){.lang-switch{align-self:flex-start}}

/* English desktop header: keep the Society name compact and give navigation priority */
@media (min-width:1101px){html[dir="ltr"] .navin{gap:12px}html[dir="ltr"] .brand{gap:8px;flex:0 0 auto;white-space:nowrap}html[dir="ltr"] .brand img{width:74px;height:54px}html[dir="ltr"] .brand span{font-size:0;line-height:1}html[dir="ltr"] .brand span::after{content:"Al-Masayel";font:800 15px/1.15 var(--ds-font-heading),Arial,sans-serif;font-size:15px}html[dir="ltr"] .links{gap:15px;font-size:13px;white-space:nowrap;flex:0 1 auto}html[dir="ltr"] .lang-switch{min-width:42px;padding:0 9px}}

/* Brand lockup: the logo artwork already contains the Society name, so do not duplicate it in the header. */
.nav .brand>span{display:none!important}.nav .brand{gap:0;flex:0 0 auto}.nav .brand img{width:96px;height:60px;object-fit:contain}@media (min-width:1101px){html[dir="ltr"] .brand span::after{content:none!important}html[dir="ltr"] .brand img{width:96px;height:60px}}@media (max-width:800px){.nav .brand img{width:84px;height:54px}}

/* Final desktop header spacing QA: compact brand/navigation rhythm in both directions */
@media (min-width:1101px){.navin{justify-content:flex-start;gap:22px}.navin .links{flex:1;justify-content:flex-start;gap:17px}.navin .brand{margin:0}.topbar .wrap{justify-content:center}.topbar .toplinks{justify-content:center}html[dir="rtl"] .navin .links{justify-content:flex-start}html[dir="ltr"] .navin{gap:22px}html[dir="ltr"] .navin .links{gap:16px}html[dir="ltr"] .lang-switch,html[dir="rtl"] .lang-switch{flex:0 0 auto}}

/* Contact cards — final readability and alignment */
.content:has(.contact-grid){max-width:1100px}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.public-contact-card{min-width:0;min-height:122px;padding:20px 18px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;text-align:start}.public-contact-card .ico{width:46px;height:46px;border-radius:13px;background:var(--ds-legacy-edf6fd);color:var(--ds-info);display:grid;place-items:center;font-size:22px;flex:none}.public-contact-card>div:last-child{min-width:0}.public-contact-card small{font-size:12px;line-height:1.4;margin-bottom:5px}.public-contact-card .public-contact-value,.public-contact-card #publicContactLocationText{display:block;font-size:15px;line-height:1.45;overflow-wrap:anywhere;word-break:normal}.public-contact-card span{display:block;margin-top:5px;color:var(--ds-legacy-8a9bab);font-size:11px;line-height:1.4}.public-contact-card:after{content:"←";position:absolute;inset-inline-end:16px;bottom:14px;color:var(--ds-legacy-7fa0ba);font-size:14px}.public-contact-card{position:relative;padding-bottom:29px}@media(max-width:980px){.content:has(.contact-grid){max-width:900px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.contact-grid{grid-template-columns:1fr}.public-contact-card{min-height:108px}}