/* A native-scroll chapter, not a wheel/touch trap. Without JS (or when reduced
   motion is preferred), the same roomy cards remain a normal swipe gallery. */
@media (max-width: 720px) {
  .a360-homepage #property-types .a360-property-panel { flex-basis: 100%; }
  .a360-homepage #property-types .a360-property-panel:nth-child(2) > picture > img { object-position: 40% 50% !important; }
  .a360-homepage #property-types .a360-property-nav:not([hidden]) { display: grid; grid-template-columns: 1fr auto; gap: 12px 8px; min-height: 52px; padding-top: 14px; }
  .a360-homepage #property-types .a360-property-current { color: var(--a360-navy); font: 600 10px/1.5 var(--a360-sans); letter-spacing: .09em; text-transform: uppercase; }
  .a360-homepage #property-types .a360-property-swipe { max-width: none; margin: 0; font-size: 10px; text-align: right; }
  .a360-homepage #property-types .a360-property-progress { grid-column: 1 / -1; width: 100%; height: 3px; mask-image: repeating-linear-gradient(90deg,#000 0 calc(25% - 5px),transparent calc(25% - 5px) 25%); }
}

@media (min-width: 721px) { .a360-homepage .a360-property-current { display: none; } }

@media (max-width: 720px) and (min-height: 640px) and (prefers-reduced-motion: no-preference) {
  .a360-homepage .a360-property-scroll.is-scroll-driven { position: relative; }
  .a360-homepage .is-scroll-driven .a360-property-scroll-stage { position: sticky; top: 16px; }
  .a360-homepage #property-types .is-scroll-driven .a360-property-panels {
    scroll-snap-type: none;
    scroll-behavior: auto;
    scrollbar-width: none;
    padding-bottom: 0;
  }
  .a360-homepage #property-types .is-scroll-driven .a360-property-panels::-webkit-scrollbar { display: none; }
  .a360-homepage #property-types .is-scroll-driven .a360-property-panel {
    height: calc(100svh - 128px);
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .a360-homepage .a360-property-scroll-stage { position: static; }
}