/* Shared indexed-listing performance and first-viewport usability.
   Loaded only by central listings; direct-domain layouts remain unchanged. */
.central-market-listing .default-market-proof-visual .default-market-backdrop-picture { position: absolute; inset: 0; z-index: 0; }
.indexed-plumbing-visual picture { display: block; width: 100%; height: 100%; }
.central-market-listing .default-market-offer h1,
.indexed-plumbing-offer h1 { font-size: clamp(32px, 3.15vw, 48px); }
.central-market-listing main :is(h1,h2,h3),
body[data-listing-domain] main :is(h1,h2,h3) { overflow-wrap: anywhere; }
.central-market-listing .central-marketing-uses h2,
.central-market-listing .central-opportunity h2,
.central-market-listing .central-acquisition h2 { font-size: clamp(28px, 3.4vw, 48px); }

@media (max-width: 980px) {
  .domain-hero-plumbing { display: flex; flex-direction: column; }
  .indexed-plumbing-offer { order: 0; }
  .indexed-plumbing-visual { order: 1; }
}
@media (max-width: 900px) {
  .central-market-listing .default-market-hero { display: flex; flex-direction: column; min-height: 0; }
  .central-market-listing .default-market-offer { order: 0; }
  .central-market-listing .default-market-proof { order: 1; }
}
@media (max-width: 720px) {
  .central-market-listing .default-market-offer { display: grid; grid-template-columns: minmax(0,1fr); padding: 20px 18px 24px; }
  .central-market-listing .default-market-intro { display: contents; }
  .central-market-listing .default-market-offer h1 { order: 0; font-size: clamp(28px, 8vw, 32px); line-height: 1.03; }
  .central-market-listing .default-market-domain { overflow-wrap: anywhere; }
  .central-market-listing .default-market-offer h2 { order: 1; margin-top: 12px; font-size: 19px; }
  .central-market-listing .default-market-purchase { order: 2; min-width: 0; }
  .central-market-listing .default-market-pricing { margin-top: 16px; }
  .central-market-listing .default-market-price { grid-template-columns: minmax(0,1fr) minmax(140px,46%); gap: 12px; padding: 12px 0; }
  .central-market-listing .default-market-price-copy > strong { font-size: 36px; }
  .central-market-listing .default-market-price-copy > p { font-size: 12px; }
  .central-market-listing .default-market-price .showcase-button { min-height: 54px; padding: 10px 12px; font-size: 12px; gap: 6px; }
  .central-market-listing .default-market-lead { order: 3; margin-top: 18px; font-size: 14px; }
  .central-market-listing .default-market-channels { order: 4; margin-top: 14px; font-size: 13px; }
  .central-market-listing .default-market-proof { width: 100%; }
  .central-market-listing .central-marketing-uses h2,
  .central-market-listing .central-opportunity h2,
  .central-market-listing .central-acquisition h2 { font-size: 30px; }
  .indexed-plumbing-offer { padding: 20px 18px 24px; }
  .indexed-plumbing-offer h1 { font-size: clamp(28px,8.2vw,32px); }
  .indexed-plumbing-offer h1 span { white-space: normal; overflow-wrap: anywhere; }
  .indexed-plumbing-offer h2 { margin-top: 14px; }
  .indexed-plumbing-status { margin-bottom: 13px; }
  .indexed-plumbing-lead { font-size: 14px; }
  .indexed-plumbing-pricing article p { font-size: 12px; }
  .indexed-plumbing-pricing .button { font-size: 12px; min-height: 54px; }
  .indexed-plumbing-footnote { font-size: 10px; }
  .indexed-plumbing-visual { width: 100%; }
  body[data-listing-domain] main h2 { max-width: 100%; font-size: 30px; }
  body[data-listing-domain] .indexed-plumbing-offer h2 { font-size: 19px; }
}
/* Reflow at narrow CSS viewports, including enlarged/zoomed browsing. */
@media (max-width: 360px) {
  .central-market-listing > .default-market-header { flex-wrap: wrap; gap: 8px; padding: 12px; height: auto; }
  .central-market-listing .default-market-header-nav { min-width: 0; }
  .central-market-listing .default-market-header-nav a { white-space: normal; }
  .central-market-listing .central-listing-crumbs { flex-wrap: wrap; white-space: normal; padding: 10px 12px; overflow: visible; }
  .central-market-listing .central-listing-crumbs strong { overflow: visible; overflow-wrap: anywhere; }
  .central-market-listing .default-market-offer { padding: 18px 12px; }
  .central-market-listing .default-market-price,
  .indexed-plumbing-pricing article { grid-template-columns: minmax(0,1fr); }
  .central-market-listing .default-market-price .showcase-button,
  .indexed-plumbing-pricing .button { width: 100%; }
  .central-market-listing :is(.central-acquisition,.central-opportunity,.central-marketing-uses,.showcase-faq,.showcase-footer) { padding-left: 12px; padding-right: 12px; }
  .central-market-listing .central-acquisition-options { min-width: 0; }
  .central-market-listing main :is(section,div,article,p,strong),
  body[data-listing-domain] main :is(section,div,article,p,strong) { min-width: 0; overflow-wrap: anywhere; }
  .central-market-listing .central-opportunity,
  .central-market-listing .fit-rail,
  .central-market-listing .showcase-footer,
  body[data-listing-domain] .domain-story { grid-template-columns: minmax(0,1fr); }
  .central-market-listing .fit-rail article { border-left: 0; border-top: 1px solid var(--line); }
  .central-market-listing .central-value-band { grid-template-columns: minmax(0,1fr) auto; }
  .central-market-listing .showcase-footer > a { justify-self: start; }
  .central-market-listing .showcase-footer > small { grid-column: auto; }
  .central-market-listing .central-value-band { padding: 20px 12px; }
  body[data-listing-domain] .site-header { padding: 12px; height: auto; gap: 12px; grid-template-columns: minmax(0,1fr) auto; }
  body[data-listing-domain] .brand { min-width: 0; }
  body[data-listing-domain] .brand span { overflow-wrap: anywhere; }
  body[data-listing-domain] .breadcrumbs { height: auto; min-height: 44px; flex-wrap: wrap; white-space: normal; padding: 10px 12px; overflow: visible; }
  body[data-listing-domain] .breadcrumbs strong,
  body[data-listing-domain] .related-links strong { overflow-wrap: anywhere; white-space: normal; }
  .indexed-plumbing-status { flex-wrap: wrap; gap: 8px; }
  .indexed-plumbing-offer { padding: 18px 12px; }
  body[data-listing-domain] .section-pad { padding-left: 12px; padding-right: 12px; }
  body[data-listing-domain] .package-options { min-width: 0; }
}