/* DEALMON v13.11 — solar calculator */
.solar-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px auto;padding:22px 24px;border-radius:14px;background:linear-gradient(120deg,var(--navy,#061a38) 0%,#123864 100%);color:#fff}
.solar-promo h2{margin:4px 0 6px;font-size:22px;color:#fff}
.solar-promo p{margin:0;opacity:.85}
.solar-promo .section-kicker{color:#ffcf4a}
.solar-promo .btn{flex:none}
.solar-hero{margin:14px 0 18px}
.solar-hero h1{margin:6px 0 8px}
.solar-hero p{max-width:720px;color:#4b5563}
.solar-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.solar-form h2,.solar-result h2{font-size:17px;margin:18px 0 10px}
.solar-form h2:first-child{margin-top:0}
.solar-table-wrap{overflow-x:auto}
.solar-table{width:100%;border-collapse:collapse;font-size:14px}
.solar-table th{text-align:left;font-size:12px;color:#6b7280;font-weight:700;padding:6px 4px;border-bottom:1px solid var(--line,#e7e7e7)}
.solar-table td{padding:6px 4px;border-bottom:1px solid var(--line,#e7e7e7);vertical-align:middle}
.solar-table td small{display:block;color:#6b7280;font-size:11px}
.solar-table input{width:100%;min-width:56px;padding:8px;border:1px solid #d1d5db;border-radius:8px;font:inherit}
.solar-table td:first-child{min-width:130px}
.solar-table td:first-child input{min-width:120px}
.solar-form>.btn{margin-top:10px}
.solar-options{display:flex;flex-wrap:wrap;gap:8px}
.solar-options label{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;font-size:14px}
.solar-options label:has(input:checked){border-color:var(--red,#f01818);background:#fff1f1}
.solar-result{position:sticky;top:12px}
.solar-need{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.solar-need div{background:#f6f7f9;border-radius:10px;padding:10px 12px}
.solar-need dt{font-size:12px;color:#6b7280}
.solar-need dd{margin:2px 0 0;font-weight:800;font-size:17px}
.solar-kit{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.solar-kit li{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line,#e7e7e7);border-radius:10px}
.solar-kit img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}
.solar-kit li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.solar-kit li>div strong{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}
.solar-kit li>div a{font-weight:700;color:inherit}
.solar-kit li>div span{font-size:13px;color:#4b5563}
.solar-kit li.solar-missing{grid-template-columns:1fr;background:#fffbeb;border-color:#fde68a}
.solar-warn{color:#b45309!important}
.solar-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;padding-top:12px;border-top:2px solid var(--navy,#061a38);font-size:16px}
.solar-total strong{font-size:22px}
.solar-add{width:100%}
.solar-note,.solar-empty{font-size:13px;color:#6b7280}
@media (max-width:860px){
 .solar-grid{grid-template-columns:1fr}
 .solar-result{position:static}
 .solar-promo{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
 .solar-need{grid-template-columns:1fr}
 .solar-kit li{grid-template-columns:48px 1fr;}
 .solar-kit li>b{grid-column:2}
 .solar-kit img{width:48px;height:48px}
}
.ssr-products{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.ssr-products img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
