/* YITM Epping repair pages: isolated, accessible service-hero redesign.
   No dependence on #main-content nesting; the laptop hero is outside <main>.
   Scope applies only to the three Epping repair pages. */
html body.yitm-epping-rebuild {
  --repair-ink:#17263f; --repair-accent:#b33e32;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell {
  box-sizing:border-box!important;
  isolation:isolate;
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  margin:32px auto 40px!important;
  padding:clamp(22px,3.2vw,44px)!important;
  border:1px solid #e6dcd3!important;
  border-radius:28px!important;
  background:linear-gradient(125deg,#fff8e9 0%,#fffaf5 55%,#f9eeec 100%)!important;
  box-shadow:0 20px 60px rgba(23,38,63,.06);
  color:var(--repair-ink)!important;
  overflow:visible!important;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell,
html body.yitm-epping-rebuild .yitm-service-hero-shell *,
html body.yitm-epping-rebuild .yitm-service-hero-shell *::before,
html body.yitm-epping-rebuild .yitm-service-hero-shell *::after {box-sizing:border-box}
html body.yitm-epping-rebuild .yitm-service-hero-shell > .wrap {
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid,
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:24px clamp(20px,3vw,42px)!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > :first-child,
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > :first-child {
  grid-column:1!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  position:static!important;transform:none!important;float:none!important;
  margin:0!important;padding:0!important;justify-self:stretch!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > .hero-img-col,
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > .vm-hero-img {
  grid-column:2!important;grid-row:1!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  position:static!important;transform:none!important;float:none!important;
  margin:0!important;padding:0!important;justify-self:stretch!important;
  overflow:hidden!important;border-radius:20px!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > .yitm-review-strip,
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > .yitm-review-strip {
  grid-column:1 / -1!important;grid-row:2!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  position:static!important;margin:0!important;transform:none!important;
  justify-self:stretch!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell :is(.hero-img,.vm-hero-img img) {
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-width:0!important;position:static!important;
  transform:none!important;object-fit:cover!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell :is(h1,.hero-h1,.hero-intro,.vm-lead,.lead) {
  max-width:100%!important;min-width:0!important;width:auto!important;
  position:static!important;transform:none!important;
  overflow-wrap:break-word!important;word-break:normal!important;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell h1 {
  color:var(--repair-ink)!important;
  font-size:clamp(2rem,4.1vw,3.7rem)!important;
  line-height:1.09!important;letter-spacing:-.035em!important;
  margin:16px 0!important;
}
html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell :is(.hero-ctas,.vm-actions) {
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;
  width:100%!important;min-width:0!important;position:static!important;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell :is(.hero-ctas,.vm-actions) a {
  max-width:100%!important;white-space:normal!important;text-align:center!important;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell .img-caption {
  display:block!important;position:static!important;
  width:auto!important;max-width:100%!important;padding:10px 3px 2px!important;
  font-size:.78rem!important;line-height:1.45!important;
}
html body.yitm-epping-rebuild .yitm-service-hero-shell .yitm-crumbs {
  margin:0 0 22px!important;
}
@media(max-width:800px) {
  html body.yitm-epping-rebuild .yitm-service-hero-shell {
    width:calc(100% - 24px)!important;margin:16px auto 28px!important;
    padding:20px!important;border-radius:20px!important;
  }
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero {
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;
    gap:20px!important;
  }
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > :first-child,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > :first-child,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > .hero-img-col,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > .vm-hero-img,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell .hero-grid > .yitm-review-strip,
  html:root:root:root:root:root body.yitm-epping-rebuild .yitm-service-hero-shell.vm-hero > .yitm-review-strip {
    grid-column:1 / -1!important;grid-row:auto!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
  }
  html body.yitm-epping-rebuild .yitm-service-hero-shell h1 {
    font-size:clamp(1.95rem,7vw,2.9rem)!important;
  }
}