/* v17.33 working: slide 4 copy, commerce alignment and shared signature.
   Product, floor, background, lights and snowfall keep their rules.
   Only the badge rail adopts the shared spacing below. */
#slide-4 .heater-copy-stack { gap:0; }
#slide-4 .heater-copy {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  text-align:center;
}
#slide-4 .heater-copy > :is(h1,h2,h3) {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  white-space:normal;
  text-wrap:balance;
}
#slide-4 .heater-copy > h2 { margin-top:6px; }
#slide-4 .heater-copy > h3 { margin-top:7px; }
#slide-4 .heater-commerce {
  align-self:center;
  width:min(370px,100%);
  margin:16px 0 0;
}
#slide-4 .heater-commerce .installment-options { margin-top:0; }
#slide-4 .uiverse-cta-label { white-space:normal; text-align:center; text-wrap:balance; }
#slide-4 .heater-signature {
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  gap:7px;
  width:min(370px,100%);
  margin-top:8px;
  color:var(--muted);
  font-family:"YekanBakhFaNum",Tahoma,Arial,sans-serif;
  font-size:.72rem;
  font-weight:400;
  line-height:1.2;
  text-align:center;
}
#slide-4 .heater-signature img { display:block; width:29px; height:17px; object-fit:contain; }
#slide-4 .heater-signature-divider { width:1px; height:13px; background:currentColor; opacity:.35; }
/* Same badge unit, 16.2% cell width, 70% rail height and 2% row gap as
   slides 1/2. Measure both clearances from visible body/floor landmarks. */
#slide-4 .heater-grade-badges {
  --heater-badge-base:min(49vh,31vw,560px);
  --heater-badge-size:calc(var(--heater-badge-base) * .162);
  --heater-badge-clearance:calc(var(--heater-badge-base) * .03);
  left:calc(3.916667% - var(--heater-badge-size) - var(--heater-badge-clearance));
  bottom:calc(3.083333% + var(--heater-badge-clearance));
  width:var(--heater-badge-size);
  height:calc(var(--heater-badge-base) * .70);
  row-gap:2%;
}
/* Preserve the exact supplied PNG; native circle clipping removes its white
   exterior corners in both themes without redrawing the emblem. */
#slide-4 .heater-grade-badge-energy img { clip-path:circle(49.9% at 50% 50%); }
@media (max-width:1024px) and (min-width:861px) {
  #slide-4 .heater-grade-badges { --heater-badge-base:min(47vh,31vw,470px); }
}
@media (max-width:860px) {
  #slide-4 .heater-grade-badges { --heater-badge-base:min(34vh,48vw,350px); }
}
@media (max-width:640px) {
  #slide-4 .heater-grade-badges { --heater-badge-base:min(25vh,60vw,240px); }
}
@media (max-width:420px) {
  #slide-4 .heater-grade-badges { --heater-badge-base:min(24vh,60vw,225px); }
}
@media (max-height:700px) and (min-width:861px) {
  #slide-4 .heater-grade-badges { --heater-badge-base:min(44vh,29vw,480px); }
}
/* The layout script measures the unchanged product frame. It reserves a
   vertical column boundary and aligns the CTA with the opaque upper edge. */
@media (min-width:861px) {
  #slide-4 .heater-copy-stack {
    left:var(--heater-copy-center,66%);
    width:var(--heater-safe-copy-width,min(36vw,620px));
    top:var(--heater-stack-top,calc(var(--header-height) + 5vh));
  }
}
@media (max-width:860px) {
  #slide-4 .heater-copy > h2 { margin-top:4px; }
  #slide-4 .heater-copy > h3 { margin-top:6px; }
  #slide-4 .heater-commerce { margin-top:10px; }
  #slide-4 .heater-signature { margin-top:7px; font-size:.68rem; }
  #slide-4 .heater-signature img { width:27px; height:16px; }
}
@media (max-width:640px) {
  #slide-4 .heater-commerce .installment-options { padding:4px 5px 5px; }
  #slide-4 .installment-caption { margin:0 2px 3px; font-size:.59rem; }
  #slide-4 .installment-providers { gap:3px; }
  #slide-4 .provider-item { height:39px; }
  #slide-4 .provider-item img { height:19px; max-width:43px; }
  #slide-4 .provider-item:first-child img { height:16px; }
  #slide-4 .provider-item:nth-child(2) img { max-width:34px; }
  #slide-4 .provider-item b { font-size:clamp(.48rem,2.1vw,.55rem); }
}
@media (max-width:420px) {
  #slide-4 .heater-commerce { width:min(320px,100%); margin-top:8px; }
  #slide-4 .heater-signature { gap:6px; font-size:.62rem; }
}