/* Cooling Solutions commerce hub — page-scoped */
.cool{
  --cool-navy:#0F2A4A;
  --cool-navy-2:#1B365D;
  --cool-gold:#F5C84C;
  --cool-ink:#1C2B3A;
  --cool-muted:#54657A;
  --cool-line:#DCE7EF;
  --cool-soft:#F4F9FC;
  --cool-teal:#1B7FA8;
  color:var(--cool-ink);
  background:#fff;
}
.cool-wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.cool-eyebrow{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cool-gold)}
.cool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 28px;font-weight:800;font-size:15px;text-decoration:none;border:0;cursor:pointer;transition:filter .15s,transform .15s}
.cool-btn--gold{background:var(--cool-gold);color:var(--cool-navy)}
.cool-btn--gold:hover,.cool-btn--gold:focus-visible{filter:brightness(1.05);transform:translateY(-1px);color:var(--cool-navy)}
.cool-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.cool-btn--navy{background:var(--cool-navy);color:#fff}
.cool-btn--navy:hover{filter:brightness(1.08);color:#fff}
.cool-btn:focus-visible{outline:2px solid var(--cool-teal);outline-offset:3px}
.cool-section{padding-block:clamp(48px,7vw,88px)}
.cool-section--soft{background:var(--cool-soft)}
.cool-section__head{margin-bottom:28px;max-width:60ch}
.cool-section__head h2{margin:0 0 8px;color:var(--cool-navy);font-size:clamp(26px,3.2vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
.cool-section__head p{margin:0;color:var(--cool-muted);font-size:16px;line-height:1.6}

/* Store-style category banner. */
.cool-hero{background:linear-gradient(115deg,var(--cool-navy) 0%,var(--cool-navy-2) 50%,#0a4a6e 100%);color:#fff;padding-block:clamp(22px,3.2vw,36px)}
.cool-hero__grid{display:grid;grid-template-columns:1fr;gap:0;align-items:center;max-width:760px}
.cool-hero h1{margin:0 0 6px;font-size:clamp(26px,3.4vw,36px);line-height:1.12;font-weight:800;letter-spacing:-.03em;color:#fff}
.cool-hero__sub{margin:0 0 8px;color:var(--cool-gold);font-size:clamp(15px,1.6vw,18px);font-weight:700}
.cool-hero__lede{margin:0 0 14px;color:rgba(255,255,255,.88);font-size:14.5px;line-height:1.55;max-width:58ch}
.cool-hero__benefits{display:none}
.cool-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.cool-hero__trust{margin:0;font-size:12px;color:rgba(255,255,255,.65)}
.cool-hero__figure{display:none}

.cool-strip{background:#E8F4FA;border-block:1px solid var(--cool-line);padding-block:18px}
.cool-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cool-strip__item{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:700;color:var(--cool-navy)}
.cool-strip__item span{color:var(--cool-teal)}
.cool-strip__item p{margin:0}

.cool-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cool-path{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--cool-line);box-shadow:0 8px 24px rgba(15,42,74,.05)}
.cool-path__kicker{margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cool-teal)}
.cool-path h3{margin:0;color:var(--cool-navy);font-size:20px;font-weight:800;line-height:1.2}
.cool-path p{margin:0;color:var(--cool-muted);font-size:14.5px;line-height:1.55}
.cool-path__meta{font-weight:700!important;color:var(--cool-navy)!important}
.cool-path .cool-btn{margin-top:auto;align-self:flex-start}

.cool-lines .wbh-line{margin-bottom:28px}
.cool-lines .wbh-line:last-child{margin-bottom:0}

.cool-book__panel{max-width:640px;padding:22px;border-radius:16px;border:1px solid var(--cool-line);background:#fff;box-shadow:0 8px 28px rgba(15,42,74,.06)}
.cool-book__phone{margin:16px 0 0;text-align:center}
.cool-book__phone a{font-weight:700;color:var(--cool-navy);text-decoration:none}
.cool-book__phone a:hover{text-decoration:underline}

.cool-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cool-trust__card{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--cool-line)}
.cool-trust__card h3{margin:0 0 8px;color:var(--cool-navy);font-size:17px;font-weight:800}
.cool-trust__card p{margin:0;color:var(--cool-muted);font-size:14.5px;line-height:1.55}

.cool-faq{display:grid;gap:10px;max-width:760px}
.cool-faq__item{border:1px solid var(--cool-line);border-radius:12px;background:#fff;padding:4px 16px}
.cool-faq__item summary{cursor:pointer;font-weight:700;color:var(--cool-navy);padding:14px 0;list-style:none}
.cool-faq__item summary::-webkit-details-marker{display:none}
.cool-faq__item p{margin:0 0 14px;color:var(--cool-muted);line-height:1.6}

.cool-final{background:var(--cool-navy);color:#fff;padding-block:clamp(40px,6vw,72px)}
.cool-final__in{text-align:center;max-width:640px;margin-inline:auto}
.cool-final h2{margin:0 0 12px;font-size:clamp(26px,3vw,38px);font-weight:800;color:#fff}
.cool-final p{margin:0 0 20px;color:rgba(255,255,255,.78);line-height:1.55}
.cool-final__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.cool-final__phone{color:var(--cool-gold);font-weight:700;text-decoration:none}

.cool-learn__panel{border:1px solid var(--cool-line);border-radius:12px;background:#fff;padding:4px 16px}
.cool-learn__panel summary{cursor:pointer;font-weight:800;color:var(--cool-navy);padding:14px 0}
.cool-prose{font-size:15px;line-height:1.65;color:var(--cool-ink);padding-bottom:16px}
.cool-learn .btn,.cool-learn .wbh-btn,.cool-learn a.btn-primary{display:none!important}

.cool-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--cool-line);box-shadow:0 -8px 24px rgba(15,42,74,.1)}
.cool-sticky .cool-btn{flex:1}
.cool-sticky__call{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-weight:800;color:var(--cool-navy);box-shadow:inset 0 0 0 1.5px var(--cool-line);text-decoration:none}

@media (max-width:960px){
  .cool-hero__grid{grid-template-columns:1fr}
  .cool-paths{grid-template-columns:1fr}
  .cool-strip__grid{grid-template-columns:1fr 1fr}
  .cool-trust{grid-template-columns:1fr}
  .cool-sticky{display:flex}
}
@media (max-width:560px){
  .cool-strip__grid{grid-template-columns:1fr}
  .cool-hero__actions{flex-direction:column}
  .cool-hero__actions .cool-btn{width:100%}
}

/* Touch-and-motion guard (2026-10-06 animation audit). Most visitors are on phones, where a
   tap fires :hover and leaves a lifted card or button stuck in place; press feedback replaces it. */
.cool-btn:active{transform:scale(.97)}
@media (hover:none){
  .cool-btn--gold:hover,.cool-btn--gold:focus-visible{transform:none}
  .cool-btn:active{transform:scale(.97)}
}
@media (prefers-reduced-motion:reduce){
  .cool-btn--gold:hover,.cool-btn--gold:focus-visible{transform:none}
}