/* ics-cta.css: /ho-tro/ #sup-cta full-width CTA band (owner 2026-11-04). ID-scoped overrides; loaded after tear-guard.css. */
html body.page-id-123 #sup-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:420px;
  padding-left:0;
  padding-right:0;
  padding-top:calc(var(--sp-4xl) + var(--sp-m));
  padding-bottom:var(--sp-3xl);
}
html body.page-id-123 #sup-cta-band#sup-cta-band{display:none;}
html body.page-id-123 #sup-cta-band-wrap{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  max-width:none;
  height:100%;
  padding:0;
  margin:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat;
}
html body.page-id-123 #sup-cta-head{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
html body.page-id-123 #sup-cta-head #h-cta{
  font-size:var(--fs-h2);
  margin:0;
}
html body.page-id-123 #sup-cta-head #p-cta{
  margin:0;
  padding-inline:0;
}
html body.page-id-123 #sup-cta #pl-grid{
  width:100%;
  max-width:var(--container-wide);
  margin-left:auto;
  margin-right:auto;
}
html body.page-id-123 #sup-cta #sup-cta-btn{
  min-width:min(100%,15rem);
}
@media (max-width:599px){
  html body.page-id-123 #sup-cta{
    padding-top:calc(var(--sp-3xl) + var(--sp-s));
    padding-bottom:var(--sp-2xl);
    padding-left:var(--gutter);
    padding-right:var(--gutter);
  }
  html body.page-id-123 #sup-cta #sup-cta-btn{
    width:100%;
    box-sizing:border-box;
  }
}

/* 2026-11-04 owner (iPhone 390): remove the yellow from the places section (/ho-tro/ #sup-cta, #tim-noi-ho-tro). The yellow came only from #sup-cta-band-wrap (absolute z:-1 layer painting the yellow fill and torn SVGs over the whole section). Hidden here; the section is the default cream (ics-bg-cream). Overflow: x clipped only, so the expanded-card underlay shows vertically. */
html body.page-id-123 #sup-cta-band-wrap{display:none;background:none;}
html body.page-id-123 #sup-cta{background-color:var(--neutral-50);background-image:none;overflow:visible;overflow-x:clip;}

/* 2026-11-05 owner (iPhone 390): #tim-quote full-width yellow band, torn TOP and BOTTOM only (no torn sides, no cream strips). The deco image ics-132-subtract.svg is a closed box (torn on all sides), so it is hidden; the band fill and torn strips come from #tim-quote background (same strips as #sup-cta-band-wrap). Full-bleed: width 100vw; #sup-cta has no inline padding and clips x. */
html body.page-id-123 #tim-quote-deco#tim-quote-deco{display:none;}
html body.page-id-123 #tim-quote#tim-quote{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat;
}
@media (max-width:599px){
  html body.page-id-123 #tim-quote#tim-quote{
    background:
      url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / 100% auto no-repeat,
      url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / 100% auto no-repeat,
      linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 76px) no-repeat;
  }
}
/* 2026-11-05: tear-guard.css rule `section:has(.ics-parallax,...)` sets background-image:none !important on any section with a parallax child (the hidden #tim-quote-deco). Override for #tim-quote only. */
html body.page-id-123 #tim-quote#tim-quote{
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat !important;
}
@media (max-width:599px){
  html body.page-id-123 #tim-quote#tim-quote{
    background:
      url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / 100% auto no-repeat,
      url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / 100% auto no-repeat,
      linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 76px) no-repeat !important;
  }
}

/* p62 2026-11-05: EN scope copy of body.page-id-123 rules for body.page-id-2897 (append-only) */
html body.page-id-2897 #sup-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:420px;
  padding-left:0;
  padding-right:0;
  padding-top:calc(var(--sp-4xl) + var(--sp-m));
  padding-bottom:var(--sp-3xl);
}
html body.page-id-2897 #sup-cta-band#sup-cta-band{display:none;}
html body.page-id-2897 #sup-cta-band-wrap{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  max-width:none;
  height:100%;
  padding:0;
  margin:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat;
}
html body.page-id-2897 #sup-cta-head{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
html body.page-id-2897 #sup-cta-head #h-cta{
  font-size:var(--fs-h2);
  margin:0;
}
html body.page-id-2897 #sup-cta-head #p-cta{
  margin:0;
  padding-inline:0;
}
html body.page-id-2897 #sup-cta #pl-grid{
  width:100%;
  max-width:var(--container-wide);
  margin-left:auto;
  margin-right:auto;
}
html body.page-id-2897 #sup-cta #sup-cta-btn{
  min-width:min(100%,15rem);
}
@media (max-width:599px) {
html body.page-id-2897 #sup-cta{
    padding-top:calc(var(--sp-3xl) + var(--sp-s));
    padding-bottom:var(--sp-2xl);
    padding-left:var(--gutter);
    padding-right:var(--gutter);
  }
html body.page-id-2897 #sup-cta #sup-cta-btn{
    width:100%;
    box-sizing:border-box;
  }
}
html body.page-id-2897 #sup-cta-band-wrap{display:none;background:none;}
html body.page-id-2897 #sup-cta{background-color:var(--neutral-50);background-image:none;overflow:visible;overflow-x:clip;}
html body.page-id-2897 #tim-quote-deco#tim-quote-deco{display:none;}
html body.page-id-2897 #tim-quote#tim-quote{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat;
}
@media (max-width:599px) {
html body.page-id-2897 #tim-quote#tim-quote{
    background:
      url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / 100% auto no-repeat,
      url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / 100% auto no-repeat,
      linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 76px) no-repeat;
  }
}
html body.page-id-2897 #tim-quote#tim-quote{
  background:
    url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / auto 140px no-repeat,
    url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / auto 140px no-repeat,
    linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 120px) no-repeat !important;
}
@media (max-width:599px) {
html body.page-id-2897 #tim-quote#tim-quote{
    background:
      url(/wp-content/uploads/ics-tear-guard/sup-cta-top.svg) top center / 100% auto no-repeat,
      url(/wp-content/uploads/ics-tear-guard/sup-cta-bottom.svg) bottom center / 100% auto no-repeat,
      linear-gradient(var(--yellow-500), var(--yellow-500)) center / 100% calc(100% - 76px) no-repeat !important;
  }
}