/* Mobile view issues brief: exact root routes only (see loader partial).
   Keep CMS content and desktop layouts intact. */
@media (max-width: 767px) {
  .service-aeo-page .content-sm-area {
    width: auto;
    max-width: none;
    margin-inline: 0 !important;
  }
  .service-aeo-page .para-no-m { margin-inline: 0 !important; }
  .service-aeo-page .para-no-p { padding-inline: 0 !important; }
  .service-aeo-page .feature-box.para-no-p {
    display: block !important;
    width: 100%;
    min-width: 0;
  }
  .service-aeo-page .row-block { gap: 12px; align-items: flex-start; }
  .service-aeo-page .row-block > i { flex-shrink: 0; }

  /* Empty border-only elements must not turn into orange bars above the documents. */
  .service-aeo-page--uae-mainland .feature-box3 {
    display: block !important;
    height: auto;
    min-height: 0;
    padding: 16px !important;
    background: #f7f7f7;
    border-left: 3px solid #eb6d12;
  }
  .service-aeo-page--uae-mainland .feature-box3 > div:first-child { display: none; }
  .service-aeo-page--uae-mainland .feature-box3 > div > div:not(:has(i)) { display: none !important; }
  .service-aeo-page--uae-mainland .feature-box3 > div { padding: 0 !important; }
  .service-aeo-page--uae-mainland .feature-box3 p { margin: 12px 0 0 !important; }

  /* Do not upscale one city photo to the full height of a tall phone checklist. */
  .service-aeo-page--dubai-mainland .filtered-background { background: #102b3a; }
  .service-aeo-page--dubai-mainland .filtered-background::before {
    bottom: 0;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: scroll;
  }

  /* Bound the illustration to the hero top, not the stacked form's height. */
  .specialist-hero--golden.service-photo-hero > .service-hero-background {
    height: 300px;
    object-fit: contain;
    object-position: center top;
  }

  /* Content cards remain visible without scroll-animation initialization. */
  .service-aeo-page--uae-overview .features:has(.card3) [data-aos] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .service-aeo-page--uae-overview .card3 { height: auto; min-height: 0; }
  .service-aeo-page--uae-overview .card3 img {
    display: block;
    width: 100% !important;
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
