.elementor-10577 .elementor-element.elementor-element-7d6ee7d{--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-10577 .elementor-element.elementor-element-e8f140e{--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-10577 .elementor-element.elementor-element-5161659{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-5ac2572{--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-10577 .elementor-element.elementor-element-e86282d{--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-10577 .elementor-element.elementor-element-ebb9182{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-56bcd4f{--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-10577 .elementor-element.elementor-element-ebdea88{--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-10577 .elementor-element.elementor-element-fe6f908{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-a71975f{--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-10577 .elementor-element.elementor-element-e98c244{--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-10577 .elementor-element.elementor-element-4d3d604{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-cd71fb2{--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-10577 .elementor-element.elementor-element-c24c349{--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-10577 .elementor-element.elementor-element-6689030{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-fc485b6{--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-10577 .elementor-element.elementor-element-b7f39dc{--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-10577 .elementor-element.elementor-element-7675d9f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-c21aaaf{--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-10577 .elementor-element.elementor-element-a877b75{--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-10577 .elementor-element.elementor-element-7a64e66{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-30df11f{--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-10577 .elementor-element.elementor-element-de8797a{--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-10577 .elementor-element.elementor-element-c5662f4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-7fec732{--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-10577 .elementor-element.elementor-element-3b9c814{--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-10577 .elementor-element.elementor-element-b09b363{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10577 .elementor-element.elementor-element-c1f63dd{--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-10577 .elementor-element.elementor-element-44c2c0d{--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-10577 .elementor-element.elementor-element-8b28578{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 — SOLAR PANELS PAGE
   FILE:    cr-solar-panels-responsive.css
   VERSION: v1
   DATE:    July 2026

   PURPOSE: All @media queries for the Solar Panels page sections.
   NO @media queries live inside the Elementor HTML widget files —
   WordPress/Elementor strips them silently. This file is enqueued
   separately (Elementor > Custom CSS, or child-theme stylesheet).

   BREAKPOINTS (Bootstrap 5 scale):
   • < 1200px  xl  — collapse 4-col flows, hide gold connector lines
   • < 992px   lg  — collapse 2-col grids to 1-col
   • < 768px   md  — reduce hero/table font sizes
   • < 576px   sm  — full-width buttons, tighten padding

   PREFIX: sp__
   SECTIONS: S1 Hero | S2 Why Install | S3 How It Works |
             S4 System Options | S5 Process | S6 Costs |
             S7 Regulations | S8 Why Choose | S9 FAQ | S10 CTA
   ================================================================ */


/* ── < 1200px ─────────────────────────────────────────────────── */
@media (max-width: 1199px) {

  /* S3 How It Works — collapse 4-col to 2-col, hide connector */
  .sp__how-flow::before        { display: none; }
  .sp__how-flow                { grid-template-columns: repeat(2, 1fr); }

  /* S5 Installation Process — collapse 4-col to 2-col, hide connector */
  .sp__steps::before           { display: none; }
  .sp__steps                   { grid-template-columns: repeat(2, 1fr); }

  /* S10 CTA — tighten gap on mid-size screens */
  .sp__cta-inner               { gap: 40px; }
  .sp__cta-h2                  { font-size: 2rem; }

}


/* ── < 992px ──────────────────────────────────────────────────── */
@media (max-width: 991px) {

  /* S2 Why Install — 2-col to 1-col */
  .sp__why-grid                { grid-template-columns: 1fr; }

  /* S3 How It Works — 2-col to 1-col */
  .sp__how-flow                { grid-template-columns: 1fr; }
  .sp__how-step                { flex-direction: row; gap: 18px; text-align: left; }
  .sp__how-step                { align-items: flex-start; }

  /* S4 System Options — 2-col to 1-col */
  .sp__options-grid            { grid-template-columns: 1fr; }

  /* S5 Installation Process — 2-col to 1-col */
  .sp__steps                   { grid-template-columns: 1fr; }

  /* S6 Costs table — allow horizontal scroll (already wrapped) */
  .sp__costs-table             { min-width: 520px; }

  /* S7 Regulations — 2-col to 1-col */
  .sp__regs-grid               { grid-template-columns: 1fr; }

  /* S8 Why Choose — 2-col to 1-col */
  .sp__choose-grid             { grid-template-columns: 1fr; }

  /* S10 CTA — side-by-side to stacked */
  .sp__cta-inner               { grid-template-columns: 1fr; gap: 40px; }
  .sp__contact-card            { max-width: 500px; }

}


/* ── < 768px ──────────────────────────────────────────────────── */
@media (max-width: 767px) {

  /* S1 Hero */
  .sp__h1                      { font-size: 2.1rem; }

  /* S6 Costs table — tighten font */
  .sp__costs-table             { font-size: 0.82rem; }
  .sp__costs-table th,
  .sp__costs-table td          { padding: 11px 12px; }

  /* S9 FAQ */
  .sp__faq-list                { margin-top: 32px; }

  /* S10 CTA */
  .sp__cta-h2                  { font-size: 1.9rem; }

}


/* ── < 576px ──────────────────────────────────────────────────── */
@media (max-width: 575px) {

  /* All section padding tightened */
  .sp__hero,
  .sp__why,
  .sp__how,
  .sp__options,
  .sp__process,
  .sp__costs,
  .sp__regs,
  .sp__choose,
  .sp__faq,
  .sp__cta                     { padding: 60px 0; }

  /* S1 Hero */
  .sp__h1                      { font-size: 1.8rem; }
  .sp__ctas                    { flex-direction: column; }
  .sp__ctas a                  { width: 100%; text-align: center; }
  .sp__chips                   { gap: 6px; }
  .sp__chip                    { font-size: 0.72rem; padding: 6px 10px; }

  /* All H2s */
  .sp__why-h2,
  .sp__how-h2,
  .sp__options-h2,
  .sp__process-h2,
  .sp__costs-h2,
  .sp__regs-h2,
  .sp__choose-h2,
  .sp__faq-h2,
  .sp__cta-h2                  { font-size: 1.7rem; }

  /* S2 Why Install */
  .sp__why-card                { padding: 20px 18px; }

  /* S4 System Options */
  .sp__option-card             { flex-direction: column; }
  .sp__option-icon             { margin-bottom: 4px; }

  /* S5 Process */
  .sp__step                    { padding: 20px 16px; }

  /* S7 Regulations */
  .sp__key-insight             { flex-direction: column; gap: 12px; }

  /* S8 Why Choose */
  .sp__key-benefit             { flex-direction: column; gap: 12px; }

  /* S9 FAQ */
  .sp__faq-item                { gap: 12px; }

  /* S10 CTA — stack buttons */
  .sp__cta-btns                { flex-direction: column; }
  .sp__cta-btns a              { width: 100%; text-align: center; }
  .sp__contact-card            { padding: 24px 20px; }

}/* End custom CSS */