/* Site-wide mobile card gutter — match homepage 24 / 342 / 24 on 390px.
   Body --dn-edge (8) + theme-content-area (8) + inner (8) stay.
   Nested Zoho columns and listing shells must not add more side space.
   Desktop unchanged. Do not touch homepage hero/search/about rules. */
@media (max-width: 900px) {
  html, body {
    background: #fff !important;
  }

  .theme-content-area .zpcontainer,
  .theme-content-area .zpcontainer-fluid,
  .theme-content-area .zprow,
  .theme-content-area .zprow-container,
  .theme-content-area .zpelem-col,
  .theme-content-area [class*="zpcol-"],
  .theme-content-area .zpsnippet-container,
  .theme-content-area .zpelem-codesnippet,
  .theme-content-area .zpsection {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #dnHybridListings,
  html body #dnHybridListings.dn-pf-shell,
  html body #dnHybridListings.dn-hybrid-listings,
  html body .z-lux,
  html body #dnDevelopersPage .dn-wrap,
  html body .dn-request-page .dn-shell,
  html body .dn-v6-shell,
  html body .dn-v7 .dn-v6-shell,
  html body .dn-v8 .dn-v6-shell,
  html body #dnCommunityV8 .dn-v6-shell,
  html body .dn-v6-results,
  html body .dn-v7 .dn-v6-results,
  html body .dn-v8 .dn-v6-results,
  html body #dnCommunityV8 .dn-v6-results,
  html body .dn-v6-map-section,
  html body .dn-v7 .dn-v6-map-section,
  html body #dnCommunityV8 .dn-v6-map-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body #dnHybridListings.dn-pf-shell {
    padding-top: 8px !important;
    padding-bottom: 24px !important;
  }

  html body #dnHybridListings.dn-pf-shell .dn-filter-section,
  html body #dnHybridListings .dn-filter-section {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .dn-card,
  html body .z-card,
  html body .dn-grid,
  html body #dnLGrid,
  html body .dn-v6-cards,
  html body .dn-v8-card-block,
  html body .dn-v6-area-card,
  html body .dn-v6-hero-grid,
  html body .dn-v8-intro-grid,
  html body .dn-v8-overview,
  html body .dn-v6-hero-photo,
  html body .dn-v6-top,
  html body .dn-agent-card,
  html body .agent-card,
  html body #dnDevelopersPage .dn-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body .dn-v6-cards,
  html body .dn-v8-card-block {
    grid-template-columns: 1fr !important;
  }

  html body .wrap:has(#agentsGrid),
  html body .wrap:has(.dn-agent-card) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #dnDevelopersPage,
  html body #dnDevelopersPage .dn-wrap,
  html body #dnDevGrid,
  html body .dn-page-agents .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}