/* Cool Liner art direction over the shared product-page components. */
.cool-page .cl-hero{background:#eaf1f5;color:#102b43;height:auto;min-height:720px;max-height:none;padding:40px var(--pl-edge) 32px;display:grid;grid-template-rows:auto minmax(300px,1fr) auto}
.cool-page .cl-hero:after{display:none}
.cl-hero__copy{position:relative;z-index:1;text-align:center}
.pl-main .cl-eyebrow{font-size:12px;letter-spacing:.14em;color:#557183;margin-bottom:16px}
.cl-hero h1{font-size:clamp(76px,8vw,120px);letter-spacing:-.055em}
.pl-main .cl-tagline{font-size:22px;margin-top:12px;color:#455f70}
.cl-hero__media{max-width:1020px;width:75%;height:clamp(340px,34vw,490px);margin:8px auto 0;display:flex;justify-content:center;align-items:center}
.cl-hero__media img{width:100%;height:100%;object-fit:contain;animation:cl-product-in 1s cubic-bezier(.22,.68,.25,1) both}
.cl-hero__copy h1{animation:cl-title-in .65s .08s both}
.cl-hero__bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:1456px;width:100%;margin:auto}
.cl-hero__bottom>p{font-size:17px;color:#455f70;max-width:280px}
.cool-page .cl-hero .btn--primary{background:#00427b;color:white}
.cool-page .cl-hero .btn--primary:hover{background:#06325a}
.cool-page .cl-hero .btn--outline{border-color:#869dab;color:#17354b;background:transparent}
.cool-page .cl-hero .btn--outline:hover{background:#d8e4ec}
.cl-insulation{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center;padding-block:32px 80px}
.cl-insulation img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:24px}
.cl-insulation .pl-lead{margin:28px 0 18px}
.cl-insulation p:last-child{color:#52636e}
.cl-temperature{background:#102b43;color:#fff;padding-block:80px;overflow:hidden}
.cl-temperature .cl-eyebrow{color:#a9c8dc}
.cl-temperature h2{max-width:900px}
.cl-temperature__layout{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center;margin-top:24px}
.cl-temperature__layout>img{width:100%;height:auto;object-fit:contain}
.cl-temperature__layout p{color:#d0dce5;margin:18px 0}
.cl-temperature .pl-note{color:#b2c6d4}
.cl-temperature .btn--outline{color:white;border-color:#9ab4c7;margin-top:16px}
.cl-temperature .btn--outline:hover{background:#28465e}
.cl-family{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding-block:80px}
.cl-family>div>p:last-child{color:#52636e;margin-top:24px}
.cl-family .pl-disclosure__body img{width:100%;max-height:330px;object-fit:contain;background:#eef3f6;border-radius:16px;margin-bottom:20px}
.cl-stock__photo{align-self:center}
.cl-stock__photo img{width:100%;height:auto;display:block}
.cl-stock__photo>a{margin:18px 24px}
.cool-page .pl-stock__offer>p{margin-top:16px}
@keyframes cl-product-in{from{opacity:.35;transform:translateX(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cl-title-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.cool-page .cl-hero{min-height:660px}.cl-hero__media{width:90%;height:380px}.cl-insulation{gap:5%}.cl-temperature__layout{gap:4%}}
@media(max-width:760px){
 .cool-page .cl-hero{padding:32px 24px 28px;min-height:650px;grid-template-rows:auto 1fr auto}
 .cl-hero h1{font-size:clamp(54px,13vw,80px)}
 .pl-main .cl-tagline{font-size:18px;max-width:260px;margin:14px auto 0}
 .cl-hero__media{width:120%;margin:0 -10%;height:300px}
 .cl-hero__bottom{display:block}
 .cl-hero__bottom>p{max-width:none;text-align:center;margin-bottom:20px;font-size:15px}
 .cl-hero__bottom .pl-actions{display:grid;gap:10px}
 .cl-hero__bottom .btn{width:100%;min-width:0}
 .cl-insulation{display:flex;flex-direction:column;gap:32px;padding-block:0 48px}
 .cl-insulation img{aspect-ratio:1.15;border-radius:20px}
 .cl-insulation .pl-lead{margin-top:24px}
 .cl-temperature{padding-block:48px}
 .cl-temperature__layout{display:flex;flex-direction:column;margin-top:24px}
 .cl-temperature__layout img{width:115%;max-width:none;margin:0 -7.5%}
 .cl-temperature h2{font-size:36px}
 .cl-family{display:block;padding-block:56px}
 .cl-family>div+div{margin-top:24px}
 .cl-family h2{font-size:36px}
 .cool-page .pl-stock{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.cl-hero__media img,.cl-hero__copy h1{animation:none;transform:none}}
.cl-family details[id]{scroll-margin-top:150px}
@media(max-width:760px){.cl-family details[id]{scroll-margin-top:128px}}