/*
 * Q-82: content-visibility:auto for below-the-fold sections (loaded only with Seo:ContentVisibility, media="screen").
 *
 * Rules kept deliberately narrow:
 *  - only named sections that sit below the first screen on desktop and on phone (never the hero, header, LCP image,
 *    the first content section, the sticky sub-nav or any element that carries an id / is an in-page anchor target);
 *  - sections whose children paint outside the box (e.g. .property-feature-section, whose title overlaps upwards), the
 *    pricing tables (sticky headers, ids) and boxes whose first/last child margin used to collapse through them
 *    (.mlsnedir-dijital +10 px, pricing FAQ container +35 px, measured) are left alone, because content-visibility:auto
 *    implies layout and paint containment;
 *  - contain-intrinsic-block-size uses the "auto" form: the value below is only the first-visit estimate (measured at
 *    1366 px and 390 px wide), the browser then remembers the real height of every section it has rendered once.
 * No "display", no size or width is set here; the print stylesheet is not affected (media="screen").
 */

/* estimate for wide screens */
.site-content > .ai-features-section,
.site-content > .home-pcrm,
.site-content > .reos-portal-integrations,
.site-content > .mlsnedir-section,
.site-content > .mlsnedir-fonksiyonlar,
.site-content > .crm-mls-section,
.site-content > .talep-section,
.site-content > .property-demand-section,
.site-content > .chambers-section,
.site-content > .section.background-dark.spdbi,
main > .website-section,
main > .section.background-navy.pt40.pb40,
main > section.section.spdtb:has(> .block-banner),
body > .footer {
  content-visibility: auto;
}

.site-content > .ai-features-section { contain-intrinsic-block-size: auto 440px; }
.site-content > .home-pcrm { contain-intrinsic-block-size: auto 780px; }
.site-content > .reos-portal-integrations { contain-intrinsic-block-size: auto 1680px; }
.site-content > .mlsnedir-section { contain-intrinsic-block-size: auto 600px; }
.site-content > .mlsnedir-fonksiyonlar { contain-intrinsic-block-size: auto 520px; }
.site-content > .crm-mls-section { contain-intrinsic-block-size: auto 940px; }
.site-content > .talep-section { contain-intrinsic-block-size: auto 370px; }
.site-content > .property-demand-section { contain-intrinsic-block-size: auto 390px; }
.site-content > .chambers-section { contain-intrinsic-block-size: auto 590px; }
.site-content > .section.background-dark.spdbi { contain-intrinsic-block-size: auto 600px; }
main > .website-section { contain-intrinsic-block-size: auto 2120px; }
main > .section.background-navy.pt40.pb40 { contain-intrinsic-block-size: auto 600px; }
main > section.section.spdtb:has(> .block-banner) { contain-intrinsic-block-size: auto 700px; }
body > .footer { contain-intrinsic-block-size: auto 920px; }

/* estimate for phones and small tablets */
@media (max-width: 991px) {
  .site-content > .ai-features-section { contain-intrinsic-block-size: auto 560px; }
  .site-content > .home-pcrm { contain-intrinsic-block-size: auto 1470px; }
  .site-content > .reos-portal-integrations { contain-intrinsic-block-size: auto 3470px; }
  .site-content > .mlsnedir-section { contain-intrinsic-block-size: auto 600px; }
  .site-content > .mlsnedir-fonksiyonlar { contain-intrinsic-block-size: auto 230px; }
  .site-content > .crm-mls-section { contain-intrinsic-block-size: auto 1950px; }
  .site-content > .talep-section { contain-intrinsic-block-size: auto 630px; }
  .site-content > .property-demand-section { contain-intrinsic-block-size: auto 550px; }
  .site-content > .chambers-section { contain-intrinsic-block-size: auto 1310px; }
  .site-content > .section.background-dark.spdbi { contain-intrinsic-block-size: auto 1140px; }
  main > .website-section { contain-intrinsic-block-size: auto 3780px; }
  main > .section.background-navy.pt40.pb40 { contain-intrinsic-block-size: auto 810px; }
  main > section.section.spdtb:has(> .block-banner) { contain-intrinsic-block-size: auto 760px; }
  body > .footer { contain-intrinsic-block-size: auto 2030px; }
}
