/* ============================================================
   FBC service pages — EXTENSION (new components for the
   e-trading / FaisalClick / web-platform pages). Additive only,
   everything scoped under .fbc-svc. No global/editor selectors.
   ============================================================ */
/* feature check list */
.fbc-svc .fbc-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;max-width:820px;margin:1.2rem auto 0}
@media(max-width:560px){.fbc-svc .fbc-checks{grid-template-columns:1fr}}
.fbc-svc .fbc-check{display:flex;align-items:flex-start;gap:.7rem;background:#fff;border:1px solid var(--bd);
 border-radius:12px;padding:.85rem 1rem;color:var(--txt);font-weight:600;font-size:.98rem;line-height:1.7;
 transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fbc-svc .fbc-check:hover{transform:translateY(-3px);border-color:rgba(201,168,76,.5);box-shadow:0 12px 26px rgba(6,20,16,.08)}
.fbc-svc .fbc-check-ic{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
 background:linear-gradient(140deg,rgba(0,104,55,.15),rgba(0,104,55,.05));color:var(--grn)}
.fbc-svc .fbc-check-ic svg{width:16px;height:16px}
.fbc-svc .fbc-row--dark .fbc-check{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(201,168,124,.22);color:#e8efe9}
.fbc-svc .fbc-row--dark .fbc-check-ic{background:linear-gradient(140deg,rgba(201,168,124,.2),rgba(201,168,124,.06));color:var(--gold)}
/* channel / platform card (bigger feature card with heading + checklist + button) */
.fbc-svc .fbc-panel{position:relative;display:flex;flex-direction:column;height:100%;
 background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,244,239,.92));border:1px solid var(--bd);
 border-radius:20px;padding:1.9rem 1.7rem;overflow:hidden;box-shadow:0 12px 30px rgba(6,20,16,.07);
 transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.fbc-svc .fbc-panel:hover{transform:translateY(-8px);border-color:rgba(201,168,76,.55);box-shadow:0 24px 54px rgba(6,20,16,.13),0 0 26px rgba(201,168,124,.14)}
.fbc-svc .fbc-panel-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.fbc-svc .fbc-panel-ic{flex:0 0 auto;width:60px;height:60px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--grn);
 background:linear-gradient(140deg,rgba(0,104,55,.14),rgba(0,104,55,.05));border:1px solid rgba(0,104,55,.16);
 transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .35s,color .35s}
