
/* Complete card styles, scoped to homepage; no external card CSS dependency. */
.spvh .spvg-card,.spvh .spvg-card *{box-sizing:border-box}
.spvh .spvg-card{display:flex;flex-direction:column;align-items:stretch;gap:11px;height:100%;min-width:0;padding:14px 12px 17px;background:#fff;color:#102d43;text-align:center;font-family:inherit}
.spvh .spvg-card .spvg-photo{display:flex;align-items:center;justify-content:center;width:100%;height:195px;padding:14px 14px 10px}
.spvh .spvg-card .spvg-photo img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;margin:0;border:0}
.spvh .spvg-card h3.spvg-title{margin:9px 0 0;font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;min-height:59px;letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.spvh .spvg-card h3.spvg-title a{font:inherit;color:#102d43;text-decoration:none}
.spvh .spvg-card .spvg-brand{display:flex;align-items:center;justify-content:center;min-height:27px;margin:4px 0;font-size:10px;color:#84909c}
.spvh .spvg-card .spvg-brand img{display:block;width:auto;max-width:86px;height:24px;object-fit:contain;margin:0}
.spvh .spvg-card .spvg-attributes{width:100%;min-height:84px;display:flex;flex-direction:column;gap:7px;padding:11px 0;margin:0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;text-align:left}
.spvh .spvg-card .spvg-attributes>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.spvh .spvg-card .spvg-attributes dt{flex:1;min-width:0;margin:0;color:#7b8694;font-size:10px;line-height:1.4;font-weight:400;overflow-wrap:anywhere}
.spvh .spvg-card .spvg-attributes dd{flex:0 1 56%;max-width:56%;margin:0;text-align:right;color:#102d43;font-size:12px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.spvh .spvg-card .spvg-price{margin-top:auto;padding-top:7px;color:#ed6a0b;font-size:23px;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.spvh .spvg-card .spvg-price :is(.amount,ins){font-size:inherit;font-weight:inherit;color:inherit;background:none;text-decoration:none}
.spvh .spvg-card .spvg-price del{display:block;color:#93a0ac;font-size:11px;font-weight:400;letter-spacing:0}
.spvh .spvg-card .spvg-price .woocommerce-price-suffix{font-size:9px;font-weight:400;color:#84909c;letter-spacing:0}
.spvh .spvg-card .spvg-stock{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#39714c;font-size:11px;line-height:1.4;text-decoration:none;margin:1px 0 2px}
.spvh .spvg-card .spvg-stock:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.spvh .spvg-card .spvg-stock.out{color:#be3f35}.spvh .spvg-card .spvg-stock.order{color:#ad6b19}
.spvh .spvg-card .spvg-cart{display:flex;align-items:center;justify-content:center;align-self:center;min-width:160px;max-width:100%;min-height:43px;height:auto;padding:11px 18px;margin:0;border:0;border-radius:3px;background:#102d43;color:#fff;font-family:inherit;font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase;text-decoration:none;box-shadow:none}
.spvh .spvg-card .spvg-cart:hover{background:#ff7716;color:#fff}.spvh .spvg-card .spvg-cart:disabled{opacity:.45;cursor:not-allowed}
.spvh .spvg-card .added_to_cart{font-size:11px;color:#102d43;text-decoration:underline}
.spvh .spvg-card :is(a,button):focus-visible{outline:3px solid #ffae74;outline-offset:3px}
@media(max-width:767px){.spvh .spvg-card{gap:9px;padding:9px 9px 13px}.spvh .spvg-card .spvg-photo{height:155px;padding:10px}.spvh .spvg-card h3.spvg-title{font-size:12px;min-height:51px;margin-top:5px}.spvh .spvg-card .spvg-brand{min-height:24px;margin:1px 0}.spvh .spvg-card .spvg-brand img{max-width:72px;height:21px}.spvh .spvg-card .spvg-attributes{min-height:79px;gap:6px;padding:9px 0}.spvh .spvg-card .spvg-attributes dt{font-size:9px}.spvh .spvg-card .spvg-attributes dd{font-size:11px}.spvh .spvg-card .spvg-price{font-size:19px;padding-top:5px}.spvh .spvg-card .spvg-stock{font-size:10px}.spvh .spvg-card .spvg-cart{min-width:0;width:100%;min-height:39px;padding:10px 7px;font-size:9px}}
@media(max-width:359px){.spvh .spvg-card .spvg-photo{height:140px}.spvh .spvg-card .spvg-price{font-size:17px}}

.spvh .spvg-card {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:175px 42px 22px minmax(72px,auto) 52px 16px 42px !important;
  align-content:start !important;
  align-items:stretch !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  padding:10px 12px 14px !important;
  background:#fff !important;
  color:#102d43 !important;
  text-align:center !important;
}
.spvh .spvg-card .spvg-photo {grid-row:1;display:flex !important;align-items:center;justify-content:center;height:175px !important;width:100% !important;padding:8px 14px !important;margin:0 !important;overflow:hidden}
.spvh .spvg-card .spvg-photo img {width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;margin:0 !important}
.spvh .spvg-card h3.spvg-title {grid-row:2;margin:0 !important;min-height:0 !important;height:42px !important;font-size:14px !important;line-height:21px !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:none !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical;overflow:hidden !important}
.spvh .spvg-card h3.spvg-title a {font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;color:#102d43 !important}
.spvh .spvg-card .spvg-brand {grid-row:3;display:flex !important;justify-content:center;align-items:center;height:22px !important;min-height:0 !important;margin:0 !important;font-size:10px !important;color:#84909c !important}
.spvh .spvg-card .spvg-brand img {width:auto !important;height:19px !important;max-height:19px !important;max-width:70px !important;object-fit:contain !important;margin:0 !important}
.spvh .spvg-card .spvg-attributes {grid-row:4;display:flex !important;flex-direction:column;justify-content:center;gap:4px !important;min-height:72px !important;padding:7px 0 !important;margin:0 !important;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.spvh .spvg-card .spvg-attributes>div {display:flex !important;align-items:baseline;justify-content:space-between;gap:8px !important;margin:0 !important}
.spvh .spvg-card .spvg-attributes dt {flex:1;min-width:0;margin:0 !important;text-align:left !important;font-size:10px !important;line-height:15px !important;font-weight:400 !important;color:#84909c !important;overflow-wrap:anywhere}
.spvh .spvg-card .spvg-attributes dd {flex:0 1 60%;max-width:60% !important;margin:0 !important;text-align:right !important;font-size:11px !important;line-height:15px !important;font-weight:700 !important;color:#102d43 !important;overflow-wrap:anywhere}
.spvh .spvg-card .spvg-price {grid-row:5;position:relative !important;height:52px !important;margin:0 !important;padding:13px 0 0 !important;font-size:20px !important;line-height:24px !important;font-weight:800 !important;color:#ed6a0b !important;letter-spacing:-.025em !important}
.spvh .spvg-card .spvg-price :is(ins,.amount,bdi) {font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;color:inherit !important;background:none !important;text-decoration:none !important}
.spvh .spvg-card .spvg-price del {display:block !important;position:absolute !important;top:0;left:0;right:0;font-size:10px !important;line-height:14px !important;font-weight:400 !important;color:#93a0ac !important;letter-spacing:0 !important}
.spvh .spvg-card .spvg-price .woocommerce-price-suffix {display:block !important;margin:2px 0 0 !important;font-size:9px !important;line-height:12px !important;font-weight:400 !important;color:#84909c !important;letter-spacing:0 !important;white-space:normal !important;overflow-wrap:anywhere}
.spvh .spvg-card .spvg-stock {grid-row:6;display:flex !important;justify-content:center;align-items:center;height:16px !important;margin:0 !important;padding:0 !important;font-size:11px !important;line-height:16px !important}
.spvh .spvg-card .spvg-cart {grid-row:7;justify-self:center !important;align-self:stretch !important;display:flex !important;align-items:center;justify-content:center;width:164px !important;min-width:0 !important;max-width:100% !important;height:42px !important;min-height:0 !important;margin:0 !important;padding:9px 12px !important;border-radius:2px !important;font-size:11px !important;line-height:16px !important;font-weight:700 !important;text-transform:uppercase !important}
.spvh .spvg-card .added_to_cart {grid-row:8;margin:0 !important;font-size:11px !important}
@media(max-width:767px) {
  .spvh .spvg-card {grid-template-rows:140px 51px 22px minmax(78px,auto) 52px 16px 40px !important;gap:5px !important;padding:8px 8px 12px !important}
  .spvh .spvg-card .spvg-photo {height:140px !important;padding:8px !important}
  .spvh .spvg-card h3.spvg-title {height:51px !important;font-size:12px !important;line-height:17px !important;-webkit-line-clamp:3 !important}
  .spvh .spvg-card .spvg-brand {height:22px !important}
  .spvh .spvg-card .spvg-brand img {height:18px !important;max-height:18px !important;max-width:60px !important}
  .spvh .spvg-card .spvg-attributes {min-height:78px !important;padding:7px 0 !important}
  .spvh .spvg-card .spvg-attributes dt {font-size:9px !important;line-height:14px !important}
  .spvh .spvg-card .spvg-attributes dd {font-size:10px !important;line-height:14px !important}
  .spvh .spvg-card .spvg-price {font-size:17px !important;line-height:24px !important}
  .spvh .spvg-card .spvg-price .woocommerce-price-suffix {font-size:8px !important;line-height:11px !important}
  .spvh .spvg-card .spvg-stock {font-size:10px !important}
  .spvh .spvg-card .spvg-cart {width:100% !important;height:40px !important;padding:8px 5px !important;font-size:9px !important;line-height:14px !important}
}
@media(max-width:359px) {.spvh .spvg-card .spvg-price {font-size:15px !important}}

.spvh .spvg-card .spvg-cart{background:#102d43!important;color:#fff!important;border:0!important;box-shadow:none!important;text-decoration:none!important}
.spvh .spvg-card .spvg-cart:hover{background:#ff7716!important;color:#fff!important}
.spvh .spvg-card .spvg-stock{color:#39714c!important;text-decoration:none!important}
.spvh .spvg-card .spvg-stock.out{color:#be3f35!important}.spvh .spvg-card .spvg-stock.order{color:#ad6b19!important}

.spvh,.spvh *{box-sizing:border-box}.spvh{color:#102d43;background:#fff;font-family:inherit}
.spvh-wrap{max-width:1600px;margin:0 auto;padding:34px 4.5% 38px}
.spvh-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;align-items:start}
:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-side{order:2}:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-main{order:1}
.spvh-layout.spvh-no-feature{grid-template-columns:minmax(0,1fr)!important}.spvh-main,.spvh-feature{min-width:0}.spvh-feature-heading{margin:0 0 12px;font-size:12px;font-weight:600;color:#84909c}

.spvh-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:48px;border-bottom:1px solid #e4e7eb;margin-bottom:18px}
.spvh h2{position:relative;flex:none;margin:0!important;padding:13px 0;color:#102d43;font-family:inherit;font-size:19px!important;font-weight:750;line-height:1.3;text-transform:uppercase}
.spvh h2:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-1px;background:#ff7716}
.spvh-tabs{display:flex;gap:16px;flex:1;overflow-x:auto}.spvh-tabs :is(a,button){flex:none;padding:8px 0;color:#253c4e;font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;white-space:nowrap}.spvh-tabs :is(a,button)[aria-current=true]{color:#e7650c}
.spvh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;align-items:start}
.spvh .spvh-grid .spvg-card{min-width:0}
.spvh-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.spvh-catalog{display:inline-flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid #ff7716;border-radius:8px;color:#e7650c;font-size:13px;font-weight:700;text-decoration:none;background:#fff}
.spvh-pages{display:flex;align-items:center;gap:12px;font-size:12px}.spvh-pages :is(a,button){display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid #e4e7eb;color:#102d43;text-decoration:none}.spvh-pages span{color:#84909c}
.spvh-empty{grid-column:1/-1;padding:24px;background:#f8fafb;font-size:13px;color:#65798a}
.spvh a:focus-visible{outline:3px solid #ffae74;outline-offset:3px}
@media(max-width:1100px){.spvh-layout,:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px}.spvh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.spvh-wrap{padding:26px 16px}.spvh-layout,:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-layout{grid-template-columns:minmax(0,1fr);gap:22px}:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-side,:is([data-spvh-kind="inverters"],[data-spvh-kind="ev"]) .spvh-main{order:initial}.spvh-feature{padding:10px}.spvh-toolbar{gap:6px;margin-bottom:14px}.spvh h2{width:100%;font-size:17px!important}.spvh-tabs{width:100%;gap:14px}.spvh-grid{gap:18px 10px}.spvh-catalog{font-size:12px;padding:9px 12px}}

/* Featured product: compact panel aligned with the product section. */
.spvh .spvh-feature{padding:14px!important;border:1px solid #e5ebf0!important;border-radius:10px!important;background:#f8fafc!important;box-shadow:none!important}
.spvh .spvh-feature-heading{display:inline-flex!important;align-items:center!important;gap:9px!important;margin:0 0 13px!important;padding:9px 13px 9px 11px!important;min-height:34px!important;max-width:100%;border:0!important;border-left:3px solid #ff7716!important;border-radius:5px!important;background:#102d43!important;color:#fff!important;box-shadow:0 3px 9px rgba(16,45,67,.10);font-family:inherit!important;font-size:10px!important;line-height:15px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase}
.spvh .spvh-feature-heading:before{display:none!important;content:none!important}
.spvh-feature-mark{display:block;flex:none;width:16px;height:16px;color:#ff9c50}
.spvh-feature-heading span{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){.spvh .spvh-feature-heading{min-height:31px!important;padding:8px 11px 8px 9px!important;font-size:9px!important;letter-spacing:.075em!important;gap:7px!important;margin-bottom:11px!important}.spvh-feature-mark{width:14px;height:14px}}
.spvh .spvh-feature .spvg-card{grid-template-rows:160px 63px 22px minmax(72px,auto) 52px 16px 42px!important;gap:6px!important;padding:10px 12px 12px!important;border-radius:7px!important;background:#fff!important}
.spvh .spvh-feature .spvg-card .spvg-photo{height:160px!important;padding:6px 12px!important}
.spvh .spvh-feature .spvg-card h3.spvg-title{height:63px!important;min-height:0!important;margin:0!important;font-size:14px!important;line-height:21px!important;-webkit-line-clamp:3!important}
.spvh .spvh-feature .spvg-card .spvg-brand{margin:0!important}
.spvh .spvh-feature .spvg-card .spvg-price{font-size:22px!important}
.spvh .spvh-feature .spvg-card .spvg-cart{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:5px!important;font-size:11px!important}
@media(max-width:767px){
.spvh .spvh-feature{padding:12px!important}
.spvh .spvh-feature .spvg-card{grid-template-rows:150px 51px 22px minmax(78px,auto) 52px 16px 40px!important;padding:8px 10px 10px!important;gap:5px!important}
.spvh .spvh-feature .spvg-card .spvg-photo{height:150px!important;padding:6px 10px!important}
.spvh .spvh-feature .spvg-card h3.spvg-title{height:51px!important;font-size:12px!important;line-height:17px!important}
.spvh .spvh-feature .spvg-card .spvg-price{font-size:20px!important}
.spvh .spvh-feature .spvg-card .spvg-cart{font-size:10px!important}
}
.spvh .spvg-card{border:1px solid transparent!important;border-radius:12px!important;transition:border-color .2s ease}
.spvh .spvg-card:hover{border-color:#f1b386!important}

.spvh-tabs button,.spvh-pages button{font-family:inherit;cursor:pointer;background:transparent;box-shadow:none;border-radius:0;margin:0;min-height:0;height:auto;text-transform:none;line-height:1.4}
.spvh-tabs button{border:0;font-weight:600;text-transform:uppercase}
.spvh-tabs button[aria-pressed=true]{color:#e7650c}
.spvh-pages button{padding:4px;min-height:32px;border:1px solid #e4e7eb}
.spvh-pages button:disabled{opacity:.35;cursor:default}
.spvh button:focus-visible{outline:3px solid #ffae74;outline-offset:3px}
.spvh .spvh-layout[aria-busy=true] :is(.spvh-grid,.spvh-feature){opacity:.5;pointer-events:none}
.spvh :is(.spvh-grid,.spvh-feature){transition:opacity .15s}
.spvh-status{min-height:18px;margin:8px 0 0;font-size:12px;color:#65798a}
.spvh-status button{display:inline;background:none;border:0;padding:0;color:#b9530a;text-decoration:underline;font:inherit;cursor:pointer}
.spvh-feature[hidden]{display:none!important}
.spvh-main,.spvh-feature{overflow-anchor:none}
.spvh-tabs button:hover{background:transparent;color:#e7650c;border:0;box-shadow:none}
.spvh-pages button:not(:disabled):hover{background:#fff4eb;border-color:#ff7716;color:#e7650c}

/* Desktop editorial banners occupy the space below the featured product. */
.spvh-side{min-width:0;display:flex;flex-direction:column;gap:24px}
.spvh-layout.spvh-no-feature .spvh-side{display:none}
.spvh-promo{display:none}
@media(min-width:1101px){
 .spvh-promo{position:relative;isolation:isolate;display:flex;align-items:flex-start;overflow:hidden;min-height:360px;border:1px solid #e4eaf0;border-radius:16px;background:#f3f6f9;box-shadow:0 10px 28px rgba(16,45,67,.035)}
 .spvh-promo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(243,246,249,.98) 0%,rgba(243,246,249,.92) 38%,rgba(243,246,249,.22) 72%,transparent 100%);pointer-events:none}
 .spvh-promo::after{content:"";position:absolute;top:0;left:28px;width:34px;height:3px;background:#ff7716;z-index:2}
 .spvh-promo-visual{position:absolute;inset:0;z-index:0;overflow:hidden}
 .spvh .spvh-promo-visual img{display:block;margin:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom;border:0;transition:transform .5s ease}
 .spvh-promo-contain .spvh-promo-visual{top:42%;left:25%;right:6%;bottom:4%}
 .spvh .spvh-promo-cover img{object-fit:cover;object-position:center}
 .spvh-promo-copy{position:relative;z-index:2;width:100%;padding:28px 26px 32px}
 .spvh-promo-eyebrow{display:block;margin-bottom:13px;color:#bd580f;font-family:inherit;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.14em}
 .spvh .spvh-promo-title{margin:0 0 12px!important;padding:0;font-family:inherit;font-size:clamp(21px,1.65vw,28px)!important;line-height:1.16!important;font-weight:750;letter-spacing:-.035em;color:#102d43;text-transform:none}
 .spvh .spvh-promo-text{max-width:260px;margin:0 0 19px;padding:0;font-size:12px;line-height:1.65;color:#526777}
 .spvh .spvh-promo-cta{display:inline-flex;align-items:center;gap:14px;padding:9px 0;border:0;border-bottom:1px solid #c7d2dc;background:transparent;color:#102d43;font-size:11px;font-weight:700;line-height:1.5;text-decoration:none}
 .spvh .spvh-promo-cta span{font-size:17px;line-height:1;color:#ed6a0b;transition:transform .2s}
 .spvh .spvh-promo-cta:hover{color:#c25b0f;border-color:#ed6a0b}
 .spvh .spvh-promo-cta:hover span{transform:translate(2px,-2px)}
 .spvh-promo-no-image::before{background:linear-gradient(145deg,#f3f6f9,#e6edf3)}
 .spvh-promo-no-image{min-height:300px}
}
@media(prefers-reduced-motion:reduce){.spvh .spvh-promo-visual img,.spvh .spvh-promo-cta span{transition:none}}

/* Editorial transition into the storage collection. */
.spvh-divider{box-sizing:border-box;width:100%;background:#fff}
.spvh-divider-inner{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:24px;max-width:1600px;min-height:58px;margin:0 auto;padding:0 4.5%}
.spvh-divider-inner::before,.spvh-divider-inner::after{content:"";display:block;flex:1;min-width:0;height:1px;background:linear-gradient(90deg,transparent,#d6e0e8)}
.spvh-divider-inner::after{background:linear-gradient(90deg,#d6e0e8,transparent)}
.spvh-divider-label{position:relative;display:block;flex:0 0 auto;margin:0;padding:12px 0;color:#294457;font-family:inherit;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.19em;text-align:center;white-space:nowrap}
.spvh-divider-label::after{content:"";position:absolute;bottom:3px;left:50%;width:24px;height:2px;transform:translateX(-50%);border-radius:2px;background:#ed6a0b}
.spvh[data-spvh-kind="batteries"]{background:linear-gradient(180deg,#f8fafc 0,#fff 220px)}
@media(max-width:767px){.spvh-divider-inner{min-height:42px;padding:0 16px;gap:14px}.spvh-divider-label{font-size:9px;letter-spacing:.13em;padding:10px 0}.spvh-divider-label::after{width:20px;bottom:2px}.spvh[data-spvh-kind="batteries"]{background:linear-gradient(180deg,#f8fafc 0,#fff 160px)}}
