/* Water Heater Overview: approved furnace mobile components.
   All overrides are scoped to this page and the existing mobile breakpoint. */
@media(max-width:991px){
body.dhc-water-heater-overview-page .dhc-f5-legacy,
body.dhc-water-heater-overview-page>.footer,
body.dhc-water-heater-overview-page #footer,
body.dhc-water-heater-overview-page .footer-sec,
body.dhc-water-heater-overview-page .footer-new,
body.dhc-water-heater-overview-page footer:not(.dhc-f5-footer):not(.dhc-uniform-mobile-footer){display:none!important}
body.dhc-water-heater-overview-page .dhc-f5-product>img{width:100%!important;max-width:355px!important;height:260px!important;max-height:none!important;object-fit:contain!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-f5-mobile .dhc-f5-heading h2{text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-upgrade>.dhc-f5-heading{margin-bottom:26px!important}
body.dhc-water-heater-overview-page .dhc-f5-feature-visual img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:0!important}
body.dhc-water-heater-overview-page .dhc-f5-benefits p,
body.dhc-water-heater-overview-page .dhc-f5-proof-support p,
body.dhc-water-heater-overview-page .dhc-f5-why-grid p{text-wrap:balance!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-support h3{font-size:19px!important;line-height:1.3!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-proof-main h3{font-size:21px!important;line-height:1.3!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-proof-icon{width:60px!important;height:60px!important;padding:12px!important;box-sizing:border-box!important;background:#edf5f9!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(8,47,82,.06)}
body.dhc-water-heater-overview-page .dhc-f5-proof-icon img{width:36px!important;height:36px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-icon img,
body.dhc-water-heater-overview-page .dhc-f5-stage-icon img,
body.dhc-water-heater-overview-page .dhc-f5-why-grid>article>span img,
body.dhc-water-heater-overview-page .dhc-whov-support-icons img{filter:brightness(0) saturate(100%) invert(55%) sepia(91%) saturate(1820%) hue-rotate(346deg) brightness(101%) contrast(94%)!important}
body.dhc-water-heater-overview-page .dhc-f5-why-grid h3{font-size:14px!important;line-height:1.3!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-why-grid p{font-size:14px!important;line-height:1.45!important}
body.dhc-water-heater-overview-page .dhc-f5-why-last{width:calc((100% - 22px)/2)!important}
/* Separate logo cards and the same two-card carousel used on completed pages. */
body.dhc-water-heater-overview-page .dhc-f5-brand-track{width:calc(100% - 40px)!important;margin:30px 20px 0!important;display:flex!important;gap:12px!important;padding:6px 0 14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-overflow-scrolling:touch}
body.dhc-water-heater-overview-page .dhc-f5-brand-track>div{flex:0 0 calc((100% - 12px)/2)!important;min-width:0!important;height:94px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:15px!important;background:#fff!important;border:1px solid #dce5ea!important;border-radius:14px!important;scroll-snap-align:start!important;box-sizing:border-box!important}
body.dhc-water-heater-overview-page .dhc-f5-brand-track img{display:block!important;width:100%!important;max-width:130px!important;height:52px!important;max-height:52px!important;object-fit:contain!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-f5-brand-dots{display:flex!important;justify-content:center!important;gap:6px!important;margin-top:14px!important}
body.dhc-water-heater-overview-page .dhc-f5-brand-dots i{width:6px;height:6px;background:#c9d7e1;border-radius:50%}
body.dhc-water-heater-overview-page .dhc-f5-brand-dots i.dhc-rb-current{background:#f47721}
/* Full original source chapters use the furnace page's open editorial layout. */
body.dhc-water-heater-overview-page .dhc-f5-depth-body{padding:20px!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-depth-body h2{color:#082f52!important;text-align:left!important;font-size:19px!important;line-height:1.25!important;margin:5px 0 16px!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-depth-body :is(h3,h4){color:#082f52!important;text-align:left!important;font-size:17px!important;line-height:1.3!important;margin:25px 0 10px!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-depth-body :is(p,li){color:#5f7788!important;line-height:1.58!important;font-size:16px!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-depth-body p{margin:0 0 18px!important}
body.dhc-water-heater-overview-page .dhc-f5-depth-body strong{display:inline!important}
body.dhc-water-heater-overview-page .dhc-f5-depth-body :is(figure,p):last-child{margin-bottom:0!important}
body.dhc-water-heater-overview-page .dhc-f5-depth-body ul{margin-bottom:24px!important}
body.dhc-water-heater-overview-page .dhc-f5-deep-dark>summary{background:#fff!important}
body.dhc-water-heater-overview-page .dhc-f5-deep-dark>summary strong{color:#082f52!important}
body.dhc-water-heater-overview-page .dhc-f5-deep-dark>summary small{color:#f47721!important}
body.dhc-water-heater-overview-page .dhc-f5-deep-dark[open] .dhc-f5-depth-body strong{color:inherit!important}
body.dhc-water-heater-overview-page .dhc-f5-knowledge summary{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:14px!important;align-items:center!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-knowledge summary>span{min-width:0!important;margin:0!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-knowledge summary strong{display:block;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-knowledge summary small{display:block!important;color:#f47721!important;line-height:1.4!important;margin-top:5px!important}
body.dhc-water-heater-overview-page .dhc-f5-knowledge summary>b{margin:0!important}
body.dhc-water-heater-overview-page .dhc-wh-rating{text-align:center!important;padding:20px 12px;margin:20px 0 24px!important;border-radius:14px;background:#f3f8fb;line-height:1.5!important}
body.dhc-water-heater-overview-page .dhc-wh-rating-stars{display:block;color:#f47721;font-size:25px;letter-spacing:4px;line-height:1;margin:0 0 12px}
body.dhc-water-heater-overview-page .dhc-wh-rating strong{display:inline;color:#082f52!important}
body.dhc-water-heater-overview-page .dhc-f5-mobile .dhc-f5-depth-body p.dhc-wh-rating{text-align:center!important}
body.dhc-water-heater-overview-page .dhc-whov-support-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
body.dhc-water-heater-overview-page .dhc-whov-support-icons>div{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 12px;background:#f3f8fb;border:1px solid #dce5ea;border-radius:14px;font-size:14px;font-weight:600;text-align:center;color:#082f52}
body.dhc-water-heater-overview-page .dhc-whov-support-icons img{width:44px!important;height:44px!important;object-fit:contain!important}
/* Resource photos/cards retain all source copy, with safe edges at both ends. */
body.dhc-water-heater-overview-page .dhc-f5-article-track{width:calc(100% - 40px)!important;margin:31px 20px 0!important;padding:0 0 12px!important;gap:14px!important;align-items:stretch!important;scroll-padding-inline:0!important}
body.dhc-water-heater-overview-page .dhc-whov-resource{flex:0 0 min(78vw,330px);display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce5ea;border-radius:15px;scroll-snap-align:start}
body.dhc-water-heater-overview-page .dhc-whov-resource>img{display:block!important;width:100%!important;height:170px!important;max-height:170px!important;object-fit:cover!important;margin:0!important;border:0!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-whov-resource>div{display:flex;flex-direction:column;flex:1;padding:18px}
body.dhc-water-heater-overview-page .dhc-whov-resource .dhc-whov-resource-kicker{display:block;color:#f47721;font-weight:800;font-size:9px;letter-spacing:1px;margin:0!important}
body.dhc-water-heater-overview-page .dhc-whov-resource h3{font-size:17px!important;color:#082f52!important;line-height:1.3!important;margin:10px 0!important;text-align:left!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-whov-resource p{font-size:14px!important;color:#60798a!important;line-height:1.55!important;margin:0 0 18px!important}
body.dhc-water-heater-overview-page .dhc-whov-resource p :is(strong,span,em){display:inline!important;position:static!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important}
body.dhc-water-heater-overview-page .dhc-whov-resource-link{display:block;margin-top:auto;padding-top:12px;color:#075a97!important;font-weight:700;font-size:14px}
body.dhc-water-heater-overview-page .dhc-f5-rental-copy{margin:0!important}
body.dhc-water-heater-overview-page .dhc-f5-rental-copy .dhc-f5-primary,
body.dhc-water-heater-overview-page .dhc-whov-source-cta{display:flex!important;align-items:center;justify-content:center;position:static!important;inset:auto!important;transform:none!important;background:#f47721!important;color:#fff!important;border:0!important;min-height:48px;padding:14px 18px;border-radius:10px;font-weight:700;text-align:center;margin:24px 0 0!important}
body.dhc-water-heater-overview-page .dhc-f5-faq{padding:44px 20px!important;margin:0 auto!important;border-top:0!important;max-width:none!important}
body.dhc-water-heater-overview-page .dhc-f5-faq-item summary{text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-faq-item>div p{font-size:16px!important;line-height:1.65!important;margin:0 0 16px!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-f5-option:not(.dhc-f5-option-dark){border:1px solid #dce5ea!important;border-top:4px solid #f47721!important}
body.dhc-water-heater-overview-page .dhc-f5-option>a{background:#f47721!important;color:#fff!important}
body.dhc-water-heater-overview-page .dhc-f5-options-details{margin-top:22px!important}
body.dhc-water-heater-overview-page #dhc-f5-contact-slot .terms-check{display:block!important;width:100%!important;height:auto!important;margin:14px 0 20px!important}
body.dhc-water-heater-overview-page #dhc-f5-contact-slot .wpcf7-checkbox label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important}
body.dhc-water-heater-overview-page #dhc-f5-contact-slot .wpcf7-list-item{display:block!important;margin:0!important;width:100%!important}
body.dhc-water-heater-overview-page #dhc-f5-contact-slot .wpcf7-list-item-label{display:block!important;width:auto!important;font-size:14px!important;line-height:1.5!important;color:#29465d!important}
body.dhc-water-heater-overview-page #dhc-f5-contact-slot input[type=checkbox]{width:16px!important;height:16px!important;margin:3px 0 0!important;appearance:auto!important}
body.dhc-water-heater-overview-page .dhc-whov-newsletter{padding:44px 20px!important;text-align:center;background:#f3f8fb}
body.dhc-water-heater-overview-page .dhc-whov-newsletter>a{max-width:560px;margin:24px auto 0}
body.dhc-water-heater-overview-page .dhc-f5-mobile a:focus-visible,
body.dhc-water-heater-overview-page .dhc-f5-mobile summary:focus-visible{outline:3px solid #f47721;outline-offset:4px}
body.dhc-water-heater-overview-page .modal{z-index:100005!important}
body.dhc-water-heater-overview-page .modal-backdrop{z-index:100004!important}
body.dhc-water-heater-overview-page:has(#dhc-mobile-nav.is-open) .mobile-btns,
body.dhc-water-heater-overview-page.modal-open .mobile-btns{display:none!important}
}
@media(max-width:350px){
body.dhc-water-heater-overview-page .dhc-f5-why-grid p{font-size:12.5px!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-support p{max-width:150px!important}
}
@media(min-width:992px){
body.dhc-water-heater-overview-page .dhc-f5-mobile{display:none!important}
body.dhc-water-heater-overview-page .dhc-f5-legacy{display:contents!important}
}
/* Overview-only composition using the approved spacing, navy type and orange accents. */
@media(max-width:991px){
body.dhc-water-heater-overview-page .dhc-f5-mobile{overflow:visible}
body.dhc-water-heater-overview-page .dhc-f5-hero h1{font-size:32px!important;line-height:1.14!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-product>img{height:280px!important;max-width:355px!important;object-fit:cover!important;object-position:right center!important;border-radius:14px!important}
body.dhc-water-heater-overview-page .dhc-whov-section{padding:44px 20px!important;margin:0!important;background:#fff}
body.dhc-water-heater-overview-page .dhc-whov-section:nth-of-type(even){background:#f3f8fb}
body.dhc-water-heater-overview-page .dhc-whov-section>.dhc-f5-heading{margin:0 0 26px!important;padding:0!important}
body.dhc-water-heater-overview-page .dhc-whov-section>.dhc-f5-heading h2{font-size:29px!important;line-height:1.2!important;color:#082f52!important;text-align:center!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-whov-section>.dhc-f5-heading p{font-size:16px!important;line-height:1.58!important;text-align:center!important;margin:16px 0 0!important}
body.dhc-water-heater-overview-page .dhc-whov-section>h2{font-size:24px!important;line-height:1.25!important;text-align:center!important;color:#082f52!important;margin:28px 0 14px!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-whov-section>p{font-size:16px!important;line-height:1.58!important;color:#5f7788!important;margin:0 0 20px!important}
body.dhc-water-heater-overview-page .dhc-whov-section strong{display:inline!important;color:inherit!important}
body.dhc-water-heater-overview-page .dhc-whov-photo-grid{display:grid;gap:20px;margin-top:26px}
body.dhc-water-heater-overview-page .dhc-whov-photo-card{background:#fff;border:1px solid #dce5ea;border-top:4px solid #f47721;border-radius:16px;box-shadow:0 9px 22px rgba(8,47,82,.06);overflow:hidden;min-width:0}
body.dhc-water-heater-overview-page .dhc-whov-photo-card>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border:0!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-whov-photo-copy{padding:22px}
body.dhc-water-heater-overview-page .dhc-whov-photo-copy :is(h3,h4){font-size:19px!important;line-height:1.3!important;color:#082f52!important;margin:0 0 14px!important;text-wrap:balance;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-whov-photo-copy p{font-size:16px!important;line-height:1.58!important;color:#5f7788!important;margin:0!important;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-whov-feature{margin:26px 0!important;overflow:hidden;border-radius:16px;box-shadow:0 12px 24px rgba(8,47,82,.10);border:0!important}
body.dhc-water-heater-overview-page .dhc-whov-feature img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;border:0!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-f5-confidence .dhc-f5-heading h2{font-size:29px!important;line-height:1.2!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-confidence>.dhc-f5-heading{margin-bottom:28px!important}
body.dhc-water-heater-overview-page .dhc-f5-confidence .dhc-f5-proof-main{padding:25px!important;grid-template-columns:minmax(0,1fr)!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-support h3{font-size:18px!important}
body.dhc-water-heater-overview-page .dhc-whov-closing{padding:44px 20px!important;margin:0!important;background:#082f52!important}
body.dhc-water-heater-overview-page .dhc-whov-closing .dhc-f5-rental-copy{padding:0!important;text-align:center!important}
body.dhc-water-heater-overview-page .dhc-whov-closing h2{font-size:29px!important;line-height:1.2!important;color:#fff!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-whov-closing p{font-size:16px!important;line-height:1.58!important;color:#dbe6ee!important}
body.dhc-water-heater-overview-page .dhc-whov-closing .dhc-f5-primary{max-width:560px!important;margin:24px auto 0!important}
body.dhc-water-heater-overview-page .dhc-whov-advice-grid{display:grid;gap:20px}
body.dhc-water-heater-overview-page .dhc-whov-advice-card{background:#fff;border:1px solid #dce5ea;border-top:4px solid #f47721;border-radius:16px;padding:22px;box-shadow:0 8px 20px rgba(8,47,82,.05)}
body.dhc-water-heater-overview-page .dhc-whov-advice-card h3{font-size:21px!important;line-height:1.3!important;color:#082f52!important;text-wrap:balance;margin:0 0 14px!important}
body.dhc-water-heater-overview-page .dhc-whov-advice-card p{font-size:16px!important;line-height:1.58!important;color:#5f7788!important;margin:0!important}
body.dhc-water-heater-overview-page .dhc-whov-options{padding:0!important;margin-top:28px!important;background:transparent!important}
body.dhc-water-heater-overview-page .dhc-whov-options h3{font-size:24px!important;line-height:1.25!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-whov-section ul{margin:18px 0!important;padding-left:22px!important;color:#5f7788!important}
body.dhc-water-heater-overview-page .dhc-whov-section li{font-size:16px!important;line-height:1.58!important;margin:10px 0!important}
body.dhc-water-heater-overview-page .dhc-f5-faq{background:#f3f8fb!important}
body.dhc-water-heater-overview-page .dhc-f5-faq-head h3{color:#082f52!important;line-height:1.2!important;text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-faq-head p{color:#5f7788!important}
body.dhc-water-heater-overview-page .dhc-f5-contact>.dhc-f5-heading h2{text-wrap:balance}
body.dhc-water-heater-overview-page .dhc-f5-contact>.dhc-f5-heading p{font-size:16px!important;line-height:1.58!important}
}
@media(min-width:600px) and (max-width:991px){
body.dhc-water-heater-overview-page .dhc-whov-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.dhc-water-heater-overview-page .dhc-whov-photo-card{display:flex;flex-direction:column}
body.dhc-water-heater-overview-page .dhc-whov-photo-card>img{height:auto!important;object-fit:contain!important}
}
@media(max-width:991px){
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option{background:#fff!important;margin:0 0 20px!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option h3{color:#082f52!important;font-weight:760!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option p{color:#5f7788!important;font-size:16px!important;line-height:1.58!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option-dark{background:#082f52!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option-dark h3{color:#fff!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option-dark p{color:#dbe6ee!important}
body.dhc-water-heater-overview-page .dhc-whov-options .dhc-f5-option:last-child{margin-bottom:0!important}
body.dhc-water-heater-overview-page .dhc-wh-rating-stars{font-family:Arial,sans-serif!important}
body.dhc-water-heater-overview-page .dhc-f5-trust>div>strong{min-height:30px;display:flex;align-items:center;justify-content:center}
body.dhc-water-heater-overview-page .dhc-f5-trust>div>span{max-width:100px;margin:0 auto;text-wrap:balance}
}

@media(max-width:991px){body.dhc-water-heater-overview-page .dhc-whov-review-count{display:block;margin-top:8px;font-size:12px;color:#5f7788}}

/* Source photos and typography in the approved furnace component language. */
@media(max-width:991px){
body.dhc-water-heater-overview-page .dhc-whov-card-visual{margin:0;position:relative;background:#082f52;overflow:hidden}
body.dhc-water-heater-overview-page .dhc-whov-card-visual>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:0!important;filter:none!important;margin:0!important}
body.dhc-water-heater-overview-page .dhc-whov-photo-title{padding:20px 22px;background:linear-gradient(120deg,#082f52,#075a97)}
body.dhc-water-heater-overview-page .dhc-whov-photo-title :is(h3,h4){margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.3!important;text-wrap:balance;text-align:left!important}
body.dhc-water-heater-overview-page .dhc-whov-step-heading{position:relative;padding-left:48px!important;min-height:36px;display:flex;align-items:center;flex-wrap:wrap;gap:0 5px}
body.dhc-water-heater-overview-page .dhc-whov-step-heading::before{content:attr(data-step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#082f52;color:#fff;font-size:11px;font-weight:800}
body.dhc-water-heater-overview-page .dhc-f5-depth-body :is(h3,h4){border-left:3px solid #f47721;padding-left:12px!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-icon{background:#fff5ed!important;border:1px solid #f8e5d6!important;box-shadow:0 5px 12px rgba(8,47,82,.07)!important}
body.dhc-water-heater-overview-page .dhc-f5-proof-icon img{opacity:1!important}
body.dhc-water-heater-overview-page .dhc-f5-trust img{opacity:1!important;filter:none!important}
body.dhc-water-heater-overview-page .dhc-whov-feature.dhc-f5-feature-visual{height:auto!important;min-height:0!important;max-height:none!important}
body.dhc-water-heater-overview-page .dhc-whov-section>.dhc-f5-heading h2{font-size:27px!important;line-height:1.23!important}
body.dhc-water-heater-overview-page .dhc-whov-photo-grid{gap:20px!important}
}
@media(min-width:600px) and (max-width:991px){
body.dhc-water-heater-overview-page .dhc-whov-section{padding-inline:max(20px,calc((100vw - 720px)/2))!important}
body.dhc-water-heater-overview-page .dhc-whov-card-visual{display:flex;flex-direction:column}
body.dhc-water-heater-overview-page .dhc-whov-photo-title{flex:1}
}