.fbc-svc .fbc-panel-ic svg{width:30px;height:30px}
.fbc-svc .fbc-panel:hover .fbc-panel-ic{transform:scale(1.08) rotate(-6deg);background:linear-gradient(140deg,var(--grn),#008f4a);color:#fff;border-color:transparent}
.fbc-svc .fbc-panel-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.4px;color:var(--gold-d)}
.fbc-svc .fbc-panel h3{font-size:1.35rem;font-weight:800;color:var(--txt);margin:.1rem 0 0}
.fbc-svc .fbc-panel-desc{color:var(--muted);font-size:1rem;line-height:1.95;margin:0 0 1.1rem}
.fbc-svc .fbc-panel-list{list-style:none;margin:0 0 1.3rem;padding:0;display:flex;flex-direction:column;gap:.6rem}
.fbc-svc .fbc-panel-list li{display:flex;align-items:flex-start;gap:.6rem;color:var(--txt);font-size:.95rem;line-height:1.7;font-weight:600}
.fbc-svc .fbc-panel-list .fbc-check-ic{width:22px;height:22px}
.fbc-svc .fbc-panel-list .fbc-check-ic svg{width:14px;height:14px}
.fbc-svc .fbc-panel-foot{margin-top:auto;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.fbc-svc .fbc-panel-note{font-size:.85rem;color:var(--muted)}
.fbc-svc .fbc-panel-url{font-size:.9rem;font-weight:800;color:var(--grn);direction:ltr;unicode-bidi:embed}
/* app-store badges (pure CSS/SVG, survive editing) */
.fbc-svc .fbc-stores{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin-top:1.6rem}
.fbc-svc .fbc-store{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;
 background:linear-gradient(150deg,#0D2518,#061410);border:1px solid rgba(201,168,124,.4);border-radius:14px;
 padding:.7rem 1.25rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.fbc-svc .fbc-store:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 32px rgba(6,20,16,.3)}
.fbc-svc .fbc-store-ic{flex:0 0 auto;width:30px;height:30px;color:var(--gold);display:inline-flex;align-items:center;justify-content:center}
.fbc-svc .fbc-store-ic svg{width:26px;height:26px}
.fbc-svc .fbc-store-tx{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.fbc-svc .fbc-store-tx small{font-size:.66rem;color:#9fb2a7}
.fbc-svc .fbc-store-tx b{font-size:.98rem;color:#fff;font-weight:800}
/* device mockup (pure CSS) for e-trading hero-adjacent visual */
.fbc-svc .fbc-showcase{display:grid;grid-template-columns:1fr;gap:1.6rem;align-items:stretch}
@media(min-width:900px){.fbc-svc .fbc-showcase{grid-template-columns:1fr 1fr}}

/* =========================================================================
   CUSTOMER ACCOUNT MANAGERS PAGE (خدمات إدارة التداول) — intro smart card
   + the [faisal_team] shortcode centered within the content width.
   Scoped under .fbc-svc.fbc-accounts. RTL, glassmorphism, gold accent.
   ========================================================================= */
.fbc-svc.fbc-accounts .fbc-accounts-intro{
  display:flex;align-items:flex-start;gap:1.2rem;max-width:900px;margin:0 auto;
  /* Premium DARK GREEN glassmorphism card with gold accent (per spec). */
  background:radial-gradient(120% 90% at 50% 0%,rgba(201,168,124,.16),transparent 60%),linear-gradient(160deg,rgba(13,37,24,.94),rgba(6,20,16,.96));
  -webkit-backdrop-filter:blur(12px) saturate(1.05);backdrop-filter:blur(12px) saturate(1.05);
  border:1px solid rgba(201,168,124,.4);border-inline-start:4px solid var(--gold);border-radius:20px;
  padding:1.8rem 2rem;box-shadow:0 20px 48px rgba(6,20,16,.3),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fbc-svc.fbc-accounts .fbc-accounts-intro:hover{transform:translateY(-4px);box-shadow:0 28px 60px rgba(6,20,16,.4),0 0 26px rgba(201,168,124,.18);border-color:var(--gold)}
.fbc-svc.fbc-accounts .fbc-accounts-intro__ic{flex:0 0 auto;width:56px;height:56px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--gold);background:linear-gradient(140deg,rgba(201,168,124,.22),rgba(201,168,124,.06));border:1px solid rgba(201,168,124,.4);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .35s,color .35s}
.fbc-svc.fbc-accounts .fbc-accounts-intro__ic svg{width:28px;height:28px}
.fbc-svc.fbc-accounts .fbc-accounts-intro:hover .fbc-accounts-intro__ic{transform:scale(1.06) rotate(-5deg);background:linear-gradient(140deg,var(--gold),var(--gold2));color:var(--blk);border-color:transparent}
.fbc-svc.fbc-accounts .fbc-accounts-intro__tx{margin:0;color:#e8efe9;font-size:1.08rem;line-height:2.15;font-weight:500}
@media(max-width:560px){.fbc-svc.fbc-accounts .fbc-accounts-intro{flex-direction:column;align-items:center;text-align:center}}
/* Team shortcode wrapper: full width (no max-width clamp) so the account-manager
   grid uses the full available page width, matching مجلس الإدارة / فريق العمل.
   The .faisal-team inside keeps its own responsive department/card grid. */
.fbc-svc.fbc-accounts .fbc-team-full{width:100%;max-width:100%}

/* =========================================================================
   CAREERS PAGE (الوظائف) — premium smart job cards. Scoped under .fbc-careers.
   ========================================================================= */
.fbc-svc.fbc-careers .fbc-jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
@media(max-width:820px){.fbc-svc.fbc-careers .fbc-jobs-grid{grid-template-columns:1fr}}
.fbc-svc .fbc-job{position:relative;display:flex;flex-direction:column;height:100%;
  background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,244,239,.92));border:1px solid var(--bd);
  border-radius:20px;padding:1.7rem 1.6rem;overflow:hidden;box-shadow:0 12px 30px rgba(6,20,16,.07);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.fbc-svc .fbc-job::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .35s ease}
.fbc-svc .fbc-job:hover{transform:translateY(-8px);border-color:rgba(201,168,76,.55);box-shadow:0 24px 54px rgba(6,20,16,.13),0 0 26px rgba(201,168,124,.14)}
.fbc-svc .fbc-job:hover::before{opacity:1}
.fbc-svc .fbc-job__type{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.4px;color:var(--gold-d);
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.28);border-radius:999px;padding:.28rem .8rem;margin-bottom:.7rem}
.fbc-svc .fbc-job__title{font-size:1.25rem;font-weight:800;color:var(--txt);margin:0 0 .6rem;line-height:1.35}
.fbc-svc .fbc-job__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:.9rem}
.fbc-svc .fbc-job__m{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.88rem;font-weight:600}
.fbc-svc .fbc-job__m svg{width:16px;height:16px;color:var(--grn)}
.fbc-svc .fbc-job__desc{color:var(--muted);font-size:.96rem;line-height:1.95;margin:0 0 1rem}
.fbc-svc .fbc-job__req{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.5rem}
.fbc-svc .fbc-job__req li{display:flex;align-items:flex-start;gap:.55rem;color:var(--txt);font-size:.92rem;line-height:1.6;font-weight:500}
.fbc-svc .fbc-job__req svg{width:16px;height:16px;flex:0 0 auto;margin-top:.25rem;color:var(--grn)}
.fbc-svc .fbc-job__foot{margin-top:auto}
.fbc-svc .fbc-job__apply{width:100%;justify-content:center}
/* Empty state */
.fbc-svc .fbc-jobs-empty{max-width:520px;margin:0 auto;text-align:center;
  background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,244,239,.92));border:1px dashed rgba(201,168,124,.5);
  border-radius:20px;padding:2.4rem 1.8rem;box-shadow:0 12px 30px rgba(6,20,16,.06)}
.fbc-svc .fbc-jobs-empty__ic{width:64px;height:64px;margin:0 auto 1rem;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--grn);background:linear-gradient(140deg,rgba(0,104,55,.14),rgba(0,104,55,.05));border:1px solid rgba(0,104,55,.16)}
.fbc-svc .fbc-jobs-empty__ic svg{width:30px;height:30px}
.fbc-svc .fbc-jobs-empty h3{font-size:1.2rem;font-weight:800;color:var(--txt);margin:0 0 .5rem}
.fbc-svc .fbc-jobs-empty p{color:var(--muted);margin:0 0 1.3rem;line-height:1.9}

