/* Ayamen R173 — mobile-only footer decongestion + About hero containment.
   External stylesheet version. Desktop/tablet 768px+ is intentionally untouched. */
@media (max-width: 767px) {
  /* ===== Canonical EN footer ===== */
  #footer.ayamen-footer-canonical .footer-breadcrumps,
  #footer.ayamen-footer-canonical .footer-info__btn {
    display: none !important;
  }

  #footer.ayamen-footer-canonical .footer__container {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 18px 22px !important;
    overflow: visible !important;
  }

  #footer.ayamen-footer-canonical .footer-info.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #footer.ayamen-footer-canonical .footer-info > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #footer.ayamen-footer-canonical .footer-info > .col:nth-child(2) {
    grid-row: 1 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  #footer.ayamen-footer-canonical .footer-info__menu,
  #footer.ayamen-footer-canonical .footer-info__menu[data-ayamen-footer-nav="isolated"] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    max-width: calc(100% - 58px) !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer.ayamen-footer-canonical .footer-info__menu li {
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer.ayamen-footer-canonical .footer-info__menu .btn,
  #footer.ayamen-footer-canonical .footer-info__menu .btn__content {
    min-height: 0 !important;
    height: auto !important;
  }

  #footer.ayamen-footer-canonical .footer-info__menu .btn__text.h4,
  #footer.ayamen-footer-canonical .footer-info__menu[data-ayamen-footer-nav="isolated"] .ayamen-footer-nav-link__text {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }

  #footer.ayamen-footer-canonical .footer-info .ml-auto {
    flex: 0 0 42px !important;
    width: 42px !important;
    margin: 0 !important;
    align-self: flex-end !important;
  }

  #footer.ayamen-footer-canonical .ayamen-footer-top {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  #footer.ayamen-footer-canonical .footer-info > .col:first-child {
    grid-row: 2 !important;
    display: block !important;
  }

  #footer.ayamen-footer-canonical .footer-info > .col:first-child .group.is-hidden--md-up {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  #footer.ayamen-footer-canonical .ayamen-footer-social {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }

  #footer.ayamen-footer-canonical .legal-notice.row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
  }

  #footer.ayamen-footer-canonical .legal-notice > .col,
  #footer.ayamen-footer-canonical .legal-notice__right {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  #footer.ayamen-footer-canonical .legal-notice,
  #footer.ayamen-footer-canonical .legal-notice p,
  #footer.ayamen-footer-canonical .legal-notice a,
  #footer.ayamen-footer-canonical .legal-notice .btn__text {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  #footer.ayamen-footer-canonical .legal-notice__right .group {
    align-items: flex-start !important;
  }

  html[dir="rtl"] #footer.ayamen-footer-canonical .footer-info > .col:nth-child(2),
  html[dir="rtl"] #footer.ayamen-footer-canonical .legal-notice.row,
  html[dir="rtl"] #footer.ayamen-footer-canonical .legal-notice > .col,
  html[dir="rtl"] #footer.ayamen-footer-canonical .legal-notice__right {
    text-align: right !important;
    align-items: flex-end !important;
  }

  /* ===== Rebuilt AR footer ===== */
  html[lang="ar"] .ayamen-footer-r138 .afr138-crumbs,
  html[lang="ar"] .ayamen-footer-r138 .afr138-cta {
    display: none !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-blue {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 18px 22px !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-content {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-center {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 14px !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 2px !important;
    margin: 0 !important;
    text-align: right !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-nav a {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.22 !important;
    white-space: normal !important;
    text-align: right !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-top {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-legal {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-right {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 7px !important;
    text-align: right !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-social {
    display: flex !important;
    gap: 8px !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-brand {
    align-self: flex-end !important;
  }

  html[lang="ar"] .ayamen-footer-r138 .afr138-privacy {
    display: none !important;
  }

  /* ===== About hero only ===== */
  body.about-page .intro-section {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  body.about-page .intro-section .intro.intro--about {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.about-page .intro-section .intro.intro--about .intro__background {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important;
  }

  body.about-page .intro-section .intro__background > .background,
  body.about-page .intro-section .intro__background picture.background,
  body.about-page .intro-section .intro__background picture.background > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.about-page .intro-section .intro__background picture.background > img {
    object-position: center center !important;
  }

  body.about-page .intro-section .intro.intro--about > .sticky__layer:not(.intro__background) {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    transform: none !important;
  }

  body.about-page .intro-section .intro__content.row {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;
    margin: 0 !important;
    padding: 112px 18px 34px !important;
    box-sizing: border-box !important;
  }

  body.about-page .intro-section .intro__title,
  body.about-page .intro-section .intro__text {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.about-page .intro-section .intro__title-inner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.about-page .intro-section .intro__title h1 {
    display: block !important;
    width: 100% !important;
    max-width: 7.8em !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(42px, 12.5vw, 58px) !important;
    line-height: .96 !important;
    transform: none !important;
  }

  body.about-page .intro-section .intro__text p {
    display: block !important;
    width: 100% !important;
    max-width: 33em !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1.46 !important;
    transform: none !important;
  }

  body.about-page .intro-section .intro__button,
  body.about-page .intro-section .intro__next {
    display: none !important;
  }

  body.about-page #about-content.ab-focus {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }

  html[dir="rtl"] body.about-page .intro-section .intro__content.row {
    align-items: stretch !important;
  }

  html[dir="rtl"] body.about-page .intro-section .intro__title h1,
  html[dir="rtl"] body.about-page .intro-section .intro__text p {
    max-width: 100% !important;
    text-align: right !important;
  }

  html[dir="rtl"] body.about-page .intro-section .intro__title h1 {
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: 1.16 !important;
  }

  html[dir="rtl"] body.about-page .intro-section .intro__text p {
    line-height: 1.65 !important;
  }
}