/* Shared mobile responsive overrides for the Palmer Realty site.
   Targets the site's inline styles via attribute selectors + !important. */
@media (max-width: 820px){
  /* Any multi-column grid collapses to a single stacked column */
  [style*="grid-template-columns"]{grid-template-columns:1fr !important;}
  [style*="grid-template-rows:1fr 1fr"]{grid-template-rows:auto !important;}
  [style*="height:440px"]{height:auto !important;}
  /* Hero: stack logo + copy */
  [style*="gap:64px"]{flex-direction:column !important;gap:24px !important;}
  [style*="width:260px;height:260px"]{width:150px !important;height:150px !important;}
  /* Sticky detail sidebar releases on mobile */
  [style*="position:sticky;top:96px"]{position:static !important;}
  /* Shrink oversized section side padding */
  [style*="px 60px"],[style*="px 70px"],[style*="px 80px"],[style*="px 90px"],[style*="px 100px"],
  [style*="0 100px"],[style*="0 90px"],[style*="0 60px"],[style*="0 0 64px"]{
    padding-left:24px !important;padding-right:24px !important;
  }
}
@media (max-width: 560px){
  h1[style]{font-size:32px !important;line-height:1.15 !important;}
  h2[style]{font-size:24px !important;}
}