/* =========================================================================
   ACCOUNTS PAGE — "إيه اللي بيقدّمه مدير حسابك؟" premium fintech cards.
   Dark-green glassmorphism + gold accent, on a light section. 3/2/1 grid.
   Scoped under .fbc-svc.fbc-accounts. RTL, equal heights, hover lift+glow.
   ========================================================================= */
.fbc-svc .fbc-h2--gold{background:linear-gradient(100deg,#C9A84C 20%,#f5d169 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#C9A84C}
.fbc-svc.fbc-accounts .fbc-servgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:stretch}
@media(max-width:900px){.fbc-svc.fbc-accounts .fbc-servgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fbc-svc.fbc-accounts .fbc-servgrid{grid-template-columns:1fr}}
.fbc-svc.fbc-accounts .fbc-servcard{position:relative;display:flex;flex-direction:column;height:100%;text-align:center;align-items:center;
  background:radial-gradient(120% 90% at 50% 0%,rgba(201,168,124,.14),transparent 60%),linear-gradient(160deg,rgba(13,37,24,.95),rgba(6,20,16,.97));
  -webkit-backdrop-filter:blur(12px) saturate(1.05);backdrop-filter:blur(12px) saturate(1.05);
  border:1px solid rgba(201,168,124,.32);border-radius:20px;padding:2rem 1.5rem;overflow:hidden;
  box-shadow:0 16px 40px rgba(6,20,16,.24),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.fbc-svc.fbc-accounts .fbc-servcard::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .35s ease}
@media (hover:hover) and (pointer:fine){
  .fbc-svc.fbc-accounts .fbc-servcard:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 26px 56px rgba(6,20,16,.34),0 0 30px rgba(201,168,124,.22)}
  .fbc-svc.fbc-accounts .fbc-servcard:hover::before{opacity:1}
  .fbc-svc.fbc-accounts .fbc-servcard:hover .fbc-servcard__ic{transform:scale(1.1) rotate(-6deg);background:linear-gradient(140deg,var(--gold),var(--gold2));color:var(--blk);border-color:transparent}
}
.fbc-svc.fbc-accounts .fbc-servcard__ic{width:60px;height:60px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.1rem;color:var(--gold);
  background:linear-gradient(140deg,rgba(201,168,124,.22),rgba(201,168,124,.06));border:1px solid rgba(201,168,124,.4);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .35s,color .35s}
