.solar-panels-products-page .solar-catalog-hero { background-image: url("../../images/product/solar%20panels/solar-panel-category-banner.webp"); background-position: center center; }
.solar-panels-products-page .residential-catalog { padding-bottom: 50px; }
.solar-panels-products-page .residential-catalog .products-intro { max-width: 760px; margin-inline: auto; text-align: center; }
.solar-panels-products-page .residential-catalog .products-marker { margin-bottom: 15px; }
.solar-panels-products-page .residential-catalog .featured-product-grid { align-items: stretch; }
.solar-panels-products-page .residential-catalog .featured-product { height: 100%; display: flex; flex-direction: column; }
.solar-panels-products-page .residential-catalog .featured-product__body { flex: 1; display: flex; flex-direction: column; }
.solar-panels-products-page .residential-catalog .featured-product__actions { margin-top: auto; }
.solar-panels-products-page .residential-scenarios { background: #fff; }
.solar-panels-products-page .residential-scenario-grid { gap: 20px; }
.solar-panels-products-page .residential-scenario-grid article { min-height: 188px; padding-inline: 21px; background: #fafafa; }
.solar-panels-products-page .residential-scenario-grid h3 { color: #000; }
.solar-panels-products-page .residential-supply { background: #fff; }
.solar-panels-products-page .residential-supply-grid { align-items: stretch; gap: 24px 40px; }
.solar-panels-products-page .residential-supply-grid article { min-height: 126px; box-sizing: border-box; }
.solar-panels-products-page .residential-supply-grid .iconfont { align-self: center; }
.solar-panels-products-page .solar-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 40px; }
.solar-panels-products-page .solar-product-grid .featured-product__body { min-height: 135px; }
.solar-panels-products-page .solar-product-grid .featured-product h3 { margin-bottom: 5px; font-size: 22px; line-height: 26px; }
.solar-panels-products-page .residential-catalog .featured-product__tags { gap: 5px 14px; }
/* Keep the certificate artwork at its design size without a jump at 1420px. */
.solar-panels-products-page .products-certificates img { max-width: 1295px; margin-inline: auto; }
@media (min-width: 641px) {
  .solar-panels-products-page .products-faq { padding-top: 68px; }
  .solar-panels-products-page .product-faq-list { gap: 24px; }
  .solar-panels-products-page .product-faq-list details:first-child[open] { margin-bottom: -14px; }
  .solar-panels-products-page .product-faq-list summary { font-size: 18px; }
  .solar-panels-products-page .product-faq-list details p { padding-bottom: 20px; font-size: 18px; line-height: 26px; }
  .solar-panels-products-page .products-certificates { padding: 54px 0 39px; }
  .solar-panels-products-page .products-certificates > .site-container { width: min(calc(100% - 48px), 1295px); }
  .solar-panels-products-page .products-certificates .products-marker { margin: 10px auto 16px; }
}
@media (max-width: 1160px) {
  .solar-panels-products-page .solar-product-grid { gap: 24px; }
}

@media (max-width: 640px) {
  .solar-panels-products-page .products-certificates .products-marker { margin: 10px auto 12px; }
  .solar-panels-products-page .residential-catalog .products-marker { margin-bottom: 24px; }
  .solar-panels-products-page .solar-product-grid { grid-template-columns: 1fr; gap: 20px; }
  .solar-panels-products-page .solar-product-grid .featured-product { max-width: 440px; width: 100%; justify-self: center; }
  .solar-panels-products-page .residential-scenario-grid article { min-height: 0; padding: 26px 22px; }
  .solar-panels-products-page .residential-supply-grid article { min-height: 0; }
}