.elementor-10559 .elementor-element.elementor-element-258754e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-c2942e2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-7cc35bb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-1539e1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-a4c6581{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-ef082ac{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-f5667bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-45d42ad{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-406d7d6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-5888379{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-48e784f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-2503486{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-5108bf7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-d0f75b2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-4090b8d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-73d9986{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-0d93794{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-683dc98{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-e8bc96f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-2f5cf6d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-d0a57fb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-1ff58d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-fe548be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-3b87da3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10559 .elementor-element.elementor-element-780498c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-8ae4123{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10559 .elementor-element.elementor-element-b5929a2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//*
  ============================================================
  COMPLIANT RETROFITS — COMMERCIAL HEAT PUMPS RESPONSIVE CSS
  FILE:    cr-commercial-heat-pumps-responsive.css
  VERSION: v1
  DATE:    July 2026
  PREFIX:  cchp__

  GOLDEN RULE: @media queries must NEVER live inside
  Elementor HTML widget <style> blocks — WordPress/Elementor
  strips them silently. ALL responsive rules go here ONLY.

  HOW TO ENQUEUE IN WORDPRESS:
  Add to functions.php alongside cr-shared.css:

    wp_enqueue_style(
      'cr-commercial-heat-pumps-responsive',
      get_template_directory_uri() . '/css/cr-commercial-heat-pumps-responsive.css',
      array(),
      '1.0'
    );

  BUS grant figures verified: July 2026
  Re-verify at gov.uk/apply-boiler-upgrade-scheme before any update
  ============================================================
*/

/* ---- XL and below (< 1200px): apps-grid drops from 4 to 3 cols ---- */
@media (max-width: 1199.98px) {
  .cchp__apps-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---- LG and below (< 992px): grids narrow ---- */
@media (max-width: 991.98px) {
  .cchp__why-grid     { grid-template-columns: repeat(2, 1fr); }
  .cchp__apps-grid    { grid-template-columns: repeat(2, 1fr); }
  .cchp__steps        { grid-template-columns: repeat(2, 1fr); }
  .cchp__steps::before { display: none; }
  .cchp__cta-grid     { grid-template-columns: 1fr; }
  .cchp__contact-card { min-width: unset; }
}

/* ---- MD and below (< 768px): single column ---- */
@media (max-width: 767.98px) {
  .cchp__h1           { font-size: 2.1rem; }
  .cchp__why-grid     { grid-template-columns: 1fr; }
  .cchp__apps-grid    { grid-template-columns: 1fr; }
  .cchp__steps        { grid-template-columns: 1fr; }
  .cchp__regs-grid    { grid-template-columns: 1fr; }
  .cchp__choose-grid  { grid-template-columns: 1fr; }
}

/* ---- XS (< 576px): mobile portrait ---- */
@media (max-width: 575.98px) {
  .cchp__hero { padding: 60px 0; }
  .cchp__why, .cchp__apps, .cchp__sizing, .cchp__process,
  .cchp__regs, .cchp__choose, .cchp__faq, .cchp__cta { padding: 60px 0; }
  .cchp__h1        { font-size: 1.8rem; }
  .cchp__ctas      { flex-direction: column; }
  .cchp__cta-btns  { flex-direction: column; }
}/* End custom CSS */