.fbc-svc.fbc-accounts .fbc-servcard__ic svg{width:30px;height:30px}
.fbc-svc.fbc-accounts .fbc-servcard h3{font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 .55rem}
.fbc-svc.fbc-accounts .fbc-servcard p{color:#c3d3c9;font-size:.98rem;line-height:1.9;margin:0}
/* .faisal-team already sits in a full-width parent here — neutralize its own
   100vw breakout so it simply fills the width (prevents double-breakout + any
   horizontal overflow from the row padding). Its inner grid stays responsive. */
.fbc-svc.fbc-accounts .fbc-team-full .faisal-team{width:100%;max-width:100%;margin-left:0;margin-right:0}

/* ==== fbc-svc TinyMCE-proof MASK ICONS (replaces inline <svg>; matches faisal-icons.css encoding) ==== */
.fbc-svc .fbc-m{display:inline-block;flex:0 0 auto;width:1em;height:1em;vertical-align:-.125em;font-size:0;line-height:0;overflow:hidden;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.fbc-svc .fbc-ey .fbc-m{width:16px;height:16px}
.fbc-svc .fbc-ic .fbc-m{width:27px;height:27px}
.fbc-svc .fbc-btn .fbc-m{width:18px;height:18px}
.fbc-svc .fbc-note-ic .fbc-m{width:18px;height:18px}
.fbc-svc .fbc-pdf-ic .fbc-m{width:28px;height:28px}
.fbc-svc .fbc-check-ic .fbc-m{width:18px;height:18px}
.fbc-svc .fbc-store-ic .fbc-m{width:22px;height:22px}
.fbc-svc .fbc-panel-ic .fbc-m{width:22px;height:22px}
.fbc-svc .fbc-m--i01{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M3 7h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h11'/%3E%3Ccircle cx='16' cy='13' r='1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M3 7h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h11'/%3E%3Ccircle cx='16' cy='13' r='1.4'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i02{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M13 3L5 13h6l-1 8 8-11h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M13 3L5 13h6l-1 8 8-11h-6z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i03{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 5c0 8 7 15 15 15l2-3-4-2-2 2c-3-1-6-4-7-7l2-2-2-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 5c0 8 7 15 15 15l2-3-4-2-2 2c-3-1-6-4-7-7l2-2-2-4z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i04{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4M12 17h0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4M12 17h0'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i05{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9.5 12h5M9.5 15h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9.5 12h5M9.5 15h5'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i06{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i07{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M6 3v18M18 3v18'/%3E%3Crect x='4.2' y='8' width='3.6' height='7' rx='1'/%3E%3Crect x='16.2' y='6' width='3.6' height='9' rx='1'/%3E%3Cpath d='M18 3v3M18 15v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M6 3v18M18 3v18'/%3E%3Crect x='4.2' y='8' width='3.6' height='7' rx='1'/%3E%3Crect x='16.2' y='6' width='3.6' height='9' rx='1'/%3E%3Cpath d='M18 3v3M18 15v3'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i08{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 20V4M4 20h16'/%3E%3Cpath d='M8 16v-4M12 16V8M16 16v-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 20V4M4 20h16'/%3E%3Cpath d='M8 16v-4M12 16V8M16 16v-6'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i09{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 17l6-6 4 4 6-8'/%3E%3Cpath d='M20 7v5h-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 17l6-6 4 4 6-8'/%3E%3Cpath d='M20 7v5h-5'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i10{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2'/%3E%3Cpath d='M18 4v5h-5M6 20v-5h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2'/%3E%3Cpath d='M18 4v5h-5M6 20v-5h5'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i11{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3v18M5 21h14'/%3E%3Cpath d='M12 6L5 9l3 4a3 3 0 0 1-6 0zM12 6l7 3-3 4a3 3 0 0 0 6 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3v18M5 21h14'/%3E%3Cpath d='M12 6L5 9l3 4a3 3 0 0 1-6 0zM12 6l7 3-3 4a3 3 0 0 0 6 0z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i12{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 19V5M4 19h16M8 15l3-4 3 2 4-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 19V5M4 19h16M8 15l3-4 3 2 4-6'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i13{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i14{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M7 7h11l-3-3M17 17H6l3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M7 7h11l-3-3M17 17H6l3 3'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i15{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6l7-3z'/%3E%3Cpath d='M9.5 12l2 2 3.5-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6l7-3z'/%3E%3Cpath d='M9.5 12l2 2 3.5-4'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i16{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 6a3 3 0 0 1 0 6M21 20a6 6 0 0 0-4-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 6a3 3 0 0 1 0 6M21 20a6 6 0 0 0-4-5'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i17{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 10h16M5 10l7-5 7 5M6 10v8M10 10v8M14 10v8M18 10v8M4 20h16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 10h16M5 10l7-5 7 5M6 10v8M10 10v8M14 10v8M18 10v8M4 20h16'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i18{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 20v-8M12 12c0-3-2-5-6-5 0 4 2 6 6 5zM12 12c0-3 2-5 6-5 0 4-2 6-6 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 20v-8M12 12c0-3-2-5-6-5 0 4 2 6 6 5zM12 12c0-3 2-5 6-5 0 4-2 6-6 5z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i19{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i20{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i21{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M5 12l4 4 10-11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M5 12l4 4 10-11'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i22{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M8 12l3-3 2 2 4-4 3 3-6 6-2-2-3 3-4-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M8 12l3-3 2 2 4-4 3 3-6 6-2-2-3 3-4-4z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i23{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13l-1 7 4-2 4 2-1-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13l-1 7 4-2 4 2-1-7'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i24{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i25{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i26{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i27{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i28{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 4l14 8-14 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 4l14 8-14 8z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i29{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M16 3c0 1.6-1.3 3-3 3 0-1.6 1.4-3 3-3zM18 16c-.6 1.4-1.3 2.8-2.4 2.8-1 0-1.4-.7-2.6-.7s-1.6.7-2.6.7c-1.2 0-2.1-1.5-2.7-2.9C4.6 13 5.5 8.5 8.4 8.5c1.1 0 1.9.7 2.6.7.6 0 1.6-.8 2.8-.7 1 .1 2 .5 2.6 1.4-1.6 1-1.9 3.6.6 5.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M16 3c0 1.6-1.3 3-3 3 0-1.6 1.4-3 3-3zM18 16c-.6 1.4-1.3 2.8-2.4 2.8-1 0-1.4-.7-2.6-.7s-1.6.7-2.6.7c-1.2 0-2.1-1.5-2.7-2.9C4.6 13 5.5 8.5 8.4 8.5c1.1 0 1.9.7 2.6.7.6 0 1.6-.8 2.8-.7 1 .1 2 .5 2.6 1.4-1.6 1-1.9 3.6.6 5.1z'/%3E%3C/svg%3E")}
.fbc-svc .fbc-m--i30{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 15a8 8 0 0 1 16 0'/%3E%3Cpath d='M12 15l4-4'/%3E%3Ccircle cx='12' cy='15' r='1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'%3E%3Cpath d='M4 15a8 8 0 0 1 16 0'/%3E%3Cpath d='M12 15l4-4'/%3E%3Ccircle cx='12' cy='15' r='1.4'/%3E%3C/svg%3E")}

/* ============================================================
   FaisalClick app page — premium fintech (official store badges,
   app logo hero, download band). TinyMCE-safe: <img>/<div>/<span> only.
   ============================================================ */
.fbc-svc.fbc-app .fbc-applogo{display:flex;justify-content:center;margin-bottom:1.4rem}
.fbc-svc.fbc-app .fbc-applogo img{width:128px;height:128px;border-radius:30px;
  box-shadow:0 20px 50px rgba(6,20,16,.45),0 0 0 1px rgba(201,168,124,.35);
  background:#fff}
/* Official colored store badges (real Google Play / App Store artwork). */
.fbc-svc .fbc-badges{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.6rem}
.fbc-svc .fbc-hero-in .fbc-badges{justify-content:center}
.fbc-svc .fbc-badge{display:inline-flex;text-decoration:none;border-radius:12px;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s,box-shadow .3s;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.fbc-svc .fbc-badge img{display:block;height:54px;width:auto;border-radius:12px}
.fbc-svc .fbc-badge:hover{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 14px 30px rgba(201,168,124,.4))}
.fbc-svc .fbc-badge:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:560px){.fbc-svc .fbc-badge img{height:48px}.fbc-svc .fbc-badges{justify-content:center}}
/* phone-frame accent for the app hero */
.fbc-svc.fbc-app .fbc-hero-in{position:relative;z-index:1}
/* rating / trust chips row */
.fbc-svc .fbc-appchips{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}
.fbc-svc .fbc-appchip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;
  background:rgba(201,168,124,.1);border:1px solid rgba(201,168,124,.3);color:#e7dcc6;font-size:.86rem;font-weight:700}
.fbc-svc .fbc-appchip .fbc-m{width:16px;height:16px;color:var(--gold)}

/* ============================================================
   .fbc-card--dark — a smart card on the brand PRIMARY dark-green
   (used e.g. as the first card of the التحليل الفني section on
   البحوث المالية و الفنية). Keeps icon/text readable; adds a clear,
   responsive vertical gap after it before the next content.
   ============================================================ */
.fbc-svc .fbc-card.fbc-card--dark{
  background:linear-gradient(160deg,#00552c,#0D2518 70%,#061410) !important;
  border:1px solid rgba(201,168,124,.4) !important;
  box-shadow:0 18px 44px rgba(6,20,16,.34) !important;
  /* responsive spacing after the first card before the next content */
  margin-bottom:clamp(1rem,3vw,2rem);
}
.fbc-svc .fbc-card.fbc-card--dark h3{color:#fff !important}
.fbc-svc .fbc-card.fbc-card--dark p{color:#c8d6cd !important}
.fbc-svc .fbc-card.fbc-card--dark .fbc-ic{
  background:linear-gradient(140deg,rgba(201,168,124,.28),rgba(201,168,124,.1)) !important;
  border-color:rgba(201,168,124,.5) !important;color:var(--gold,#C9A84C) !important;
}
.fbc-svc .fbc-card.fbc-card--dark .fbc-card-line{background:linear-gradient(90deg,var(--gold,#C9A84C),transparent) !important;opacity:.9}

/* ============================================================
   RESEARCH PAGES premium polish — scoped to .fbc-fin / .fbc-research
   / .fbc-tech only (other .fbc-svc pages unaffected).
   • Hero heading block perfectly centered (H + V) with better type.
   • More breathing room between .fbc-prose and the following cards.
   • .fbc-prose upgraded into a premium glass card (not a plain block).
   • Subtle "technical analysis" chart-grid + trendline background on the
     technical section's dark rows (very low opacity, non-distracting).
   ============================================================ */
/* 1) Hero centering + typography */
.fbc-svc.fbc-fin .fbc-hero-in,
.fbc-svc.fbc-research .fbc-hero-in,
.fbc-svc.fbc-tech .fbc-hero-in{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:clamp(200px,32vh,320px);
}
.fbc-svc.fbc-research .fbc-hero h1,
.fbc-svc.fbc-fin .fbc-hero h1,
.fbc-svc.fbc-tech .fbc-hero h1{letter-spacing:-.015em;text-wrap:balance}
.fbc-svc.fbc-research .fbc-ey,
.fbc-svc.fbc-fin .fbc-ey,
.fbc-svc.fbc-tech .fbc-ey{margin-inline:auto}

/* 2) Space between .fbc-prose and the following smart cards / grid */
.fbc-svc.fbc-research .fbc-prose,
.fbc-svc.fbc-fin .fbc-prose,
.fbc-svc.fbc-tech .fbc-prose{margin-bottom:clamp(1.6rem,4vw,2.8rem)}
.fbc-svc.fbc-research .fbc-prose + .fbc-grid,
.fbc-svc.fbc-fin .fbc-prose + .fbc-grid,
.fbc-svc.fbc-tech .fbc-prose + .fbc-grid,
.fbc-svc.fbc-research .fbc-head + .fbc-grid,
.fbc-svc.fbc-tech .fbc-head + .fbc-grid{margin-top:clamp(1.4rem,3.5vw,2.4rem)}

/* 3) .fbc-prose → premium glass card matching the smart-card system */
.fbc-svc.fbc-research .fbc-prose,
.fbc-svc.fbc-fin .fbc-prose,
.fbc-svc.fbc-tech .fbc-prose{
  background:linear-gradient(160deg,rgba(13,37,24,.045),rgba(201,168,124,.06));
  border:1px solid rgba(201,168,124,.34);border-radius:20px;
  padding:clamp(1.3rem,3vw,2rem) clamp(1.3rem,3vw,2.1rem);
  box-shadow:0 14px 38px rgba(13,37,24,.08);backdrop-filter:blur(2px);
  max-width:900px;
}
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose{
  /* EXACT match to Card 1 (.fbc-card--dark): same dark-green gradient, border,
     radius, shadow — so .fbc-prose reads as part of the same card group. */
  background:linear-gradient(160deg,#00552c,#0D2518 70%,#061410) !important;
  border:1px solid rgba(201,168,124,.4) !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(6,20,16,.34) !important;
  padding:1.7rem 1.5rem !important;
  backdrop-filter:none !important;
}
/* All readable text inside these prose blocks = WHITE / light (locked). */
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose,
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose *,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose *{
  color:#ffffff !important;
}
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose .fbc-p,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose .fbc-p{color:#f2ede3 !important;line-height:2 !important}
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose a,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose a{color:var(--gold-light,#f5d169) !important;text-decoration:underline}
.fbc-svc.fbc-research .fbc-prose .fbc-p,
.fbc-svc.fbc-fin .fbc-prose .fbc-p,
.fbc-svc.fbc-tech .fbc-prose .fbc-p{line-height:2;color:var(--text,#17231D)}
.fbc-svc.fbc-research .fbc-row--dark .fbc-prose .fbc-p,
.fbc-svc.fbc-tech .fbc-row--dark .fbc-prose .fbc-p{color:#c8d6cd}

/* 4) Subtle technical-analysis background (chart grid + trendline) on the
   technical page's DARK rows — pure CSS, very low opacity, non-distracting. */
.fbc-svc.fbc-tech .fbc-row--dark,
.fbc-svc.fbc-research .fbc-row--dark{position:relative;overflow:hidden}
.fbc-svc.fbc-tech .fbc-row--dark::before,
.fbc-svc.fbc-research .fbc-row--dark::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(201,168,124,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,124,.06) 1px,transparent 1px);
  background-size:46px 46px,46px 46px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
}
.fbc-svc.fbc-tech .fbc-row--dark::after,
.fbc-svc.fbc-research .fbc-row--dark::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='300' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpolyline points='0,230 120,210 240,235 360,180 480,205 600,140 720,165 840,110 960,135 1080,70 1200,95' fill='none' stroke='%23C9A84C' stroke-width='2'/%3E%3Cpolyline points='0,250 150,245 300,255 450,235 600,240 750,220 900,228 1050,205 1200,212' fill='none' stroke='%23C9A84C' stroke-width='1' stroke-dasharray='5 6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;
}
.fbc-svc.fbc-tech .fbc-row--dark > .fbc-in,
.fbc-svc.fbc-research .fbc-row--dark > .fbc-in{position:relative;z-index:1}

/* ============================================================
   .fbc-prose--dark / .fbc-p--onDark — a prose block that visually
   IS a dark-green smart card (matches .fbc-card--dark exactly), with
   guaranteed white text. Self-contained (does NOT depend on ancestor
   .fbc-row--dark / .fbc-research), so it renders correctly on the
   frontend AND inside the Elementor editor regardless of wrapping.
   ============================================================ */
.fbc-svc .fbc-prose.fbc-prose--dark{
  background:linear-gradient(160deg,#00552c,#0D2518 70%,#061410) !important;
  border:1px solid rgba(201,168,124,.4) !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(6,20,16,.34) !important;
  padding:1.7rem 1.5rem !important;backdrop-filter:none !important;
}
.fbc-svc .fbc-prose.fbc-prose--dark,
.fbc-svc .fbc-prose.fbc-prose--dark *,
.fbc-svc .fbc-p.fbc-p--onDark{
  color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;
}
.fbc-svc .fbc-p.fbc-p--onDark{line-height:2 !important}
.fbc-svc .fbc-prose.fbc-prose--dark a{color:var(--gold-light,#f5d169) !important;-webkit-text-fill-color:var(--gold-light,#f5d169) !important;text-decoration:underline}


/* ============================================================
   البحوث الفنية first row: dark smart card + premium technical-
   analysis CHART panel beside it. Scoped, unique classes only.
   Chart is a CSS background SVG (candlesticks + trend + grid +
   support/resistance) → TinyMCE-safe (no inline <svg> to strip).
   ============================================================ */
.fbc-svc .fbc-ta-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.6rem);
  align-items:stretch;margin:0 0 clamp(1.4rem,3.5vw,2.4rem)}
.fbc-svc .fbc-ta-row > .fbc-card{height:100%;margin:0}
/* Chart panel matches the smart-card design language (radius/shadow/border). */
.fbc-svc .fbc-ta-chart{position:relative;overflow:hidden;height:100%;min-height:300px;
  border:1px solid rgba(201,168,124,.4);border-radius:18px;
  background:linear-gradient(160deg,#0D2518,#061410);
  box-shadow:0 18px 44px rgba(6,20,16,.34);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s}
.fbc-svc .fbc-ta-chart:hover{transform:translateY(-5px);border-color:var(--gold,#C9A84C);
  box-shadow:0 26px 58px rgba(6,20,16,.4)}
.fbc-svc .fbc-ta-chart__canvas{position:absolute;inset:14px;display:block;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300' viewBox='0 0 520 300'%3E%3Crect width='520' height='300' fill='none'/%3E%3Cline x1='0' y1='40' x2='520' y2='40' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='82' x2='520' y2='82' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='124' x2='520' y2='124' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='166' x2='520' y2='166' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='208' x2='520' y2='208' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='250' x2='520' y2='250' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='0' y1='292' x2='520' y2='292' stroke='%23C9A84C' stroke-opacity='.12' stroke-width='1'/%3E%3Cline x1='34' y1='0' x2='34' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='86' y1='0' x2='86' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='138' y1='0' x2='138' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='190' y1='0' x2='190' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='242' y1='0' x2='242' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='294' y1='0' x2='294' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='346' y1='0' x2='346' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='398' y1='0' x2='398' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='450' y1='0' x2='450' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='502' y1='0' x2='502' y2='300' stroke='%23C9A84C' stroke-opacity='.08' stroke-width='1'/%3E%3Cline x1='0' y1='90' x2='520' y2='90' stroke='%23C9A84C' stroke-width='1.6' stroke-dasharray='7 6' opacity='.7'/%3E%3Cline x1='0' y1='235' x2='520' y2='235' stroke='%2300C776' stroke-width='1.6' stroke-dasharray='7 6' opacity='.6'/%3E%3Cline x1='34' y1='202' x2='34' y2='228' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='27' y='210' width='14' height='6' rx='2' fill='%23e07a5f'/%3E%3Cline x1='68' y1='195' x2='68' y2='223' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='61' y='201' width='14' height='15' rx='2' fill='%23f5d169'/%3E%3Cline x1='102' y1='161' x2='102' y2='208' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='95' y='175' width='14' height='26' rx='2' fill='%23f5d169'/%3E%3Cline x1='136' y1='160' x2='136' y2='184' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='129' y='175' width='14' height='4' rx='2' fill='%23e07a5f'/%3E%3Cline x1='170' y1='163' x2='170' y2='184' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='163' y='172' width='14' height='6' rx='2' fill='%23f5d169'/%3E%3Cline x1='204' y1='160' x2='204' y2='205' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='197' y='172' width='14' height='21' rx='2' fill='%23e07a5f'/%3E%3Cline x1='238' y1='184' x2='238' y2='222' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='231' y='193' width='14' height='22' rx='2' fill='%23e07a5f'/%3E%3Cline x1='272' y1='194' x2='272' y2='221' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='265' y='206' width='14' height='9' rx='2' fill='%23f5d169'/%3E%3Cline x1='306' y1='165' x2='306' y2='213' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='299' y='180' width='14' height='26' rx='2' fill='%23f5d169'/%3E%3Cline x1='340' y1='164' x2='340' y2='208' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='333' y='180' width='14' height='12' rx='2' fill='%23e07a5f'/%3E%3Cline x1='374' y1='175' x2='374' y2='207' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='367' y='181' width='14' height='11' rx='2' fill='%23f5d169'/%3E%3Cline x1='408' y1='158' x2='408' y2='187' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='401' y='170' width='14' height='11' rx='2' fill='%23f5d169'/%3E%3Cline x1='442' y1='164' x2='442' y2='196' stroke='%23e07a5f' stroke-width='2'/%3E%3Crect x='435' y='170' width='14' height='12' rx='2' fill='%23e07a5f'/%3E%3Cline x1='476' y1='146' x2='476' y2='192' stroke='%23f5d169' stroke-width='2'/%3E%3Crect x='469' y='154' width='14' height='28' rx='2' fill='%23f5d169'/%3E%3Cpolyline points='34,216 68,201 102,175 136,178 170,172 204,193 238,215 272,206 306,180 340,192 374,181 408,170 442,182 476,154' fill='none' stroke='%2300C776' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' opacity='.9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain}
.fbc-svc .fbc-ta-chart__tag{position:absolute;top:14px;inset-inline-end:16px;z-index:2;
  font-size:.72rem;font-weight:800;letter-spacing:.3px;color:#061410;
  background:linear-gradient(90deg,#f5d169,#C9A84C);padding:.28rem .7rem;border-radius:999px}
.fbc-svc .fbc-ta-chart__legend{position:absolute;bottom:12px;inset-inline-start:16px;z-index:2;
  display:flex;gap:.9rem;font-size:.72rem;font-weight:700;color:#c8d6cd}
.fbc-svc .fbc-ta-chart__legend span{display:inline-flex;align-items:center;gap:.35rem}
.fbc-svc .fbc-ta-chart__legend span::before{content:"";width:12px;height:3px;border-radius:2px;background:#C9A84C}
.fbc-svc .fbc-ta-chart__legend span:nth-child(1)::before{background:#00C776}
.fbc-svc .fbc-ta-chart__legend span:nth-child(2)::before{background:#C9A84C}
.fbc-svc .fbc-ta-chart__legend span:nth-child(3)::before{background:#f5d169}
@media(max-width:820px){
  .fbc-svc .fbc-ta-row{grid-template-columns:1fr}
  .fbc-svc .fbc-ta-chart{min-height:240px}
}