/* v17.32 — cooler uses the shared product typography and commerce assets.
   Only slide 3 is scoped here; approved slides 1 and 2 keep their rules. */
#slide-3 {
  --cooler-badge-base:min(49vh,31vw,560px);
  --cooler-plaque-width:calc(760px * var(--desktop-product-scale,1));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:calc(var(--header-height) + 24px) clamp(16px,4vw,64px) 48px;
}
#slide-3 .cooler-content {
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(900px,100%);
  min-width:0;
  margin-inline:auto;
}
#slide-3 .cooler-copy {
  position:relative;
  top:auto;
  left:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(620px,100%);
  max-width:none;
  margin:0;
  text-align:center;
  isolation:isolate;
  transform:translate3d(0,var(--copy-drift,0px),0);
}
/* Quiet only the grille behind the copy, with a feathered neutral surface.
   The theme's own background colors keep this from becoming a visible panel. */
#slide-3 .cooler-copy::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-40px -64px;
  background-color:color-mix(in srgb,var(--bg-a) 40%,var(--bg-b));
  opacity:.82;
  -webkit-mask-image:radial-gradient(ellipse closest-side,#000 50%,rgba(0,0,0,.65) 74%,transparent 100%);
  mask-image:radial-gradient(ellipse closest-side,#000 50%,rgba(0,0,0,.65) 74%,transparent 100%);
  pointer-events:none;
  transition:background-color .82s ease;
}
#slide-3 .cooler-copy > :is(h1,h2,h3) {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  white-space:normal;
  text-wrap:balance;
}
#slide-3 .cooler-title-name { margin:6px 0 0; }
#slide-3 .cooler-tagline { margin:7px 0 0; color:color-mix(in srgb,var(--ink) 76%,transparent); }
#slide-3 .plaque-stage {
  position:relative;
  left:auto;
  top:auto;
  width:min(100%,var(--cooler-plaque-width));
  aspect-ratio:2004/509;
  margin-top:clamp(32px,calc(2vh + 16px),40px);
  transform:none;
}
#slide-3 .plaque-stage::before { content:none; display:none; }
/* Align the opaque metal edges to the same baseline in both themes.
   Transparent source margins and stray near-invisible pixels are accounted for;
   the metal is never stretched. */
#slide-3 .plaque-stage .finish-asset {
  height:auto;
  max-width:none;
  right:auto;
  bottom:auto;
  aspect-ratio:2048/682;
}
#slide-3 .plaque-stage .asset-white {
  width:102.195609%;
  left:-1.347305%;
  top:-21.611002%;
}
#slide-3 .plaque-stage .asset-titanium {
  width:103.801318%;
  left:-2.432843%;
  top:-22.723566%;
}
#slide-3 .cooler-feature-rail {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  direction:ltr;
  gap:calc(var(--cooler-badge-base) * .014);
  margin-top:calc(var(--cooler-badge-base) * .03);
  max-width:100%;
  pointer-events:none;
}
#slide-3 .cooler-feature-badge {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:calc(var(--cooler-badge-base) * .162);
  height:calc(var(--cooler-badge-base) * .162);
  filter:drop-shadow(0 3px 4px rgba(24,24,27,.10));
}
#slide-3 .cooler-feature-badge img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
#slide-3 .cooler-badge-energy img { clip-path:url(#cooler-shield-clip); }
#slide-3 .cooler-badge-inverter img { clip-path:circle(49.9% at 50% 50%); }
#slide-3 .cooler-clip-definitions { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
#slide-3 .cooler-commerce {
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  align-self:center;
  width:min(370px,100%);
  margin:32px 0 0;
}
#slide-3 .uiverse-cta-label { white-space:normal; text-align:center; text-wrap:balance; }
#slide-3 .cooler-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-3 .cooler-signature img { display:block; width:29px; height:17px; object-fit:contain; }
#slide-3 .cooler-signature-divider { width:1px; height:13px; background:currentColor; opacity:.35; }
@media (max-width:1024px) and (min-width:861px) {
  #slide-3 { --cooler-badge-base:min(47vh,31vw,470px); }
}
@media (max-width:860px) {
  #slide-3 { --cooler-badge-base:min(34vh,48vw,350px); padding-top:calc(var(--header-height) + 18px); padding-bottom:32px; }
  #slide-3 .cooler-title-name { margin-top:4px; }
  #slide-3 .cooler-tagline { margin-top:6px; }
  #slide-3 .cooler-commerce { margin-top:26px; }
  #slide-3 .cooler-signature { margin-top:7px; font-size:.68rem; }
  #slide-3 .cooler-signature img { width:27px; height:16px; }
}
@media (max-width:640px) {
  #slide-3 { --cooler-badge-base:min(25vh,60vw,240px); padding-inline:16px; padding-bottom:24px; }
  #slide-3 .cooler-commerce .installment-options { margin-top:0; padding:4px 5px 5px; }
  #slide-3 .installment-caption { margin:0 2px 3px; font-size:.59rem; }
  #slide-3 .installment-providers { gap:3px; }
  #slide-3 .provider-item { height:39px; }
  #slide-3 .provider-item img { height:19px; max-width:43px; }
  #slide-3 .provider-item:first-child img { height:16px; }
  #slide-3 .provider-item:nth-child(2) img { max-width:34px; }
  #slide-3 .provider-item b { font-size:clamp(.48rem,2.1vw,.55rem); }
}
@media (max-width:420px) {
  #slide-3 { --cooler-badge-base:min(24vh,60vw,225px); }
  #slide-3 .cooler-commerce { width:min(320px,100%); margin-top:24px; }
  #slide-3 .cooler-signature { gap:6px; font-size:.62rem; }
}
@media (min-width:1025px) and (max-height:700px) {
  #slide-3 { --cooler-plaque-width:calc(560px * var(--desktop-product-scale,1)); padding-top:calc(var(--header-height) + 12px); padding-bottom:24px; }
  #slide-3 .plaque-stage { margin-top:28px; }
}
@media (min-width:1025px) and (max-height:640px) {
  #slide-3 { --cooler-plaque-width:calc(500px * var(--desktop-product-scale,1)); }
}