/* =========================================================
   قالب "الفخامة الملكية" — تصميم بديل قابل للتبديل من لوحة التحكم
   لوحة الألوان: كحلي ملكي + ذهبي + أخضر واتساب
   مبني بالكامل بـCSS خالص (بدون الاعتماد على Bootstrap/Swiper/AOS)
   ========================================================= */
:root{
  --navy:#1f3a93;
  --navy-dark:#0b1a4a;
  --gold:#c9932e;
  --whatsapp:#25d366;
  --violet:#a78bfa;
  --bg-soft:#ffffff;
  --ink:#2b2b2b;
  --ink-dim:#555;
  --line:#eef0f6;
  --card-radius:22px;
  --font: "Tajawal", "Tahoma", sans-serif;
  --space-section: 44px;
  --space-gap: 26px;
  --space-card-pad: 34px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

body{
  margin:0; font-family:var(--font); background:var(--bg-soft); color:var(--ink); line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ margin:0; }
p{ margin:0; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }

.container{ max-width:1180px; margin-inline:auto; padding-inline:20px; }

/* ---------- Grid helpers (بديل خفيف عن Bootstrap grid) ---------- */
.grid{ display:grid; gap:var(--space-gap); }
.grid-2{ grid-template-columns:repeat(2, 1fr); }
.grid-3{ grid-template-columns:repeat(3, 1fr); }
.grid-4{ grid-template-columns:repeat(4, 1fr); }
@media (max-width:960px){ .grid-3, .grid-4{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:640px){ .grid-2, .grid-3, .grid-4{ grid-template-columns:1fr; } }

.diamond-bg{
  background-color:#eef0f6;
  background-image: radial-gradient(circle, rgba(31,58,147,.06) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
}

/* ---------- Top bar ---------- */
.ng-topbar{
  background:#fff; padding:14px 0; position:sticky; top:0; z-index:500;
  box-shadow:0 2px 14px rgba(11,26,74,.08);
}
.ng-topbar .container{ display:flex; align-items:center; justify-content:space-between; gap:16px; }

.brand-logo-box{ display:flex; align-items:center; gap:12px; }
.brand-logo-box img{ width:52px; height:52px; object-fit:contain; border-radius:10px; }
.brand-logo-box .brand-name{ color:var(--navy); font-weight:800; font-size:15.5px; margin-bottom:2px; }
.brand-logo-box .brand-phone{ color:var(--navy); font-weight:800; font-size:14.5px; }

.nav-scroll{ display:flex; align-items:center; gap:4px; overflow-x:auto; white-space:nowrap; flex:1; }
.nav-scroll a{ flex:0 0 auto; color:#265c50; font-weight:600; padding:8px 12px; border-radius:10px; transition:.2s; font-size:14.5px; }
.nav-scroll a:hover, .nav-scroll a.is-active{ background:rgba(31,58,147,.08); color:var(--navy); }
.nav-scroll a.home-link{ color:var(--navy); font-weight:800; }
.nav-scroll::-webkit-scrollbar{ height:5px; }
.nav-scroll::-webkit-scrollbar-thumb{ background:#ccc; border-radius:10px; }
@media (max-width:900px){ .nav-scroll{ display:none; } }

.menu-btn{
  display:none; background:linear-gradient(135deg, var(--navy), var(--navy-dark)); color:#fff;
  border:none; border-radius:50%; width:46px; height:46px; align-items:center; justify-content:center;
  box-shadow:0 4px 10px rgba(31,58,147,.35); font-size:18px; flex:none;
}
@media (max-width:900px){ .menu-btn{ display:flex; } }

/* ---------- Sidebar ---------- */
.ng-sidebar{
  position:fixed; top:0; inset-inline-end:-280px; width:280px; height:100%; background:#fff;
  box-shadow:-8px 0 25px rgba(0,0,0,.15); transition:inset-inline-end .3s ease; z-index:999; padding:24px 20px; overflow-y:auto;
}
.ng-sidebar.is-open{ inset-inline-end:0; }
.ng-sidebar__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.ng-sidebar h5{ color:var(--navy); font-weight:800; margin:0; font-size:17px; }
.ng-sidebar__close{ background:var(--line); border:none; width:34px; height:34px; border-radius:50%; color:var(--navy); font-size:15px; }
.ng-sidebar a{ display:block; padding:12px 6px; color:#333; border-bottom:1px solid #eee; font-weight:500; }
.ng-sidebar a:hover{ background:#f1f4fb; color:var(--navy); }

.ng-overlay{
  position:fixed; inset:0; background:rgba(11,26,74,.45); display:none; z-index:998;
}
.ng-overlay.is-open{ display:block; }

/* ---------- Hero (working slider, split card layout) ---------- */
.ng-hero{ padding:50px 0; position:relative; overflow:hidden; }
.ng-hero-slide{ display:none; }
.ng-hero-slide.is-active{ display:block; }

.hero-row{ display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center; }
@media (max-width:860px){ .hero-row{ grid-template-columns:1fr; } }

.hero-logo-card{
  background:#fff; border-radius:28px; padding:40px 30px; text-align:center;
  box-shadow:0 20px 45px rgba(11,26,74,.12); height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.hero-logo-card img{ max-width:200px; margin-bottom:10px; }
.hero-logo-card .logo-word{ color:var(--navy); font-weight:800; font-size:20px; margin-top:10px; }

.hero-text{ text-align:center; }
@media (min-width:861px){ .hero-text{ text-align:right; } }
.hero-text h1{ color:var(--navy); font-weight:900; font-size:clamp(26px,4vw,36px); }

.ng-divider{ display:flex; align-items:center; margin:16px 0 20px; }
.ng-divider.centered{ justify-content:center; }
.ng-divider span{ height:2px; width:60px; background:var(--navy); }
.ng-divider i{ color:var(--gold); font-size:19px; margin:0 14px; }

.sub-title{ color:var(--navy); font-weight:800; font-size:19px; margin-bottom:14px; }
.desc{ line-height:1.9; color:#3a3a3a; font-size:15.5px; }

.hero-actions{ margin-top:22px; display:flex; flex-wrap:wrap; gap:10px; }
@media (min-width:861px){ .hero-actions{ justify-content:flex-end; } }
@media (max-width:860px){ .hero-actions{ justify-content:center; } }

.btn-call, .btn-whatsapp, .ng-btn{
  border:none; border-radius:30px; padding:12px 26px; font-weight:700;
  display:inline-flex; align-items:center; gap:8px; box-shadow:0 8px 18px rgba(0,0,0,.12); transition:.25s;
}
.btn-call{ background:linear-gradient(135deg, var(--navy), #2b4bc7); color:#fff; }
.btn-call:hover{ color:#fff; transform:translateY(-2px); }
.btn-whatsapp{ background:linear-gradient(135deg, var(--whatsapp), #1ebe5d); color:#fff; }
.btn-whatsapp:hover{ color:#fff; transform:translateY(-2px); }
.ng-btn-outline{ background:#fff; color:var(--navy); border:1.5px solid var(--navy); }
.ng-btn-outline:hover{ background:var(--navy); color:#fff; }

.hero-dots{ display:flex; justify-content:center; gap:8px; margin-top:24px; }
.hero-dots button{ width:28px; height:4px; border-radius:3px; border:none; background:#d8deee; padding:0; cursor:pointer; transition:.2s; }
.hero-dots button.is-active{ background:var(--navy); width:40px; }

/* ---------- Section titles ---------- */
.section-title{ text-align:center; color:var(--navy); font-weight:800; font-size:26px; margin-bottom:4px; }
.section-lead{ text-align:center; color:var(--ink-dim); font-size:15px; max-width:620px; margin:0 auto 8px; }

/* ---------- Services ---------- */
.ng-services{ padding:36px 0 40px; }

.service-card{
  background:#fff; border-radius:var(--card-radius); overflow:hidden;
  box-shadow:0 12px 30px rgba(11,26,74,.10); transition:transform .3s, box-shadow .3s;
}
.service-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(11,26,74,.16); }
.service-img{ overflow:hidden; aspect-ratio:4/3; }
.service-img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.service-card:hover .service-img img{ transform:scale(1.06); }
.service-body{ padding:16px 14px 22px; text-align:center; }
.service-title{ color:var(--navy); font-weight:800; font-size:18px; margin-bottom:14px; }
.service-btn{
  background:linear-gradient(135deg, var(--navy-dark), var(--navy)); color:#fff; border-radius:30px;
  padding:10px 22px; display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px;
}
.service-btn:hover{ color:#fff; filter:brightness(1.1); }

/* ---------- Offers styled as article cards ---------- */
.ng-offers{ padding:20px 0 44px; }

.article-card{
  background:#fff; border-radius:var(--card-radius); overflow:visible;
  box-shadow:0 12px 30px rgba(11,26,74,.08); height:100%; position:relative;
}
.article-img-wrap{ position:relative; border-radius:var(--card-radius) var(--card-radius) 0 0; overflow:hidden; aspect-ratio:16/10; }
.article-img-wrap img{ width:100%; height:100%; object-fit:cover; }
.article-badge{
  position:absolute; top:12px; inset-inline-end:12px; background:rgba(255,255,255,.92); color:var(--navy);
  font-size:11.5px; font-weight:700; padding:5px 12px; border-radius:20px;
}
.article-avatar{
  position:absolute; bottom:-24px; inset-inline-start:50%; transform:translateX(50%);
  width:48px; height:48px; border-radius:50%; background:#e9edf5; color:#8a97ad;
  display:flex; align-items:center; justify-content:center; font-size:19px;
  box-shadow:0 6px 14px rgba(0,0,0,.15); border:3px solid #fff;
}
.article-body{ padding:34px 18px 22px; text-align:center; }
.article-title{ color:#1c1c1c; font-weight:800; font-size:16.5px; line-height:1.5; margin-bottom:12px; }
.article-desc{ color:#555; font-size:14px; line-height:1.8; margin-bottom:14px; }
.article-more{ color:#1ebe5d; font-weight:700; font-size:14px; }
.article-more:hover{ color:#149447; }

/* ---------- Why us ---------- */
.ng-why-us{ padding:44px 0 20px; text-align:center; }
.why-title{ color:var(--navy); font-size:27px; font-weight:800; margin-bottom:8px; }

.why-card{
  background:#eef0f4; border-radius:var(--card-radius); padding:var(--space-card-pad) 22px;
  box-shadow:0 6px 18px rgba(11,26,74,.06); height:100%;
}
.why-icon-circle{
  width:62px; height:62px; border-radius:50%; background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 18px;
}
.why-card h4{ color:var(--navy); font-weight:800; margin-bottom:12px; font-size:17px; }
.why-card p{ color:var(--navy); line-height:1.8; font-size:14.5px; opacity:.85; }

/* ---------- Share ---------- */
.ng-share{ text-align:center; padding:10px 0 40px; }
.share-title{ color:var(--navy); font-weight:800; font-size:21px; margin-bottom:20px; }
.share-icons{ display:flex; justify-content:center; gap:16px; }
.share-icons a{
  width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:17px; box-shadow:0 6px 14px rgba(0,0,0,.15);
}
.share-icons a.wa{ background:var(--whatsapp); }
.share-icons a.tw{ background:#1da1f2; }
.share-icons a.fb{ background:var(--navy); }

/* ---------- Keywords tag cloud ---------- */
.ng-keywords{ padding:20px 0 10px; text-align:center; }
.ng-keywords a{
  display:inline-block; margin:5px; padding:8px 16px; background:#eef1fb; border-radius:20px;
  color:var(--navy); font-size:13px; font-weight:600; transition:.25s;
}
.ng-keywords a:hover{ background:var(--navy); color:#fff; }

/* ---------- Breadcrumb / page hero (inner pages) ---------- */
.ng-page-hero{ background:var(--navy-dark); padding:52px 0 40px; }
.ng-page-hero h1{ color:#fff; font-size:clamp(24px,3.4vw,34px); font-weight:800; }
.ng-page-hero p{ color:#c9d2ea; margin-top:10px; max-width:680px; }
.ng-breadcrumbs{ font-size:13px; color:#9fb0d6; margin-bottom:14px; display:flex; gap:6px; flex-wrap:wrap; }
.ng-breadcrumbs a{ color:#c9d2ea; }
.ng-breadcrumbs a:hover{ color:#fff; }

/* ---------- Filters / pagination (works gallery) ---------- */
.ng-filters{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; }
.ng-filter-pill{ padding:9px 18px; border-radius:999px; border:1.5px solid var(--line); font-size:13.5px; font-weight:700; color:var(--navy); background:#fff; }
.ng-filter-pill:hover{ border-color:var(--navy); }
.ng-filter-pill.is-active{ background:var(--navy); color:#fff; border-color:var(--navy); }

.ng-pagination{ display:flex; justify-content:center; gap:8px; margin-top:36px; flex-wrap:wrap; }
.ng-pagination a, .ng-pagination span{
  min-width:40px; height:40px; padding-inline:10px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--line); font-weight:700; font-size:13.5px; color:var(--navy);
}
.ng-pagination .is-active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.ng-pagination .is-disabled{ opacity:.35; pointer-events:none; }

/* ---------- Gallery (works) ---------- */
.ng-gallery-item{ border-radius:16px; overflow:hidden; aspect-ratio:4/3; position:relative; box-shadow:0 10px 26px rgba(11,26,74,.10); cursor:zoom-in; }
.ng-gallery-item img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.ng-gallery-item:hover img{ transform:scale(1.07); }
.ng-gallery-item__overlay{
  position:absolute; inset:0; background:linear-gradient(0deg, rgba(11,26,74,.82) 0%, rgba(11,26,74,0) 55%);
  display:flex; align-items:flex-end; padding:12px; opacity:0; transition:opacity .25s ease;
}
.ng-gallery-item:hover .ng-gallery-item__overlay{ opacity:1; }
.ng-gallery-item__overlay span{ color:#fff; font-size:13px; font-weight:700; }

/* ---------- Lightbox ---------- */
.ng-lightbox{ position:fixed; inset:0; background:rgba(6,10,26,.94); z-index:1100; display:none; align-items:center; justify-content:center; padding:30px; }
.ng-lightbox.is-open{ display:flex; }
.ng-lightbox img{ max-width:min(1000px,92vw); max-height:86vh; border-radius:12px; box-shadow:0 30px 70px rgba(0,0,0,.5); }
.ng-lightbox__close, .ng-lightbox__nav{
  position:absolute; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); color:#fff;
  width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:18px;
}
.ng-lightbox__close{ top:20px; inset-inline-end:20px; }
.ng-lightbox__prev{ inset-inline-start:20px; top:50%; transform:translateY(-50%); }
.ng-lightbox__next{ inset-inline-end:20px; top:50%; transform:translateY(-50%); }

/* ---------- Forms (contact) ---------- */
.ng-card{ background:#fff; border-radius:var(--card-radius); box-shadow:0 12px 30px rgba(11,26,74,.08); padding:28px; }
.ng-field{ margin-bottom:18px; }
.ng-field label{ display:block; font-size:13.5px; font-weight:700; color:var(--navy); margin-bottom:8px; }
.ng-field input, .ng-field select, .ng-field textarea{
  width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid var(--line); font-family:inherit; font-size:14.5px;
}
.ng-field input:focus, .ng-field select:focus, .ng-field textarea:focus{ border-color:var(--navy); }
.ng-field textarea{ min-height:110px; resize:vertical; }
.ng-alert{ padding:14px 18px; border-radius:12px; margin-bottom:18px; font-size:14px; font-weight:700; }
.ng-alert-ok{ background:#e7f8f0; color:#0a7a49; }
.ng-alert-err{ background:#fdecec; color:#b3261e; }
.ng-info-row{ display:flex; gap:12px; align-items:flex-start; margin-bottom:16px; }
.ng-info-row i{ width:38px; height:38px; border-radius:10px; background:rgba(31,58,147,.08); color:var(--navy); display:flex; align-items:center; justify-content:center; flex:none; }
.ng-info-row h4{ font-size:14.5px; color:var(--navy); margin-bottom:2px; }
.ng-info-row p, .ng-info-row a{ font-size:14px; color:var(--ink-dim); }

/* ---------- Footer ---------- */
.footer-dark{ background:linear-gradient(180deg, var(--navy-dark), #081431); color:#fff; padding:50px 0; }
.footer-map iframe, .footer-map .map-placeholder{ width:100%; height:280px; border:0; border-radius:16px; }
.footer-contact-title{ color:var(--gold); font-weight:800; font-size:23px; margin-bottom:16px; }
.footer-contact-text{ color:#d7deed; line-height:1.9; margin-bottom:20px; }
.footer-icon-row{ display:flex; gap:12px; margin-bottom:18px; }
.footer-icon-row span{ color:#d7deed; font-weight:700; align-self:center; }
.footer-icons{ display:flex; gap:10px; }
.footer-icons a{ width:42px; height:42px; border-radius:10px; background:var(--gold); color:#0b1a4a; display:flex; align-items:center; justify-content:center; font-size:17px; }
.footer-icons a:hover{ filter:brightness(1.1); }
.footer-links{ margin-top:18px; }
.footer-links a{ color:#c9d2ea; font-size:13.5px; display:inline-block; margin-inline-end:14px; margin-bottom:8px; }
.footer-links a:hover{ color:#fff; }

.copyright-bar{ background:#fff; text-align:center; padding:16px; font-size:13.5px; color:#333; }
.copyright-bar strong{ color:var(--navy); }

@media (max-width:860px){
  .footer-dark .grid-2{ grid-template-columns:1fr; }
  .footer-contact-title, .footer-contact-text, .footer-icon-row, .footer-icons{ text-align:center; justify-content:center; }
}

/* ---------- Floating buttons ---------- */
.fab-wrap{ position:fixed; bottom:24px; inset-inline-start:20px; z-index:900; display:flex; flex-direction:column; align-items:center; gap:12px; }
.fab-wrap.is-hidden{ display:none; }
.fab-circle{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; box-shadow:0 8px 18px rgba(0,0,0,.25); border:none; }
.fab-circle.call{ background:var(--navy); }
.fab-circle.wat{ background:var(--whatsapp); }
.fab-circle.close{ background:var(--violet); font-size:16px; cursor:pointer; }
@media (max-width:767px){ .fab-wrap{ bottom:18px; inset-inline-start:14px; } }

/* ---------- Reveal on scroll (بديل خفيف عن AOS) ---------- */
.ng-reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.ng-reveal.is-visible{ opacity:1; transform:translateY(0); }

/* ---------- 404 ---------- */
.ng-error-page{ min-height:55vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:40px 20px; }
.ng-error-page h1{ font-size:clamp(56px,9vw,110px); color:var(--gold); font-weight:900; }

.site-keywords{padding:30px 0 18px}.site-keywords h2{font-size:18px;margin:0 0 14px}.site-keywords__list{display:flex;gap:8px;flex-wrap:wrap}.site-keywords__list a{display:inline-block;padding:7px 12px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:13px;opacity:.88}.site-keywords__list a:hover{opacity:1}


/* =========================================================
   REFRESH — هوية التصميم المرجعي: كحلي داكن / أصفر / أبيض / بنفسجي
   يحافظ على أصناف الصفحات الداخلية ويضيف نظام الصفحة الرئيسية الجديد.
   ========================================================= */
:root{--ref-navy:#0b1e38;--ref-purple:#17075b;--ref-purple-soft:#8b86aa;--ref-gold:#ffc20e;--ref-yellow:#ffc20e;--ref-green:#20d566;--ref-paper:#f5f6f8;--ref-text:#10133b;--ref-line:#ddd8a1}
body{font-family:"Tajawal","Tahoma",sans-serif;background:#fff;color:var(--ref-text)}
.container{max-width:1240px;padding-inline:30px}
.ng-topbar{background:#fff;padding:10px 0;box-shadow:0 2px 10px rgba(11,30,56,.1);border-bottom:1px solid #f0f0f0}
.ng-topbar .container{min-height:58px}
.brand-logo-box{order:-1;gap:10px}
.brand-logo-box img{width:60px;height:42px;border-radius:0;object-fit:contain}
.brand-logo-box .brand-name{color:var(--ref-purple);font-size:12px;font-weight:900}
.brand-logo-box .brand-phone{color:var(--ref-purple);font-size:11px}
.nav-scroll{justify-content:flex-start;gap:5px}
.nav-scroll a{color:var(--ref-purple);font-size:13px;font-weight:800;border-radius:0;padding:11px 16px}
.nav-scroll a:hover,.nav-scroll a.is-active{background:var(--ref-purple);color:#fff}
.menu-btn{background:var(--ref-purple);box-shadow:none;border-radius:2px}
.ng-sidebar h5,.ng-sidebar a{color:var(--ref-purple)}
.ref-hero{background:#050505;color:#fff;min-height:470px;display:flex;align-items:center;text-align:center}
.ref-hero__inner{width:100%;padding-block:84px}
.ref-kicker{font-size:21px;font-weight:800;margin-bottom:22px;color:#fff}
.ref-hero h1{font-size:clamp(30px,5vw,58px);line-height:1.35;font-weight:900;color:#fff;max-width:1080px;margin-inline:auto;text-shadow:0 2px 0 rgba(255,255,255,.08)}
.ref-hero p{font-size:19px;font-weight:700;max-width:850px;margin:18px auto 0;color:#f1f1f1}
.ref-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:28px}
.ref-actions--start{justify-content:flex-start}
.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 27px;font-weight:900;font-size:14px;transition:.2s;box-shadow:0 5px 12px rgba(0,0,0,.12)}
.ref-btn:hover{transform:translateY(-2px);color:inherit}
.ref-btn--gold{background:var(--ref-gold);color:var(--ref-purple)}
.ref-btn--navy{background:var(--ref-purple);color:#fff}
.ref-btn--wa{background:var(--ref-green);color:#fff}
.ref-ticker{height:47px;background:var(--ref-gold);display:flex;align-items:center;overflow:hidden;color:var(--ref-purple);font-weight:900}
.ref-ticker__label{background:var(--ref-purple);color:#fff;height:100%;display:flex;align-items:center;padding:0 30px;flex:none}
.ref-ticker__track{display:flex;gap:56px;white-space:nowrap;animation:refTicker 34s linear infinite}
.ref-ticker__track span{display:inline-flex;align-items:center;gap:12px}
.ref-ticker__track i{font-size:18px}
@keyframes refTicker{from{transform:translateX(0)}to{transform:translateX(50%)}}
.ref-about{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;padding-block:58px}
.ref-about__media{border:3px solid var(--ref-purple);min-height:370px;background:#fff;overflow:hidden}
.ref-about__media img{width:100%;height:100%;min-height:370px;object-fit:cover}
.ref-about__copy{text-align:right}
.ref-eyebrow{font-size:18px;font-weight:900;color:var(--ref-purple);margin-bottom:10px}
.ref-about h2,.ref-intro h2{font-size:clamp(26px,3.4vw,42px);line-height:1.35;color:var(--ref-purple);font-weight:900;margin-bottom:16px}
.ref-about h2::first-letter{color:var(--ref-gold)}
.ref-about p{font-size:16px;line-height:2.05;color:#202044}
.ref-intro{background:var(--ref-paper);padding:34px 0 48px;text-align:center}
.ref-intro__card{border:2px solid var(--ref-purple);border-radius:18px;padding:34px 46px}
.ref-intro h2{font-size:clamp(30px,4vw,52px);text-shadow:2px 3px 0 rgba(23,7,91,.12)}
.ref-intro p{font-size:17px;line-height:2;color:#25254b;max-width:850px;margin:auto}
.ref-values,.ref-works,.ref-stats{background:var(--ref-navy);color:#fff;padding:58px 0}
.ref-values{padding-bottom:42px}
.ref-section-heading{text-align:center;margin-bottom:28px}.ref-section-heading--light{color:#fff}.ref-section-heading h2{color:var(--ref-gold);font-size:clamp(28px,4vw,46px);font-weight:900;margin:4px 0 9px}.ref-section-heading p{color:#d9e0ea}.ref-section-heading--light .ref-eyebrow{color:#fff}
.ref-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ref-value-card{min-height:184px;text-align:center;border:1px solid #8e7d2a;border-radius:15px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(0,0,0,.08));padding:20px 14px}.ref-value-card__icon{width:58px;height:58px;border:1px solid #8e7d2a;border-radius:50%;display:grid;place-items:center;color:var(--ref-gold);font-size:22px;margin:0 auto 12px}.ref-value-card h3{font-size:18px;color:#fff;margin-bottom:8px}.ref-value-card p{font-size:13px;line-height:1.7;color:#d8deea}
.ref-works{padding-top:28px}.ref-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ref-work-card{height:274px;position:relative;overflow:hidden;border-radius:15px;background:#13243a;border:1px solid rgba(255,255,255,.1)}.ref-work-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.ref-work-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,14,29,.98))}.ref-work-card:hover img{transform:scale(1.06)}.ref-work-card span{position:absolute;bottom:18px;inset-inline:14px;color:#fff;text-align:center;font-weight:900;font-size:15px;z-index:2}.ref-work-card__number{position:absolute;top:10px;inset-inline-end:10px;background:var(--ref-gold);color:var(--ref-purple);border-radius:9px;padding:7px 10px;z-index:3}
.ref-center{text-align:center;margin-top:30px}.ref-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ref-stat{border:1px solid #8e7d2a;border-radius:15px;text-align:center;padding:20px 10px;background:rgba(255,255,255,.03)}.ref-stat i{color:var(--ref-gold);font-size:23px;display:block;margin-bottom:10px}.ref-stat strong{display:block;color:var(--ref-gold);font-size:38px;line-height:1}.ref-stat span{display:block;color:#fff;font-size:15px;font-weight:800;margin-top:12px}
.ref-offers{padding-block:0 56px}.ref-strip-title{margin-inline:calc(30px * -1);text-align:center;background:var(--ref-gold);color:var(--ref-purple);font-size:24px;font-weight:900;padding:9px}.ref-offers__call{margin-top:26px}.ref-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.ref-offer{border:3px solid var(--ref-gold);background:#fff;box-shadow:0 6px 20px rgba(23,7,91,.08)}.ref-offer__img{height:220px;position:relative}.ref-offer__img img{width:100%;height:100%;object-fit:cover}.ref-offer__img b{position:absolute;bottom:0;inset-inline-start:0;background:var(--ref-gold);color:var(--ref-purple);padding:9px 15px;font-size:19px}.ref-offer__body{text-align:center;padding:16px 14px 22px}.ref-offer__body small{color:#777}.ref-offer h3{font-size:18px;color:var(--ref-purple);margin:8px 0}.ref-offer p{font-size:13px;line-height:1.8;min-height:46px}.ref-offer__body>strong{display:block;color:var(--ref-purple);margin:8px}
.ref-contact-area{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding-block:55px}.ref-keywords,.ref-contact-card{background:#fff;border-radius:15px;box-shadow:0 4px 18px rgba(11,30,56,.08);padding:28px}.ref-keywords{min-height:280px}.ref-keywords h2,.ref-contact-card h2{color:var(--ref-purple);font-size:25px;text-align:center;margin-bottom:18px}.ref-keywords>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ref-keywords a{background:var(--ref-purple);color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800}.ref-contact-card p{margin:12px 0;font-weight:700;color:#29294b}.ref-contact-card p i{color:var(--ref-gold);width:22px}
.footer-dark{background:var(--ref-purple-soft);color:#fff;padding:48px 0 25px}.footer-dark .grid{grid-template-columns:1.15fr 1fr 1fr 1fr}.footer-contact-title{color:#fff;font-size:25px;font-weight:900}.footer-contact-text{line-height:1.9;color:#fff}.footer-map iframe{width:100%;min-height:190px;border:1px solid var(--ref-gold);border-radius:8px}.footer-links a{color:#fff}.site-keywords{display:none}.copyright-bar{background:var(--ref-purple);color:var(--ref-gold);text-align:center;padding:13px;font-size:13px}.fab-circle{box-shadow:0 4px 10px rgba(0,0,0,.25)}
@media(max-width:1000px){.ref-about{grid-template-columns:1fr}.ref-about__copy{text-align:center}.ref-actions--start{justify-content:center}.ref-value-grid,.ref-stat-grid{grid-template-columns:repeat(2,1fr)}.footer-dark .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{padding-inline:16px}.ng-topbar .container{padding-inline:12px}.brand-logo-box{min-width:0;max-width:calc(100vw - 72px);gap:7px}.brand-logo-box img{width:44px;height:34px;flex:none}.brand-logo-box .text-end{min-width:0}.brand-logo-box .brand-name{display:block;font-size:10px;line-height:1.35;white-space:normal;max-width:145px}.brand-logo-box .brand-phone{display:block;font-size:10px;line-height:1.3;white-space:nowrap}.ref-hero{min-height:430px}.ref-hero__inner{padding-block:62px}.ref-hero h1{font-size:30px}.ref-hero p{font-size:15px}.ref-ticker__label{padding-inline:16px}.ref-about{padding-block:35px;gap:24px}.ref-about__media,.ref-about__media img{min-height:250px}.ref-intro__card{padding:25px 15px}.ref-value-grid,.ref-work-grid,.ref-stat-grid,.ref-offer-grid,.ref-contact-area{grid-template-columns:1fr}.ref-work-card{height:245px}.ref-stat strong{font-size:32px}.ref-strip-title{margin-inline:-16px}.footer-dark .grid{grid-template-columns:1fr}.footer-dark .footer-map{order:4}.ref-contact-area{padding-block:35px}.nav-scroll{display:none}}
.footer-dark .grid{grid-template-columns:1.2fr .8fr .9fr 1fr;gap:34px}.footer-contact-title{margin-bottom:14px}.footer-icons{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.footer-icons a{width:34px;height:34px;border:1px solid var(--ref-gold);border-radius:50%;display:grid;place-items:center;color:var(--ref-gold)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a::before{content:'◉';color:var(--ref-gold);margin-inline-end:8px;font-size:9px}.footer-location{color:#fff;line-height:1.9}.footer-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.footer-gallery-grid img{width:100%;height:86px;object-fit:cover;border-radius:4px}.footer-hours .ref-btn{margin-top:14px}@media(max-width:1000px){.footer-dark .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.footer-dark .grid{grid-template-columns:1fr}.footer-gallery{order:-1}}


/* =========================================================
   GLOBAL INNER PAGES — توحيد كل الصفحات مع تصميم الصفحة الرئيسية
   ========================================================= */
.ng-page-hero{background:#050505;padding:64px 0 58px;color:#fff;text-align:center;position:relative;overflow:hidden}
.ng-page-hero::after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--ref-gold)}
.ng-page-hero .container{position:relative;z-index:1}
.ng-page-hero h1{color:#fff;font-size:clamp(27px,4.5vw,48px);font-weight:900;line-height:1.4;max-width:1050px;margin:12px auto 0}
.ng-page-hero p{color:#f4f4f4;max-width:820px;margin:14px auto 0;line-height:1.9;font-size:16px}
.ng-breadcrumbs{justify-content:center;color:var(--ref-gold);font-weight:800;margin-bottom:13px}.ng-breadcrumbs a{color:#fff}.ng-breadcrumbs a:hover{color:var(--ref-gold)}
main:not(.ref-home)>section:not(.ng-page-hero){background:#fff}
main:not(.ref-home)>.container[style*="padding"],main:not(.ref-home)>section.container[style*="padding"]{padding-block:54px!important}
main:not(.ref-home) .section-title{color:var(--ref-purple);font-weight:900;font-size:clamp(24px,3vw,38px)}
main:not(.ref-home) .section-lead,.desc{color:#29294b;line-height:2}
main:not(.ref-home) .ng-divider span{background:var(--ref-gold)}
main:not(.ref-home) .ng-divider i{color:var(--ref-purple)}
main:not(.ref-home) .diamond-bg{background:var(--ref-navy);border-radius:0!important;color:#fff}
main:not(.ref-home) .diamond-bg .section-title,main:not(.ref-home) .diamond-bg .service-title{color:var(--ref-gold)}
main:not(.ref-home) .diamond-bg .ng-divider span{background:var(--ref-gold)}
main:not(.ref-home) .service-card{border:2px solid var(--ref-gold);border-radius:14px;box-shadow:0 8px 22px rgba(23,7,91,.12);background:#fff;overflow:hidden}
main:not(.ref-home) .service-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(23,7,91,.2)}
main:not(.ref-home) .service-img{aspect-ratio:4/3}.service-img img{transition:transform .35s}.service-card:hover .service-img img{transform:scale(1.04)}
main:not(.ref-home) .service-body{padding:18px 16px 22px;text-align:center}.service-title{color:var(--ref-purple);font-weight:900;line-height:1.6}
main:not(.ref-home) .service-btn{background:var(--ref-gold);color:var(--ref-purple);border-radius:999px;font-weight:900;padding:10px 20px}
main:not(.ref-home) .service-btn:hover{background:var(--ref-purple);color:#fff;filter:none}
main:not(.ref-home) .hero-row{gap:42px}.hero-logo-card{border:2px solid var(--ref-purple);border-radius:0;box-shadow:none;background:#fff}.hero-logo-card .logo-word{color:var(--ref-purple)}
main:not(.ref-home) .ng-card{border:2px solid var(--ref-gold);border-radius:14px;box-shadow:0 8px 22px rgba(23,7,91,.08)}
main:not(.ref-home) .ng-btn-outline{border:0;background:var(--ref-purple);color:#fff;border-radius:999px;font-weight:900}
main:not(.ref-home) .ng-btn-outline:hover{background:var(--ref-gold);color:var(--ref-purple)}
main:not(.ref-home) .ng-filters{padding:16px;background:var(--ref-paper);border-inline-start:5px solid var(--ref-gold);border-radius:8px}.ng-filter-pill{border:1px solid var(--ref-purple);border-radius:999px;color:var(--ref-purple);font-weight:800}.ng-filter-pill.is-active{background:var(--ref-purple);border-color:var(--ref-purple);color:#fff}.ng-filter-pill:hover{border-color:var(--ref-gold);background:var(--ref-gold);color:var(--ref-purple)}
main:not(.ref-home) .ng-gallery-item{border-radius:14px;box-shadow:none;border:2px solid var(--ref-gold)}
main:not(.ref-home) .ng-gallery-item__overlay{background:linear-gradient(0deg,rgba(23,7,91,.95),rgba(23,7,91,0) 68%);opacity:1}
main:not(.ref-home) .ng-gallery-item__overlay span{font-weight:900}
main:not(.ref-home) .ng-pagination a,main:not(.ref-home) .ng-pagination span{border-color:var(--ref-purple);color:var(--ref-purple);border-radius:999px}.ng-pagination .is-active{background:var(--ref-purple)!important;color:#fff!important}
main:not(.ref-home) .article-card{border:3px solid var(--ref-gold);border-radius:0;box-shadow:0 7px 20px rgba(23,7,91,.1)}
main:not(.ref-home) .article-img-wrap{border-radius:0}.article-badge{background:var(--ref-gold);color:var(--ref-purple);border-radius:0;font-weight:900}.article-avatar{background:var(--ref-purple);color:#fff;border-color:#fff}.article-title{color:var(--ref-purple);font-weight:900}.article-more{display:inline-flex;background:var(--ref-gold);color:var(--ref-purple);padding:9px 18px;border-radius:999px;font-weight:900}.article-more:hover{color:#fff;background:var(--ref-purple)}
main:not(.ref-home) .ng-info-row i{background:var(--ref-purple);color:var(--ref-gold);border-radius:50%}
main:not(.ref-home) .ng-card h3{color:var(--ref-purple)!important;font-weight:900}
main:not(.ref-home) .ng-field label{color:var(--ref-purple)}main:not(.ref-home) .ng-field input,main:not(.ref-home) .ng-field select,main:not(.ref-home) .ng-field textarea{border:1px solid #d6c984;border-radius:8px}main:not(.ref-home) .ng-field input:focus,main:not(.ref-home) .ng-field select:focus,main:not(.ref-home) .ng-field textarea:focus{border-color:var(--ref-gold);outline:0}
main:not(.ref-home) .ng-error-page{background:var(--ref-navy);color:#fff;min-height:58vh}.ng-error-page h1{color:var(--ref-gold)}
main:not(.ref-home) .site-keywords{background:#fff}.site-keywords h2{color:var(--ref-purple);font-weight:900}.site-keywords__list a{border:0;background:var(--ref-purple);color:#fff;border-radius:9px;font-weight:800}.site-keywords__list a:hover{background:var(--ref-gold);color:var(--ref-purple)}
/* offer/service detail content */
main:not(.ref-home) .ng-page-hero[style*="url"]{background-color:#050505!important;background-blend-mode:luminosity}
main:not(.ref-home) .ng-page-hero[style*="url"]::before{content:"";position:absolute;inset:0;background:rgba(5,5,5,.72)}
main:not(.ref-home) .ng-page-hero[style*="url"] .container{position:relative;z-index:2}
@media(max-width:700px){.ng-page-hero{padding:48px 0}.ng-page-hero h1{font-size:29px}.ng-page-hero p{font-size:14px}main:not(.ref-home)>.container[style*="padding"],main:not(.ref-home)>section.container[style*="padding"]{padding-block:34px!important}.ng-filters{gap:6px}.ng-filter-pill{font-size:12px;padding:8px 12px}}


/* ================================================================
   DAMMAM COASTAL INDUSTRIAL — independent client design
   Sand / deep teal / coral. This layer intentionally replaces the
   Navy Gold visual language while preserving PHP classes and data.
   ================================================================ */
:root {
  --dm-ink:#123b43; --dm-deep:#092d35; --dm-teal:#087f83; --dm-mint:#dff2ed;
  --dm-sand:#f7f1e7; --dm-coral:#ef765f; --dm-gold:#efb86a; --dm-white:#fffdf9;
  --dm-line:rgba(18,59,67,.16); --dm-shadow:0 18px 50px rgba(9,45,53,.12);
}
html,body{background:var(--dm-sand);color:var(--dm-ink);overflow-x:hidden}
body{font-family:"Tajawal",sans-serif;letter-spacing:0}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.ng-topbar{position:sticky;top:0;z-index:50;background:rgba(247,241,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--dm-line);box-shadow:0 6px 24px rgba(9,45,53,.06)}
.ng-topbar>.container{min-height:86px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav menu";align-items:center;gap:24px}
.brand-logo-box{grid-area:brand;justify-self:start;display:flex;align-items:center;gap:13px;color:var(--dm-ink);text-decoration:none;min-width:0}
.brand-logo-box img,.brand-logo-box svg{width:52px;height:52px;object-fit:contain;border-radius:14px;box-shadow:0 8px 20px rgba(8,127,131,.18)}
.brand-name{font-weight:900;line-height:1.25;max-width:230px}.brand-phone{color:var(--dm-coral);font-weight:900;font-size:.84rem;margin-top:4px}
.nav-scroll{grid-area:nav;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:auto;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}
.nav-scroll a{color:var(--dm-ink);padding:11px 14px;border-radius:999px;font-weight:800;font-size:.9rem;text-decoration:none;transition:.2s}.nav-scroll a:hover,.nav-scroll a.is-active{background:var(--dm-teal);color:#fff}
.menu-btn{grid-area:menu;justify-self:end;order:0;width:46px;height:46px;border:1px solid var(--dm-line);border-radius:50%;background:var(--dm-ink);color:#fff;font-size:1.1rem;cursor:pointer}
.ng-sidebar{background:var(--dm-deep);color:#fff}.ng-sidebar a{color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.ng-sidebar__head{border-bottom-color:var(--dm-coral)}.ng-overlay{background:rgba(9,45,53,.55)}
.ref-home{background:var(--dm-sand)}
.ref-hero{position:relative;isolation:isolate;min-height:650px;display:grid;align-items:center;background:var(--dm-deep);color:#fff;overflow:hidden}
.ref-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(9,45,53,.96) 25%,rgba(9,45,53,.72)),radial-gradient(circle at 80% 20%,var(--dm-teal),transparent 38%)}
.ref-hero:after{content:"";position:absolute;z-index:-1;width:650px;height:650px;border:1px solid rgba(239,184,106,.35);border-radius:50%;right:-180px;top:-180px;box-shadow:0 0 0 44px rgba(239,184,106,.07),0 0 0 88px rgba(239,184,106,.04)}
.ref-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:70px;align-items:center;padding-block:90px}
.ref-kicker,.ref-eyebrow{color:var(--dm-gold);font-weight:900;letter-spacing:.08em;font-size:.85rem}.ref-kicker:before{content:"◈";margin-left:8px;color:var(--dm-coral)}
.ref-hero h1{font-size:clamp(2.4rem,5.6vw,5.6rem);line-height:1.06;margin:18px 0;font-weight:950;max-width:800px}.ref-hero p{font-size:1.15rem;line-height:2;max-width:680px;color:rgba(255,255,255,.82)}
.ref-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ref-actions--start{justify-content:flex-start}.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:13px 20px;font-weight:900;text-decoration:none;transition:.22s}.ref-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.16)}.ref-btn--gold{background:var(--dm-coral);color:#fff}.ref-btn--navy{background:var(--dm-teal);color:#fff}.ref-btn--wa{background:#25b875;color:#fff}
.ref-ticker{display:flex;align-items:center;background:var(--dm-coral);color:#fff;min-height:56px;overflow:hidden}.ref-ticker__label{background:var(--dm-deep);padding:18px 28px;font-weight:900;white-space:nowrap}.ref-ticker__track{display:flex;gap:34px;white-space:nowrap;animation:none;padding-inline:28px}.ref-ticker__track span{font-weight:800}.ref-ticker__track i{margin-left:8px;color:var(--dm-gold)}
.ref-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding-block:110px}.ref-about__media{position:relative}.ref-about__media:after{content:"";position:absolute;inset:22px -22px -22px 22px;border:2px solid var(--dm-coral);z-index:0}.ref-about__media img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;box-shadow:var(--dm-shadow)}.ref-about__copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1.15;margin:14px 0;color:var(--dm-deep)}.ref-about__copy p{line-height:2.1;color:#47666a;white-space:pre-line}
.ref-intro{background:var(--dm-mint);padding:70px 0}.ref-intro__card{background:var(--dm-white);border-right:8px solid var(--dm-teal);padding:40px 48px;box-shadow:var(--dm-shadow)}.ref-intro h2{font-size:clamp(1.8rem,3.6vw,3.3rem);color:var(--dm-deep);margin:12px 0}.ref-intro p{line-height:2;color:#47666a;max-width:850px}
.ref-values{background:var(--dm-deep);padding-block:100px;color:#fff}.ref-section-heading--light h2{color:#fff}.ref-section-heading h2{font-size:clamp(2rem,4vw,3.6rem);margin:10px 0}.ref-section-heading p{color:rgba(255,255,255,.7)}.ref-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.ref-value-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);padding:30px 24px;min-height:200px;transition:.25s}.ref-value-card:hover{background:var(--dm-teal);transform:translateY(-6px)}.ref-value-card__icon{color:var(--dm-gold);font-size:1.7rem}.ref-value-card h3{font-size:1.25rem;margin:22px 0 10px}.ref-value-card p{color:rgba(255,255,255,.7);line-height:1.9}
.ref-works{background:var(--dm-ink);padding-block:100px;color:#fff}.ref-work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:12px;margin-top:40px}.ref-work-card{position:relative;overflow:hidden;color:#fff;text-decoration:none;grid-column:span 3;grid-row:span 3;background:var(--dm-teal)}.ref-work-card:nth-child(5n+1){grid-column:span 6;grid-row:span 5}.ref-work-card:nth-child(5n+4){grid-row:span 4}.ref-work-card img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:.45s}.ref-work-card:hover img{opacity:.4;transform:scale(1.08)}.ref-work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(9,45,53,.9))}.ref-work-card span{position:absolute;z-index:2;bottom:18px;right:18px;left:18px;font-weight:900;line-height:1.5}.ref-work-card__number{position:absolute;z-index:2;top:12px;right:14px;color:var(--dm-gold);font-size:1.2rem}
.ref-stats{background:var(--dm-coral);padding:64px 0;color:#fff}.ref-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.3);margin-top:30px}.ref-stat{background:var(--dm-coral);text-align:center;padding:26px 12px}.ref-stat i{font-size:1.3rem;color:var(--dm-deep)}.ref-stat strong{display:block;font-size:2.3rem;margin:8px 0}.ref-stat span{font-weight:800}
.ref-offers{padding-block:100px}.ref-strip-title{display:inline-block;background:var(--dm-deep);color:#fff;padding:13px 22px;font-weight:900;border-right:6px solid var(--dm-gold)}.ref-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.ref-offer{background:var(--dm-white);border:1px solid var(--dm-line);box-shadow:var(--dm-shadow);overflow:hidden;display:flex;flex-direction:column}.ref-offer__img{position:relative}.ref-offer__img img{width:100%;aspect-ratio:16/10;object-fit:cover}.ref-offer__img b{position:absolute;top:12px;right:12px;background:var(--dm-coral);color:#fff;padding:7px 10px;border-radius:6px}.ref-offer__body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.ref-offer__body small{color:var(--dm-teal);font-weight:900}.ref-offer__body h3{font-size:1.22rem;line-height:1.5;margin:10px 0}.ref-offer__body p{line-height:1.9;color:#557174}.ref-offer__body strong{color:var(--dm-coral);margin-top:auto;padding-top:12px}
.ref-contact-area{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding-bottom:90px}.ref-keywords,.ref-contact-card{background:var(--dm-white);border:1px solid var(--dm-line);padding:28px;box-shadow:0 8px 24px rgba(9,45,53,.06)}.ref-keywords h2,.ref-contact-card h2{color:var(--dm-deep);margin-top:0}.ref-keywords>div{display:flex;flex-wrap:wrap;gap:8px}.ref-keywords a{color:var(--dm-teal);border:1px solid rgba(8,127,131,.3);padding:7px 10px;border-radius:4px;text-decoration:none;font-size:.84rem}.ref-contact-card{background:var(--dm-deep);color:#fff}.ref-contact-card h2{color:#fff}.ref-contact-card p{color:rgba(255,255,255,.78);line-height:1.8}.ref-contact-card i{color:var(--dm-gold);width:22px}
.footer-dark{background:#061f26!important;color:#fff!important;border-top:8px solid var(--dm-coral)}.footer-dark a{color:rgba(255,255,255,.8)}.footer-dark .footer-contact-title{color:var(--dm-gold)}.copyright-bar{background:#04171c!important;color:rgba(255,255,255,.65)}.site-keywords{background:var(--dm-sand)}
@media(max-width:900px){.ng-topbar>.container{grid-template-columns:1fr auto;grid-template-areas:"brand menu"}.nav-scroll{display:none}.ref-hero__inner{grid-template-columns:1fr;gap:18px;padding-block:70px}.ref-about{grid-template-columns:1fr;gap:45px}.ref-value-grid{grid-template-columns:repeat(2,1fr)}.ref-offer-grid{grid-template-columns:repeat(2,1fr)}.ref-contact-area{grid-template-columns:1fr}.ref-work-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.ng-topbar>.container{min-height:70px}.brand-name{font-size:.86rem;max-width:190px}.brand-logo-box img,.brand-logo-box svg{width:44px;height:44px}.ref-hero{min-height:0}.ref-hero__inner{padding-block:58px}.ref-hero h1{font-size:clamp(2.1rem,10vw,3.5rem)}.ref-hero p{font-size:1rem}.ref-actions>*{flex:1 1 auto}.ref-about{padding-block:70px}.ref-about__media:after{inset:12px -12px -12px 12px}.ref-intro__card{padding:28px 22px}.ref-values,.ref-works,.ref-offers{padding-block:68px}.ref-value-grid,.ref-offer-grid{grid-template-columns:1fr}.ref-work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.ref-work-card,.ref-work-card:nth-child(5n+1),.ref-work-card:nth-child(5n+4){grid-column:span 1;grid-row:span 1}.ref-work-card:nth-child(4n+1){grid-column:span 2}.ref-stat-grid{grid-template-columns:repeat(2,1fr)}.ref-stat strong{font-size:1.8rem}.ref-ticker__label{padding-inline:15px}.ref-ticker__track{gap:18px;padding-inline:15px}}
@media(max-width:380px){.brand-name{font-size:.76rem;max-width:150px}.brand-phone{font-size:.72rem}.ref-hero h1{font-size:1.95rem}.ref-actions{flex-direction:column}.ref-actions>*{width:100%}.ref-work-grid{grid-auto-rows:130px}}

/* DAMMAM EDITORIAL GRID — independent structure */
:root{--dm-forest:#123b43;--dm-forest-dark:#092d35;--dm-orange:#e76f51;--dm-cream:#f8f3e9;--dm-olive:#9aa66b;--dm-blue:#d9ece8;--dm-paper:#fffdf8;--dm-shadow:0 18px 45px rgba(9,45,53,.11)}
body{background:var(--dm-cream);color:var(--dm-forest)}.ng-topbar>.container{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav menu";min-height:82px}.brand-logo-box{justify-self:start;display:flex;align-items:center;gap:12px;color:var(--dm-forest)}.brand-name{display:block;font-size:.98rem;line-height:1.2}.brand-phone{display:block;color:var(--dm-orange);font-size:.78rem;margin-top:4px}.dm-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:3px;background:var(--dm-forest);color:#fff;font-size:1.7rem;font-weight:900;box-shadow:5px 5px 0 var(--dm-orange)}.nav-scroll a{border-radius:3px;color:var(--dm-forest)}.nav-scroll a:hover,.nav-scroll a.is-active{background:var(--dm-orange);color:#fff}.menu-btn{background:var(--dm-forest);border-radius:3px}.dm-home{background:var(--dm-cream)}.dm-hero{background:var(--dm-forest-dark);color:#fff;position:relative;overflow:hidden}.dm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,rgba(154,166,107,.15)),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.025) 71px 72px)}.dm-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:70px;align-items:center;min-height:650px;padding-block:90px}.dm-hero-copy{max-width:760px}.dm-label{color:var(--dm-orange);font-size:.8rem;font-weight:900;letter-spacing:.06em}.dm-hero h1{font-size:clamp(2.4rem,6vw,6rem);line-height:1.02;margin:18px 0 24px;color:#fff;max-width:800px}.dm-hero p{max-width:680px;color:rgba(255,255,255,.76);font-size:1.08rem;line-height:2}.dm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.dm-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;text-decoration:none;font-weight:900;border:1px solid transparent;border-radius:3px;transition:.2s}.dm-button:hover{transform:translateY(-3px)}.dm-button--solid{background:var(--dm-orange);color:#fff}.dm-button--line{border-color:rgba(255,255,255,.35);color:#fff}.dm-button--light{background:var(--dm-orange);color:#fff}.dm-hero-aside{border-right:1px solid rgba(255,255,255,.25);padding-right:36px}.dm-aside-top,.dm-aside-bottom{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.68);font-size:.85rem}.dm-aside-top span,.dm-aside-bottom span{font-size:1.7rem;color:var(--dm-olive);font-weight:900}.dm-hero-card{margin:28px 0;background:var(--dm-cream);color:var(--dm-forest);padding:32px;box-shadow:12px 12px 0 var(--dm-orange)}.dm-card-kicker{display:block;color:var(--dm-orange);font-size:.8rem;font-weight:900}.dm-hero-card strong{display:block;font-size:1.5rem;line-height:1.35;margin:16px 0}.dm-hero-card p{color:#557174;line-height:1.9}.dm-hero-card a{color:var(--dm-forest);font-weight:900}.dm-service-index{padding-block:110px}.dm-section-intro{max-width:680px;margin-bottom:34px}.dm-section-intro h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;margin:12px 0;color:var(--dm-forest-dark)}.dm-section-intro p{color:#557174;line-height:1.9}.dm-service-list{border-top:2px solid var(--dm-forest)}.dm-service-row{display:grid;grid-template-columns:70px 1fr 1.2fr 30px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid rgba(18,59,67,.2);color:var(--dm-forest);text-decoration:none;transition:.2s}.dm-service-row:hover{padding-inline:16px;background:var(--dm-blue)}.dm-service-number{color:var(--dm-orange);font-weight:900}.dm-service-name{font-size:1.15rem;font-weight:900}.dm-service-desc{color:#557174;font-size:.9rem;line-height:1.6}.dm-about-band{background:var(--dm-blue);padding-block:100px}.dm-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.dm-about-media{position:relative}.dm-about-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.85)}.dm-about-media span{position:absolute;bottom:-20px;right:-20px;background:var(--dm-orange);color:#fff;padding:14px 18px;font-weight:900;line-height:1.5}.dm-about-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:14px 0;color:var(--dm-forest-dark)}.dm-about-copy p{color:#557174;line-height:2;white-space:pre-line}.dm-text-link{display:inline-flex;gap:10px;align-items:center;color:var(--dm-orange);font-weight:900;text-decoration:none;margin-top:18px}.dm-values{padding-block:105px}.dm-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dm-forest);border-bottom:1px solid var(--dm-forest)}.dm-process-grid article{padding:32px 22px;border-left:1px solid var(--dm-line);min-height:230px}.dm-process-grid article:last-child{border-left:0}.dm-process-grid b{color:var(--dm-orange);font-size:1.7rem}.dm-process-grid i{display:block;font-size:1.5rem;color:var(--dm-olive);margin:24px 0 12px}.dm-process-grid h3{margin:0 0 10px;font-size:1.25rem}.dm-process-grid p{color:#557174;line-height:1.8}.dm-works-band{background:var(--dm-forest-dark);color:#fff;padding-block:100px}.dm-band-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.dm-band-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:12px 0;color:#fff}.dm-work-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;gap:10px;margin-top:42px}.dm-work-wall a{position:relative;display:block;overflow:hidden;background:var(--dm-forest);grid-column:span 3;grid-row:span 3}.dm-work-wall a:nth-child(4n+1){grid-column:span 6;grid-row:span 5}.dm-work-wall a:nth-child(4n+3){grid-row:span 4}.dm-work-wall img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:.4s}.dm-work-wall a:hover img{transform:scale(1.08);opacity:.5}.dm-work-wall a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(9,45,53,.9))}.dm-work-wall span{position:absolute;z-index:2;bottom:14px;right:14px;left:14px;color:#fff;font-weight:900;line-height:1.4}.dm-offers{padding-block:105px}.dm-offer-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dm-offer-strip article{background:var(--dm-paper);border:1px solid var(--dm-line);display:flex;flex-direction:column;box-shadow:var(--dm-shadow)}.dm-offer-img{position:relative}.dm-offer-img img{width:100%;aspect-ratio:16/10;object-fit:cover}.dm-offer-img b{position:absolute;top:12px;right:12px;background:var(--dm-orange);color:#fff;padding:5px 9px;border-radius:3px}.dm-offer-strip article>div:last-child{padding:22px;display:flex;flex-direction:column;flex:1}.dm-offer-strip small{color:var(--dm-olive);font-weight:900}.dm-offer-strip h3{font-size:1.2rem;line-height:1.5;margin:10px 0}.dm-offer-strip p{color:#557174;line-height:1.8}.dm-contact-band{background:var(--dm-orange);color:#fff;padding-block:74px}.dm-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.dm-contact-band h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;margin:14px 0;color:#fff}.dm-contact-band p{line-height:1.9;color:rgba(255,255,255,.85)}.dm-contact-box{background:var(--dm-forest-dark);padding:30px;display:grid;gap:13px}.dm-contact-box strong{font-size:1.15rem}.dm-contact-box span{color:rgba(255,255,255,.7)}.dm-contact-box a{color:#fff;font-size:1.3rem;font-weight:900}.dm-keywords{padding-block:30px 80px}.dm-keywords details{border-top:1px solid var(--dm-forest);border-bottom:1px solid var(--dm-forest);padding:20px 0}.dm-keywords summary{cursor:pointer;font-weight:900;display:flex;justify-content:space-between}.dm-keywords details[open] summary{color:var(--dm-orange)}.dm-keywords details>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px}.dm-keywords a{border:1px solid var(--dm-line);padding:7px 10px;color:var(--dm-forest);text-decoration:none;font-size:.82rem}.dm-footer{background:var(--dm-forest-dark);color:#fff;border-top:0;padding-top:70px}.dm-footer-grid{display:grid;grid-template-columns:1.3fr .7fr .9fr 1fr;gap:35px;padding-bottom:50px}.dm-footer h2{font-size:1.2rem;margin:12px 0;color:#fff}.dm-footer h3{color:var(--dm-olive);font-size:1rem;margin-top:0}.dm-footer p,.dm-footer a{color:rgba(255,255,255,.7);line-height:1.9}.dm-footer-grid>div>a{display:block;text-decoration:none}.dm-footer-phone{display:inline-block;color:var(--dm-orange)!important;font-weight:900}.dm-socials{display:flex;gap:8px;margin-top:14px}.dm-socials a{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff!important}.dm-footer-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dm-footer-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.dm-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:.8rem}
@media(max-width:900px){.ng-topbar>.container{grid-template-columns:1fr auto;grid-template-areas:"brand menu"}.nav-scroll{display:none}.dm-hero-grid{grid-template-columns:1fr;gap:35px}.dm-hero-aside{border-right:0;padding-right:0;max-width:500px}.dm-about-grid{grid-template-columns:1fr;gap:45px}.dm-contact-grid{grid-template-columns:1fr}.dm-footer-grid{grid-template-columns:repeat(2,1fr)}.dm-offer-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.dm-hero-grid{min-height:0;padding-block:60px}.dm-hero h1{font-size:clamp(2.15rem,11vw,3.8rem)}.dm-actions{flex-direction:column}.dm-actions>*{width:100%}.dm-service-row{grid-template-columns:38px 1fr 20px;gap:10px}.dm-service-desc{display:none}.dm-service-name{font-size:1rem}.dm-about-band,.dm-values,.dm-works-band,.dm-offers{padding-block:70px}.dm-process-grid{grid-template-columns:1fr}.dm-process-grid article{border-left:0;border-bottom:1px solid var(--dm-line);min-height:0;padding:25px 0}.dm-process-grid article:last-child{border-bottom:0}.dm-band-head{display:block}.dm-band-head .dm-button{margin-top:18px}.dm-work-wall{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.dm-work-wall a,.dm-work-wall a:nth-child(4n+1),.dm-work-wall a:nth-child(4n+3){grid-column:span 1;grid-row:span 1}.dm-work-wall a:nth-child(3n+1){grid-column:span 2}.dm-offer-strip{grid-template-columns:1fr}.dm-footer-grid{grid-template-columns:1fr;gap:30px}.dm-footer-bottom{display:grid;gap:5px}.brand-name{max-width:190px;font-size:.86rem}}
@media(max-width:380px){.brand-name{max-width:150px;font-size:.75rem}.dm-mark{width:42px;height:42px}.dm-hero h1{font-size:2rem}.dm-hero-card{padding:24px}.dm-contact-box a{font-size:1.1rem}}
'''
p.write_text(p.read_text(encoding='utf-8')+css,encoding='utf-8')
print('new_structure_css_added')

/* FINAL ACCESSIBLE CONTRAST OVERRIDES */
.dm-home .dm-hero{background-color:#092d35!important;background-image:linear-gradient(100deg,rgba(9,45,53,.98),rgba(18,59,67,.94))!important;color:#fff!important}
.dm-home .dm-hero:before{background:linear-gradient(100deg,rgba(9,45,53,.96),rgba(18,59,67,.88))!important;opacity:1!important}
.dm-home .dm-hero h1,.dm-home .dm-hero p,.dm-home .dm-hero .dm-label,.dm-home .dm-hero .dm-aside-top,.dm-home .dm-hero .dm-aside-bottom{color:#fff!important;text-shadow:none!important}
.dm-home .dm-hero .dm-label{color:#f3b36b!important}.dm-home .dm-hero .dm-aside-top span,.dm-home .dm-hero .dm-aside-bottom span{color:#d9df9b!important}
.dm-home .dm-hero-card{background:#fffaf0!important;color:#092d35!important}.dm-home .dm-hero-card strong,.dm-home .dm-hero-card p,.dm-home .dm-hero-card a{color:#092d35!important}.dm-home .dm-hero-card .dm-card-kicker{color:#c9523d!important}
.dm-home .dm-service-index,.dm-home .dm-values,.dm-home .dm-offers,.dm-home .dm-keywords{background:#f8f3e9!important;color:#123b43!important}
.dm-home .dm-service-index h2,.dm-home .dm-values h2,.dm-home .dm-offers h2,.dm-home .dm-keywords summary{color:#092d35!important}.dm-home .dm-section-intro p,.dm-home .dm-service-desc,.dm-home .dm-about-copy p,.dm-home .dm-process-grid p,.dm-home .dm-offer-strip p{color:#385d61!important}
.dm-home .dm-works-band{background:#092d35!important;color:#fff!important}.dm-home .dm-works-band h2,.dm-home .dm-works-band .dm-label{color:#fff!important}.dm-home .dm-works-band .dm-label{color:#f3b36b!important}
.dm-home .dm-contact-band{background:#c9523d!important;color:#fff!important}.dm-home .dm-contact-band h2,.dm-home .dm-contact-band p,.dm-home .dm-contact-band .dm-label{color:#fff!important}.dm-home .dm-contact-box{background:#092d35!important;color:#fff!important}.dm-home .dm-contact-box strong,.dm-home .dm-contact-box span,.dm-home .dm-contact-box a{color:#fff!important}
.dm-home .dm-button--solid,.dm-home .dm-button--light{background:#c9523d!important;color:#fff!important}.dm-home .dm-button--line{border-color:#fff!important;color:#fff!important}.dm-home .dm-text-link{color:#b44132!important}
.dm-home .dm-keywords a{color:#123b43!important;background:#fffaf0!important;border-color:#b9c8bd!important}.dm-home .dm-keywords summary i{color:#c9523d!important}
.dm-footer{background:#061f26!important;color:#fff!important}.dm-footer h2,.dm-footer h3,.dm-footer p,.dm-footer a,.dm-footer span{color:#fff!important}.dm-footer h3,.dm-footer-phone{color:#f3b36b!important}.dm-footer-grid>div>a,.dm-footer p{color:rgba(255,255,255,.82)!important}
@media(max-width:640px){.dm-home .dm-hero{background:#092d35!important}.dm-home .dm-hero h1{color:#fff!important}.dm-home .dm-service-row{background:#fffaf0}.dm-home .dm-service-name,.dm-home .dm-service-row i{color:#092d35!important}.dm-home .dm-service-number{color:#c9523d!important}}

/* INTERNAL PAGES — same editorial system as home */
.dm-internal{background:var(--dm-cream);min-height:60vh}.dm-inner-hero{position:relative;background:#092d35!important;color:#fff;padding:88px 0 78px;overflow:hidden}.dm-inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(9,45,53,.98),rgba(18,59,67,.88)),repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,255,255,.035) 69px 70px);pointer-events:none}.dm-inner-hero>.container{position:relative}.dm-inner-hero h1{color:#fff!important;font-size:clamp(2rem,5vw,4.7rem);line-height:1.08;margin:16px 0;max-width:900px}.dm-inner-hero p{color:rgba(255,255,255,.78)!important;line-height:1.9;max-width:760px}.dm-inner-hero--image{background-image:linear-gradient(100deg,rgba(9,45,53,.95),rgba(9,45,53,.62)),var(--dm-cover)!important;background-size:cover;background-position:center}.dm-inner-space{padding-block:85px}.dm-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.dm-detail-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;box-shadow:14px 14px 0 var(--dm-orange)}.dm-detail-copy h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;margin:12px 0;color:#092d35!important}.dm-detail-copy>p{color:#385d61!important;line-height:2;white-space:pre-line}.dm-check-list{display:grid;gap:10px;margin-top:22px}.dm-check-list span{display:flex;gap:10px;align-items:flex-start;color:#123b43;font-weight:700}.dm-check-list i{color:#c9523d;margin-top:4px}.dm-button--dark{border-color:#123b43!important;color:#123b43!important}.dm-internal-band{background:#d9ece8;padding-block:85px}.dm-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dm-mini-card{background:#fffdf8;border:1px solid rgba(18,59,67,.15);box-shadow:0 12px 30px rgba(9,45,53,.08);overflow:hidden}.dm-mini-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.dm-mini-card>div{padding:20px}.dm-mini-card h3{font-size:1.1rem;line-height:1.5;color:#092d35!important;margin:0 0 8px}.dm-card-grid--offers{grid-template-columns:repeat(3,1fr)}.dm-offer-card small{color:#c9523d;font-weight:900}.dm-offer-card p{color:#385d61;line-height:1.8}.dm-gallery-band{background:#092d35;color:#fff;padding-block:85px}.dm-gallery-band h2,.dm-gallery-band .dm-label{color:#fff}.dm-gallery-band .dm-label{color:#f3b36b}.dm-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:12px;margin-top:32px}.dm-gallery-grid a{position:relative;overflow:hidden;background:#123b43}.dm-gallery-grid a:nth-child(4n+1){grid-column:span 2;grid-row:span 2}.dm-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.dm-gallery-grid a:hover img{transform:scale(1.07);opacity:.65}.dm-gallery-grid a span{position:absolute;bottom:12px;right:12px;left:12px;color:#fff;font-weight:900;z-index:2}.dm-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.dm-filter-row a{color:#123b43;border:1px solid rgba(18,59,67,.25);padding:9px 12px;text-decoration:none;background:#fffdf8;font-size:.83rem}.dm-filter-row a.is-active{background:#c9523d;color:#fff;border-color:#c9523d}.dm-filter-row b{opacity:.7}.dm-gallery-grid--large{grid-auto-rows:210px}.dm-pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:35px}.dm-pagination a{padding:9px 13px;background:#fffdf8;color:#123b43;text-decoration:none;border:1px solid rgba(18,59,67,.2)}.dm-pagination a.is-active{background:#123b43;color:#fff}.dm-empty{background:#fffdf8;padding:60px;text-align:center;color:#385d61}.dm-contact-box{background:#092d35!important;color:#fff;padding:28px;display:grid;gap:12px;align-content:start}.dm-contact-box strong{font-size:1.35rem;color:#fff}.dm-contact-box span{color:rgba(255,255,255,.75)}.dm-contact-box a{color:#fff}.dm-keyword-card{background:#fffdf8;border-right:8px solid #c9523d;padding:40px;box-shadow:var(--dm-shadow)}.dm-error{text-align:center}.dm-error h1{font-size:clamp(5rem,14vw,10rem);color:#f3b36b!important}.dm-footer{background:#061f26!important}
.dm-internal .ng-field label{color:#123b43;font-weight:800}.dm-internal .ng-field input,.dm-internal .ng-field select,.dm-internal .ng-field textarea{background:#fffdf8;border:1px solid rgba(18,59,67,.25);color:#123b43;padding:12px;border-radius:3px}.dm-internal .ng-alert{border-radius:3px;padding:12px;margin-bottom:18px}.dm-internal .ng-alert-ok{background:#d9ece8;color:#123b43}.dm-internal .ng-alert-err{background:#ffe0d8;color:#7e2c20}
@media(max-width:900px){.dm-detail-grid{grid-template-columns:1fr;gap:45px}.dm-card-grid,.dm-card-grid--offers{grid-template-columns:repeat(2,1fr)}.dm-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.dm-inner-hero{padding:62px 0}.dm-inner-space{padding-block:60px}.dm-card-grid,.dm-card-grid--offers{grid-template-columns:1fr}.dm-gallery-grid,.dm-gallery-grid--large{grid-template-columns:repeat(2,1fr);grid-auto-rows:145px}.dm-gallery-grid a:nth-child(4n+1){grid-column:span 1;grid-row:span 1}.dm-gallery-grid a:nth-child(3n+1){grid-column:span 2}.dm-keyword-card{padding:25px 20px}.dm-filter-row{max-height:190px;overflow:auto}.dm-contact-box{padding:22px}}

.dm-contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.dm-form-card{background:#fffdf8;border:1px solid rgba(18,59,67,.15);padding:32px;box-shadow:0 14px 35px rgba(9,45,53,.08)}.dm-form-card h2{color:#092d35;margin:10px 0}.dm-form-card>p{color:#385d61;line-height:1.8}.dm-contact-box h2{color:#fff;margin:10px 0 20px}.dm-contact-box p{color:rgba(255,255,255,.82);line-height:1.8}.dm-contact-box p i{color:#f3b36b;width:22px}.dm-map{display:block;width:100%;height:230px;border:0;margin-top:12px;background:#fff}.dm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dm-form-card .dm-button{border:0;cursor:pointer;margin-top:8px}@media(max-width:700px){.dm-contact-layout{grid-template-columns:1fr}.dm-form-grid{grid-template-columns:1fr}}

/* REFERENCE-INSPIRED CLIENT DESIGN: sand / burgundy / navy */
:root{--ref-sand:#c4b08e;--ref-cream:#fbf7f0;--ref-burgundy:#742b38;--ref-navy:#101a36;--ref-sky:#e8f5f6;--ref-ink:#33282a;--ref-border:#e5d7c0}
body{background:var(--ref-cream);color:var(--ref-ink);font-family:'Tajawal',sans-serif}.ng-topbar{background:#fff!important;border-bottom:1px solid var(--ref-border)!important}.ng-topbar>.container{min-height:88px}.brand-logo-box,.brand-name{color:var(--ref-burgundy)!important}.brand-phone{color:var(--ref-navy)!important}.dm-mark{background:var(--ref-burgundy)!important;box-shadow:none!important}.nav-scroll a{color:var(--ref-burgundy)!important}.nav-scroll a:hover,.nav-scroll a.is-active{background:var(--ref-sand)!important;color:var(--ref-burgundy)!important}.menu-btn{background:var(--ref-burgundy)!important}.ref-home{background:var(--ref-cream)}.ref-hero{background:var(--ref-sand);padding:110px 0 0;text-align:center;color:var(--ref-burgundy)}.ref-hero-inner{min-height:480px}.ref-eyebrow{display:inline-block;color:var(--ref-burgundy);font-weight:900;font-size:.9rem}.ref-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.08;color:var(--ref-burgundy);margin:18px auto;max-width:900px}.ref-hero p{max-width:900px;margin:0 auto;color:#68414a;font-size:1.1rem;line-height:2}.ref-actions{margin-top:30px}.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ref-burgundy);color:#fff!important;border:0;padding:12px 26px;border-radius:7px;text-decoration:none;font-weight:900;transition:.2s}.ref-btn:hover{transform:translateY(-3px);background:var(--ref-navy)}.ref-btn--outline{background:transparent!important;color:var(--ref-burgundy)!important;border:1px solid var(--ref-burgundy);margin-top:28px}.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;top:75px}.ref-stats>div{min-height:145px;padding:28px 15px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-radius:70px 70px 0 70px;box-shadow:0 12px 22px rgba(48,33,33,.16)}.ref-stats>div:nth-child(1){background:#edd5a1;color:#fff}.ref-stats>div:nth-child(2){background:var(--ref-navy);color:#fff}.ref-stats>div:nth-child(3){background:var(--ref-sky);color:var(--ref-burgundy)}.ref-stats>div:nth-child(4){background:var(--ref-burgundy);color:#fff}.ref-stats strong{font-size:2rem}.ref-stats span{font-size:.9rem}.ref-services,.ref-gallery,.ref-ads{padding-block:125px 90px}.ref-title{text-align:center;margin-bottom:38px}.ref-title>span{color:var(--ref-burgundy);font-weight:900}.ref-title h2{color:var(--ref-burgundy)!important;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;margin:12px 0}.ref-service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ref-service-card{background:#edd5a1;border-radius:35px 35px 35px 0;overflow:hidden;box-shadow:0 8px 16px rgba(48,33,33,.2);text-align:center}.ref-service-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.ref-service-card>div{padding:22px 18px 30px}.ref-service-card h3{color:var(--ref-ink);font-size:1.2rem;line-height:1.55}.ref-service-card p{color:#604c4b;line-height:1.8;font-size:.9rem}.ref-service-card .ref-btn{padding:9px 24px}.ref-seo{background:#f5eee4;padding:75px 0}.ref-prose{max-width:1050px;text-align:right}.ref-prose h2{color:var(--ref-burgundy);font-size:clamp(2rem,4vw,3.4rem);line-height:1.2}.ref-prose h3{color:var(--ref-burgundy);font-size:1.65rem;margin:36px 0 10px}.ref-prose p{color:#51484a;line-height:2.15;font-size:1rem}.ref-gallery{text-align:center}.ref-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ref-gallery-grid a{position:relative;display:block;overflow:hidden;border-radius:22px;background:#ddd;aspect-ratio:1}.ref-gallery-grid a:nth-child(5n+1){grid-row:span 2;aspect-ratio:auto}.ref-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.35s}.ref-gallery-grid a:hover img{transform:scale(1.06);opacity:.75}.ref-gallery-grid span{position:absolute;bottom:10px;right:10px;left:10px;color:#fff;text-align:right;font-weight:900;text-shadow:0 2px 8px #000;z-index:2}.ref-values{background:var(--ref-sand);padding:90px 0}.ref-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-value-grid article{background:#ead5ac;border-radius:20px;padding:26px;text-align:center;min-height:170px}.ref-value-grid i{color:var(--ref-burgundy);font-size:1.5rem}.ref-value-grid h3{color:var(--ref-burgundy);margin:12px 0 8px}.ref-value-grid p{color:#604c4b;line-height:1.7}.ref-ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ref-ad-grid article{background:#fff;border:1px solid var(--ref-border);padding:14px;border-radius:18px;text-align:center}.ref-ad-grid img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:13px}.ref-ad-grid h3{color:var(--ref-burgundy);line-height:1.5}.ref-contact{background:#e9d5a6;padding:65px 0}.ref-contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.ref-contact h2{color:var(--ref-burgundy);font-size:clamp(2rem,4vw,3.5rem);margin:10px 0}.ref-contact p{color:#604c4b;line-height:1.9;max-width:700px}.dm-footer{background:var(--ref-burgundy)!important;color:#fff!important}.dm-footer h2,.dm-footer h3,.dm-footer p,.dm-footer a,.dm-footer span{color:#fff!important}.dm-footer h3,.dm-footer-phone{color:#edd5a1!important}.fab-circle{background:var(--ref-burgundy)!important}
@media(max-width:900px){.ref-stats{grid-template-columns:repeat(2,1fr)}.ref-service-cards,.ref-ad-grid{grid-template-columns:repeat(2,1fr)}.ref-gallery-grid{grid-template-columns:repeat(3,1fr)}.ref-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ref-hero{padding-top:65px}.ref-hero-inner{min-height:440px}.ref-stats{top:55px;gap:10px}.ref-stats>div{min-height:115px;border-radius:35px 35px 0 35px}.ref-stats strong{font-size:1.5rem}.ref-services,.ref-gallery,.ref-ads{padding-block:100px 60px}.ref-service-cards,.ref-ad-grid,.ref-value-grid{grid-template-columns:1fr}.ref-gallery-grid{grid-template-columns:repeat(2,1fr)}.ref-gallery-grid a:nth-child(5n+1){grid-row:span 1;aspect-ratio:1}.ref-contact-grid{display:grid}.ref-prose p{font-size:.95rem}}

/* FINAL REFERENCE CONTRAST + COLOR MATCH */
:root{--ref-sand:#c4b08e;--ref-cream:#fbf7f0;--ref-burgundy:#742b38;--ref-navy:#101a36;--ref-sky:#e8f5f6;--ref-ink:#33282a;--ref-muted:#5b4d4e}
body{background:var(--ref-cream)!important;color:var(--ref-ink)!important}
.ng-topbar{background:#fff!important}.nav-scroll a,.brand-name{color:var(--ref-burgundy)!important}.brand-phone{color:var(--ref-navy)!important}.nav-scroll a:hover,.nav-scroll a.is-active{background:#e7d0a1!important;color:var(--ref-burgundy)!important}
.ref-hero{background:#123b40!important;color:#fff!important;background-image:linear-gradient(120deg,rgba(7,38,43,.97),rgba(18,59,64,.92))!important}.ref-hero h1,.ref-hero p,.ref-hero .ref-eyebrow{color:#fff!important;text-shadow:none!important}.ref-hero .ref-eyebrow{color:#f0d49d!important}.ref-hero p{color:rgba(255,255,255,.88)!important}.ref-hero .ref-btn{background:#8a3040!important;color:#fff!important}.ref-hero .ref-btn:hover{background:#e5c98f!important;color:#321e26!important}
.ref-stats>div{box-shadow:0 10px 22px rgba(25,24,30,.22)!important}.ref-stats>div:nth-child(1){background:#e5c98f!important;color:#33282a!important}.ref-stats>div:nth-child(2){background:#101a36!important;color:#fff!important}.ref-stats>div:nth-child(3){background:#e8f5f6!important;color:#101a36!important}.ref-stats>div:nth-child(4){background:#742b38!important;color:#fff!important}
.ref-services,.ref-gallery,.ref-ads{background:#fbf7f0!important}.ref-title>span,.ref-title h2{color:#742b38!important}.ref-service-card{background:#e8d2a3!important}.ref-service-card h3,.ref-service-card p{color:#33282a!important}.ref-service-card p{color:#5b4d4e!important}.ref-service-card .ref-btn,.ref-ad-grid .ref-btn{background:#742b38!important;color:#fff!important}
.ref-seo{background:#f5eee4!important}.ref-prose h2,.ref-prose h3{color:#742b38!important}.ref-prose p{color:#4d4547!important}.ref-prose a{color:#174fc1!important}
.ref-gallery-grid a{background:#d5c5ac!important}.ref-gallery-grid span{color:#fff!important;text-shadow:0 2px 7px #111!important}.ref-btn--outline{color:#742b38!important;border-color:#742b38!important;background:transparent!important}
.ref-values{background:#c4b08e!important}.ref-values .ref-title>span,.ref-values .ref-title h2{color:#742b38!important}.ref-value-grid article{background:#ecd7aa!important}.ref-value-grid i,.ref-value-grid h3,.ref-value-grid p{color:#742b38!important}.ref-value-grid p{color:#5b4d4e!important}
.ref-ad-grid article{background:#fff!important;border-color:#e3d3bb!important}.ref-ad-grid h3{color:#742b38!important}.ref-contact{background:#e6cf9f!important}.ref-contact h2,.ref-contact .ref-eyebrow{color:#742b38!important}.ref-contact p{color:#5b4d4e!important}
.dm-footer{background:#742b38!important;color:#fff!important}.dm-footer h2,.dm-footer h3,.dm-footer p,.dm-footer a,.dm-footer span{color:#fff!important}.dm-footer h3,.dm-footer-phone{color:#efd49e!important}.dm-footer-bottom{border-color:rgba(255,255,255,.22)!important}.fab-circle{background:#742b38!important;color:#fff!important}
@media(max-width:640px){.ref-hero{background:#123b40!important}.ref-hero h1{color:#fff!important}.ref-hero p{color:rgba(255,255,255,.9)!important}.ref-title h2{color:#742b38!important}.ref-service-card h3,.ref-service-card p{color:#33282a!important}}

/* COLLAPSIBLE KEYWORD BAR — reference palette */
.ref-keywords{background:#fbf7f0;padding:0 0 72px}.ref-keywords-toggle{border-top:1px solid #d8c5a5;border-bottom:1px solid #d8c5a5;background:#fffdf9}.ref-keywords-toggle summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px;color:#742b38}.ref-keywords-toggle summary::-webkit-details-marker{display:none}.ref-keywords-toggle summary span{display:flex;flex-direction:column;gap:5px}.ref-keywords-toggle summary b{font-size:1.15rem}.ref-keywords-toggle summary small{font-size:.82rem;color:#6b5a59}.ref-keywords-toggle summary>i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#742b38;color:#fff;transition:transform .25s}.ref-keywords-toggle[open] summary>i{transform:rotate(180deg);background:#101a36}.ref-keywords-list{display:flex;flex-wrap:wrap;gap:9px;padding:0 25px 25px;border-top:1px solid #eee2d2}.ref-keywords-list a{display:inline-flex;padding:8px 12px;background:#f0dfba;border:1px solid #dfc994;color:#742b38;text-decoration:none;border-radius:5px;font-size:.82rem;line-height:1.35;transition:.2s}.ref-keywords-list a:hover{background:#742b38;color:#fff;border-color:#742b38}.ref-keywords-toggle[open] .ref-keywords-list{padding-top:20px}@media(max-width:640px){.ref-keywords{padding-bottom:50px}.ref-keywords-toggle summary{padding:18px 15px}.ref-keywords-list{padding-inline:15px}.ref-keywords-list a{font-size:.76rem;padding:7px 9px}}

/* FULL-WIDTH KEYWORD BAR + RUNTIME FALLBACK */
.ref-keywords{width:100%!important;display:block!important;padding-inline:0!important}.ref-keywords-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0 24px!important}.ref-keywords-toggle{display:block!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}.ref-keywords-list{width:100%!important;box-sizing:border-box!important;min-height:0}.ref-keywords-list:empty{display:none!important}@media(max-width:640px){.ref-keywords-inner{padding:0 12px!important}.ref-keywords-toggle summary{width:100%;box-sizing:border-box}}