.ua-legal-page,
.ua-help-page { background: var(--ua-paper); }

.ua-reading-progress { position: fixed; z-index: 120; top: var(--ua-header-height); right: 0; left: 0; height: 3px; background: rgb(255 255 255 / 8%); }
.ua-reading-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--ua-blue-600), var(--ua-gold-400)); transition: width 80ms linear; }

.ua-legal-hero,
.ua-help-hero,
.ua-not-found { position: relative; overflow: hidden; background: radial-gradient(circle at 18% 18%, rgb(53 86 216 / 24%), transparent 31rem), radial-gradient(circle at 82% 74%, rgb(190 141 62 / 17%), transparent 28rem), #050c18; color: #fff; }
.ua-legal-hero::before,
.ua-not-found::before { position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 4rem 4rem; content: ""; mask-image: linear-gradient(#000, transparent); }
.ua-legal-hero__grid { position: relative; display: grid; min-height: 34rem; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); padding-block: 4.5rem 5.5rem; }
.ua-legal-hero h1,
.ua-help-hero h1,
.ua-not-found h1 { margin: .8rem 0 1rem; color: #fff; font-size: var(--ua-text-display); line-height: 1.2; }
.ua-legal-hero h1 span,
.ua-help-hero h1 span,
.ua-not-found h1 span { color: var(--ua-gold-400); }
.ua-legal-hero__grid > div > p { max-width: 42rem; color: #bdc8d8; line-height: 2; }
.ua-legal-meta { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.5rem; }
.ua-legal-meta span { padding: .45rem .7rem; border: 1px solid rgb(255 255 255 / 13%); border-radius: 99px; background: rgb(255 255 255 / 5%); color: #c8d2df; font-size: .68rem; font-weight: 800; }

/* Legal hero with art (see .ua-hero-art in components.css), on the privacy and terms pages: the art fills the left, the text
   sits on its dark right, and a bar sits at its foot (the privacy summary, or the key terms). The right of each image is
   cleared behind the text (--ua-art-clear-right). The privacy shield sits in the middle of its image, so, as on the register
   page, that art box is 4:3 (capped at the hero's height) and the image covers it from the right edge of its subject
   (--ua-art-subject), which keeps that edge clear of the text and trims at most a fifth of the image on the left. */
.ua-legal-hero.ua-has-art { --ua-art-text: 32rem; --ua-art-top: auto; --ua-art-bottom: 0; --ua-art-fade-top: 12%; }
.ua-legal-hero.ua-has-art::before { display: none; }
.ua-legal-hero.ua-has-art .ua-legal-hero__grid { min-height: clamp(25rem, 34vw, 36rem); grid-template-columns: minmax(0, var(--ua-art-text)); align-content: center; gap: 0; padding-block: clamp(3rem, 5vw, 5rem) clamp(2.5rem, 4.5vw, 4rem); }
.ua-legal-hero.ua-has-art h1 { font-size: clamp(2.8rem, 5vw, 5rem); line-height: 1.05; letter-spacing: -.05em; }
.ua-legal-hero.ua-has-art h1 span { color: var(--ua-gold-300); }
.ua-legal-hero--privacy { --ua-art-subject: .76; --ua-art-ratio: 4 / 3; --ua-art-position: 76% 50%; --ua-art-clear-right: 16%; --ua-art-fade-right: 30%; }
.ua-legal-hero--terms { --ua-art-subject: .63; --ua-art-clear-right: 22%; --ua-art-fade-right: 36%; }
.ua-legal-strip { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgb(255 255 255 / 9%); }
.ua-legal-strip span { padding: 1.35rem 1rem; border-inline-start: 1px solid rgb(255 255 255 / 8%); color: #9ca7b8; font-size: .8rem; text-align: center; }
.ua-legal-strip span:first-child { border-inline-start: 0; }
.ua-legal-strip b { margin-left: .3rem; color: var(--ua-gold-300); }

.ua-legal-layout { padding: 4.5rem 0 6rem; }
.ua-legal-layout__grid { display: grid; grid-template-columns: 18rem minmax(0, 1fr); align-items: start; gap: 1.25rem; }
.ua-legal-toc { position: sticky; top: calc(var(--ua-header-height) + 1.5rem); overflow: hidden; border: 1px solid var(--ua-line); border-radius: 1.2rem; background: #fff; box-shadow: var(--ua-shadow-sm); }
.ua-legal-toc > div { display: grid; gap: .2rem; padding: 1.1rem; border-bottom: 1px solid var(--ua-line); }
.ua-legal-toc small { color: var(--ua-gold-700); font-size: .65rem; font-weight: 900; }
.ua-legal-toc strong { color: var(--ua-ink); font-size: .88rem; }
.ua-legal-toc nav { display: grid; max-height: 29rem; overflow: auto; padding: .45rem; }
.ua-legal-toc nav a { display: grid; grid-template-columns: 1.8rem 1fr; align-items: center; gap: .5rem; padding: .55rem .6rem; border-radius: .6rem; color: var(--ua-muted); font-size: .69rem; font-weight: 700; }
.ua-legal-toc nav a:hover,
.ua-legal-toc nav a.is-active { background: var(--ua-blue-100); color: var(--ua-blue-600); }
.ua-legal-toc nav b { font: 900 .6rem var(--ua-font-latin); }
.ua-legal-toc > button { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: center; gap: .45rem; border: 0; border-top: 1px solid var(--ua-line); background: var(--ua-navy-900); color: #fff; cursor: pointer; font: 800 .72rem var(--ua-font-body); }
.ua-legal-toc > button .ua-icon { width: 1rem; height: 1rem; color: var(--ua-gold-300); }
.ua-legal-document { padding: clamp(1.4rem, 4vw, 3.5rem); border: 1px solid var(--ua-line); border-radius: 1.4rem; background: #fff; box-shadow: var(--ua-shadow-md); }
.ua-legal-document > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 2rem; border-bottom: 1px solid var(--ua-line); }
.ua-legal-document > header > div { display: grid; gap: .6rem; }
.ua-legal-document > header p { margin: 0; color: var(--ua-muted); font-size: .72rem; }
.ua-legal-document > header > b { color: var(--ua-gold-700); font: 900 .7rem var(--ua-font-latin); }
.ua-legal-seal { display: inline-flex; width: max-content; align-items: center; gap: .5rem; color: var(--ua-ink); font: 900 .75rem var(--ua-font-latin); letter-spacing: .06em; }
.ua-legal-seal .ua-icon { width: 1.2rem; height: 1.2rem; color: var(--ua-gold-600); }
.ua-legal-alert,
.ua-privacy-promise { display: flex; gap: 1rem; margin: 2rem 0; padding: 1.2rem; border: 1px solid #ead49f; border-radius: .9rem; background: #fff8e8; }
.ua-legal-alert strong { flex: 0 0 auto; color: #75551b; font-size: .75rem; }
.ua-legal-alert p,
.ua-privacy-promise p { margin: 0; color: #6e5b34; font-size: .75rem; line-height: 1.8; }
.ua-legal-clause { scroll-margin-top: calc(var(--ua-header-height) + 1.5rem); padding: 2rem 0; border-bottom: 1px solid var(--ua-line); }
.ua-legal-clause > span { color: var(--ua-gold-700); font: 900 .65rem var(--ua-font-latin); }
.ua-legal-clause h2 { margin: .55rem 0 1rem; color: var(--ua-ink); font-size: 1.25rem; }
.ua-legal-clause p,
.ua-legal-clause li { color: var(--ua-text); font-size: .85rem; line-height: 2.05; }
.ua-legal-clause p { margin: .55rem 0; }
.ua-legal-clause ul { display: grid; gap: .35rem; padding-right: 1.25rem; }
.ua-legal-appendices > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: 1.5rem; }
.ua-legal-appendices article { padding: 1.1rem; border: 1px solid var(--ua-line); border-radius: .85rem; background: var(--ua-paper); }
.ua-legal-appendices article > b { color: var(--ua-gold-700); font: 900 .7rem var(--ua-font-latin); }
.ua-legal-appendices h3 { margin: .75rem 0 .5rem; color: var(--ua-ink); font-size: .82rem; }
.ua-legal-appendices article p { margin: 0; font-size: .7rem; line-height: 1.85; }
.ua-legal-document > footer { margin-top: 2rem; padding: 1.5rem; border-radius: 1rem; background: var(--ua-navy-900); color: #fff; }
.ua-legal-document > footer > strong { color: var(--ua-gold-300); }
.ua-legal-document > footer > p { margin: .5rem 0 1.2rem; color: #a8b4c5; font-size: .75rem; line-height: 1.8; }
.ua-legal-document > footer > div { display: flex; flex-wrap: wrap; gap: .6rem; }

.ua-privacy-summary { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(255 255 255 / 9%); }
.ua-privacy-summary article { padding: 1.15rem 1.25rem; border-inline-start: 1px solid rgb(255 255 255 / 8%); text-align: center; }
.ua-privacy-summary article:first-child { border-inline-start: 0; }
.ua-privacy-summary b { color: var(--ua-gold-300); font: 900 .78rem var(--ua-font-latin); }
.ua-privacy-summary strong { margin-right: .45rem; color: #fff; font-size: .86rem; }
.ua-privacy-summary p { margin: .3rem 0 0; color: #9ca7b8; font-size: .74rem; line-height: 1.7; }
.ua-privacy-promise { align-items: flex-start; border-color: #bdd4ff; background: #edf4ff; }
.ua-privacy-promise .ua-icon { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; color: var(--ua-blue-600); }
.ua-privacy-promise strong { display: block; margin-bottom: .3rem; color: var(--ua-blue-600); font-size: .8rem; }
.ua-privacy-promise p { color: #506683; }
.ua-privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.ua-privacy-grid section { scroll-margin-top: calc(var(--ua-header-height) + 1.5rem); min-height: 14rem; padding: 1.3rem; border: 1px solid var(--ua-line); border-radius: 1rem; background: var(--ua-paper); }
.ua-privacy-grid b { color: var(--ua-gold-700); font: 900 .65rem var(--ua-font-latin); }
.ua-privacy-grid h2 { margin: 2.4rem 0 .7rem; color: var(--ua-ink); font-size: 1rem; }
.ua-privacy-grid p { margin: 0; color: var(--ua-muted); font-size: .76rem; line-height: 1.9; }

/* Help center. The hero art (see .ua-hero-art in components.css) fills the left: the robot, the question mark and its
   icons take the left --ua-art-subject share of the image, and the globe behind the text column is cleared
   (--ua-art-clear-right). The topic filters sit at the foot of the hero, on the art, like the other pages' bars. */
.ua-help-hero { --ua-art-text: 32rem; --ua-art-subject: .56; --ua-art-clear-right: 38%; --ua-art-fade-right: 48%; --ua-art-position: 0% 10%; }
.ua-help-hero__grid { position: relative; display: grid; min-height: clamp(25rem, 34vw, 36rem); grid-template-columns: minmax(0, var(--ua-art-text)); align-content: center; padding-block: clamp(3rem, 5vw, 5rem) clamp(2.5rem, 4.5vw, 4rem); }
.ua-help-hero h1 { font-size: clamp(2.8rem, 5vw, 5rem); line-height: 1.05; letter-spacing: -.05em; }
.ua-help-hero h1 span { color: var(--ua-gold-300); }
.ua-help-hero__grid p { margin: 0; color: #b9c5d6; line-height: 2; }
.ua-help-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; margin-top: 1.6rem; padding: .45rem .6rem .45rem 1rem; border: 1px solid rgb(255 255 255 / 15%); border-radius: 1rem; background: rgb(255 255 255 / 9%); box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 28%); backdrop-filter: blur(1rem); }
.ua-help-search:focus-within { border-color: var(--ua-gold-400); box-shadow: 0 0 0 4px rgb(240 210 143 / 15%); }
.ua-help-search .ua-icon { width: 1.2rem; height: 1.2rem; color: var(--ua-gold-300); }
.ua-help-search input { min-height: 3rem; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; }
.ua-help-search input::placeholder { color: #8e9caf; }
.ua-help-search kbd { padding: .4rem .55rem; border: 1px solid rgb(255 255 255 / 12%); border-radius: .5rem; background: rgb(0 0 0 / 20%); color: #9eabbc; font: 700 .6rem var(--ua-font-body); }
.ua-help-quick { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.1rem; }
.ua-help-quick a { color: #c6d0dd; font-size: .74rem; font-weight: 800; text-decoration: underline; text-underline-offset: .25rem; }
.ua-help-categories { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid rgb(255 255 255 / 9%); }
.ua-help-categories button { display: grid; gap: .3rem; min-height: 4.75rem; place-content: center; padding: .8rem .5rem; border: 0; border-inline-start: 1px solid rgb(255 255 255 / 8%); background: transparent; color: #a3aebe; cursor: pointer; font: inherit; text-align: center; transition: background var(--ua-fast), color var(--ua-fast); }
.ua-help-categories button:first-child { border-inline-start: 0; }
.ua-help-categories button:hover { background: rgb(255 255 255 / 4%); color: #fff; }
.ua-help-categories button[aria-pressed="true"] { background: rgb(222 184 111 / 10%); box-shadow: inset 0 2px 0 var(--ua-gold-400); color: #fff; }
.ua-help-categories b { color: var(--ua-gold-300); font: 900 .78rem var(--ua-font-latin); }
.ua-help-categories span { font-size: .78rem; font-weight: 800; }
.ua-faq-center { padding-top: 4.5rem; }
.ua-faq-center__grid { display: grid; grid-template-columns: 20rem minmax(0, 1fr); align-items: start; gap: 2rem; }
.ua-faq-center__intro { position: sticky; top: calc(var(--ua-header-height) + 2rem); }
.ua-faq-center__intro h2 { margin: .7rem 0; color: var(--ua-ink); font-size: clamp(1.7rem, 3vw, 2.8rem); line-height: 1.2; }
.ua-faq-center__intro > p { color: var(--ua-gold-700); font-size: .7rem; font-weight: 900; }
.ua-faq-center__intro > div { margin-top: 2rem; padding: 1.3rem; border-radius: 1rem; background: var(--ua-navy-900); color: #fff; }
.ua-faq-center__intro > div p { color: #9daabc; font-size: .72rem; line-height: 1.8; }
.ua-faq-list { display: grid; gap: .65rem; }
.ua-faq-list article { overflow: hidden; border: 1px solid var(--ua-line); border-radius: 1rem; background: #fff; box-shadow: var(--ua-shadow-sm); }
.ua-faq-list h3 { margin: 0; }
.ua-faq-list h3 button { display: grid; width: 100%; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; padding: 1.2rem; border: 0; background: #fff; color: var(--ua-ink); cursor: pointer; font: 800 .88rem var(--ua-font-body); text-align: right; }
.ua-faq-list h3 button i { position: relative; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--ua-surface-soft); }
.ua-faq-list h3 button i::before,
.ua-faq-list h3 button i::after { position: absolute; top: 50%; left: 50%; width: .6rem; height: 1px; background: var(--ua-blue-600); content: ""; transform: translate(-50%, -50%); }
.ua-faq-list h3 button i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform var(--ua-fast); }
.ua-faq-list h3 button[aria-expanded="true"] { color: var(--ua-blue-600); }
.ua-faq-list h3 button[aria-expanded="true"] i::after { transform: translate(-50%, -50%) rotate(0); }
.ua-faq-list article > div { padding: 0 1.2rem 1.2rem; }
.ua-faq-list article > div p { margin: 0; padding-top: 1rem; border-top: 1px solid var(--ua-line); color: var(--ua-muted); font-size: .8rem; line-height: 2; }
.ua-faq-empty { grid-column: 2; padding: 3rem; border: 1px dashed var(--ua-line); border-radius: 1rem; background: #fff; text-align: center; }
.ua-faq-empty strong { color: var(--ua-ink); }
.ua-faq-empty p { color: var(--ua-muted); }
.ua-help-safety { padding: 1rem 0 5rem; }
.ua-help-safety .ua-container { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem; padding: 2rem; border-radius: 1.3rem; background: var(--ua-navy-900); color: #fff; }
.ua-help-safety .ua-icon { width: 2.6rem; height: 2.6rem; color: var(--ua-gold-300); }
.ua-help-safety span { color: var(--ua-gold-300); font-size: .68rem; font-weight: 900; }
.ua-help-safety h2 { margin: .35rem 0; color: #fff; }
.ua-help-safety p { margin: 0; color: #9eabbc; font-size: .75rem; line-height: 1.8; }

/* 404 */
.ua-not-found__grid { position: relative; display: grid; min-height: calc(100vh - var(--ua-header-height)); grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); padding-block: 4rem; }
.ua-not-found__visual { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #fff; font: 900 clamp(7rem, 14vw, 13rem) var(--ua-font-latin); line-height: 1; text-align: center; }
.ua-not-found__visual > div { position: relative; display: grid; width: clamp(7rem, 12vw, 11rem); height: clamp(7rem, 12vw, 11rem); place-items: center; border: 1px solid rgb(240 210 143 / 28%); border-radius: 50%; background: rgb(255 255 255 / 5%); box-shadow: 0 0 5rem rgb(53 86 216 / 38%); }
.ua-not-found__visual > div::before { position: absolute; width: 145%; height: 145%; border: 1px dashed rgb(255 255 255 / 13%); border-radius: 50%; content: ""; }
.ua-not-found__visual img { width: 55%; height: 55%; object-fit: contain; }
.ua-not-found__visual small { position: absolute; right: 0; bottom: -1rem; left: 0; color: #748399; font: 800 .58rem var(--ua-font-latin); letter-spacing: .12em; }
.ua-not-found__copy > p { max-width: 39rem; color: #b7c3d3; line-height: 2; }
.ua-not-found__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.5rem 0; }
.ua-not-found__routes { display: grid; margin-top: 2rem; border-top: 1px solid rgb(255 255 255 / 10%); }
.ua-not-found__routes a { display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .8rem; padding: 1rem 0; border-bottom: 1px solid rgb(255 255 255 / 10%); color: #fff; }
.ua-not-found__routes a > b { color: var(--ua-gold-300); font: 900 .62rem var(--ua-font-latin); }
.ua-not-found__routes strong,
.ua-not-found__routes small { display: block; }
.ua-not-found__routes strong { font-size: .78rem; }
.ua-not-found__routes small { margin-top: .15rem; color: #7f8da1; font-size: .62rem; }

@media (max-width: 64rem) {
  .ua-legal-layout__grid { grid-template-columns: 15rem 1fr; }
  .ua-legal-appendices > div { grid-template-columns: 1fr; }
  .ua-help-categories { grid-template-columns: repeat(3, 1fr); }
  .ua-help-categories button:nth-child(4) { border-inline-start: 0; }
  .ua-help-categories button:nth-child(n + 4) { border-top: 1px solid rgb(255 255 255 / 8%); }
  .ua-not-found__grid { grid-template-columns: .8fr 1.2fr; }
}

@media (max-width: 62rem) {
  .ua-help-hero__grid,
  .ua-legal-hero.ua-has-art .ua-legal-hero__grid { grid-template-columns: 1fr; min-height: 0; padding-top: 1.25rem; }
  .ua-legal-strip { grid-template-columns: repeat(2, 1fr); }
  .ua-legal-strip span:nth-child(3) { border-inline-start: 0; }
  .ua-legal-strip span:nth-child(n + 3) { border-top: 1px solid rgb(255 255 255 / 8%); }
}

@media (max-width: 50rem) {
  .ua-legal-hero__grid,
  .ua-legal-layout__grid,
  .ua-faq-center__grid,
  .ua-not-found__grid { grid-template-columns: 1fr; }
  .ua-legal-hero__grid { padding-block: 3.5rem 4.5rem; }
  .ua-legal-toc,
  .ua-faq-center__intro { position: static; }
  .ua-legal-toc nav { grid-template-columns: 1fr 1fr; max-height: none; }
  .ua-privacy-summary { grid-template-columns: 1fr; }
  .ua-privacy-summary article { border-inline-start: 0; border-top: 1px solid rgb(255 255 255 / 8%); }
  .ua-privacy-summary article:first-child { border-top: 0; }
  .ua-faq-center__intro > div { display: none; }
  .ua-faq-empty { grid-column: auto; }
  .ua-help-safety .ua-container { grid-template-columns: auto 1fr; }
  .ua-help-safety .ua-btn { grid-column: 1 / -1; width: 100%; }
  .ua-not-found__grid { gap: 4rem; }
  .ua-not-found__visual { order: 2; }
}

@media (max-width: 36rem) {
  .ua-legal-hero h1 { font-size: 3rem; }
  .ua-legal-strip { grid-template-columns: 1fr; }
  .ua-legal-strip span { border-inline-start: 0; }
  .ua-legal-strip span:nth-child(n + 2) { border-top: 1px solid rgb(255 255 255 / 8%); }
  .ua-legal-layout { padding-top: 2.5rem; }
  .ua-legal-document { padding: 1.1rem; border-radius: 1rem; }
  .ua-legal-document > header { align-items: flex-start; flex-direction: column; }
  .ua-legal-toc nav,
  .ua-privacy-grid { grid-template-columns: 1fr; }
  .ua-legal-alert { flex-direction: column; }
  .ua-legal-document > footer > div .ua-btn { width: 100%; }
  .ua-help-search kbd { display: none; }
  .ua-help-categories { grid-template-columns: repeat(2, 1fr); }
  .ua-help-categories button:nth-child(odd) { border-inline-start: 0; }
  .ua-help-categories button:nth-child(even) { border-inline-start: 1px solid rgb(255 255 255 / 8%); }
  .ua-help-categories button:nth-child(n + 3) { border-top: 1px solid rgb(255 255 255 / 8%); }
  .ua-help-safety .ua-container { grid-template-columns: 1fr; text-align: center; }
  .ua-help-safety .ua-icon { margin: auto; }
  .ua-not-found__grid { min-height: auto; padding-block: 3rem 5rem; }
  .ua-not-found__actions .ua-btn { width: 100%; }
}

@media print {
  .ua-site-header,
  .ua-site-footer,
  .ua-reading-progress,
  .ua-legal-hero,
  .ua-legal-toc { display: none !important; }
  .ua-legal-layout { padding: 0; }
  .ua-legal-layout__grid { display: block; }
  .ua-legal-document { padding: 0; border: 0; box-shadow: none; }
  .ua-legal-clause { break-inside: avoid; }
}

@media (prefers-reduced-motion: reduce) {
  .ua-reading-progress i,
  .ua-faq-list h3 button i::after { transition: none; }
}


/* أهداف اللمس على الهاتف: لا يقل ارتفاع أي رابط عن 44 بكسل */
@media (max-width: 48rem) {
  .ua-help-quick a { display: inline-flex; align-items: center; min-height: 44px; }
  .ua-faq-center__intro .ua-btn { min-height: 44px; }
}

/* الشريط السفلي على الهاتف، بنفس شكله في باقي الصفحات */
.ua-mobile-dock { display: none; }
@media (max-width: 48rem) {
  .ua-mobile-dock { position: fixed; z-index: 90; right: .75rem; bottom: .75rem; left: .75rem; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgb(255 255 255 / 12%); border-radius: var(--ua-radius-md); background: rgb(5 11 22 / 94%); box-shadow: var(--ua-shadow-dark); backdrop-filter: blur(16px); }
  .ua-mobile-dock a { display: grid; min-height: 3.25rem; place-items: center; padding: .8rem; color: #fff; font-size: var(--ua-text-xs); font-weight: 800; text-align: center; }
  .ua-mobile-dock a:last-child { background: var(--ua-gold-500); color: var(--ua-navy-950); }
  .ua-site-footer { padding-bottom: 5rem; }
}

/* الكلمة الذهبية فوق العنوان على الخلفية الداكنة */
.ua-legal-hero .ua-kicker,
.ua-help-hero .ua-kicker,
.ua-not-found .ua-kicker { color: var(--ua-gold-400); }