/* Only pages admitted by closeout-visual-20261020.mjs receive this sheet.
   Keep desktop presentation and all original text, targets and controls. */
@media (max-width: 720px) {
  /* Citation content is direct hero children, unlike the redesigned Contact
     hero whose copy wrapper supplies padding. Leave room for RTL glyphs. */
  html[lang="ar"]:has(link[data-closeout-visual="20261020"]) body.homepage-redesign .contact-page > .contact-page__hero {
    padding-inline: 20px;
    grid-template-columns: minmax(0, 1fr);
  }
  html[lang="ar"]:has(link[data-closeout-visual="20261020"]) body.homepage-redesign .contact-page > .contact-page__hero > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Adopt the existing readability.css document-flow inquiry entry pattern.
     This original anchor stays in its original DOM position after the form. */
  html:has(link[data-closeout-visual="20261020"]) body .application-native a.application-inquiry-launcher[data-inquiry-launcher] {
    position: relative;
    inset: auto;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin: 16px 20px 24px;
  }
  html:has(link[data-closeout-visual="20261020"]) body .application-native a.application-inquiry-launcher[data-inquiry-launcher][hidden] {
    /* Native fixed-launcher JS still toggles hidden when the form intersects
       the viewport. In document flow, collapsing this adjacent anchor changes
       that intersection and feeds its ResizeObserver. Keep the in-flow entry
       rendered so this fixed-only condition cannot oscillate its layout.
       The existing hidden rule is important; this scoped override must be too. */
    display: inline-flex !important;
  }

  /* The existing readability.css full contact-label pattern, scoped to the
     same shared launcher pages. Keep the WhatsApp link after the footer. */
  html:has(link[data-closeout-visual="20261020"]) body:has([data-inquiry-launcher]) a[data-floating-whatsapp] {
    position: relative;
    inset: auto;
    display: flex;
    width: fit-content;
    max-width: calc(100% - 32px);
    height: auto;
    min-height: 48px;
    gap: 12px;
    margin: 16px 16px max(24px, env(safe-area-inset-bottom)) auto;
    padding: 10px 12px;
    animation: none !important;
  }
  html:has(link[data-closeout-visual="20261020"]) body:has([data-inquiry-launcher]) a[data-floating-whatsapp] .floating-whatsapp__callout {
    position: static;
    inset: auto;
    min-width: 0;
    padding: 0;
    visibility: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    animation: none !important;
    color: inherit;
  }
  html:has(link[data-closeout-visual="20261020"]) body:has([data-inquiry-launcher]) a[data-floating-whatsapp] .floating-whatsapp__callout::after,
  html:has(link[data-closeout-visual="20261020"]) body:has([data-inquiry-launcher]) a[data-floating-whatsapp]::before {
    display: none;
  }
  html:has(link[data-closeout-visual="20261020"]) body:has([data-inquiry-launcher]) a[data-floating-whatsapp]:is(:hover, :focus-visible) .floating-whatsapp__number {
    color: inherit;
  }
}