/* Eliminate the theme and Elementor spacing above this hero, including in the editor preview. */
body:has(.spv-hero) .main-page-wrapper,
body:has(.spv-hero) .site-content{padding-top:0!important;margin-top:0!important}
body:has(.spv-hero) .whb-header{margin-bottom:0!important}
.elementor-top-section:has(.spv-hero),
.e-con:has(.spv-hero){margin-top:0!important;padding-top:0!important}
.elementor-column:has(.spv-hero) > .elementor-widget-wrap,
.elementor-widget-solar_pv_catalog:has(.spv-hero),
.elementor-widget-solar_pv_catalog:has(.spv-hero) > .elementor-widget-container{padding:0!important;margin:0!important}
.spv-hero,.spv-hero *{box-sizing:border-box}
.spv-hero{--spv-accent:#ff7716;--spv-navy:#071e2e;position:relative;z-index:3;isolation:isolate;margin:0!important;min-height:420px;color:#fff!important;font-family:"Segoe UI",Arial,sans-serif;background:#071e2e center/cover no-repeat;text-align:left}
.spv-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,20,31,.97) 0%,rgba(4,20,31,.91) 29%,rgba(4,20,31,.55) 50%,rgba(4,20,31,.05) 76%);pointer-events:none}
.spv-hero .spv-wrap{width:100%;max-width:1680px;min-height:420px;margin:auto;padding:30px 5.2% 27px}
.spv-hero .spv-content{width:56%;max-width:650px}
.spv-hero .spv-kicker{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}
.spv-hero .spv-kicker::before{content:"";width:25px;height:2px;background:var(--spv-accent);flex:none}
.spv-hero h1{margin:0 0 16px!important;color:#fff!important;font-family:inherit!important;font-size:clamp(36px,3.2vw,49px)!important;line-height:1.07!important;font-weight:750!important;letter-spacing:-.045em!important}
.spv-hero h1 span{display:block;color:#ff8a36!important}
.spv-hero .spv-desc{max-width:540px;margin:0 0 20px!important;color:#e3ebef!important;font-size:16px!important;font-weight:400!important;line-height:1.55!important}
.spv-hero .spv-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.spv-hero .spv-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:0 20px;border:1px solid var(--spv-accent);border-radius:6px;background:var(--spv-accent);color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1.2;text-transform:none!important;transition:background .18s,border-color .18s}
.spv-hero .spv-btn:hover{background:#e96408;border-color:#e96408}
.spv-hero .spv-btn.secondary{background:rgba(255,255,255,.045);border-color:rgba(214,232,241,.5)}
.spv-hero .spv-btn.secondary:hover{background:rgba(255,255,255,.12);border-color:#fff}
.spv-hero .spv-search-area{position:relative;width:100%;max-width:560px}
.spv-hero .spv-search-label{display:block;margin:0 0 9px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;font-size:14px!important;font-weight:650!important;line-height:1.3}
.spv-hero .spv-search{display:flex;align-items:stretch;position:relative;height:52px;min-height:52px;margin:0!important;border:1px solid rgba(255,255,255,.95);border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.13)}
.spv-hero .spv-search:focus-within{outline:3px solid rgba(255,138,54,.32);outline-offset:2px}
.spv-hero .spv-search-icon{width:19px;height:19px;flex:none;align-self:center;margin-left:16px;color:#617481;pointer-events:none}
.spv-hero .spv-search input[type="search"]{flex:1;width:0;min-width:0;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#152d3e!important;-webkit-text-fill-color:#152d3e!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:normal!important;box-shadow:none!important;outline:0!important}
.spv-hero .spv-search input::placeholder{color:#6c7a84!important;-webkit-text-fill-color:#6c7a84!important;opacity:1!important}
.spv-hero .spv-search input[type="hidden"]{display:none!important}
.spv-hero .spv-search button{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;width:118px;min-width:118px;height:50px!important;min-height:50px!important;padding:0 14px!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--spv-accent)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1!important;text-transform:none!important;cursor:pointer;box-shadow:none!important}
.spv-hero .spv-search button:hover{background:#e96408!important}
.spv-hero .spv-note{display:flex;align-items:center;gap:8px;margin-top:13px;color:#d2e0e9!important;font-size:11px!important;line-height:1.4}
.spv-hero .spv-note svg{width:16px;height:16px;flex:none;color:#ff9c55}
.spv-hero .spv-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;padding:0;background:#fff;color:#152d3e!important;border:1px solid #e0e7ed;border-radius:9px;box-shadow:0 18px 48px rgba(0,0,0,.26);overflow:hidden}
.spv-hero .spv-dropdown[hidden]{display:none!important}
.spv-hero .spv-status{padding:13px 16px;color:#536774!important;background:#f7f9fb;font-size:12px!important;line-height:1.4;border-bottom:1px solid #edf1f5}
.spv-hero .spv-results-list{max-height:315px;overflow:auto;overscroll-behavior:contain}
.spv-hero .spv-result{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#152d3e!important;text-decoration:none!important;border-bottom:1px solid #edf1f5;background:#fff;outline-offset:-3px}
.spv-hero .spv-result:hover,.spv-hero .spv-result[aria-selected="true"]{background:#fff3e9}
.spv-hero .spv-result img{width:51px;height:51px;object-fit:contain;flex:none;border-radius:4px;background:#fff}
.spv-hero .spv-result-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.spv-hero .spv-result-name{color:#152d3e!important;font-size:13px!important;font-weight:600!important;line-height:1.35}
.spv-hero .spv-result-price{color:#d75700!important;font-size:12px!important;font-weight:700!important;line-height:1.3}
.spv-hero .spv-all-results{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;background:#f7f9fb;color:#15354c!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;line-height:1.4}
.spv-hero a:focus-visible,.spv-hero button:focus-visible{outline:2px solid #ff9c55;outline-offset:3px}
.spv-hero .spv-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px){.spv-hero .spv-content{width:65%}.spv-hero .spv-wrap{padding-left:4%;padding-right:4%}}
@media(max-width:767px){.spv-hero{min-height:0;background-position:57% center}.spv-hero::before{background:linear-gradient(90deg,rgba(4,20,31,.93),rgba(4,20,31,.72))}.spv-hero .spv-wrap{min-height:0;padding:25px 20px 24px}.spv-hero .spv-content{width:100%;max-width:100%}.spv-hero .spv-kicker{font-size:10px!important;letter-spacing:.1em;margin-bottom:17px}.spv-hero h1{font-size:clamp(34px,9.5vw,43px)!important;line-height:1.08!important;margin-bottom:17px!important}.spv-hero .spv-desc{font-size:15px!important;margin-bottom:20px!important;line-height:1.6!important}.spv-hero .spv-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}.spv-hero .spv-btn{min-height:44px;font-size:13px!important;padding:0 17px}.spv-hero .spv-search button{width:93px;min-width:93px;padding:0 10px!important;font-size:13px!important;gap:7px}.spv-hero .spv-search-icon{width:16px;margin-left:12px}.spv-hero .spv-search input[type="search"]{font-size:13px!important;padding:0 9px!important}.spv-hero .spv-search-label{font-size:13px!important}.spv-hero .spv-results-list{max-height:260px}.spv-hero .spv-note{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.spv-hero *{transition:none!important}}



body:has(.spv-hero) .wd-content-layout {
  padding-block-start: 0 !important;
  padding-top: 0 !important;
}


.spv-hero {
  margin-bottom: 28px !important;
}

@media (max-width: 767px) {
  .spv-hero {
    margin-bottom: 20px !important;
  }
}


@media (min-width: 1025px) {
  .spv-hero {
    margin-left: var(--spv-menu-offset, 0px) !important;
    margin-right: 0 !important;
    width: auto !important;
    min-width: 0;
  }

  .spv-hero .spv-wrap {
    padding-left: clamp(16px, 2vw, 32px);
    padding-right: clamp(16px, 2vw, 32px);
  }

  .spv-hero .spv-content {
    width: 100%;
    max-width: 650px;
  }
}


@media (min-width: 1025px) {
  body:has(.spv-hero) .whb-header .wd-header-cats {
    position: relative;
    left: -14px;
  }
}

@media(max-width:767px){
 .elementor-widget-solar_pv_catalog,.elementor-widget-solar_pv_catalog>.elementor-widget-container{overflow:visible!important}
 .spv-hero{width:var(--spv-mobile-width,100vw)!important;max-width:none!important;margin-left:var(--spv-mobile-offset,calc(50% - 50vw))!important;margin-right:0!important;background-size:cover}
 .spv-hero .spv-wrap{width:100%;max-width:none;padding-left:20px;padding-right:20px}
}

@media(max-width:767px){
 .e-con:has(.elementor-widget-solar_pv_catalog),.elementor-section:has(.elementor-widget-solar_pv_catalog){overflow:visible!important}
}

/* Higher specificity than legacy #spv-hero margin rules. */
@media(max-width:767px){
 body .elementor-widget-solar_pv_catalog #spv-hero.spv-hero,
 body .elementor-widget-solar_pv_catalog .spv-hero[id^="spv-hero-"]{
  box-sizing:border-box!important;
  width:var(--spv-mobile-width,100vw)!important;
  max-width:none!important;
  margin-left:var(--spv-mobile-offset,calc(50% - 50vw))!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border-left:0!important;
  border-right:0!important;
 }
 .elementor-column:has(.spv-hero),.elementor-widget-wrap:has(.spv-hero){overflow:visible!important}
}