/**
 * Consultants directory - page CSS (scope root: .emirae-consultants-dir).
 *
 * Ported from the design kit ui_kits/emirae-consultants/consultants.css.
 * Every rule is scoped to the body class set in uaematch_body_classes(), because
 * the kit uses generic component names (.section, .intro, .control, .faq, .chip)
 * that would otherwise collide site-wide. Do not remove the scope prefix.
 *
 * The kit's own footer rules (.foot*) are intentionally NOT ported - the theme
 * ships its own footer. The kit's header comes from ../emirae-header/header.css,
 * which the theme already covers.
 *
 * Distinct from assets/css/pages/for-consultants.css, which styles the unrelated
 * /for-consultants/ page under .emirae-for-consultants-page.
 */

/* ============================================================
   Emirae.Pro — Consultants directory page
   Tokens & .uaec-* primitives come from ../../styles.css.
   Header / nav / dropdowns / mobile menu come from
   ../emirae-header/header.css. This file adds page-specific
   layout: compact intro, filter bar + drawer, featured block,
   listing cards, verification, help CTA, and the footer.
   ============================================================ */
.emirae-consultants-dir { --tint: #f1f6fd; --header-h: 76px; }
.emirae-consultants-dir { background: var(--surface); }
/* ---------- Shared rhythm ---------- */
.emirae-consultants-dir .section { padding-block: 56px; }
@media (min-width: 1024px) {
  .emirae-consultants-dir .section { padding-block: 76px; }
}
.emirae-consultants-dir .section--tint { background: var(--tint); }
.emirae-consultants-dir .section--navy { background: var(--navy-800); color: #fff; }
.emirae-consultants-dir .section--tight { padding-block: 40px; }
@media (min-width: 1024px) {
  .emirae-consultants-dir .section--tight { padding-block: 52px; }
}
.emirae-consultants-dir .eyebrow-line { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.emirae-consultants-dir .eyebrow-line .uaec-eyebrow { white-space: nowrap; }
.emirae-consultants-dir .eyebrow-line::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: var(--accent); }
.emirae-consultants-dir .section--navy .eyebrow-line .uaec-eyebrow { color: var(--navy-tint); }
.emirae-consultants-dir .section--navy .eyebrow-line::before { background: var(--navy-tint); }
.emirae-consultants-dir .section-head { max-width: 640px; }
.emirae-consultants-dir .section-head--center { margin-inline: auto; text-align: center; }
.emirae-consultants-dir .section-head--center .eyebrow-line { justify-content: center; }
.emirae-consultants-dir .section-head h2 { margin-bottom: 12px; font-size: clamp(25px, 2.6vw, 32px); line-height: 1.14; letter-spacing: -0.025em; color: var(--text-strong); }
.emirae-consultants-dir .section-head p { color: var(--text-secondary); font-size: var(--fs-body); line-height: 1.6; }
.emirae-consultants-dir .section--navy .section-head h2 { color: #fff; }
.emirae-consultants-dir .section--navy .section-head p { color: var(--text-on-dark-soft); }
.emirae-consultants-dir .head-row { display: flex; flex-direction: column; gap: 16px; margin-bottom: 34px; }
@media (min-width: 900px) {
  .emirae-consultants-dir .head-row { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
.emirae-consultants-dir .link-more { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-weight: var(--fw-medium); font-size: var(--fs-sm); white-space: nowrap; }
.emirae-consultants-dir .link-more:hover { gap: 9px; color: var(--accent-hover); }
.emirae-consultants-dir .link-more svg { width: 16px; height: 16px; stroke-width: 2; transition: transform var(--dur) var(--ease); }
.emirae-consultants-dir .icon-sm { width: 17px; height: 17px; stroke-width: 1.8; flex: none; }
/* ============================================================
   1 · COMPACT INTRO
   ============================================================ */
/* dark navy hero — tucks under the sticky header (no top gap), matches site pattern */
.emirae-consultants-dir .intro { position: relative; overflow: hidden; color: #fff; padding-top: var(--header-h); margin-top: calc(-1 * var(--header-h));
  background: linear-gradient(168deg, #0c1325 0%, #122039 52%, #16243f 100%); }
.emirae-consultants-dir .intro::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(820px 460px at 88% -10%, color-mix(in srgb, var(--accent) 46%, transparent), transparent 62%); }
.emirae-consultants-dir .intro::after { content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 26px 26px; -webkit-mask-image: radial-gradient(120% 82% at 82% 0%, #000, transparent 74%); mask-image: radial-gradient(120% 82% at 82% 0%, #000, transparent 74%); }
.emirae-consultants-dir .intro > .uaec-container { position: relative; z-index: 1; padding-top: 38px; padding-bottom: 54px; }
.emirae-consultants-dir .intro__grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
@media (min-width: 1000px) {
  .emirae-consultants-dir .intro__grid { grid-template-columns: 1.5fr 1fr; gap: 54px; }
}
.emirae-consultants-dir .intro .uaec-eyebrow { color: var(--navy-tint); }
.emirae-consultants-dir .intro .eyebrow-line::before { background: var(--navy-tint); }
/* Breadcrumbs — sit right under the white header, compact */
.emirae-consultants-dir .crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--fs-xs); margin-bottom: 26px; }
.emirae-consultants-dir .crumbs a { color: rgba(255,255,255,.6); transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .crumbs a:hover { color: #fff; }
.emirae-consultants-dir .crumbs span[aria-current] { color: rgba(255,255,255,.92); font-weight: var(--fw-medium); }
.emirae-consultants-dir .crumbs svg { width: 14px; height: 14px; color: rgba(255,255,255,.32); flex: none; }
.emirae-consultants-dir .intro h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.06; letter-spacing: -0.03em; font-weight: var(--fw-bold); color: #fff; max-width: 18ch; margin-bottom: 16px; }
.emirae-consultants-dir .intro h1 em { font-style: normal; color: var(--navy-tint); }
.emirae-consultants-dir .intro__lede { font-size: clamp(15px, 1.4vw, 17px); line-height: 1.62; color: rgba(255,255,255,.74); max-width: 56ch; margin-bottom: 26px; }
.emirae-consultants-dir .intro__cta { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 420px) {
  .emirae-consultants-dir .intro__cta { flex-direction: column; }
  .emirae-consultants-dir .intro__cta .uaec-btn { width: 100%; }
}
.emirae-consultants-dir .btn-dark-outline { background: rgba(255,255,255,.06); color: #fff; border: 1px solid rgba(255,255,255,.22); }
.emirae-consultants-dir .btn-dark-outline:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.42); color: #fff; }
/* ---------- Premium hero CTAs (reuse from services, scoped to .intro__cta) ---------- */
.emirae-consultants-dir .intro__cta .uaec-btn--primary, .emirae-consultants-dir .intro__cta .btn-on-dark { position: relative; isolation: isolate; overflow: hidden; transition: transform .6s cubic-bezier(.16,.84,.32,1), box-shadow .6s cubic-bezier(.16,.84,.32,1), border-color .5s ease, background .5s ease; }
.emirae-consultants-dir .intro__cta .uaec-btn--primary::after, .emirae-consultants-dir .intro__cta .btn-on-dark::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0; transition: opacity .55s ease; }
.emirae-consultants-dir .intro__cta .uaec-btn--primary:hover::after, .emirae-consultants-dir .intro__cta .btn-on-dark:hover::after { opacity: 1; }
.emirae-consultants-dir .intro__cta .uaec-btn--primary { border: 1px solid color-mix(in srgb, var(--accent-pressed) 60%, #000 6%); background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 90%, #fff 10%) 0%, var(--accent) 52%, var(--accent-hover) 100%); background-size: 100% 100%; color: var(--accent-on); box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 7px 16px -12px color-mix(in srgb, var(--accent) 38%, transparent), 0 2px 5px rgba(7,12,24,.14); }
.emirae-consultants-dir .intro__cta .uaec-btn--primary::after { background: linear-gradient(105deg, transparent 28%, rgba(56,132,255,.45) 44%, rgba(96,165,255,.95) 50%, rgba(56,132,255,.45) 56%, transparent 72%); background-size: 250% 100%; background-position: 150% 0; }
.emirae-consultants-dir .intro__cta .uaec-btn--primary:hover { transform: translateY(-1.5px); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 26px -14px color-mix(in srgb, var(--accent) 46%, transparent), 0 4px 10px rgba(7,12,24,.18); }
.emirae-consultants-dir .intro__cta .uaec-btn--primary:hover::after { animation: introCtaSheen 2.4s ease-in-out infinite; }
@keyframes introCtaSheen { 0% { background-position: 150% 0; } 100% { background-position: -150% 0; } }
.emirae-consultants-dir .intro__cta .uaec-btn--primary:active { transform: translateY(0) scale(.99); box-shadow: inset 0 2px 6px rgba(7,12,24,.28), 0 6px 16px -8px color-mix(in srgb, var(--accent) 55%, transparent); }
.emirae-consultants-dir .intro__cta .btn-on-dark { color: var(--navy-tint); border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.16); box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 -1px 0 rgba(255,255,255,.05); }
.emirae-consultants-dir .intro__cta .btn-on-dark::after { background: radial-gradient(110% 110% at 50% 120%, rgba(255,255,255,.1) 0%, transparent 55%); }
.emirae-consultants-dir .intro__cta .btn-on-dark:hover { transform: translateY(-1.5px); color: color-mix(in srgb, var(--navy-tint) 60%, #fff 40%); border-color: rgba(255,255,255,.18); background: rgba(0,0,0,.1); }
.emirae-consultants-dir .intro__cta .btn-on-dark:active { transform: translateY(0); background: rgba(0,0,0,.22); box-shadow: inset 0 2px 6px rgba(0,0,0,.5); }
@media (prefers-reduced-motion: reduce) {
  .emirae-consultants-dir .intro__cta .uaec-btn--primary, .emirae-consultants-dir .intro__cta .btn-on-dark { transition: none; animation: none !important; }
  .emirae-consultants-dir .intro__cta .uaec-btn--primary::after, .emirae-consultants-dir .intro__cta .btn-on-dark::after { display: none; }
}
.emirae-consultants-dir .intro__stats { display: flex; align-items: center; gap: 16px; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); flex-wrap: wrap; }
.emirae-consultants-dir .intro__stat { font-size: var(--fs-sm); color: rgba(255,255,255,.62); white-space: nowrap; }
.emirae-consultants-dir .intro__stat b { color: #fff; font-weight: var(--fw-bold); font-size: var(--fs-body); margin-right: 3px; }
.emirae-consultants-dir .intro__stat-sep { width: 1px; height: 22px; background: rgba(255,255,255,.14); flex: none; }
@media (max-width: 420px) {
  .emirae-consultants-dir .intro__stat-sep { display: none; }
  .emirae-consultants-dir .intro__stats { gap: 8px 18px; }
}
/* Premium trust card — glass, accent line, refined checks */
.emirae-consultants-dir .intro__panel { position: relative; overflow: hidden; border-radius: var(--radius-xl); padding: 26px 26px 22px;
  background: linear-gradient(160deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.035) 60%);
  border: 1px solid rgba(255,255,255,.14); box-shadow: 0 30px 70px -30px rgba(0,0,0,.7); backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); }
.emirae-consultants-dir .intro__panel::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent) 20%, #8fe0a8 55%, var(--navy-tint) 80%, transparent); opacity: .9; }
.emirae-consultants-dir .intro__panel-glow { position: absolute; z-index: 0; top: -60px; right: -50px; width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%); pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .intro__panel { animation: cardFloat 6s ease-in-out infinite; }
  @keyframes cardFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
}
.emirae-consultants-dir .intro__panel-h { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; padding-bottom: 18px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.12); }
.emirae-consultants-dir .intro__panel-shield { width: 42px; height: 42px; border-radius: 12px; flex: none; display: grid; place-items: center; color: #fff;
  background: linear-gradient(155deg, var(--accent), var(--accent-hover)); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 10px 22px -10px color-mix(in srgb, var(--accent) 70%, transparent); }
.emirae-consultants-dir .intro__panel-shield svg { width: 22px; height: 22px; }
.emirae-consultants-dir .intro__panel-ht { display: flex; flex-direction: column; gap: 3px; }
.emirae-consultants-dir .intro__panel-eyebrow { font-size: var(--fs-2xs); font-weight: var(--fw-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--navy-tint); }
.emirae-consultants-dir .intro__panel-title { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: #fff; letter-spacing: -0.01em; }
.emirae-consultants-dir .intro__list { position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.emirae-consultants-dir .intro__list li { display: flex; align-items: flex-start; gap: 12px; padding: 13px 0; font-size: var(--fs-sm); color: rgba(255,255,255,.9); line-height: 1.42; }
.emirae-consultants-dir .intro__list li + li { border-top: 1px solid rgba(255,255,255,.09); }
.emirae-consultants-dir .intro__check { width: 22px; height: 22px; border-radius: 7px; flex: none; display: grid; place-items: center; margin-top: 1px;
  background: color-mix(in srgb, #76ca66 24%, transparent); border: 1px solid color-mix(in srgb, #76ca66 42%, transparent); color: #a6ecb4; }
.emirae-consultants-dir .intro__check svg { width: 13px; height: 13px; }
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .intro__list li { opacity: 0; animation: checkIn .5s var(--ease-out) forwards; }
  .emirae-consultants-dir .intro__list li:nth-child(1) { animation-delay: .15s; }
  .emirae-consultants-dir .intro__list li:nth-child(2) { animation-delay: .3s; }
  .emirae-consultants-dir .intro__list li:nth-child(3) { animation-delay: .45s; }
  @keyframes checkIn { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
}
.emirae-consultants-dir .intro__panel-foot { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin-top: 16px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.1); font-size: var(--fs-xs); color: rgba(255,255,255,.6); }
.emirae-consultants-dir .intro__panel-live { width: 8px; height: 8px; border-radius: 50%; background: #76ca66; flex: none; box-shadow: 0 0 0 0 color-mix(in srgb, #76ca66 70%, transparent); }
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .intro__panel-live { animation: pulse 2s infinite; }
  @keyframes pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, #76ca66 60%, transparent); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
}
@media (max-width: 999px) {
  .emirae-consultants-dir .intro__panel { animation: none; margin-top: 4px; }
}
/* ============================================================
   2 · FILTER BAR (sticky)
   ============================================================ */
.emirae-consultants-dir .filterwrap { position: sticky; top: calc(var(--header-h) - 1px); z-index: 30; background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid transparent; transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.emirae-consultants-dir .filter-sentinel { height: 1px; margin-bottom: -1px; pointer-events: none; }
.emirae-consultants-dir .filterwrap.is-stuck { border-bottom-color: var(--border); box-shadow: 0 6px 20px -12px rgba(12,18,34,.35); }
.emirae-consultants-dir .filterwrap__inner { padding-block: 14px; transition: padding var(--dur) var(--ease); }
.emirae-consultants-dir .filterwrap.is-stuck .filterwrap__inner { padding-block: 9px; }
/* desktop filter row */
.emirae-consultants-dir .filterbar { display: none; }
@media (min-width: 900px) {
  .emirae-consultants-dir .filterbar { display: block; }
}
.emirae-consultants-dir .filterbar__row { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr) auto; gap: 10px; align-items: end; }
.emirae-consultants-dir .field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.emirae-consultants-dir .field__label { font-size: var(--fs-2xs); font-weight: var(--fw-bold); letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); padding-left: 2px; transition: max-height var(--dur) var(--ease), opacity var(--dur) var(--ease), margin var(--dur) var(--ease); overflow: hidden; }
/* compact sticky: hide labels, tighten inputs, collapse advanced + more-btn, show chips */
.emirae-consultants-dir .filterwrap.is-stuck .filterbar__row { align-items: center; }
.emirae-consultants-dir .filterwrap.is-stuck .field__label { max-height: 0; opacity: 0; margin: 0; }
.emirae-consultants-dir .filterwrap.is-stuck .control select, .emirae-consultants-dir .filterwrap.is-stuck .control input[type="text"], .emirae-consultants-dir .filterwrap.is-stuck .control input[type="search"] { height: 40px; }
.emirae-consultants-dir .filterwrap.is-stuck .filterbar__actions .uaec-btn { height: 40px; }
.emirae-consultants-dir .filterwrap.is-stuck .filterbar__foot { margin-top: 10px; }
.emirae-consultants-dir .filterwrap.is-stuck .toggle-check { height: 40px; }
.emirae-consultants-dir .control { position: relative; }
.emirae-consultants-dir .control > svg { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--text-muted); pointer-events: none; }
.emirae-consultants-dir .control select, .emirae-consultants-dir .control input[type="text"], .emirae-consultants-dir .control input[type="search"] {
  width: 100%; height: 42px; border: 1px solid var(--border-strong); border-radius: var(--radius-md);
  background: var(--surface); color: var(--text-strong); font: inherit; font-size: var(--fs-sm);
  padding: 0 34px 0 40px; appearance: none; -webkit-appearance: none; cursor: pointer;
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), height var(--dur) var(--ease); }
.emirae-consultants-dir .control input[type="text"], .emirae-consultants-dir .control input[type="search"] { cursor: text; padding-right: 14px; }
.emirae-consultants-dir .control select:hover, .emirae-consultants-dir .control input:hover { border-color: var(--accent); }
.emirae-consultants-dir .control select:focus, .emirae-consultants-dir .control input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-ring); }
.emirae-consultants-dir .control--select::after { content: ""; position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted); transform: translateY(-72%) rotate(45deg); pointer-events: none; }
.emirae-consultants-dir .filterbar__actions { display: flex; gap: 10px; }
.emirae-consultants-dir .filterbar__actions .uaec-btn { height: 42px; transition: height var(--dur) var(--ease); }
.emirae-consultants-dir .filterbar__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.emirae-consultants-dir .filterbar__reset-link { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--accent); background: none; border: none; padding: 0; cursor: pointer; transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .filterbar__reset-link[hidden] { display: none; }
.emirae-consultants-dir .filterbar__reset-link svg { width: 15px; height: 15px; stroke-width: 2; }
.emirae-consultants-dir .filterbar__reset-link:hover { color: var(--accent-hover); }
/* inline active chips on the secondary filter line */
.emirae-consultants-dir .filterbar__foot-left { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
.emirae-consultants-dir .filterbar__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; }
.emirae-consultants-dir .filterbar__chips:empty { display: none; }
/* advanced reveal */
.emirae-consultants-dir .filterbar__adv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: end; overflow: hidden; max-height: 0; opacity: 0; transition: max-height var(--dur-slow) var(--ease), opacity var(--dur) var(--ease), margin-top var(--dur) var(--ease); }
.emirae-consultants-dir .filterbar.is-expanded .filterbar__adv { max-height: 200px; opacity: 1; margin-top: 14px; }
.emirae-consultants-dir .filterbar__morebtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 0; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--accent); background: none; border: none; padding: 0; cursor: pointer; }
.emirae-consultants-dir .filterbar__morebtn svg { width: 16px; height: 16px; stroke-width: 2; transition: transform var(--dur) var(--ease); }
.emirae-consultants-dir .filterbar.is-expanded .filterbar__morebtn svg { transform: rotate(180deg); }
.emirae-consultants-dir .toggle-check { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 4px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text); cursor: pointer; user-select: none; }
.emirae-consultants-dir .toggle-check input { position: absolute; opacity: 0; width: 0; height: 0; }
.emirae-consultants-dir .toggle-track { width: 40px; height: 24px; border-radius: 999px; background: var(--gray-300); position: relative; flex: none; transition: background var(--dur) var(--ease); }
.emirae-consultants-dir .toggle-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm); transition: transform var(--dur) var(--ease); }
.emirae-consultants-dir .toggle-check input:checked + .toggle-track { background: var(--accent); }
.emirae-consultants-dir .toggle-check input:checked + .toggle-track::after { transform: translateX(16px); }
.emirae-consultants-dir .toggle-check input:focus-visible + .toggle-track { box-shadow: 0 0 0 3px var(--accent-ring); }
/* mobile filter bar */
.emirae-consultants-dir .mfilter { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
@media (min-width: 900px) {
  .emirae-consultants-dir .mfilter { display: none; }
}
.emirae-consultants-dir .mfilter__btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 44px; padding: 0 16px; border-radius: var(--radius-md); border: 1px solid var(--border-strong); background: var(--surface); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-strong); white-space: nowrap; transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); }
.emirae-consultants-dir .mfilter__btn:hover, .emirae-consultants-dir .mfilter__btn:active { border-color: var(--accent); color: var(--accent); }
.emirae-consultants-dir .mfilter__btn svg { width: 17px; height: 17px; stroke-width: 1.9; }
.emirae-consultants-dir .mfilter__btn .count-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--accent); color: #fff; font-size: 11px; font-weight: var(--fw-bold); }
/* mobile active-chips row — compact horizontal scroll under the mobile bar */
.emirae-consultants-dir .mfilter__chips { display: none; }
@media (max-width: 899px) {
  .emirae-consultants-dir .mfilter__chips { display: flex; gap: 7px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
  .emirae-consultants-dir .mfilter__chips:empty { display: none; }
  .emirae-consultants-dir .mfilter__chips::-webkit-scrollbar { display: none; }
  .emirae-consultants-dir .mfilter__chips .chip { flex: none; }
}
/* ============================================================
   Active filter chips + result count strip
   ============================================================ */
/* directory header — single clean row */
.emirae-consultants-dir .dir-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 24px; flex-wrap: wrap; margin-bottom: 24px; }
.emirae-consultants-dir .dir-head__title .eyebrow-line { margin-bottom: 12px; }
.emirae-consultants-dir .dir-head__title h2 { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.14; letter-spacing: -0.025em; color: var(--text-strong); }
.emirae-consultants-dir .dir-head__title .results-count { display: block; margin-top: 8px; }
.emirae-consultants-dir .results-count { font-size: var(--fs-sm); color: var(--text-secondary); }
.emirae-consultants-dir .results-count b { color: var(--text-strong); font-weight: var(--fw-bold); }
.emirae-consultants-dir .chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.emirae-consultants-dir .chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 5px 3px 10px; border-radius: var(--radius-pill); background: var(--accent-soft); color: var(--accent-hover); font-size: var(--fs-2xs); font-weight: var(--fw-medium); line-height: 1; white-space: nowrap; border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border)); }
.emirae-consultants-dir .chip button { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; border: none; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-hover); cursor: pointer; padding: 0; transition: background var(--dur) var(--ease); }
.emirae-consultants-dir .chip button:hover { background: var(--accent); color: #fff; }
.emirae-consultants-dir .chip button svg { width: 10px; height: 10px; stroke-width: 2.8; }
.emirae-consultants-dir .chip-clear { font-size: var(--fs-xs); font-weight: var(--fw-medium); color: var(--text-secondary); background: none; border: none; cursor: pointer; padding: 5px 4px; transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .chip-clear:hover { color: var(--error-500); }
.emirae-consultants-dir .results-sort { display: flex; align-items: center; gap: 9px; }
.emirae-consultants-dir .results-sort label { font-size: var(--fs-xs); color: var(--text-muted); white-space: nowrap; }
.emirae-consultants-dir .results-sort .control { min-width: 200px; }
.emirae-consultants-dir .results-sort select { height: 42px; padding-left: 14px; }
@media (max-width: 520px) {
  .emirae-consultants-dir .results-sort { width: 100%; }
  .emirae-consultants-dir .results-sort .control { flex: 1; min-width: 0; }
}
/* ============================================================
   3 · FEATURED CONSULTANTS
   ============================================================ */
.emirae-consultants-dir .featured-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
@media (max-width: 720px) {
  .emirae-consultants-dir .featured-head { flex-direction: column; align-items: flex-start; gap: 12px; }
}
.emirae-consultants-dir .featured-head__text { max-width: 64ch; }
.emirae-consultants-dir .featured-head__text .eyebrow-line { margin-bottom: 12px; }
.emirae-consultants-dir .featured-head h2 { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.14; letter-spacing: -0.025em; color: var(--text-strong); margin-bottom: 10px; }
.emirae-consultants-dir .featured-head p { font-size: var(--fs-sm); color: var(--text-secondary); line-height: 1.6; }
.emirae-consultants-dir .featured-head .link-more { flex: none; white-space: nowrap; padding-bottom: 5px; }
.emirae-consultants-dir .featured-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 980px) {
  .emirae-consultants-dir .featured-grid { grid-auto-flow: column; grid-auto-columns: minmax(280px, 82%); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--container-pad)); padding-inline: var(--container-pad); padding-bottom: 8px; scrollbar-width: none; }
  .emirae-consultants-dir .featured-grid::-webkit-scrollbar { display: none; }
  .emirae-consultants-dir .fcard { scroll-snap-align: start; }
}
.emirae-consultants-dir .fcard { position: relative; overflow: hidden; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); box-shadow: var(--shadow-md); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-consultants-dir .fcard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--accent), var(--blue-stroke)); z-index: 2; }
.emirae-consultants-dir .fcard:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.emirae-consultants-dir .fcard__top { padding: 24px 24px 0; }
.emirae-consultants-dir .fcard__badge-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.emirae-consultants-dir .fbadge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: var(--radius-pill); font-size: 11px; font-weight: var(--fw-bold); letter-spacing: 0.04em; text-transform: uppercase; background: linear-gradient(180deg, color-mix(in srgb, var(--warning-500) 24%, #fff), color-mix(in srgb, var(--warning-500) 13%, #fff)); color: #7a5a10; border: 1px solid color-mix(in srgb, var(--warning-500) 44%, transparent); }
.emirae-consultants-dir .fbadge svg { width: 13px; height: 13px; }
.emirae-consultants-dir .fcard__place { font-size: var(--fs-xs); color: var(--text-muted); font-weight: var(--fw-medium); display: inline-flex; align-items: center; gap: 5px; }
.emirae-consultants-dir .fcard__place svg { width: 14px; height: 14px; stroke-width: 1.9; opacity: .8; }
.emirae-consultants-dir .fcard__id { display: flex; align-items: flex-start; gap: 15px; }
.emirae-consultants-dir .fcard__logo { width: 58px; height: 58px; border-radius: 15px; flex: none; display: flex; align-items: center; justify-content: center; font-weight: var(--fw-bold); font-size: 22px; color: #fff; background: linear-gradient(155deg, var(--accent) 0%, var(--accent-hover) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 18px -8px color-mix(in srgb, var(--accent) 60%, transparent); }
.emirae-consultants-dir .fcard__logo--navy { background: linear-gradient(155deg, #2a3a58, #141c2c); }
.emirae-consultants-dir .fcard__logo--teal { background: linear-gradient(155deg, #1f8a7a, #0f5148); }
.emirae-consultants-dir .fcard__name { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--text-strong); line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 4px; }
.emirae-consultants-dir .fcard__name a { transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .fcard:hover .fcard__name a { color: var(--accent); }
.emirae-consultants-dir .verify { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-xs); font-weight: var(--fw-medium); color: var(--success-700); }
.emirae-consultants-dir .verify svg { width: 15px; height: 15px; flex: none; }
.emirae-consultants-dir .fcard__type { font-size: var(--fs-xs); color: var(--text-muted); margin-top: 4px; line-height: 1.35; }
.emirae-consultants-dir .fcard__body { padding: 18px 24px 0; flex: 1; display: flex; flex-direction: column; }
.emirae-consultants-dir .fcard__desc { font-size: var(--fs-sm); line-height: 1.6; color: var(--text-secondary); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; }
.emirae-consultants-dir .tags { display: flex; flex-wrap: wrap; gap: 7px; }
.emirae-consultants-dir .tag-chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-sm); font-size: 12px; font-weight: var(--fw-medium); background: var(--surface-alt); color: var(--text-secondary); border: 1px solid var(--border); }
.emirae-consultants-dir .tag-chip--accent { background: var(--accent-soft); color: var(--accent-hover); border-color: color-mix(in srgb, var(--accent) 16%, var(--border)); }
.emirae-consultants-dir .fcard__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin-top: 18px; padding: 16px 0 0; border-top: 1px solid var(--border); }
.emirae-consultants-dir .metaitem { display: flex; align-items: center; gap: 9px; min-width: 0; }
.emirae-consultants-dir .metaitem svg { width: 17px; height: 17px; flex: none; color: var(--accent); opacity: .85; }
.emirae-consultants-dir .metaitem > span { display: flex; flex-direction: column; min-width: 0; }
.emirae-consultants-dir .metaitem__k { display: block; font-size: 10px; font-weight: var(--fw-bold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); line-height: 1; margin-bottom: 3px; }
.emirae-consultants-dir .metaitem__v { display: block; font-size: var(--fs-xs); color: var(--text-strong); font-weight: var(--fw-medium); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emirae-consultants-dir .metaitem--muted svg { color: var(--text-muted); opacity: .68; }
.emirae-consultants-dir .metaitem--muted .metaitem__v { color: var(--text-secondary); font-weight: var(--fw-regular); }
.emirae-consultants-dir .fcard__foot { padding: 18px 24px 22px; margin-top: 16px; display: flex; gap: 10px; align-items: center; }
.emirae-consultants-dir .fcard__foot .uaec-btn--primary { flex: 1; }
/* ============================================================
   4 · MAIN LISTING — structured 2-col cards
   ============================================================ */
.emirae-consultants-dir .listing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 1080px) {
  .emirae-consultants-dir .listing { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .emirae-consultants-dir .listing { grid-template-columns: 1fr; }
}
.emirae-consultants-dir .ccard.is-hidden { display: none; }
.emirae-consultants-dir .ccard { position: relative; overflow: hidden; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); box-shadow: var(--shadow-sm); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-consultants-dir .ccard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--accent), var(--blue-stroke)); opacity: 0; transition: opacity var(--dur) var(--ease); z-index: 2; }
.emirae-consultants-dir .ccard:hover { border-color: color-mix(in srgb, var(--accent) 42%, var(--border)); box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.emirae-consultants-dir .ccard:hover::before { opacity: 1; }
.emirae-consultants-dir .ccard__head { display: flex; align-items: flex-start; gap: 14px; padding: 22px 22px 0; }
.emirae-consultants-dir .ccard__logo { width: 52px; height: 52px; border-radius: 14px; flex: none; display: flex; align-items: center; justify-content: center; font-weight: var(--fw-bold); font-size: 19px; color: var(--accent); background: linear-gradient(155deg, #fff 0%, color-mix(in srgb, var(--accent-soft) 82%, #fff) 100%); border: 1px solid color-mix(in srgb, var(--accent) 15%, var(--border)); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.emirae-consultants-dir .ccard__idtop { flex: 1; min-width: 0; }
.emirae-consultants-dir .ccard__namerow { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; }
.emirae-consultants-dir .ccard__name { font-size: var(--fs-body); font-weight: var(--fw-bold); color: var(--text-strong); line-height: 1.25; letter-spacing: -0.01em; }
.emirae-consultants-dir .ccard__name a { transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .ccard:hover .ccard__name a { color: var(--accent); }
.emirae-consultants-dir .ccard__type { font-size: var(--fs-xs); color: var(--text-muted); margin-top: 3px; line-height: 1.3; display: inline-flex; align-items: center; gap: 7px; }
.emirae-consultants-dir .ccard__type .dot { width: 3px; height: 3px; border-radius: 50%; background: var(--border-strong); }
.emirae-consultants-dir .verify-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: var(--radius-pill); background: var(--success-50); color: var(--success-700); font-size: 11px; font-weight: var(--fw-medium); flex: none; }
.emirae-consultants-dir .verify-pill svg { width: 13px; height: 13px; }
.emirae-consultants-dir .ccard__body { padding: 15px 22px 0; flex: 1; display: flex; flex-direction: column; }
.emirae-consultants-dir .ccard__desc { font-size: var(--fs-sm); line-height: 1.58; color: var(--text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; }
.emirae-consultants-dir .ccard__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.emirae-consultants-dir .ccard__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border); }
.emirae-consultants-dir .ccard__foot { display: flex; gap: 10px; align-items: center; padding: 16px 22px 20px; }
.emirae-consultants-dir .ccard__foot .uaec-btn--primary { flex: 1; }
.emirae-consultants-dir .link-secondary { display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-secondary); white-space: nowrap; padding: 0 6px; transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .link-secondary:hover { color: var(--accent); }
.emirae-consultants-dir .link-secondary svg { width: 15px; height: 15px; stroke-width: 2; }
/* empty state */
.emirae-consultants-dir .listing-empty { display: none; text-align: center; padding: 56px 24px; }
.emirae-consultants-dir .listing-empty.is-shown { display: block; }
.emirae-consultants-dir .listing-empty__ico { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; margin: 0 auto 16px; background: var(--surface-alt); color: var(--text-muted); }
.emirae-consultants-dir .listing-empty__ico svg { width: 26px; height: 26px; stroke-width: 1.6; }
.emirae-consultants-dir .listing-empty h3 { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--text-strong); margin-bottom: 6px; }
.emirae-consultants-dir .listing-empty p { font-size: var(--fs-sm); color: var(--text-secondary); margin-bottom: 18px; }
/* ---- load more ---- */
.emirae-consultants-dir .loadmore { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 40px; }
.emirae-consultants-dir .loadmore__note { font-size: var(--fs-xs); color: var(--text-muted); }
.emirae-consultants-dir .loadmore .uaec-btn { min-width: 220px; }
/* ============================================================
   6 · VERIFICATION EXPLAINER
   ============================================================ */
.emirae-consultants-dir .verify-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: center; }
@media (max-width: 900px) {
  .emirae-consultants-dir .verify-grid { grid-template-columns: 1fr; gap: 32px; }
}
.emirae-consultants-dir .verify-intro h2 { font-size: clamp(25px, 2.6vw, 32px); line-height: 1.14; letter-spacing: -0.025em; color: var(--text-strong); margin-bottom: 14px; }
.emirae-consultants-dir .verify-intro > .eyebrow-line { margin-bottom: 14px; }
.emirae-consultants-dir .verify-intro > p { color: var(--text-secondary); line-height: 1.65; font-size: var(--fs-body); }
.emirae-consultants-dir .verify-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) {
  .emirae-consultants-dir .verify-steps { grid-template-columns: 1fr; }
}
.emirae-consultants-dir .vstep { position: relative; overflow: hidden; background: linear-gradient(168deg, var(--accent-soft) 0%, #fff 46%); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 22px; box-shadow: var(--shadow-xs); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-consultants-dir .vstep:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); box-shadow: var(--shadow-md); transform: translateY(-3px); }
.emirae-consultants-dir .vstep__ico { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(155deg, var(--accent), var(--accent-hover)); color: #fff; margin-bottom: 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px -10px color-mix(in srgb, var(--accent) 65%, transparent); }
.emirae-consultants-dir .vstep__ico svg { width: 22px; height: 22px; stroke-width: 1.8; }
.emirae-consultants-dir .vstep h4 { font-size: var(--fs-body); font-weight: var(--fw-bold); color: var(--text-strong); margin-bottom: 7px; letter-spacing: -0.01em; }
.emirae-consultants-dir .vstep p { font-size: var(--fs-sm); line-height: 1.55; color: var(--text-secondary); }
.emirae-consultants-dir .verify-note { display: flex; gap: 11px; align-items: flex-start; margin-top: 22px; padding: 15px 17px; border-radius: var(--radius-md); background: var(--warning-50); border: 1px solid color-mix(in srgb, var(--warning-700) 26%, transparent); }
.emirae-consultants-dir .verify-note svg { width: 18px; height: 18px; flex: none; color: var(--warning-700); margin-top: 1px; }
.emirae-consultants-dir .verify-note p { font-size: var(--fs-xs); line-height: 1.55; color: var(--text-secondary); }
/* ============================================================
   6 · FAQ  (homepage-matched accordion)
   ============================================================ */
.emirae-consultants-dir .faq-section { position: relative; overflow: hidden; isolation: isolate; }
.emirae-consultants-dir .faq-section::after { content: ""; position: absolute; z-index: -1; top: -120px; left: -120px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%); pointer-events: none; }
.emirae-consultants-dir .faq-layout { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: start; }
@media (min-width: 960px) {
  .emirae-consultants-dir .faq-layout { grid-template-columns: 0.82fr 1.18fr; gap: 56px; }
  .emirae-consultants-dir .faq-aside { position: sticky; top: 150px; }
}
.emirae-consultants-dir .faq-aside .eyebrow-line { margin-bottom: 14px; }
.emirae-consultants-dir .faq-aside h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.1; letter-spacing: -0.03em; color: var(--text-strong); margin: 0 0 14px; }
.emirae-consultants-dir .faq-aside p { font-size: var(--fs-body); line-height: 1.66; color: var(--text-secondary); max-width: 42ch; }
.emirae-consultants-dir .faq-help { margin-top: 28px; position: relative; overflow: hidden; isolation: isolate; border-radius: var(--radius-xl); padding: 24px; background: linear-gradient(158deg, #16243f 0%, var(--navy-800) 100%); color: #fff; box-shadow: var(--shadow-lg); }
.emirae-consultants-dir .faq-help::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(120% 100% at 90% 0%, #000, transparent 70%); mask-image: radial-gradient(120% 100% at 90% 0%, #000, transparent 70%); }
.emirae-consultants-dir .faq-help h3 { font-size: var(--fs-lg); font-weight: var(--fw-bold); margin-bottom: 6px; color: #fff; }
.emirae-consultants-dir .faq-help p { font-size: var(--fs-sm); line-height: 1.6; color: rgba(255,255,255,.72); margin-bottom: 18px; max-width: none; }
.emirae-consultants-dir .faq-help a { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--radius-md); background: #fff; color: var(--accent-hover); font-size: var(--fs-sm); font-weight: var(--fw-bold); transition: transform var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.emirae-consultants-dir .faq-help a:hover { transform: translateY(-1px); color: var(--accent); box-shadow: 0 10px 22px -8px rgba(8,18,42,.5); }
.emirae-consultants-dir .faq-list { display: flex; flex-direction: column; gap: 12px; }
.emirae-consultants-dir .faq { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease); }
.emirae-consultants-dir .faq:hover { border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); box-shadow: var(--shadow-sm); }
.emirae-consultants-dir .faq[open] { box-shadow: 0 14px 32px -16px rgba(56,132,255,.42); border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
.emirae-consultants-dir .faq > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font-size: var(--fs-body); font-weight: 600; color: var(--text-strong); cursor: pointer; }
.emirae-consultants-dir .faq > summary::-webkit-details-marker { display: none; }
.emirae-consultants-dir .faq .caret { flex: none; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); box-sizing: border-box; transition: transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); }
.emirae-consultants-dir .faq[open] > summary .caret { transform: rotate(180deg); background: var(--accent); color: #fff; }
.emirae-consultants-dir .faq__body { padding: 0 20px 20px; font-size: var(--fs-sm); line-height: 1.7; color: var(--text-secondary); }
/* ============================================================
   7 · FINAL CTA  (premium navy block + product card)
   ============================================================ */
.emirae-consultants-dir .cta { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 44px; align-items: center; padding: 52px 54px; border-radius: var(--radius-2xl); color: #fff; background: linear-gradient(152deg, #0b1120 0%, #16243f 60%, #1b2f52 100%); box-shadow: var(--shadow-xl); }
@media (max-width: 900px) {
  .emirae-consultants-dir .cta { grid-template-columns: 1fr; gap: 30px; padding: 36px 30px; }
}
.emirae-consultants-dir .cta__grid-bg { position: absolute; inset: 0; z-index: -1; opacity: .5; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(120% 90% at 15% 100%, #000, transparent 72%); mask-image: radial-gradient(120% 90% at 15% 100%, #000, transparent 72%); }
.emirae-consultants-dir .cta__glow { position: absolute; z-index: -1; top: -120px; right: -80px; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 42%, transparent), transparent 66%); }
.emirae-consultants-dir .cta__copy { position: relative; z-index: 1; }
.emirae-consultants-dir .cta__copy .eyebrow-line { margin-bottom: 14px; }
.emirae-consultants-dir .cta__copy .uaec-eyebrow { color: var(--navy-tint); }
.emirae-consultants-dir .cta__copy .eyebrow-line::before { background: var(--navy-tint); }
.emirae-consultants-dir .cta__copy h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.08; letter-spacing: -0.03em; color: #fff; margin-bottom: 14px; max-width: 16ch; }
.emirae-consultants-dir .cta__copy p { font-size: var(--fs-body); line-height: 1.62; color: rgba(255,255,255,.76); max-width: 54ch; margin-bottom: 26px; }
.emirae-consultants-dir .cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
@media (max-width: 420px) {
  .emirae-consultants-dir .cta__actions { flex-direction: column; }
  .emirae-consultants-dir .cta__actions .uaec-btn { width: 100%; }
}
.emirae-consultants-dir .btn-on-blue { background: #fff; color: var(--accent-hover); border: 1px solid #fff; }
.emirae-consultants-dir .btn-on-blue:hover { background: #fff; color: var(--accent); transform: translateY(-1px); box-shadow: 0 12px 26px -10px rgba(0,0,0,.5); }
.emirae-consultants-dir .btn-ghost-blue { background: rgba(255,255,255,.06); color: #fff; border: 1px solid rgba(255,255,255,.24); }
.emirae-consultants-dir .btn-ghost-blue:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.44); color: #fff; transform: translateY(-1px); }
.emirae-consultants-dir .cta__badges { list-style: none; margin: 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.1); display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; }
@media (max-width: 480px) {
  .emirae-consultants-dir .cta__badges { grid-template-columns: 1fr; }
}
.emirae-consultants-dir .cta__badges li { display: flex; align-items: center; gap: 9px; font-size: var(--fs-sm); color: rgba(255,255,255,.86); }
.emirae-consultants-dir .cta__badges svg { width: 18px; height: 18px; flex: none; padding: 3px; border-radius: 6px; background: color-mix(in srgb, #76ca66 22%, transparent); color: #a6ecb4; box-sizing: border-box; }
/* product-like match card */
.emirae-consultants-dir .cta__visual { position: relative; z-index: 1; }
.emirae-consultants-dir .match-card { position: relative; overflow: hidden; border-radius: var(--radius-xl); background: linear-gradient(165deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 30px 70px -30px rgba(0,0,0,.7); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .match-card { animation: cardFloat 6.5s ease-in-out infinite; }
}
.emirae-consultants-dir .match-card__banner { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 30%, transparent), transparent); border-bottom: 1px solid rgba(255,255,255,.1); }
.emirae-consultants-dir .match-card__banner-ic { width: 34px; height: 34px; border-radius: 10px; flex: none; display: grid; place-items: center; background: linear-gradient(155deg, var(--accent), var(--accent-hover)); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
.emirae-consultants-dir .match-card__banner-ic svg { width: 18px; height: 18px; }
.emirae-consultants-dir .match-card__banner-tx { display: flex; flex-direction: column; line-height: 1.25; }
.emirae-consultants-dir .match-card__banner-tx b { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: #fff; }
.emirae-consultants-dir .match-card__banner-tx span { font-size: var(--fs-xs); color: rgba(255,255,255,.66); }
.emirae-consultants-dir .match-card__live { width: 8px; height: 8px; border-radius: 50%; background: #76ca66; margin-left: auto; flex: none; }
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .match-card__live { animation: pulse 2s infinite; }
}
.emirae-consultants-dir .match-card__rows { padding: 14px 18px; display: flex; flex-direction: column; gap: 10px; }
.emirae-consultants-dir .match-row { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: var(--radius-md); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); }
.emirae-consultants-dir .match-row__ic { width: 30px; height: 30px; border-radius: 8px; flex: none; display: grid; place-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: var(--navy-tint); }
.emirae-consultants-dir .match-row__ic svg { width: 16px; height: 16px; }
.emirae-consultants-dir .match-row__tx { flex: 1; font-size: var(--fs-sm); color: rgba(255,255,255,.9); }
.emirae-consultants-dir .match-row__badge { font-size: 10.5px; font-weight: var(--fw-bold); letter-spacing: .04em; text-transform: uppercase; padding: 4px 9px; border-radius: var(--radius-pill); background: color-mix(in srgb, #76ca66 22%, transparent); color: #a6ecb4; border: 1px solid color-mix(in srgb, #76ca66 34%, transparent); flex: none; }
.emirae-consultants-dir .match-row__badge--lock { background: rgba(255,255,255,.08); color: var(--navy-tint); border-color: rgba(255,255,255,.16); }
.emirae-consultants-dir .match-card__foot { display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-top: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); }
.emirae-consultants-dir .match-card__avatars { display: flex; }
.emirae-consultants-dir .match-card__avatars span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: var(--fw-bold); color: #fff; background: linear-gradient(155deg, var(--accent), var(--accent-hover)); border: 2px solid #16243f; margin-left: -9px; }
.emirae-consultants-dir .match-card__avatars span:first-child { margin-left: 0; }
.emirae-consultants-dir .match-card__avatars span:nth-child(2) { background: linear-gradient(155deg, #1f8a7a, #0f5148); }
.emirae-consultants-dir .match-card__avatars span:nth-child(3) { background: linear-gradient(155deg, #2a3a58, #141c2c); }
.emirae-consultants-dir .match-card__foot-tx { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: #fff; }
.emirae-consultants-dir .match-card__arrow { width: 18px; height: 18px; margin-left: auto; color: var(--navy-tint); flex: none; }
/* ============================================================
   MOBILE FILTER DRAWER
   ============================================================ */
.emirae-consultants-dir .drawer-overlay { position: fixed; inset: 0; z-index: 95; background: rgba(12,18,34,.5); opacity: 0; visibility: hidden; transition: opacity var(--dur) var(--ease), visibility var(--dur); }
.emirae-consultants-dir .drawer-overlay.is-open { opacity: 1; visibility: visible; }
.emirae-consultants-dir .drawer { position: fixed; z-index: 96; left: 0; right: 0; bottom: 0; max-height: 88vh; background: var(--surface); border-radius: 22px 22px 0 0; transform: translateY(100%); transition: transform var(--dur-slow) var(--ease-out); display: flex; flex-direction: column; box-shadow: 0 -20px 60px rgba(12,18,34,.28); }
.emirae-consultants-dir .drawer.is-open { transform: translateY(0); }
.emirae-consultants-dir .drawer__grip { width: 40px; height: 4px; border-radius: 999px; background: var(--border-strong); margin: 10px auto 0; flex: none; }
.emirae-consultants-dir .drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid var(--border); flex: none; }
.emirae-consultants-dir .drawer__head h3 { font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--text-strong); }
.emirae-consultants-dir .drawer__head-actions { display: flex; align-items: center; gap: 12px; }
.emirae-consultants-dir .drawer__reset { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--accent); background: none; border: none; padding: 4px 2px; cursor: pointer; transition: color var(--dur) var(--ease); }
.emirae-consultants-dir .drawer__reset[hidden] { display: none; }
.emirae-consultants-dir .drawer__reset:hover { color: var(--accent-hover); }
.emirae-consultants-dir .drawer__close { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--surface-alt); border: 1px solid var(--border); color: var(--text-secondary); cursor: pointer; transition: all var(--dur) var(--ease); }
.emirae-consultants-dir .drawer__close:hover { background: #fff; border-color: var(--border-strong); color: var(--text-strong); }
.emirae-consultants-dir .drawer__close svg { width: 18px; height: 18px; stroke-width: 2; }
.emirae-consultants-dir .drawer__body { flex: 1; overflow-y: auto; padding: 18px 20px; display: flex; flex-direction: column; gap: 18px; }
.emirae-consultants-dir .drawer .field__label { font-size: var(--fs-xs); }
.emirae-consultants-dir .drawer .control select, .emirae-consultants-dir .drawer .control input { height: 48px; }
.emirae-consultants-dir .drawer__foot { flex: none; display: flex; gap: 12px; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--border); background: var(--surface); }
.emirae-consultants-dir .drawer__foot .uaec-btn { flex: 1; height: 50px; }
/* ============================================================
   FOOTER
   ============================================================ */
/* ============================================================
   Entrance
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .emirae-consultants-dir .reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s var(--ease-out), transform .6s var(--ease-out); }
  .emirae-consultants-dir .reveal.is-in { opacity: 1; transform: none; }
}
/* ============================================================
   4b · PRICING SNAPSHOT  (tabbed indicative ranges)
   ============================================================ */
.emirae-consultants-dir .psnap-head { max-width: 660px; }
.emirae-consultants-dir .psnap-head .eyebrow-line { margin-bottom: 14px; }
.emirae-consultants-dir .psnap-head h2 { font-size: clamp(25px, 2.7vw, 33px); line-height: 1.12; letter-spacing: -0.025em; color: var(--text-strong); margin-bottom: 12px; }
.emirae-consultants-dir .psnap-head p { color: var(--text-secondary); line-height: 1.6; font-size: var(--fs-body); }
.emirae-consultants-dir .psnap-badge { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; padding: 6px 13px; border-radius: var(--radius-pill); background: var(--surface-alt); border: 1px solid var(--border); font-size: var(--fs-xs); font-weight: var(--fw-medium); color: var(--text-secondary); }
.emirae-consultants-dir .psnap-badge svg { width: 15px; height: 15px; color: var(--accent); flex: none; }
.emirae-consultants-dir .psnap-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 20px; }
.emirae-consultants-dir .psnap-tab { display: inline-flex; align-items: center; padding: 9px 16px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--surface); font-size: var(--fs-sm); font-weight: 600; color: var(--text-secondary); cursor: pointer; white-space: nowrap; transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.emirae-consultants-dir .psnap-tab:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); color: var(--text-strong); }
.emirae-consultants-dir .psnap-tab.is-active { background: var(--navy-800); border-color: var(--navy-800); color: #fff; box-shadow: 0 8px 20px -8px rgba(8,18,42,.4); }
@media (max-width: 720px) {
  .emirae-consultants-dir .psnap-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--container-pad)); padding-inline: var(--container-pad); }
  .emirae-consultants-dir .psnap-tabs::-webkit-scrollbar { display: none; }
  .emirae-consultants-dir .psnap-tab { flex: none; }
}
.emirae-consultants-dir .psnap-panel { display: none; }
.emirae-consultants-dir .psnap-panel.is-active { display: block; animation: psnap-fade .35s var(--ease); }
@keyframes psnap-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.emirae-consultants-dir .psnap-table { border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--surface); overflow: hidden; box-shadow: 0 20px 48px -30px rgba(8,18,42,.22); }
.emirae-consultants-dir .psnap-row { display: grid; grid-template-columns: 1.7fr 1.7fr 1.5fr 0.9fr 1.1fr 1.2fr; align-items: center; gap: 18px; padding: 16px 22px; }
.emirae-consultants-dir .psnap-row + .psnap-row { border-top: 1px solid var(--border); }
.emirae-consultants-dir .psnap-row--head { background: var(--surface-alt); padding-block: 13px; }
.emirae-consultants-dir .psnap-row--head span { font-size: var(--fs-2xs); font-weight: var(--fw-bold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); }
.emirae-consultants-dir .psnap-row--head .psnap-amount-h { text-align: right; }
.emirae-consultants-dir .psnap-row--data { transition: background var(--dur) var(--ease); }
.emirae-consultants-dir .psnap-row--data:hover { background: var(--accent-soft); }
.emirae-consultants-dir .psnap-prov { display: flex; align-items: center; gap: 11px; min-width: 0; }
.emirae-consultants-dir .psnap-prov__av { width: 38px; height: 38px; border-radius: 11px; flex: none; display: grid; place-items: center; color: var(--accent); background: linear-gradient(155deg, #fff, color-mix(in srgb, var(--accent-soft) 82%, #fff)); border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--border)); }
.emirae-consultants-dir .psnap-prov__av svg { width: 19px; height: 19px; }
.emirae-consultants-dir .psnap-prov__t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.emirae-consultants-dir .psnap-prov__name { font-size: var(--fs-sm); font-weight: 600; color: var(--text-strong); line-height: 1.2; filter: blur(3.5px); user-select: none; white-space: nowrap; letter-spacing: .3px; overflow: hidden; }
.emirae-consultants-dir .psnap-prov__sub { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--text-muted); }
.emirae-consultants-dir .psnap-prov__sub svg { width: 12px; height: 12px; flex: none; }
.emirae-consultants-dir .psnap-svc { font-size: var(--fs-sm); font-weight: 600; color: var(--text-strong); line-height: 1.3; min-width: 0; }
.emirae-consultants-dir .psnap-svc small { display: block; font-weight: var(--fw-regular); color: var(--text-muted); font-size: 11px; margin-top: 3px; }
.emirae-consultants-dir .psnap-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.emirae-consultants-dir .psnap-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: var(--fw-medium); padding: 3px 9px; border-radius: var(--radius-pill); background: var(--surface-alt); color: var(--text-secondary); border: 1px solid var(--border); white-space: nowrap; }
.emirae-consultants-dir .psnap-chip--verify { background: var(--success-50); color: var(--success-700); border-color: color-mix(in srgb, var(--success-700) 22%, transparent); }
.emirae-consultants-dir .psnap-chip--verify svg { width: 10px; height: 10px; }
.emirae-consultants-dir .psnap-chip--hot { background: color-mix(in srgb, var(--warning-500) 16%, #fff); color: #9a6b00; border-color: color-mix(in srgb, var(--warning-500) 34%, transparent); }
.emirae-consultants-dir .psnap-meta { font-size: var(--fs-sm); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.emirae-consultants-dir .psnap-amount { text-align: right; }
.emirae-consultants-dir .psnap-amount b { font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--text-strong); letter-spacing: -0.01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.emirae-consultants-dir .psnap-amount small { display: block; font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.emirae-consultants-dir .psnap-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 18px; font-size: var(--fs-xs); line-height: 1.6; color: var(--text-muted); max-width: 780px; }
.emirae-consultants-dir .psnap-note svg { width: 15px; height: 15px; color: var(--accent); flex: none; margin-top: 1px; }
/* mobile: each offer row becomes a compact card */
@media (max-width: 860px) {
  .emirae-consultants-dir .psnap-table { border: none; background: transparent; box-shadow: none; border-radius: 0; display: flex; flex-direction: column; gap: 14px; overflow: visible; }
  .emirae-consultants-dir .psnap-row--head { display: none; }
  .emirae-consultants-dir .psnap-row--data { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-sm); padding: 16px 18px; }
  .emirae-consultants-dir .psnap-row + .psnap-row { border-top: 1px solid var(--border); }
  .emirae-consultants-dir .psnap-row--data:hover { background: var(--surface); }
  .emirae-consultants-dir .psnap-prov { padding-bottom: 12px; border-bottom: 1px solid var(--border); }
  .emirae-consultants-dir .psnap-svc { font-size: var(--fs-body); }
  .emirae-consultants-dir .psnap-meta[data-label], .emirae-consultants-dir .psnap-amount[data-label] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; text-align: left; }
  .emirae-consultants-dir .psnap-meta[data-label]::before, .emirae-consultants-dir .psnap-amount[data-label]::before { content: attr(data-label); font-size: var(--fs-2xs); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); flex: none; }
  .emirae-consultants-dir .psnap-meta:first-of-type { border-top: 1px solid var(--border); padding-top: 12px; }
  .emirae-consultants-dir .psnap-amount b { font-size: var(--fs-body); }
}

/* ============================================================
   TAIL LAYER - hardening. Must stay last: these rules exist to
   beat the kit's own specificity, not to be beaten by it.
   ============================================================ */

/* Global guard: .uaec-btn svg with no intrinsic size balloons to the
   container width. The theme has been bitten by this site-wide before,
   so every inline icon inside this page gets an explicit box. */
.emirae-consultants-dir .uaec-btn svg,
.emirae-consultants-dir .link-more svg,
.emirae-consultants-dir .link-secondary svg { width: 16px; height: 16px; flex: 0 0 auto; }
.emirae-consultants-dir .metaitem > svg { width: 15px; height: 15px; flex: 0 0 auto; }
.emirae-consultants-dir .verify svg,
.emirae-consultants-dir .verify-pill svg { width: 14px; height: 14px; flex: 0 0 auto; }
.emirae-consultants-dir .psnap-chip svg { width: 12px; height: 12px; flex: 0 0 auto; }
.emirae-consultants-dir .field .control > svg { width: 17px; height: 17px; flex: 0 0 auto; }

/* No horizontal overflow on any breakpoint. */
.emirae-consultants-dir .psnap-table { overflow-x: auto; }
.emirae-consultants-dir .ccard__name,
.emirae-consultants-dir .fcard__name { overflow-wrap: anywhere; }

/* ---- Layout corrections for the shipped control set ----
   The kit's filter row is sized "1.5fr repeat(3, 1fr) auto" for a wide keyword
   input plus three selects. This page ships four equal selects and no keyword
   field (keyword, firm size, experience, verified-only and sort were all
   dropped - see the template header), so the first column must not stay 1.5x
   wider than its neighbours. */
.emirae-consultants-dir .filterbar__row { grid-template-columns: repeat(4, 1fr) auto; }
@media (max-width: 1099px) {
  .emirae-consultants-dir .filterbar__row { grid-template-columns: repeat(2, 1fr); }
  .emirae-consultants-dir .filterbar__actions { grid-column: 1 / -1; }
  .emirae-consultants-dir .filterbar__actions .uaec-btn { width: 100%; }
}

/* The mobile bar is now a single trigger (+ Reset when filters are active),
   not the kit's [service select][Filters] pair. */
.emirae-consultants-dir .mfilter { grid-template-columns: 1fr auto; align-items: center; }
.emirae-consultants-dir .mfilter .filterbar__reset-link { justify-self: end; }

/* The kit's final-CTA illustration IS ported (.cta__visual / .match-card above),
   with every label that reads as a fact resolved against the live tables and the
   invented avatars and "live" dot dropped. The card is omitted only when there
   is no public request to describe at all; .cta--solo then collapses the grid so
   the two-column layout can never leave an empty half. */
.emirae-consultants-dir .cta--solo { grid-template-columns: 1fr; }
.emirae-consultants-dir .cta--solo .cta__copy { max-width: 60ch; margin-inline: auto; text-align: center; }
.emirae-consultants-dir .cta--solo .cta__copy h2,
.emirae-consultants-dir .cta--solo .cta__copy p { max-width: none; }
.emirae-consultants-dir .cta--solo .cta__copy .eyebrow-line { justify-content: center; }
.emirae-consultants-dir .cta--solo .cta__actions { justify-content: center; }
.emirae-consultants-dir .cta--solo .cta__badges { justify-content: center; }
.emirae-consultants-dir .cta--solo .cta__badges li { justify-content: center; }

/* Empty state gets two actions (reset + submit); the kit had one. */
.emirae-consultants-dir .listing-empty__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

/* The kit hides only the mobile trigger (.mfilter) above 900px and leaves the
   drawer itself in the document, parked off-screen by transform alone. A
   transform does not remove anything from the tab order, so its four selects
   and two buttons stayed keyboard-reachable - on desktop, where the drawer can
   never be opened, and on mobile while it is closed. Both cases also put
   focusable controls inside aria-hidden="true", which is invalid ARIA.
   visibility takes them out of the tab order while still allowing the slide-up
   transition, and display:none removes the drawer entirely on desktop. */
.emirae-consultants-dir .drawer { visibility: hidden; }
.emirae-consultants-dir .drawer.is-open { visibility: visible; }
@media (min-width: 900px) {
  .emirae-consultants-dir .drawer,
  .emirae-consultants-dir .drawer-overlay { display: none; }
}

/* ---- Final-CTA illustration: hardening for live data (tail layer) ----
   The kit only ever rendered short static strings ("Corporate Tax · Dubai",
   "3 verified consultants available"). Real values are longer - "Bank Account
   Assistance · Dubai" is the longest live pair today, and the counter can reach
   three digits - while .match-row__badge next to them is flex:none. A flex item
   defaults to min-width:auto, so the text refuses to shrink below its content
   and pushes the card past the viewport at 375. */
.emirae-consultants-dir .match-card__banner-tx,
.emirae-consultants-dir .match-row__tx { min-width: 0; overflow-wrap: anywhere; }
.emirae-consultants-dir .match-card__banner-tx b,
.emirae-consultants-dir .match-card__banner-tx span { overflow-wrap: anywhere; }