/* Solar Panels page template (v1.5.4). Every rule is scoped to .ts-sp (page-templates/solar-panels.php). */
.ts-sp,.ts-sp *{box-sizing:border-box}
.ts-sp{margin:0;background:#0b0f17;color:#e8ecf3;line-height:1.6}
.ts-sp a{color:#f5b301}
.ts-sp .w{max-width:1150px;margin:auto;padding:0 20px}
.ts-sp .btn{display:inline-block;background:#f5b301;color:#111;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}
.ts-sp .btn.o{background:none;border:1px solid #f5b301;color:#f5b301}
.ts-sp .hero{background:linear-gradient(90deg,rgba(7,10,16,.9) 0%,rgba(7,10,16,.6) 45%,rgba(7,10,16,.15) 100%),url(../img/hero/solar-panels.webp) right center/cover;padding:90px 0 70px}
.ts-sp .hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 12px;line-height:1.15}
.ts-sp .hero p{max-width:600px;font-size:18px;color:#c9d2e0}
.ts-sp .badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.ts-sp .badges span{border:1px solid #2a3446;padding:6px 12px;border-radius:20px;font-size:14px}
.ts-sp .sp-sec{padding:60px 0}
.ts-sp h2{font-size:30px;margin:0 0 18px}
.ts-sp .g{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ts-sp .c{background:#121826;border:1px solid #1f2838;border-radius:12px;padding:22px}
.ts-sp .c h3{margin-top:0;color:#f5b301}
.ts-sp .alt{background:#0f1420}
.ts-sp details{background:#121826;border:1px solid #1f2838;border-radius:10px;padding:14px 18px;margin:10px 0}
.ts-sp summary{font-weight:600;cursor:pointer}
.ts-sp .sp-form{max-width:760px}
.ts-sp .sp-form input,.ts-sp .sp-form select,.ts-sp .sp-form textarea{padding:12px;border-radius:8px;border:1px solid #2a3446;background:#0b0f17;color:#fff;font:inherit}
.ts-sp .sp-form textarea,.ts-sp .sp-form .full{grid-column:1/-1}
.ts-sp small{color:#8b96a8}
.ts-sp .trust{background:#121826;border-top:1px solid #1f2838;border-bottom:1px solid #1f2838;padding:18px 0}
.ts-sp .trust .w{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;font-weight:600;font-size:15px}
.ts-sp .trust span:before{content:"✔ ";color:#f5b301}
.ts-sp .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ts-sp .gal figure{margin:0;position:relative}
.ts-sp .gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.ts-sp .gal figcaption,.ts-sp .feat figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:13px;padding:22px 10px 8px;border-radius:0 0 10px 10px}
.ts-sp .gal img{aspect-ratio:3/4}
.ts-sp .feat{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.ts-sp .feat figure{margin:0;position:relative}
.ts-sp .feat img{width:100%;display:block;border-radius:10px;object-fit:cover}
.ts-sp .feat>figure img{aspect-ratio:3/4}
.ts-sp .feat>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.ts-sp .feat>div p{grid-column:1/-1;margin:0 0 8px}
.ts-sp .feat>div img{aspect-ratio:3/4}
.ts-sp .tool{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ts-sp .tool label{display:block;font-weight:600;margin:8px 0}
.ts-sp .tool input[type=range]{width:100%}
.ts-sp .out{font-size:22px;color:#f5b301;font-weight:700}
.ts-sp .tl{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.ts-sp .tl div{border-top:3px solid #f5b301;padding:14px 10px 0;position:relative}
.ts-sp .tl div:before{counter-increment:s;content:counter(s);position:absolute;top:-15px;left:10px;background:#f5b301;color:#111;width:26px;height:26px;border-radius:50%;text-align:center;font-weight:700;line-height:26px}
.ts-sp .quiz button{margin:4px 6px 4px 0;background:#1f2838;color:#fff;border:1px solid #2a3446;padding:10px 16px;border-radius:8px;cursor:pointer;font:inherit}
.ts-sp .quiz button.on{background:#f5b301;color:#111}
@media(max-width:640px){.ts-sp .gal{grid-template-columns:1fr 1fr}
.ts-sp .feat{grid-template-columns:1fr}
.ts-sp .tool,.ts-sp .tl{grid-template-columns:1fr}
.ts-sp .tl div{border-top:0;border-left:3px solid #f5b301;padding:0 0 18px 30px}
.ts-sp .tl div:before{top:0;left:-15px}}
.ts-sp .blogos{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ts-sp .blogos li{display:flex;align-items:center;justify-content:center;height:84px;padding:14px 18px;border-radius:14px;background:#0b2545;border:1px solid rgba(255,255,255,.16)}
.ts-sp .blogos img{max-height:34px;max-width:100%;filter:brightness(0) invert(1);opacity:.85}
.ts-sp .bl-t{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;opacity:.75;margin:0}
.ts-sp .bc-logo{background:#0b2545;border-radius:10px;height:70px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:14px}
.ts-sp .bc-logo img{max-height:32px;max-width:80%;filter:brightness(0) invert(1)}
@media(max-width:600px){.ts-sp .blogos{grid-template-columns:repeat(2,1fr)}}

.ts-sp .sp-areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0}.ts-sp .sp-areas a{display:inline-block;border:1px solid #2a3446;border-radius:20px;padding:6px 14px;text-decoration:none;font-size:14px}
.ts-sp .sp-form .wpforms-container{grid-column:1/-1}.ts-sp .hero nav a{color:#c9d2e0}

.ts-sp h1,.ts-sp h2,.ts-sp h3,.ts-sp h4{color:#fff}
body.ts-theme .ts-sp h1,body.ts-theme .ts-sp h2,body.ts-theme .ts-sp h3,body.ts-theme .ts-sp h4{color:#fff}