/* Zamax Website .90 — focused owner visual polish and conversion coherence.
   This final cascade is deliberately route- and component-exact. */

/* Commercial homepage referral: one genuinely centred conversion group. */
body[data-zmx-route="/"] .referral-card {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}
body[data-zmx-route="/"] .referral-card > :is(.eyebrow,h2,p,.light-btn) {
  margin-inline: auto !important;
  text-align: center !important;
}
body[data-zmx-route="/"] .referral-card .referral-points {
  width: min(820px,100%) !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

/* Solutions: centre the Featured Commercial Review introduction and give the
   accepted image-led card a wider, calmer desktop proportion. */
body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream > .zmx-dot82-shell {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 30px !important;
}
body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-heading {
  width: min(780px,100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card--compact {
  width: min(1080px,100%) !important;
  grid-template-columns: minmax(360px,.95fr) minmax(0,1.05fr) !important;
  column-gap: clamp(28px,4vw,54px) !important;
  align-items: center !important;
}
body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card__visual {
  min-height: 300px !important;
  max-height: 390px !important;
}

/* Exact circle-and-tick grammar for named inclusion/checklist components. */
body[data-zmx-route] :is(
  .zmx-dot82-card > ul,
  .solution-points,
  .difference-points,
  .assessment-chips,
  .requirement-strip,
  .zmx-res-checklist,
  .zmx-res-check-list,
  .zmx-res-benefit-pills
) :is(li,span) {
  position: relative;
}
body[data-zmx-route] :is(
  .zmx-dot82-card > ul,
  .solution-points,
  .difference-points,
  .assessment-chips,
  .requirement-strip
) :is(li,span)::before {
  content: "\2713" !important;
  width: 19px !important;
  height: 19px !important;
  display: inline-grid !important;
  flex: 0 0 19px !important;
  place-items: center !important;
  border: 1px solid rgba(183,132,37,.72) !important;
  border-radius: 50% !important;
  background: rgba(244,217,137,.16) !important;
  color: #9b6b13 !important;
  box-shadow: none !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
body[data-zmx-route^="/residential/"] :is(.zmx-res-checklist,.zmx-res-check-list) li::before {
  content: "\2713" !important;
  top: .18em !important;
  width: 19px !important;
  height: 19px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(227,189,98,.82) !important;
  border-radius: 50% !important;
  background: rgba(227,189,98,.12) !important;
  color: #c18b22 !important;
  box-shadow: none !important;
  font-size: .67rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
body[data-zmx-route^="/residential/"] .zmx-res-benefit-pills li > span:first-child {
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  flex: 0 0 22px !important;
  place-items: center !important;
  border: 1px solid rgba(244,217,137,.78) !important;
  border-radius: 50% !important;
  background: rgba(244,217,137,.12) !important;
  color: #f0c760 !important;
  font-size: .72rem !important;
  line-height: 1 !important;
}

/* Compact, clean alpha-footer identity: retain the accepted .88 PNG and remove
   only excessive rendered scale and surrounding height. */
.zmx-global-footer__logo,
body[data-zmx-route="/about/"] .zmx-global-footer__logo,
body[data-zmx-audience="residential"] .zmx-global-footer__logo {
  width: min(190px,100%) !important;
  height: 72px !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  box-shadow: none !important;
}
.zmx-global-footer__identity .zmx-global-audience-selector {
  width: min(212px,100%) !important;
}

/* Residential homepage: vertically centre the green lifestyle split and
   remove the excess lower air without changing its copy or accepted image. */
body[data-zmx-route="/residential/"] .zmx-res-section--green:has(.zmx-res-section-heading .zmx-res-eyebrow:first-child) {
  padding-block: clamp(54px,6vw,82px) !important;
}
body[data-zmx-route="/residential/"] .zmx-res-section--green .zmx-res-split {
  align-items: center !important;
  gap: clamp(34px,5vw,68px) !important;
}
body[data-zmx-route="/residential/"] .zmx-res-section--green .zmx-res-split > div {
  align-self: center !important;
}
body[data-zmx-route="/residential/"] .zmx-res-section--green .zmx-res-benefit-pills {
  margin-bottom: 0 !important;
}

/* A restrained physical document belongs to the guide object; it is not a
   floating over-photo badge. Commercial covers are exact first-page renders. */
body[data-zmx-route="/resources/"] .zmx-dot90-guide-document,
body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 13px;
  width: 104px;
  height: 147px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;
  background: #fffdf8;
  box-shadow: 0 14px 30px rgba(0,0,0,.3);
  transform: rotate(1.5deg);
  transform-origin: center bottom;
}
body[data-zmx-route="/resources/"] .zmx-dot90-guide-document > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential {
  height: 138px;
  display: grid;
  grid-template-rows: 72px auto auto;
  align-content: start;
  gap: 5px;
  padding: 10px 9px;
  background: linear-gradient(180deg,#fffdf8 0 58%,#e9f1ed 58% 100%);
  color: #0b443c;
  text-align: left;
}
body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential > img {
  width: 72px;
  height: 66px;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential b {
  font-size: .66rem;
  font-weight: 950;
  line-height: 1.05;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential small {
  color: #756022;
  font-size: .52rem;
  font-weight: 850;
  line-height: 1.15;
  text-transform: uppercase;
}

/* About: restore the intentionally left-aligned proof group that the later .88
   cascade accidentally re-centred; remove only the redundant CTA wrapper air. */
body[data-zmx-route="/about/"] .about-proof-cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}
body[data-zmx-route="/about/"] .about-proof-pills {
  display: flex !important;
  justify-content: flex-start !important;
  margin-inline: 0 !important;
}
body[data-zmx-route="/about/"] .about-proof-cta .primary-btn {
  align-self: flex-start !important;
}
body[data-zmx-route="/about/"] .about-final-cta {
  padding-bottom: 0 !important;
  background-color: transparent !important;
}

/* Unit Income Upgrade: retain all words and accepted visuals, but let the
   assessment rows read as one composed decision system instead of nested cards. */
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .zamax-difference {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .difference-points {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin-top: 24px !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .difference-points span {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(16,41,37,.18) !important;
  border-radius: 0 !important;
  padding: 15px 14px 0 !important;
  background: transparent !important;
  color: #243b35 !important;
  box-shadow: none !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-strip {
  border: 0 !important;
  border-radius: 0 !important;
  padding: clamp(24px,3vw,38px) 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-strip-copy {
  display: grid !important;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important;
  column-gap: 34px !important;
  align-items: end !important;
  color: #fff9e9 !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-chips {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin-top: 20px !important;
  border-top: 1px solid rgba(239,211,145,.3) !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-chips span {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 76px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(239,211,145,.22) !important;
  border-radius: 0 !important;
  padding: 17px 14px !important;
  background: transparent !important;
  color: rgba(255,249,233,.9) !important;
  box-shadow: none !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-chips small {
  flex: 0 0 auto !important;
  margin: 3px 0 0 !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-proof-section .proof-tags {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid rgba(16,41,37,.16) !important;
}
body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-proof-section .proof-tags span {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(16,41,37,.14) !important;
  border-radius: 0 !important;
  padding: 15px 10px !important;
  background: transparent !important;
  color: #5f4518 !important;
  box-shadow: none !important;
}
html body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] main .difference-copy .difference-points > span,
html body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] main .assessment-strip .assessment-chips > span,
html body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] main .assessment-proof-section .proof-shell .proof-tags > span {
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Electrical and Roofing premises: re-enable the eight already accepted local
   CSP illustrations suppressed by the late text-only gradient conversion. */
body:is(
  [data-zmx-route="/services/commercial-electrical/"],
  [data-zmx-route="/services/commercial-roofing/"]
) .site-types-grid .site-card {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: #103a36 !important;
}
body:is(
  [data-zmx-route="/services/commercial-electrical/"],
  [data-zmx-route="/services/commercial-roofing/"]
) .site-types-grid .site-card-media {
  position: relative !important;
  display: block !important;
  height: 158px !important;
  min-height: 158px !important;
  overflow: hidden !important;
}
body:is(
  [data-zmx-route="/services/commercial-electrical/"],
  [data-zmx-route="/services/commercial-roofing/"]
) .site-types-grid .site-card-body {
  display: block !important;
  min-height: 168px !important;
  padding: 22px !important;
  background: linear-gradient(180deg,#163a4c 0%,#0f2d3b 100%) !important;
}
body[data-zmx-route="/services/commercial-roofing/"] .site-types-grid .site-card-body {
  background: linear-gradient(180deg,#173e36 0%,#0c2d2a 100%) !important;
}

/* Residential closes directly from its accepted final CTA into the footer. */
body[data-zmx-route^="/residential/"] main,
body[data-zmx-route^="/residential/"] main > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body[data-zmx-route^="/residential/"] main + .zmx-global-footer {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card--compact {
    grid-template-columns: 1fr !important;
  }
  body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card__visual,
  body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card--compact > :not(.zmx-dot82-card__visual) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .difference-points,
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-chips {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-strip-copy {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  body[data-zmx-route="/solutions/"] .zmx-dot82-context--cream .zmx-dot82-card__visual {
    min-height: 220px !important;
  }
  .zmx-global-footer__logo,
  body[data-zmx-route="/about/"] .zmx-global-footer__logo,
  body[data-zmx-audience="residential"] .zmx-global-footer__logo {
    width: 168px !important;
    height: 64px !important;
  }
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .difference-points,
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-chips,
  body[data-zmx-route="/solutions/commercial-unit-income-upgrade/"] .assessment-proof-section .proof-tags {
    grid-template-columns: 1fr !important;
  }
  body:is(
    [data-zmx-route="/services/commercial-electrical/"],
    [data-zmx-route="/services/commercial-roofing/"]
  ) .site-types-grid .site-card-media {
    height: 132px !important;
    min-height: 132px !important;
  }
  body[data-zmx-route="/resources/"] .zmx-dot90-guide-document,
  body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document {
    right: 13px;
    bottom: 11px;
    width: 88px;
    height: 124px;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential {
    height: 122px;
    grid-template-rows: 60px auto auto;
    padding: 8px;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-dot90-guide-document--residential > img {
    width: 62px;
    height: 56px;
  }
}