.fdp,
.fdp * { box-sizing: border-box; }

.fdp {
  --navy:#071c33;
  --navy-2:#0d2b4f;
  --navy-3:#153d67;
  --gold:#cba65f;
  --gold-2:#ead9ad;
  --cream:#f7f3eb;
  --paper:#fffdf9;
  --ink:#152338;
  --muted:#697689;
  --line:rgba(7,28,51,.09);
  --soft:rgba(203,166,95,.13);
  --shadow:0 24px 70px rgba(7,28,51,.10);
  direction:rtl;
  width:100%;
  overflow:hidden;
  color:var(--ink);
  background:var(--cream);
  font-family:'Cairo','Tajawal',Arial,sans-serif;
  line-height:1.85;
}

.fdp a { color:inherit; text-decoration:none; }
.fdp img { max-width:100%; display:block; }
.fdp-shell { width:min(1180px, calc(100% - 42px)); margin-inline:auto; }
.fdp-section { padding:96px 0; position:relative; }
.fdp-section.white { background:#fff; }
.fdp-section.cream { background:var(--cream); }
.fdp-section.navy { background:var(--navy); color:#fff; }

.fdp-kicker {
  display:inline-flex; align-items:center; gap:10px;
  color:#9b7531; font-size:13px; font-weight:800; letter-spacing:.2px;
}
.fdp-kicker:before { content:""; width:34px; height:1px; background:var(--gold); }

.fdp-head {
  max-width:760px; margin:0 auto 48px; text-align:center;
}
.fdp-head .fdp-kicker { justify-content:center; }
.fdp-head h2 {
  margin:10px 0 13px; color:var(--navy);
  font-size:clamp(30px,4.2vw,47px); line-height:1.35; letter-spacing:-.4px;
}
.fdp-head p { margin:0; color:var(--muted); font-size:16px; }
.fdp-section.navy .fdp-head h2 { color:#fff; }
.fdp-section.navy .fdp-head p { color:#bfccdb; }
.fdp-section.navy .fdp-kicker { color:var(--gold-2); }

.fdp-btn {
  min-height:51px; padding:11px 23px; border-radius:12px;
  display:inline-flex; justify-content:center; align-items:center; gap:9px;
  font-size:14px; font-weight:800; transition:.25s ease;
}
.fdp-btn:hover { transform:translateY(-2px); }
.fdp-btn.gold { background:var(--gold); color:var(--navy)!important; box-shadow:0 12px 30px rgba(203,166,95,.22); }
.fdp-btn.gold:hover { background:#dfbd77; }
.fdp-btn.light { border:1px solid rgba(255,255,255,.30); color:#fff!important; background:rgba(255,255,255,.04); }
.fdp-btn.light:hover { border-color:var(--gold-2); color:var(--gold-2)!important; }
.fdp-btn.navy { background:var(--navy); color:#fff!important; }
.fdp-btn.outline { border:1px solid rgba(7,28,51,.18); color:var(--navy)!important; background:#fff; }

/* topbar */
.fdp-topbar {
  background:#06172a; color:#c7d4e1; font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.fdp-topbar-inner {
  min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.fdp-topbar strong { color:var(--gold-2); font-weight:700; }
.fdp-topbar a:hover { color:#fff; }

/* header */
.fdp-header {
  position:sticky; top:0; z-index:40;
  background:rgba(255,253,249,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);
}
.fdp-header-inner {
  min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:30px;
}
.fdp-brand { display:flex; align-items:center; gap:12px; min-width:max-content; }
.fdp-brand-mark {
  width:48px; height:48px; border-radius:50%;
  display:grid; place-items:center;
  background:linear-gradient(145deg,var(--navy),var(--navy-3));
  border:1px solid rgba(203,166,95,.85);
  color:var(--gold-2); font-family:Georgia,serif; font-weight:700; font-size:24px;
  box-shadow:0 8px 20px rgba(7,28,51,.12);
}
.fdp-brand-copy { display:grid; line-height:1.28; }
.fdp-brand-copy b { color:var(--navy); font-size:15px; }
.fdp-brand-copy span { color:var(--muted); font-size:10px; margin-top:3px; }

.fdp-nav { display:flex; align-items:center; gap:23px; color:#435169; font-size:13px; font-weight:700; }
.fdp-nav a { position:relative; }
.fdp-nav a:not(.fdp-nav-cta):after {
  content:""; position:absolute; right:0; left:auto; bottom:-7px;
  width:0; height:2px; background:var(--gold); transition:.2s;
}
.fdp-nav a:not(.fdp-nav-cta):hover:after { width:100%; }
.fdp-nav-cta {
  padding:9px 15px; border-radius:10px; background:var(--navy); color:#fff!important;
}

/* hero */
.fdp-hero {
  position:relative; isolation:isolate; overflow:hidden; color:#fff;
  background:
    radial-gradient(circle at 8% 16%, rgba(203,166,95,.24), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(69,122,174,.18), transparent 26%),
    linear-gradient(135deg,#071a30 0%,#0d2b4f 54%,#07182c 100%);
}
.fdp-hero:before {
  content:""; position:absolute; inset:0; z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent);
}
.fdp-hero:after {
  content:""; position:absolute; width:680px; height:680px; left:-260px; bottom:-420px;
  border:1px solid rgba(234,217,173,.17); border-radius:50%; z-index:-1;
  box-shadow:0 0 0 95px rgba(234,217,173,.025),0 0 0 190px rgba(234,217,173,.018);
}
.fdp-hero-inner {
  min-height:670px; padding:88px 0 96px;
  display:grid; grid-template-columns:1.08fr .92fr; gap:78px; align-items:center;
}
.fdp-badge {
  width:fit-content; margin-bottom:18px; padding:7px 12px;
  display:flex; align-items:center; gap:8px; border-radius:999px;
  color:var(--gold-2); background:rgba(255,255,255,.055);
  border:1px solid rgba(234,217,173,.20); font-size:12px; font-weight:800;
}
.fdp-badge-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(203,166,95,.12); }
.fdp-hero h1 {
  margin:0; color:#fff; font-size:clamp(39px,5.6vw,69px);
  line-height:1.15; letter-spacing:-1px; font-weight:800;
}
.fdp-hero h1 .fdp-name { display:block; }
.fdp-hero h1 small {
  display:block; margin-top:15px; color:var(--gold-2);
  font-size:.39em; font-weight:700; line-height:1.65; letter-spacing:0;
}
.fdp-hero-lead {
  max-width:650px; margin:23px 0 29px; color:#d4dfeb;
  font-size:17px; line-height:2.05;
}
.fdp-actions { display:flex; flex-wrap:wrap; gap:12px; }
.fdp-hero-tags {
  display:flex; flex-wrap:wrap; gap:9px; margin-top:25px;
}
.fdp-hero-tags span {
  padding:7px 11px; border-radius:999px; color:#b8c9db;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); font-size:11px;
}

/* portrait */
.fdp-visual { position:relative; display:flex; justify-content:center; align-items:center; }
.fdp-photo-frame {
  width:min(100%,430px); aspect-ratio:4/5; position:relative; overflow:hidden;
  border-radius:220px 220px 30px 30px;
  border:1px solid rgba(234,217,173,.45);
  background:
    radial-gradient(circle at 65% 20%, rgba(203,166,95,.24), transparent 30%),
    linear-gradient(160deg,#173e66,#081a2e 72%);
  box-shadow:0 38px 95px rgba(0,0,0,.32);
}
.fdp-photo-frame:before {
  content:""; position:absolute; inset:17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:205px 205px 20px 20px;
}
.fdp-photo-placeholder {
  position:absolute; inset:0; display:grid; place-items:center; text-align:center; padding:40px;
}
.fdp-photo-placeholder .monogram {
  width:93px; height:93px; display:grid; place-items:center; margin:0 auto 16px;
  border:1px solid var(--gold); border-radius:50%;
  color:var(--gold-2); font-family:Georgia,serif; font-size:43px;
}
.fdp-photo-placeholder strong { display:block; font-size:18px; color:#fff; }
.fdp-photo-placeholder small { display:block; margin-top:7px; color:#adbed0; font-size:11px; line-height:1.7; }
.fdp-floating-card {
  position:absolute; right:-28px; bottom:48px; width:205px; padding:16px 17px;
  border:1px solid rgba(255,255,255,.16); border-radius:16px;
  background:rgba(6,23,42,.82); backdrop-filter:blur(12px);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.fdp-floating-card b { display:block; color:var(--gold-2); font-size:13px; margin-bottom:4px; }
.fdp-floating-card span { color:#c5d4e2; font-size:11px; line-height:1.7; }
.fdp-seal {
  position:absolute; width:108px; height:108px; left:-20px; top:62px;
  display:grid; place-items:center; text-align:center; border-radius:50%;
  color:var(--navy); background:var(--gold-2); border:7px solid rgba(7,28,51,.28);
  font-size:11px; font-weight:800; line-height:1.6; transform:rotate(-9deg);
}

/* trust strip */
.fdp-trust { background:#fff; border-bottom:1px solid var(--line); }
.fdp-trust-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
}
.fdp-trust-item {
  min-height:104px; padding:23px 20px; display:flex; gap:13px; align-items:center;
  border-left:1px solid var(--line);
}
.fdp-trust-item:last-child { border-left:0; }
.fdp-trust-icon {
  width:42px; height:42px; flex:0 0 auto; border-radius:12px;
  display:grid; place-items:center; color:#8b6829; background:var(--soft); font-size:17px; font-weight:800;
}
.fdp-trust-item b { display:block; color:var(--navy); font-size:14px; }
.fdp-trust-item span { display:block; color:var(--muted); font-size:11px; margin-top:2px; }

/* about */
.fdp-about-grid {
  display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center;
}
.fdp-statement {
  position:relative; padding:40px 36px 35px; background:var(--navy); color:#fff;
  border-radius:24px; box-shadow:var(--shadow); overflow:hidden;
}
.fdp-statement:after {
  content:"“"; position:absolute; top:-8px; left:21px; color:rgba(234,217,173,.12);
  font:160px Georgia,serif; line-height:1;
}
.fdp-statement p { position:relative; margin:0; font-size:21px; line-height:2; font-weight:700; }
.fdp-statement small { position:relative; display:block; margin-top:20px; color:var(--gold-2); font-size:12px; }
.fdp-about-copy h2 {
  margin:10px 0 17px; color:var(--navy); font-size:clamp(30px,4vw,44px); line-height:1.4;
}
.fdp-about-copy p { margin:0 0 17px; color:#596779; font-size:15px; }
.fdp-mini-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:25px; }
.fdp-mini {
  padding:16px; border-radius:14px; background:#fff; border:1px solid var(--line);
}
.fdp-mini b { display:block; color:var(--navy); font-size:13px; }
.fdp-mini span { display:block; color:var(--muted); font-size:11px; margin-top:3px; }

/* pathways */
.fdp-paths { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }
.fdp-path {
  position:relative; min-height:310px; padding:25px; border-radius:20px; overflow:hidden;
  background:#fff; border:1px solid var(--line); transition:.25s ease;
}
.fdp-path:hover { transform:translateY(-6px); box-shadow:var(--shadow); border-color:rgba(203,166,95,.35); }
.fdp-path-number {
  width:44px; height:44px; display:grid; place-items:center; border-radius:12px;
  color:var(--gold); background:var(--navy); font-weight:800;
}
.fdp-path h3 { margin:24px 0 10px; color:var(--navy); font-size:20px; }
.fdp-path p { margin:0; color:var(--muted); font-size:13px; line-height:1.9; }
.fdp-path a {
  position:absolute; right:25px; bottom:23px; color:#926d2d; font-size:12px; font-weight:800;
}

/* method */
.fdp-method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; counter-reset:step; }
.fdp-method {
  position:relative; padding:27px 22px 24px; border-radius:18px;
  border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045);
}
.fdp-method:before {
  counter-increment:step; content:"0" counter(step);
  display:block; margin-bottom:30px; color:var(--gold); font:32px Georgia,serif;
}
.fdp-method h3 { margin:0 0 7px; color:#fff; font-size:17px; }
.fdp-method p { margin:0; color:#b7c7d8; font-size:12px; }

/* featured content */
.fdp-content-grid { display:grid; grid-template-columns:1.25fr .875fr .875fr; gap:18px; }
.fdp-content-card {
  position:relative; min-height:350px; padding:27px; overflow:hidden; border-radius:22px;
  display:flex; flex-direction:column; justify-content:flex-end;
  color:#fff;
  background:
    linear-gradient(to top,rgba(4,16,30,.98),rgba(4,16,30,.25) 65%),
    linear-gradient(145deg,#173f68,#0a2039);
  box-shadow:0 15px 44px rgba(7,28,51,.10);
}
.fdp-content-card:before {
  content:""; position:absolute; width:240px; height:240px; left:-85px; top:-90px;
  border:1px solid rgba(234,217,173,.23); border-radius:50%;
}
.fdp-content-card .label {
  position:absolute; top:22px; right:22px; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12);
  color:var(--gold-2); font-size:10px; font-weight:800;
}
.fdp-content-card h3 { position:relative; margin:0 0 8px; color:#fff; font-size:22px; line-height:1.55; }
.fdp-content-card p { position:relative; margin:0; color:#c4d2e0; font-size:12px; }
.fdp-content-card a { position:relative; margin-top:18px; color:var(--gold-2); font-size:12px; font-weight:800; }
.fdp-content-card.featured h3 { font-size:27px; max-width:520px; }

/* why */
.fdp-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.fdp-why {
  padding:27px; border-radius:18px; background:#fff; border:1px solid var(--line);
  display:flex; gap:17px; align-items:flex-start;
}
.fdp-why .ico {
  width:47px; height:47px; flex:0 0 auto; border-radius:14px;
  display:grid; place-items:center; background:var(--soft); color:#8d692b; font-weight:800;
}
.fdp-why h3 { margin:0 0 6px; color:var(--navy); font-size:17px; }
.fdp-why p { margin:0; color:var(--muted); font-size:12px; }

/* Instagram */
.fdp-instagram {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#0c2a4b,#07192e);
}
.fdp-instagram:after {
  content:""; position:absolute; width:560px; height:560px; border-radius:50%;
  left:-220px; top:-250px; border:1px solid rgba(234,217,173,.14);
  box-shadow:0 0 0 110px rgba(234,217,173,.02),0 0 0 220px rgba(234,217,173,.015);
}
.fdp-instagram-grid {
  position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center;
}
.fdp-instagram h2 { margin:10px 0 14px; color:#fff; font-size:clamp(30px,4vw,44px); line-height:1.4; }
.fdp-instagram p { margin:0; color:#c4d1df; font-size:15px; max-width:650px; }
.fdp-social-box {
  padding:30px; border-radius:22px; background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11); text-align:center;
}
.fdp-social-box .at { color:var(--gold-2); font-size:21px; font-weight:800; }
.fdp-social-box p { margin:9px 0 20px; color:#b9c8d6; font-size:12px; }

/* faq */
.fdp-faq { max-width:880px; margin:0 auto; }
.fdp-faq details {
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:0 18px; margin-bottom:10px;
}
.fdp-faq summary {
  cursor:pointer; list-style:none; padding:18px 3px;
  color:var(--navy); font-weight:800; font-size:14px;
}
.fdp-faq summary::-webkit-details-marker { display:none; }
.fdp-faq summary:before {
  content:"+"; display:inline-grid; place-items:center; width:24px; height:24px;
  margin-left:8px; border-radius:50%; background:var(--soft); color:#8b6829; font-weight:800;
}
.fdp-faq details[open] summary:before { content:"−"; }
.fdp-faq .answer { padding:0 34px 18px 3px; color:var(--muted); font-size:12px; }

/* CTA/contact */
.fdp-cta {
  padding:46px; border-radius:26px; background:linear-gradient(135deg,#fff,#fbf7ef);
  border:1px solid rgba(203,166,95,.25); box-shadow:var(--shadow);
  display:grid; grid-template-columns:1.2fr .8fr; gap:35px; align-items:center;
}
.fdp-cta h2 { margin:8px 0 10px; color:var(--navy); font-size:34px; line-height:1.45; }
.fdp-cta p { margin:0; color:var(--muted); font-size:14px; }
.fdp-cta-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }

/* footer */
.fdp-footer { background:#051422; color:#9cafc1; }
.fdp-footer-main {
  padding:58px 0 34px; display:grid; grid-template-columns:1.4fr .8fr .8fr; gap:45px;
}
.fdp-footer h3 { margin:0 0 10px; color:#fff; font-size:17px; }
.fdp-footer p { margin:0; color:#9cafc1; font-size:12px; max-width:480px; }
.fdp-footer-links { display:grid; gap:8px; font-size:12px; }
.fdp-footer-links a:hover { color:var(--gold-2); }
.fdp-footer-bottom {
  min-height:58px; border-top:1px solid rgba(255,255,255,.07);
  display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px;
}
.fdp-footer-bottom strong { color:var(--gold-2); }

@media(max-width:1020px){
  .fdp-nav { gap:13px; font-size:12px; }
  .fdp-hero-inner { grid-template-columns:1fr; gap:55px; text-align:center; }
  .fdp-badge { margin-inline:auto; }
  .fdp-hero-lead { margin-inline:auto; }
  .fdp-actions,.fdp-hero-tags { justify-content:center; }
  .fdp-visual { order:-1; }
  .fdp-photo-frame { width:min(100%,360px); }
  .fdp-about-grid,.fdp-instagram-grid,.fdp-cta { grid-template-columns:1fr; gap:35px; }
  .fdp-paths,.fdp-method-grid { grid-template-columns:repeat(2,1fr); }
  .fdp-content-grid { grid-template-columns:1fr 1fr; }
  .fdp-content-card.featured { grid-column:1/-1; }
  .fdp-cta-actions { justify-content:flex-start; }
  .fdp-footer-main { grid-template-columns:1.2fr .8fr .8fr; gap:28px; }
}

@media(max-width:760px){
  .fdp-shell { width:min(100% - 28px,600px); }
  .fdp-section { padding:70px 0; }
  .fdp-topbar-inner { justify-content:center; text-align:center; }
  .fdp-topbar-inner span:first-child { display:none; }
  .fdp-header-inner { min-height:72px; }
  .fdp-nav a:not(.fdp-nav-cta) { display:none; }
  .fdp-brand-copy b { font-size:13px; }
  .fdp-hero-inner { min-height:0; padding:66px 0 76px; }
  .fdp-hero h1 { font-size:40px; }
  .fdp-hero-lead { font-size:15px; }
  .fdp-floating-card { right:-8px; bottom:28px; width:180px; }
  .fdp-seal { width:92px; height:92px; left:-7px; top:45px; font-size:10px; }
  .fdp-trust-grid { grid-template-columns:repeat(2,1fr); }
  .fdp-trust-item:nth-child(2) { border-left:0; }
  .fdp-trust-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .fdp-about-grid { gap:32px; }
  .fdp-mini-grid,.fdp-why-grid { grid-template-columns:1fr; }
  .fdp-content-grid { grid-template-columns:1fr; }
  .fdp-content-card.featured { grid-column:auto; }
  .fdp-content-card { min-height:310px; }
  .fdp-footer-main { grid-template-columns:1fr; }
  .fdp-footer-bottom { flex-direction:column; justify-content:center; text-align:center; padding:14px 0; }
  .fdp-cta { padding:31px 24px; }
}

@media(max-width:520px){
  .fdp-paths,.fdp-method-grid { grid-template-columns:1fr; }
  .fdp-trust-grid { grid-template-columns:1fr; }
  .fdp-trust-item { border-left:0; border-bottom:1px solid var(--line); }
  .fdp-trust-item:last-child { border-bottom:0; }
  .fdp-photo-frame { width:min(100%,315px); }
  .fdp-floating-card { position:relative; right:auto; bottom:auto; margin-top:-25px; width:min(92%,280px); }
  .fdp-seal { display:none; }
  .fdp-visual { flex-direction:column; }
  .fdp-about-copy h2,.fdp-instagram h2 { font-size:31px; }
}

/* ===== Firdousse plugin: inner pages + mobile navigation ===== */
body.firdousse-site-page{margin:0;background:#f7f3eb;}
.fdp-mobile-toggle{display:none;width:42px;height:42px;border:1px solid rgba(7,28,51,.12);border-radius:11px;background:#fff;color:var(--navy);font-size:22px;cursor:pointer;align-items:center;justify-content:center;}
.fdp-inner-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071a30 0%,#0d2b4f 58%,#07182c 100%);color:#fff;padding:88px 0 82px;}
.fdp-inner-hero:after{content:"";position:absolute;width:520px;height:520px;left:-210px;bottom:-310px;border:1px solid rgba(234,217,173,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(234,217,173,.02),0 0 0 180px rgba(234,217,173,.012);}
.fdp-inner-hero .fdp-shell{position:relative;z-index:1;}
.fdp-breadcrumb{font-size:12px;color:#b7c8d8;margin-bottom:16px;}
.fdp-breadcrumb a{color:var(--gold-2);}
.fdp-inner-hero h1{margin:0 0 16px;font-size:clamp(36px,5vw,58px);line-height:1.25;color:#fff;}
.fdp-inner-hero p{max-width:760px;margin:0;color:#cedae6;font-size:16px;line-height:2;}
.fdp-page-grid{display:grid;grid-template-columns:1fr 310px;gap:38px;align-items:start;}
.fdp-main-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 16px 46px rgba(7,28,51,.06);}
.fdp-main-card h2{color:var(--navy);font-size:30px;margin:0 0 12px;line-height:1.45;}
.fdp-main-card h3{color:var(--navy);font-size:20px;margin:28px 0 8px;}
.fdp-main-card p,.fdp-main-card li{color:#5f6c7e;font-size:14px;}
.fdp-main-card ul{padding-right:20px;}
.fdp-side-card{background:var(--navy);color:#fff;border-radius:20px;padding:26px;position:sticky;top:105px;}
.fdp-side-card h3{margin:0 0 10px;color:#fff;font-size:19px;}
.fdp-side-card p{margin:0 0 18px;color:#bdcbd9;font-size:12px;}
.fdp-side-links{display:grid;gap:8px;}
.fdp-side-links a{padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.10);font-size:12px;color:#dce7f0;}
.fdp-side-links a:hover{border-color:var(--gold);color:var(--gold-2);}
.fdp-resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;}
.fdp-resource-box{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.fdp-resource-box h3{margin:0 0 7px;font-size:18px;color:var(--navy);}
.fdp-resource-box p{margin:0 0 13px;font-size:12px;color:var(--muted);}
.fdp-resource-box a{color:#8f6a2c;font-size:12px;font-weight:800;}
.fdp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;}
.fdp-contact-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.fdp-contact-card b{display:block;color:var(--navy);margin-bottom:5px;}
.fdp-contact-card span,.fdp-contact-card a{font-size:13px;color:var(--muted);word-break:break-word;}
.fdp-empty-note{padding:18px;border-radius:14px;background:#f8f4ec;border:1px dashed rgba(203,166,95,.45);color:#776544;font-size:13px;}

@media(max-width:900px){
  .fdp-mobile-toggle{display:flex;}
  .fdp-header-inner{position:relative;}
  .fdp-nav{display:none;position:absolute;top:70px;right:0;left:0;background:#fff;padding:14px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px;}
  .fdp-nav.is-open{display:flex;}
  .fdp-nav a{padding:10px 12px;}
  .fdp-nav a:not(.fdp-nav-cta){display:block!important;}
  .fdp-page-grid{grid-template-columns:1fr;}
  .fdp-side-card{position:relative;top:auto;}
}
@media(max-width:620px){
  .fdp-resource-list,.fdp-contact-grid{grid-template-columns:1fr;}
  .fdp-main-card{padding:25px 20px;}
}


/* ===== الإصدار 1.2: الشعار والواجهة الرئيسية والتدقيق البصري ===== */
.fdp-brand-logo{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:block;
  border-radius:18px;
  overflow:hidden;
  background:transparent;
}
.fdp-brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 6px 14px rgba(7,28,51,.12));
}
.fdp-header-inner{min-height:88px;}
.fdp-brand-copy b{font-size:16px;}
.fdp-brand-copy span{font-size:11px;}

.fdp-visual{
  min-height:590px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  isolation:isolate;
}
.fdp-hero-halo{
  position:absolute;
  width:470px;
  height:470px;
  left:50%;
  bottom:54px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(234,217,173,.17), rgba(203,166,95,.05) 45%, rgba(255,255,255,.015) 67%, transparent 69%);
  border:1px solid rgba(234,217,173,.16);
  box-shadow:
    0 0 0 48px rgba(234,217,173,.020),
    0 0 0 96px rgba(234,217,173,.012);
  z-index:0;
}
.fdp-hero-watermark{
  position:absolute;
  width:300px;
  height:300px;
  left:50%;
  top:72px;
  transform:translateX(-50%);
  object-fit:contain;
  opacity:.075;
  z-index:0;
  filter:grayscale(.15);
}
.fdp-hero-portrait-wrap{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:2;
  pointer-events:none;
}
.fdp-hero-portrait{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:625px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 34px 38px rgba(0,0,0,.32));
}
.fdp-floating-card{
  right:auto;
  left:-18px;
  bottom:72px;
  z-index:4;
}
.fdp-seal{
  left:auto;
  right:-16px;
  top:72px;
  z-index:4;
}
.fdp-social-mark{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(234,217,173,.45);
  color:var(--gold-2);
  font-size:26px;
  font-weight:800;
  background:rgba(255,255,255,.055);
}
.fdp-method-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.fdp-method-row{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:15px;
  align-items:start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.fdp-method-row>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--navy);
  color:var(--gold-2);
  font-weight:800;
}
.fdp-method-row h3{margin:0 0 4px;}
.fdp-method-row p{margin:0;}
.fdp-footer-brand{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.fdp-footer-logo{
  width:72px;
  height:72px;
  flex:0 0 72px;
  display:block;
}
.fdp-footer-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.24));
}

@media(max-width:1020px){
  .fdp-visual{min-height:525px;}
  .fdp-hero-portrait{max-height:555px;}
  .fdp-hero-halo{width:410px;height:410px;bottom:42px;}
  .fdp-hero-watermark{width:260px;height:260px;top:58px;}
  .fdp-floating-card{left:6px;bottom:54px;}
  .fdp-seal{right:8px;top:64px;}
}

@media(max-width:760px){
  .fdp-brand-logo{width:54px;height:54px;flex-basis:54px;}
  .fdp-header-inner{min-height:76px;}
  .fdp-brand-copy b{font-size:13px;}
  .fdp-brand-copy span{font-size:9px;}
  .fdp-visual{min-height:445px;}
  .fdp-hero-portrait{max-height:475px;}
  .fdp-hero-halo{width:340px;height:340px;bottom:32px;}
  .fdp-hero-watermark{width:215px;height:215px;top:48px;}
  .fdp-floating-card{
    left:50%;
    right:auto;
    bottom:12px;
    transform:translateX(-50%);
    width:min(86%,285px);
  }
  .fdp-seal{display:none;}
  .fdp-footer-brand{align-items:center;}
}

@media(max-width:520px){
  .fdp-visual{min-height:405px;}
  .fdp-hero-portrait{max-height:430px;}
  .fdp-hero-halo{width:300px;height:300px;bottom:28px;}
  .fdp-hero-watermark{width:190px;height:190px;top:44px;}
  .fdp-floating-card{display:none;}
}
