/* SISA (dibela): #sec-siteplan [data-lot], 79 kavling di denah, tinggi 20-32 px visual. Denah adalah kanvas koordinat 1400x1060 yang diskalakan JS (~0,73 di tablet); jarak antar kavling satu kolom hanya ~26 px visual, jadi kotak 44 px visual pasti saling tumpang dan salah memicu kavling tetangga. Dibiarkan kecil sengaja; pengganti ketuk akurat = tombol Daftar (toggle Peta/Daftar) yang barisnya sudah lantai 44 px. Tidak ada aturan min-size pada [data-lot] sama sekali: tinggi 32 px visual sudah menutup label kavling tetangga (teks-tertimpa). */

/* Lantai sentuh Arcadia — floor 44px visual (CSS = 44px / var(--zr,1)) */
@media (pointer: coarse) and (hover: none) {
  /* Nav burger & tutup */
  html body button.atlas-nav-menu-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Hero CTA (Jelajahi Siteplan / Lihat Peluang Investasi) */
  html body #sec-hero [data-aa-hero-cta] button {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Filter orbit lokasi */
  html body #sec-why [data-aa-why-filter] button {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Pin orbit — tumbuh dari pusat (translate -50% sudah di source) */
  html body #sec-why [data-aa-why-node] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Segmen pangsa pasar (baris mobile/tablet) */
  html body #sec-gap [data-aa-gap-col] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Tur — panah carousel */
  html body #sec-tour [data-aa-tour-navbtn] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    margin-top: calc(-0.5 * (44px / var(--zr, 1)));
  }

  /* Keyplan collapse + chapter rail */
  html body #sec-tour [data-aa-kp-summary] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-tour [data-aa-tour-rail] [data-aa-tour-dot] {
    min-height: calc(44px / var(--zr, 1)) !important;
    justify-content: center;
  }

  /* Pin keyplan — area sentuh dari pusat koordinat */
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    margin-left: calc(-0.5 * (44px / var(--zr, 1))) !important;
    margin-top: calc(-0.5 * (44px / var(--zr, 1))) !important;
  }

  /* Rumah — tab lantai / fasad */
  html body #sec-house [data-aa-house-floor-tabs-mob] button,
  html body #sec-house [data-aa-house-view-tabs] button,
  html body #sec-house [data-aa-house-tabs] button,
  html body #sec-house [data-aa-house-media-bar] button {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-house [data-aa-house-thumb] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Club house — lantai, thumb, zona denah */
  html body #sec-hub [data-aa-hub-floor] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-hub [data-aa-hub-thumb] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-hub [data-aa-hub-map] button[data-aa-hub-id] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-hub [data-aa-hub-dir] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Atlas App */
  html body #sec-iot #iot-butler-toggle {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    align-items: center;
  }

  html body #sec-iot [data-iot-feat] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-iot [data-iot-chip] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  html body #sec-iot #iot-send {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Siteplan toolbar + kavling */
  html body #sec-siteplan [data-aa-sp-filter] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-siteplan [data-aa-sp-view-toggle] button {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-siteplan [data-aa-sp-page] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Lokasi sidebar */
  html body #sec-lokasi [data-aa-lok-row] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Investasi — langkah operasi & navigasi */
  html body #sec-invest [data-aa-ops-step] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #sec-invest [data-aa-ops-nav] button,
  html body #sec-invest [data-aa-ops-dir] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Pillar accordion */
  html body #sec-pillars [data-aa-pillar-row-head] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* CTA form */
  html body #sec-cta form[data-aa-cta-form] button[type="submit"] {
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* Panel siteplan */
  html body .aa-sp-close-btn,
  html body .aa-sp-drawer [data-sp-close] {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  /* FAB & kembali atas */
  html body #back-to-top-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }

  html body #fab-ai-btn {
    min-width: calc(44px / var(--zr, 1)) !important;
    min-height: calc(44px / var(--zr, 1)) !important;
  }
}

/* v76 (27 Okt): pin keyplan tur — area sentuh tetap 44px, tapi TITIK yang
   terlihat kecil (14px di layar). Pin merah posisi aktif tetap ada. */
@media (pointer: coarse) and (hover: none) {
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot],
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot].is-on,
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot].is-done,
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot]:hover {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(14px / var(--zr, 1));
    height: calc(14px / var(--zr, 1));
    margin: calc(-7px / var(--zr, 1)) 0 0 calc(-7px / var(--zr, 1));
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.5px solid rgba(166, 138, 86, .55);
    background: #FFFEFB;
    box-shadow: 0 0 0 1px rgba(166, 138, 86, .14);
    pointer-events: none;
  }
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot].is-done::before {
    border-color: rgba(166, 138, 86, .35);
    background: rgba(166, 138, 86, .28);
    box-shadow: none;
  }
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-spot].is-on::before {
    border-color: rgba(230, 210, 167, .85);
    background: rgba(166, 138, 86, .55);
    box-shadow: 0 0 0 2px rgba(166, 138, 86, .2);
  }
  html body #sec-tour [data-aa-keyplan] [data-aa-kp-pin] {
    width: calc(14px / var(--zr, 1)) !important;
    height: calc(14px / var(--zr, 1)) !important;
    margin: calc(-7px / var(--zr, 1)) 0 0 calc(-7px / var(--zr, 1)) !important;
  }
}

/* v76 (27 Okt): video hero Arcadia di iPad tampil seperti v71 (5 Okt, sebelum
   zoom tablet ada). Video dikeluarkan dari zoom 0,75 (zoom balik 1/--zr):
   ukurannya tetap 100% x 100% hero, tapi Safari tidak lagi menggambar video
   dengan skala zoom (tampak membesar dan pecah). preload auto tidak diubah. */
@media (pointer: coarse) and (hover: none) {
  html body #sec-hero #aa-hero-video {
    zoom: calc(1 / var(--zr, 1)) !important;
  }
}