/* Compact category banners. Kept separate from the homepage and product grid. */
.cx-site .ef-page>.ef-hero{min-height:0}
.cx-site .ef-page>.ef-hero .ef-hero-copy{min-height:0;padding:24px 30px}
.cx-site .ef-page>.ef-hero .ef-kicker{margin-bottom:10px}
.cx-site .ef-page>.ef-hero h1{font-size:clamp(26px,2.5vw,34px);line-height:1.15;margin-bottom:14px}
.cx-site .ef-page>.ef-hero .ef-lead{font-size:14px;line-height:1.6;margin-bottom:18px;max-width:560px}
.cx-site .ef-page>.ef-hero .ef-actions{gap:10px;flex-direction:row;width:auto;align-items:stretch}
.cx-site .ef-page>.ef-hero .ef-button{min-height:44px;padding:9px 16px;font-size:13px}
.cx-site .ef-page>.ef-hero .ef-hero-foot{padding-top:16px;gap:10px;line-height:1.5}
.cx-site .ef-page>.ef-hero .ef-hero-photo>img{height:205px;padding:14px 24px 8px}
.cx-site .ef-page>.ef-hero .ef-hero-photo figcaption{padding:14px 24px;gap:5px}
.cx-site .ef-page>.ef-hero .ef-hero-photo figcaption>strong{font-size:16px;line-height:1.4}
.cx-site .ef-page>.ef-promo-hero .ef-hero-copy{width:62%}
.cx-site .ef-page .ef-promo-compare{min-height:240px}
.cx-site .ef-page .ef-promo-compare-copy{padding:24px 30px;width:62%}
.cx-site .ef-page .ef-promo-compare-copy>p:not(.ef-kicker){margin:12px 0 16px}
@media(min-width:1600px){
 .cx-site .ef-page>.ef-hero .ef-hero-photo>img{height:220px}
}
@media(max-width:1100px){
 .cx-site .ef-page>.ef-promo-hero .ef-hero-copy{width:70%}
 .cx-site .ef-page .ef-promo-compare-copy{width:73%}
}
@media(max-width:900px){
 .cx-site .ef-page>.ef-hero .ef-hero-copy{padding:22px 24px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo>img{height:160px;padding:12px 20px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo figcaption{padding:14px 20px 14px 0}
 .cx-site .ef-page>.ef-hero .ef-hero-photo figcaption>strong{font-size:15px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo figcaption>a{width:44px;height:44px;flex-shrink:0}
}
@media(max-width:600px){
 .cx-site .ef-page>.ef-hero .ef-hero-copy{padding:20px}
 .cx-site .ef-page>.ef-hero h1{font-size:25px!important;line-height:1.2;margin-bottom:12px}
 .cx-site .ef-page>.ef-hero .ef-kicker{font-size:10px;line-height:1.5;margin-bottom:8px}
 .cx-site .ef-page>.ef-hero .ef-lead{font-size:13px;line-height:1.6;margin-bottom:14px}
 .cx-site .ef-page>.ef-hero .ef-actions{width:100%;gap:8px}
 .cx-site .ef-page>.ef-hero .ef-actions>.ef-button{flex:1 1 135px;padding:9px 12px;font-size:12px}
 .cx-site .ef-page>.ef-hero .ef-hero-foot{padding-top:14px;font-size:10px;gap:5px 12px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo>img{height:140px;padding:10px 16px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo figcaption{padding:12px 16px 12px 0;gap:7px}
 .cx-site .ef-page>.ef-hero .ef-hero-photo figcaption>strong{font-size:13px}
 .cx-site .ef-page>.ef-promo-hero .ef-hero-copy{width:100%;padding:20px 20px 165px}
 .cx-site .ef-page>.ef-promo-hero .ef-promo-art{height:180px}
 .cx-site .ef-page>.ef-promo-hero:before{background:linear-gradient(180deg,#062135 0%,#062135 60%,#06213500 84%)}
 .cx-site .ef-page .ef-promo-compare{min-height:0}
 .cx-site .ef-page .ef-promo-compare-copy{width:100%;padding:22px 20px 140px}
 .cx-site .ef-page .ef-promo-compare .ef-promo-art{height:135px}
 .cx-site .ef-page .ef-promo-compare:before{background:linear-gradient(180deg,#f4f8fc 0%,#f4f8fc 64%,#f4f8fc00 85%)}
}