/* 99exch — shared additions (10 Sep 2026)
   Page-specific design stays inline in each page; only the rules that must be
   identical everywhere live here: overflow guard, skip link, breadcrumb, card
   titles, keyword box, chips, Trustpilot badge, CTA colour, nav breakpoint. */

/* ---- horizontal overflow guard (clip, never hidden — sticky header must survive) ---- */
html{overflow-x:clip}
body{overflow-x:clip;max-width:100%}
header.site{width:100%;max-width:100vw}
main{max-width:100%;overflow-x:clip}

/* ---- skip link ---- */
.skip-link{position:absolute;left:-9999px;top:10px;z-index:200;background:#fff;color:#1a2350;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:700;font-size:.9rem;
  padding:12px 16px;border-radius:10px;box-shadow:0 6px 18px rgba(20,30,80,.28)}
.skip-link:focus{left:12px}

/* ---- header nav: dropdown earlier, the labels carry the brand now ---- */
@media(max-width:1080px){
  .nav-links{position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:flex-start;
    gap:0;background:#fff;padding:6px 20px 14px;display:none;border-bottom:1px solid #e7eaf4}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 0;width:100%;border-bottom:1px solid #e7eaf4}
  .menu-btn{display:block}
}

/* ---- breadcrumb (inside the hero band) ---- */
.crumb{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 auto 12px;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:600;font-size:.8rem;
  line-height:1.4;color:rgba(255,255,255,.82)}
.crumb a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.crumb [aria-current]{color:#f5b321}
.reg-copy .crumb{justify-content:flex-start}
@media(max-width:880px){.reg-copy .crumb{justify-content:center}}

/* ---- login / signup card titles are UI labels, not page headings ---- */
.login .lttl{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:800;
  text-align:center;color:#1a2350;font-size:1.55rem;letter-spacing:.4px;display:flex;
  align-items:center;justify-content:center;gap:9px;margin-bottom:20px}
.login .lttl svg{width:24px;height:24px;color:#f5b321}
.regform .rhead .rttl{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:800;
  font-size:1.22rem;line-height:1.1;color:#fff}

/* ---- CTA colour rule: secondary CTA is WhatsApp green on dark ink ---- */
.btn-ghost-w{background:#25d366!important;color:#04250f!important;border-color:#25d366!important}
.btn-ghost-w:hover{background:#1fbb59!important;color:#04250f!important;border-color:#1fbb59!important}

/* ---- SEO keyword box ---- */
.seo-box{max-height:430px;overflow-y:auto}
.seo-box h2{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:800;color:#1a2350;
  font-size:clamp(1.28rem,3.4vw,1.75rem);line-height:1.18;margin-bottom:14px}
.seo-box h3{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:700;color:#1a2350;
  font-size:1.06rem;margin:18px 0 8px}
.seo-box p{color:#4a5485;font-size:.97rem;margin-bottom:12px}
.seo-box ul,.seo-box ol{margin:4px 0 14px 22px;color:#4a5485;font-size:.96rem;display:grid;gap:7px}
.seo-box table{width:100%;border-collapse:collapse;font-size:.93rem;margin:6px 0 14px}
.seo-box th,.seo-box td{border-bottom:1px solid #e7eaf4;padding:9px 12px;text-align:left;
  vertical-align:top;color:#4a5485}
.seo-box th{color:#1a2350;font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:700;
  background:#eef2fb}
.seo-box dl{display:grid;gap:11px;margin:6px 0 14px}
.seo-box dt{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:700;color:#1a2350}
.seo-box dd{margin:3px 0 0;color:#4a5485;font-size:.95rem}
.seo-box .kwq{color:#1a2350;font-weight:700}

/* ---- chips heading + touch targets ---- */
.ash{font-family:'Poppins',system-ui,-apple-system,sans-serif;font-weight:700;font-size:.95rem;
  color:#fff;margin:30px 0 0;letter-spacing:.2px}
.ash+.also-search{margin-top:12px}
.also-search a{min-height:44px;display:inline-flex;align-items:center}
.fcol a{padding:9px 0;margin-bottom:0}

/* ---- Trustpilot badge (branded lockup — text allowed here) ---- */
.fcol a.tp-badge{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;
  border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;font-size:.86rem;
  line-height:1.2;margin-top:2px}
.fcol a.tp-badge svg{width:22px;height:22px;flex:none}
.fcol a.tp-badge b{font-family:'Poppins',system-ui,-apple-system,sans-serif}
.fcol a.tp-badge:hover{border-color:#00b67a;color:#fff}

/* ---- money-page banner figure ---- */
.shot{margin:26px auto;max-width:820px;width:100%}
.shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #e7eaf4}
.shot figcaption{margin-top:9px;font-size:.85rem;color:#737cab;text-align:center}