/* trade-inner-polish2 (Nov 5 2026): numbered editorial "What we do" scope band on HVAC / Plumbing / Electrical inner pages.
   Scoped to .svc-scope.sc2 (added only on the 18 trade inner pages). Loaded after trade-inner-polish1.css. */
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2{
  counter-reset:sc2;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));
  margin:8px 0 36px;padding:0;list-style:none;
  border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li{
  counter-increment:sc2;position:relative;margin:0;
  background:none;border:0;border-radius:0;box-shadow:none;
  padding:26px 22px 28px;border-left:1px solid rgba(255,255,255,.14);
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::before{
  content:counter(sc2,decimal-leading-zero);display:block;
  font-family:var(--display,Saira),sans-serif;font-weight:800;font-size:44px;line-height:1;letter-spacing:-.01em;
  color:#FED14D;margin:0 0 16px;font-variant-numeric:tabular-nums;
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::after{
  content:"";position:absolute;left:22px;top:84px;width:28px;height:2px;background:rgba(254,209,77,.55);
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 .pl{
  display:block;color:#fff;font-weight:800;font-size:19px;line-height:1.25;margin:10px 0 8px;letter-spacing:.005em;
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 .pd{
  display:block;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.78);opacity:1;margin-top:10px;
}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 .pl + .pd{margin-top:0}
/* PL/EL items have no short label: copy carries the hierarchy */
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li > .pd:first-child{font-size:16.5px;line-height:1.5;color:rgba(255,255,255,.92);font-weight:500}
/* light-tone variant */
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2{border-color:rgba(0,5,62,.14);background:linear-gradient(180deg,rgba(4,82,210,.04),rgba(4,82,210,0))}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 > li{border-left-color:rgba(0,5,62,.12);background:none;box-shadow:none}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 > li::before{color:#0452D2}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 > li::after{background:rgba(4,82,210,.45)}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 .pl{color:#00053e}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 .pd{color:#3a3f55}

/* 2 columns (mobile + tablet): separators per row */
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n+1){border-left:0;padding-left:0}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n+1)::after{left:0}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 > li:nth-child(n+3){border-top-color:rgba(0,5,62,.08)}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:last-child,
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:last-child{grid-column:1 / -1}
@media(max-width:600px){
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li{padding:20px 14px 22px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n+1){padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n){padding-right:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::before{font-size:34px;margin-bottom:12px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::after{top:66px;left:14px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 .pl{font-size:16.5px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 .pd{font-size:14.5px;line-height:1.5}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li > .pd:first-child{font-size:15px}
}

/* Desktop: column count divides item count (6 -> 3, 5 -> 5, 7 -> 4 with full-width last row cell) */
@media(min-width:1100px){
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li{padding:30px 28px 32px;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::after{left:28px}
  html body.t-svc .sec.ab-sec.svc-do.sec.L .pck.cols.svc-scope.sc2.sc2 > li{border-left-color:rgba(0,5,62,.12)}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n+1){border-left:1px solid rgba(255,255,255,.14);padding-left:28px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li:nth-child(2n+1)::after{left:28px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:nth-child(3n+1){border-left:0;padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:nth-child(3n+1)::after{left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.1)}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li{padding:30px 20px 32px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li::after{left:20px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:first-child{border-left:0;padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:first-child::after{left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:last-child{grid-column:auto}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7{grid-template-columns:repeat(4,minmax(0,1fr))}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:nth-child(4n+1){border-left:0;padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:nth-child(4n+1)::after{left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:nth-child(n+5){border-top:1px solid rgba(255,255,255,.1)}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:last-child{grid-column:span 2}
}

/* PL/EL cost lifted into its own light block (parity with HVAC cost L; keeps D/L alternation after How it works removal) */
html body.t-svc .svc-cost.sc2-cost .cost-in-ab2{
  max-width:880px;padding:34px 36px;border-radius:20px;background:#fff;
  border:1px solid rgba(0,5,62,.08);border-left:4px solid #0452D2;box-shadow:0 18px 44px rgba(0,5,62,.08);
}
html body.t-svc .svc-cost.sc2-cost .cost-in-ab2 h2{margin:12px 0 12px;color:#00053e}
html body.t-svc .svc-cost.sc2-cost .cost-in-ab2 .pp{margin:0;color:#3a3f55}
@media(max-width:600px){html body.t-svc .svc-cost.sc2-cost .cost-in-ab2{padding:24px 20px}}
/* neutralise legacy .pck / svc-inner3 scope markers (bars, ticks, :has spans) */
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li{grid-column:auto;font-size:inherit;border-bottom:0;color:inherit}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::before{position:static;width:auto;height:auto;border-radius:0;background:none;top:auto;bottom:auto;left:auto}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:last-child,
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:last-child{grid-column:1 / -1}
@media(min-width:1100px){
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5 > li:last-child{grid-column:auto}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n7 > li:last-child{grid-column:span 2}
}
/* 1024 overflow fix: pre-existing on HVAC inners (proven with polish1+2 blocked). Shared "#offers li{white-space:nowrap}" lets the 3rd coupon line "Same-visit repairs when parts are on the truck" push the 267px card track to 324px (scrollWidth 1029). Scoped to trade inners, 1024-1199 only. */
@media(min-width:1024px) and (max-width:1199px){
  html body.t-svc section#offers.zo .zo-li li:is(#offers#offers,#offers#offers *){white-space:normal;min-width:0}
}

/* t2858u: desktop What we do 4/5/6 = one equal-width row; keep 2-col below 1100. */
@media(min-width:1100px){
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2:is(.n4,.n5,.n6){grid-template-columns:repeat(var(--scope-count,5),minmax(0,1fr));gap:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n4{--scope-count:4}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n5{--scope-count:5}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6{--scope-count:6}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2:is(.n4,.n6) > li{padding:30px 20px 32px;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2:is(.n4,.n6) > li:first-child{border-left:0;padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:nth-child(3n+1){border-left:1px solid rgba(255,255,255,.14);padding-left:20px}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:first-child{border-left:0;padding-left:0}
  html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2.n6 > li:nth-child(n+4){border-top:0}
}
/* t2857u: What we do heading uses available width (override svc-inner3 40rem clamp). */
html body.inner.t-svc1 .sec.D.ab-sec.svc-do > .wrap > .shead:has(> .eb:first-child){max-width:none}
/* t2856u: hide tip2 numeral underline bar on every trade inner (incl. pages without aopt-o01). */
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li::after{display:none!important;width:0!important;height:0!important;background:none!important}
html body.t-svc .sec.ab-sec.svc-do .pck.cols.svc-scope.sc2.sc2 > li{background-image:none!important}

/* Claude F06 ONLY: detail templates omit the global .js enhancement marker.
   proto.js already owns .show/inert/bar-on; make its hidden state effective
   here without enabling unrelated global .js animation rules or editing HTML.
   scripting:enabled retains the existing visible no-JS contact fallback.
   Actual browser must confirm media support and initial/down/back states. */
@media(max-width:699px) and (scripting:enabled){
  .sticky:not(.show){transform:translateY(115%)}
}