/* NStay Homes V115 (DEV2 web-property-intel) - phone layout (<= 600 px, checked at 390 px) of every Property Intelligence tab:
   Intelligence Hub, Sector Maps, Zoning Plans, Circle Rates, Market Insights, Property Tools, Explore Gurgaon and the
   sector page. Map thumbnails use the full card width with a 4:3 box (before: a 118 px strip, the map about a third of the
   card wide); "Open map" / Preview / View buttons are full-width 44 px touch targets in one row; long titles wrap; nothing
   is wider than the screen. Layout only - no new content, no pins, no numbers. */
/* V115 (lead review PR #1): clip, not hidden. overflow-x:hidden makes html / body a scroll container and the sticky tab /
   filter bars (.zp-subnav, .eg516-subnav, .sm-page-nav) stop sticking. site-v12.css sets html,body{overflow-x:hidden!important}
   below 1280 px, so on these 8 pages it is put back to clip with a stronger selector. A browser without clip (Safari < 16)
   drops this line and keeps site-v12's hidden: no sideways scroll either way. */
@media (max-width:1279.98px){
  html:root,html body{overflow-x:clip!important}
}
@media (max-width:600px){
  html body main{max-width:100vw}

  /* shared Property Intelligence tab bar: one scrollable row, the active tab visible */
  html body .pi-shared-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}
  html body .pi-shared-tabs::-webkit-scrollbar{display:none}
  html body .pi-shared-tabs a{scroll-snap-align:start;white-space:nowrap}

  /* card grids: one column, card padding that leaves room for the picture */
  html body main .sm-grid,html body main .zp-grid,html body main .pi514-grid,html body #v570SelectedGrid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  html body main .sm-card,html body main .zp-card,html body main .pi514-card{padding:16px!important;min-height:0!important;min-width:0!important;box-sizing:border-box!important;max-width:100%!important}
  html body main .sm-card h3,html body main .zp-card h3{font-size:19px!important;line-height:1.25!important;margin:6px 0 4px!important;overflow-wrap:anywhere}
  html body main .pi514-card h2{font-size:21px!important;overflow-wrap:anywhere}

  /* map thumbnails (Sector Maps cards, copies in the ?sector= box, protected-map cards) */
  html body main .sm-card>.pi504-thumb,html body main .pi504-thumb{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/3;align-self:stretch!important;box-sizing:border-box!important;margin:8px 0 10px!important}
  html body main .pi504-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
  html body main .pi504-inline img{max-width:100%!important;height:auto!important}
  /* zoning-plan thumbnails: the whole plan, not a cropped middle */
  html body main .zp-pdf-thumb{height:auto!important;aspect-ratio:4/3}
  html body main .zp-pdf-thumb img{object-fit:contain!important}

  /* buttons: "Open map", Preview / View / PDF - full width, 44 px, side by side when there are two or three */
  html body main .pi504-actions,html body main .zp-card-actions{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px!important;width:100%!important;margin-top:10px!important}
  html body main .pi504-actions>button,html body main .pi504-actions>a,html body main .zp-card-actions>button,html body main .zp-card-actions>a,html body main [data-v105-open]{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 8px!important;justify-content:center!important;text-align:center!important;font-size:14px!important;white-space:nowrap}
  html body main .v105-zoom{font-size:11px!important}

  /* Sector Maps / zoning search rows and quick-jump chips: wrap inside the screen */
  html body main .sm-jump,html body main #smJump{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%}
  html body main .sm-head,html body main .zp-heading,html body main .cr-heading{flex-wrap:wrap!important;gap:10px!important}
  html body main .sm-count,html body main #smCount,html body main #zpCount,html body main #crCount{white-space:nowrap}

  /* sector page: facts in two columns, property pictures inside the card */
  html body main .sd-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body main .sd-property-media img{width:100%!important;height:100%!important;object-fit:cover}
}