/* Egyptian reference dimensions with the Saudi palette. */
:root {
  --shm-contact-inline: clamp(12px, 1.3vw, 23px);
  --shm-switch-inline: clamp(14px, 1.4vw, 25px);
  --shm-contact-phone: 128.72px;
  --shm-contact-email: 139.62px;
  --shm-contact-switch: 41.1px;
}

html[lang="ar"] {
  --shm-contact-phone: 129.22px;
  --shm-contact-email: 135.92px;
  --shm-contact-switch: 44.86px;
}

.shm-contact-bar {
  background: #006b37;
  color: #fff;
}

.shm-contact-bar__row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns:
    calc(var(--shm-contact-phone) + 2 * var(--shm-contact-inline))
    calc(var(--shm-contact-email) + 2 * var(--shm-contact-inline))
    minmax(0, 1fr)
    calc(var(--shm-contact-switch) + 2 * var(--shm-switch-inline));
  max-width: var(--shm-wrap);
  min-height: 56px;
  margin-inline: auto;
  padding-inline: var(--shm-gutter);
}

.shm-contact-bar__cell {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline: var(--shm-contact-inline);
  border-inline-end: 1px solid rgb(255 255 255 / 16%);
  font: 400 13px/26px var(--shm-font);
  letter-spacing: normal;
  word-spacing: normal;
  white-space: nowrap;
}

.shm-contact-bar__cell:first-child, .shm-contact-bar__switch {
  border-inline-start: 1px solid rgb(255 255 255 / 16%);
}

.shm-contact-bar__cell .icon { flex: none; color: #df1e26; font-size: 20px; line-height: 26px; }
html[lang="ar"] .shm-contact-bar__cell .icon { line-height: 20px; }
html[lang="ar"] .shm-contact-bar__cell { gap: 9px; }
html[lang="ar"] .shm-contact-bar__email { border-inline-start: 1px solid rgb(255 255 255 / 16%); }
html[lang="ar"] .shm-contact-bar__switch a { display: flex; align-items: center; align-self: stretch; line-height: 13px; }
.shm-contact-bar__cell a { color: inherit; font: inherit; text-decoration: none; }
.shm-contact-bar__cell a:hover { text-decoration: underline; }
.shm-contact-bar__switch { grid-column: -2; justify-content: center; padding-inline: var(--shm-switch-inline); }
.shm-contact-bar__switch:hover { background: rgb(255 255 255 / 10%); }

body .shm-switch-ar { font-family: Cairo, Tahoma, sans-serif !important; font-weight: 700 !important; }
body .shm-switch-en { font-family: Roboto, Arial, sans-serif !important; font-weight: 600 !important; }

@media (min-width: 992px) {
  #site-header .main-header #primary-menu > li > a.shm-contact-action,
  body .ksa-nav > a.shm-contact-action {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 150px;
    min-height: 47px;
    margin-inline-start: clamp(0px, calc(0.67vw - 8.58px), 12px);
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #df2635;
    color: #fff;
    font-size: clamp(14px, .95vw, 15px);
    line-height: 1.5;
    text-decoration: none;
  }

  #site-header .main-header #primary-menu > li > a.shm-contact-action:hover,
  #site-header .main-header #primary-menu > li > a.shm-contact-action:focus-visible,
  body .ksa-nav > a.shm-contact-action:hover,
  body .ksa-nav > a.shm-contact-action:focus-visible { background: #b51e2b; color: #fff; }
  .shm-contact-action .icon { flex: none; font-size: inherit; line-height: inherit; }
}

@media (min-width: 1360px) {
  #site-header .main-header #primary-menu, body .ksa-header .ksa-nav {
    column-gap: clamp(12px, 1.55vw, 30px);
  }
  body .ksa-header.is-compact .ksa-nav { column-gap: clamp(6px, .65vw, 12px); }
}

@media (max-width: 991px) {
  .shm-contact-bar { display: none; }
}

main .ksa-hero h1 { letter-spacing: -.01em; }
main .ksa-hero .ksa-eyebrow { max-width: none; letter-spacing: .1em; }
html[lang="ar"] main .ksa-hero :is(h1, .ksa-eyebrow) { letter-spacing: normal; }
html[lang="ar"] main .ksa-hero .ksa-eyebrow { line-height: 1.9; }
main .ksa-box { border-radius: 12px; }
main .ksa-client-reference { font-size: 14px; line-height: var(--shm-body-leading); }
main .ksa-supply-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  border-block-start: 4px solid var(--shm-heading-ink);
}
main .ksa-supply-panel h2 { font-size: 26px; }
main .ksa-supply-panel p { max-width: 780px; font-size: 14px; line-height: 1.7; }
main .ksa-distributor-badge {
  padding: 13px 16px;
  border: 1px solid #cfe5d7;
  border-radius: 999px;
  background: #edf6ef;
  color: var(--shm-heading-ink);
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 767px) {
  main .ksa-supply-panel { grid-template-columns: minmax(0, 1fr); }
  main .ksa-distributor-badge { justify-self: start; }
}

/* Match the Egypt reference menu metrics, including large desktop scaling. */
@media (min-width: 992px) {
  html[lang="en"] #site-header .main-header #primary-menu > li > a:not(.shm-contact-action),
  html[lang="en"] .ksa-header .ksa-nav > a:not(.shm-contact-action) { font-size: clamp(14px, 1vw, 16px); line-height: 1.5; }
}
@media (max-width: 991px) {
  html[lang] #site-header #primary-menu-mobile > li > a,
  html[lang] body .ksa-mobile-nav > a { font-size: 16px; font-weight: 400; line-height: 1.55; }
  html[lang="ar"] body .shm-switch-en { font-weight: 400 !important; }
  html[lang="ar"] .shm-contact-bar__switch .shm-switch-en { font-weight: 600 !important; }
}