/* Ordered development detail flow for mobile web. */
@media (max-width: 767px) {
  .are-development-page {
    padding-top: 16px !important;
    padding-bottom: 32px !important;
  }

  .are-development-layout {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
  }

  .are-development-column,
  .are-development-gallery-shell,
  .are-development-detail-stack {
    display: contents !important;
  }

  .are-development-page .are-gallery-primary { order: 10; }
  .are-development-page .are-gallery-thumbs { order: 11; }
  .are-development-page .are-development-secondary { order: 85; }
  .are-development-page .are-development-summary { order: 20; }
  .are-development-page .are-description-section { order: 30; }
  .are-development-page .are-development-info { order: 40; }
  .are-development-page .are-development-information-section { order: 50; }
  .are-development-page .are-units-section { order: 60; }
  .are-development-page .are-amenities-section { order: 65; }
  .are-development-page .are-development-videos { order: 70; }
  .are-development-page .are-files-section { order: 75; }
  .are-development-page .are-location-section { order: 80; }
  .are-development-page .are-contact-section { order: 90; }

  .are-development-page .are-development-summary,
  .are-development-page .are-description-section,
  .are-development-page .are-development-info,
  .are-development-page .are-development-information-section,
  .are-development-page .are-units-section,
  .are-development-page .are-amenities-section,
  .are-development-page .are-development-videos,
  .are-development-page .are-files-section,
  .are-development-page .are-location-section,
  .are-development-page .are-contact-section {
    width: 100%;
    margin-top: 16px;
    border-radius: 20px !important;
  }

  .are-development-page .are-development-summary,
  .are-development-page .are-description-section,
  .are-development-page .are-development-info,
  .are-development-page .are-development-information-section,
  .are-development-page .are-units-section,
  .are-development-page .are-amenities-section,
  .are-development-page .are-files-section,
  .are-development-page .are-location-section,
  .are-development-page .are-contact-section {
    padding: 16px !important;
  }

  .are-development-page .are-development-info > div,
  .are-development-page .are-development-information-section > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100%;
  }

  .are-development-page .are-development-info > div > div,
  .are-development-page .are-development-information-section > div > div {
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
    overflow-wrap: anywhere;
  }

  .are-development-page .are-detail-wide {
    grid-column: 1 / -1;
  }

  .are-development-page .are-description-copy:not(.is-expanded) {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }

  .are-development-page .are-description-copy.is-expanded {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset;
  }

  .are-development-page .are-read-more-toggle {
    display: inline-flex !important;
    min-width: 88px;
    min-height: 44px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 4px;
  }

  .are-development-page .are-description-section > a[href*="/contact"] {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .are-development-page *,
  .are-development-page *::before,
  .are-development-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}