/* SB TECH x SolarConnect - Solar section styles (lightweight, no framework beyond the site's Bootstrap 5) */
:root{
  --primary-color:#2c3e50;--secondary-color:#3498db;--light-color:#ecf0f1;
  --sb-navy:#2c3e50;--sb-ink:#0f1f33;--sb-blue:#1f6fb2;--sb-blue-d:#17588f;
  --sun:#ff8a22;--sun-2:#ffc247;--sun-ink:#7a3d00;--sc-navy:#082238;
  --muted:#4f5f73;--line:#e3e9f1;--bg:#f6f8fb;--card:#fff;--ok:#157347;
  --radius:16px;--shadow:0 10px 30px rgba(15,31,51,.08);--shadow-h:0 18px 40px rgba(15,31,51,.14)
}
html{scroll-behavior:smooth}
body{font-family:'Poppins','Helvetica Neue',Arial,sans-serif;line-height:1.7;background:var(--bg);color:#26313d;overflow-x:hidden}
a{color:var(--sb-blue)}a:hover{color:var(--sb-blue-d)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:#fff;color:var(--sb-ink);padding:.6rem 1rem;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

/* ---- Site shell (matches sbtech.thetechsr.com navbar / footer) ---- */
.navbar{background-color:var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:12px 0;transition:all .3s ease}
.navbar.scrolled{padding:8px 0;background-color:rgba(44,62,80,.97)}
.navbar-brand{font-weight:700;font-size:1.6rem;color:#fff!important;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}
.navbar-brand img{height:40px;width:auto;background:#fff;border-radius:8px;padding:2px 6px}
.navbar .nav-link{color:#fff!important;font-weight:500;margin:0 9px;position:relative;padding:5px 0!important}
.navbar .nav-link:after{content:'';position:absolute;width:0;height:2px;background:var(--sun-2);bottom:0;left:0;transition:width .3s ease}
.navbar .nav-link:hover:after,.navbar .nav-link.active:after{width:100%}
.navbar .nav-solar{color:var(--sc-navy)!important;background:linear-gradient(135deg,var(--sun-2),var(--sun));border-radius:999px;padding:5px 14px!important;font-weight:600}
.navbar .nav-solar:after{display:none}
@media (max-width:991.98px){.navbar-nav{margin-top:10px}.navbar .nav-link{margin:4px 0}.navbar .nav-solar{display:inline-block}}
.footer{background-color:var(--primary-color);color:var(--light-color);padding:60px 0 20px}
.footer a{color:var(--light-color);text-decoration:none;transition:color .3s ease}
.footer a:hover{color:var(--sun-2)}

.footer .footer-links{font-weight:700;margin-bottom:20px;position:relative;padding-bottom:10px;color:#fff;font-size:1.1rem}
.footer .footer-links:after{content:'';position:absolute;width:40px;height:2px;background:var(--sun-2);bottom:0;left:0}
.footer ul{list-style:none;padding-left:0}.footer li{margin-bottom:9px}
.footer .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;margin-right:8px;color:#fff}
.footer .social-icons a:hover{background:var(--sun);color:var(--sc-navy)}
.footer .partner-note{font-size:.85rem;color:#cfd8e3;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px;font-size:.9rem}
@media (max-width:767.98px){.footer .col-md-6,.footer .col-lg-3,.footer .col-lg-2{margin-bottom:1.5rem}}
.whatsapp_float{position:fixed;bottom:24px;right:24px;background:#25d366;color:#fff;border-radius:50%;width:58px;height:58px;font-size:30px;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:1020;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .2s ease}
.whatsapp_float:hover{transform:scale(1.08);color:#fff}
/* Keep FAB below open hamburger (navbar z-index 1030) and clear footer/content */
@media (max-width:991.98px){
  body{padding-bottom:72px}
  main,#main{padding-bottom:8px}
  .whatsapp_float{bottom:18px;right:16px}
  body:has(.navbar-collapse.show) .whatsapp_float{opacity:0;pointer-events:none;visibility:hidden}
}

/* ---- Hero ---- */
.sc-hero{position:relative;overflow:hidden;color:#fff;padding:130px 0 70px;
  background:radial-gradient(900px 420px at 88% -10%,rgba(255,194,71,.45),transparent 60%),
             radial-gradient(600px 300px at 0% 110%,rgba(52,152,219,.35),transparent 60%),
             linear-gradient(135deg,#0b2740 0%,#173a5c 55%,#1f4f78 100%)}
.sc-hero:after{content:'';position:absolute;right:-60px;top:70px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,#ffd36b 0 38%,rgba(255,138,34,.0) 70%);opacity:.35;pointer-events:none}
.sc-hero .container{position:relative;z-index:1}
.sc-hero h1{font-weight:700;font-size:clamp(1.75rem,4.2vw,3rem);line-height:1.2;margin:.6rem 0 1rem;letter-spacing:-.01em}
.sc-hero .lead{font-size:clamp(1rem,1.6vw,1.2rem);max-width:760px;color:#e6eef7}
.sc-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:.3rem .9rem;font-size:.85rem;font-weight:500}
.sc-eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--sun-2);box-shadow:0 0 0 4px rgba(255,194,71,.25)}
.breadcrumb{background:transparent;padding:0;margin:0;font-size:.88rem}
.sc-hero .breadcrumb-item a{color:#ffe1a3;text-decoration:none}
.sc-hero .breadcrumb-item.active,.sc-hero .breadcrumb-item+.breadcrumb-item::before{color:#d6e2ee}
.sc-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

/* ---- Buttons ---- */
.btn-sun{background:linear-gradient(135deg,var(--sun-2),var(--sun));color:var(--sc-navy);border:0;font-weight:600;border-radius:999px;padding:.75rem 1.5rem;box-shadow:0 8px 20px rgba(255,138,34,.3)}
.btn-sun:hover,.btn-sun:focus{color:var(--sc-navy);filter:brightness(1.04);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff;border-radius:999px;padding:.72rem 1.4rem;font-weight:600;background:transparent}
.btn-ghost:hover{background:#fff;color:var(--sb-ink)}
.btn-blue{background:var(--sb-blue);color:#fff;border-radius:999px;padding:.65rem 1.3rem;font-weight:600;border:0}
.btn-blue:hover{background:var(--sb-blue-d);color:#fff}
.btn-line{border:1.5px solid var(--sb-blue);color:var(--sb-blue);border-radius:999px;padding:.6rem 1.2rem;font-weight:600;background:#fff}
.btn-line:hover{background:var(--sb-blue);color:#fff}
.btn-sun,.btn-ghost,.btn-blue,.btn-line{display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease;text-decoration:none}

/* ---- Solar sub-navigation ---- */
.sc-subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:var(--navh,62px);z-index:1010;box-shadow:0 4px 14px rgba(15,31,51,.04)}
.sc-subnav-inner{position:relative}
.sc-subnav ul{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.35rem;list-style:none;margin:0;padding:.55rem .25rem .55rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}
.sc-subnav a{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;text-decoration:none;color:#33475b;font-size:.86rem;font-weight:500;padding:.38rem .72rem;border-radius:999px;border:1px solid transparent}
.sc-subnav a:hover{background:#fff6e6;color:var(--sun-ink)}
.sc-subnav a[aria-current="page"]{background:var(--sc-navy);color:#fff}
.sc-subnav i{color:var(--sun)}.sc-subnav a[aria-current="page"] i{color:var(--sun-2)}
/* Fit tabs on mid desktop; keep single horizontal row + scroll if needed */
@media (min-width:992px) and (max-width:1399.98px){
  .sc-subnav a{font-size:.8rem;padding:.32rem .58rem;gap:.28rem}
  .sc-subnav ul{gap:.22rem .28rem;justify-content:flex-start}
}
@media (min-width:1400px){
  .sc-subnav a{font-size:.9rem;padding:.42rem .85rem}
  .sc-subnav ul{gap:.35rem .4rem;justify-content:center;overflow-x:visible;flex-wrap:nowrap}
}
/* Mobile: one horizontal swipe row (not stacked up-down) */
@media (max-width:991.98px){
  .sc-subnav-inner{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}
  .sc-subnav ul{justify-content:flex-start;gap:.28rem;padding:.5rem 0 .55rem;flex-wrap:nowrap;overflow-x:auto}
  .sc-subnav a{font-size:.8rem;padding:.34rem .62rem;flex:0 0 auto;scroll-snap-align:start}
}
.sc-subnav-cue{display:none} /* fade via mask on mobile */
/* reserved; wrap used instead of scroll fade */

/* ---- Sections & headings ---- */
.sc-section{padding:72px 0}
.sc-section.alt{background:#fff}
.sc-head{max-width:760px;margin:0 auto 42px;text-align:center}
.sc-head h2{font-weight:700;color:var(--sb-ink);font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.6rem}
.sc-head p{color:var(--muted);font-size:1.05rem;margin:0}
.sc-kicker{display:inline-block;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--sun-ink);background:#fff1d6;border-radius:999px;padding:.25rem .8rem;margin-bottom:.8rem}
.text-muted-2{color:var(--muted)!important}

/* ---- Cards ---- */
.sc-grid{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:576px){.sc-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.sc-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.sc-grid.g4{grid-template-columns:repeat(4,1fr)}}
.sc-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;height:100%}
.sc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-h);border-color:#ffd9a3}
.sc-card h3{font-size:1.12rem;font-weight:600;color:var(--sb-ink);margin:.9rem 0 .5rem}
.sc-card p{color:var(--muted);font-size:.95rem;margin-bottom:1rem;flex-grow:1}
.sc-card .sc-link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;color:var(--sb-blue)}
.sc-card .sc-link:after{content:'';position:absolute;inset:0;border-radius:var(--radius)}
.sc-card .sc-link i{transition:transform .2s ease}.sc-card:hover .sc-link i{transform:translateX(4px)}
.sc-ico{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--sc-navy);background:linear-gradient(135deg,#ffe3a6,var(--sun-2) 55%,var(--sun))}
.sc-ico.blue{background:linear-gradient(135deg,#d7ebfb,#9cc9ee);color:#0d3b63}
.sc-ico.green{background:linear-gradient(135deg,#d9f5e5,#99dfb6);color:#0d4f2c}
.sc-tag{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#0d3b63;background:#e5f1fb;border-radius:999px;padding:.15rem .6rem}

/* ---- Trust badges ---- */
.sc-trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.6rem}
.sc-badge{display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:.7rem 1rem;color:#fff;backdrop-filter:blur(4px)}
.sc-badge i{font-size:1.4rem;color:var(--sun-2)}
.sc-badge small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#d6e2ee}
.sc-badge strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;letter-spacing:.03em}
.sc-badge.light{background:#fff;border-color:var(--line);color:var(--sb-ink);box-shadow:var(--shadow)}
.sc-badge.light small{color:var(--muted)}.sc-badge.light i{color:var(--sun)}

/* ---- Feature split / prose ---- */
.sc-prose{max-width:820px;margin:0 auto}
.sc-prose h2{font-weight:700;color:var(--sb-ink);font-size:clamp(1.35rem,2.6vw,1.8rem);margin:2.4rem 0 .9rem}
.sc-prose h3{font-weight:600;color:var(--sb-ink);font-size:1.15rem;margin:1.6rem 0 .6rem}
.sc-prose p,.sc-prose li{color:#34404d}
.sc-prose ul,.sc-prose ol{padding-left:1.25rem}.sc-prose li{margin-bottom:.4rem}
.sc-note{background:#fff8e8;border:1px solid #ffe0a6;border-left:5px solid var(--sun);border-radius:12px;padding:1rem 1.2rem;color:#4a3410;margin:1.4rem 0}
.sc-note.blue{background:#eef6fd;border-color:#cfe4f7;border-left-color:var(--sb-blue);color:#123a5c}
.sc-steps{counter-reset:s;list-style:none;padding:0!important}
.sc-steps li{counter-increment:s;position:relative;padding:0 0 1.1rem 3.2rem;margin:0}
.sc-steps li:before{content:counter(s);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--sc-navy);color:var(--sun-2);font-weight:700;display:flex;align-items:center;justify-content:center}
.sc-steps li strong{color:var(--sb-ink)}
.sc-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:1rem 0}
.sc-table th,.sc-table td{padding:.8rem 1rem;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem}
.sc-table thead th{background:var(--sc-navy);color:#fff;font-weight:600}
.sc-table tbody tr:last-child td{border-bottom:0}
.sc-table tbody tr:nth-child(even){background:#fafcff}
.sc-table td strong{color:var(--sb-ink)}
.sc-toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem;box-shadow:var(--shadow)}
.sc-toc h2{font-size:1rem!important;margin:0 0 .6rem!important;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)!important}
.sc-toc ol{margin:0;padding-left:1.1rem}.sc-toc a{text-decoration:none}

/* ---- FAQ ---- */
.sc-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;box-shadow:0 4px 12px rgba(15,31,51,.04)}
.sc-faq summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.2rem;font-weight:600;color:var(--sb-ink);position:relative}
.sc-faq summary::-webkit-details-marker{display:none}
.sc-faq summary:after{content:'+';position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--sun);font-weight:700}
.sc-faq details[open] summary:after{content:'\2212'}
.sc-faq details>div{padding:0 1.2rem 1rem;color:#34404d}

/* ---- Resource lists (knowledge page) ---- */
.sc-topic{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);height:100%}
.sc-topic-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}
.sc-topic-head h2,.sc-topic-head h3{font-size:1.15rem;font-weight:600;margin:0;color:var(--sb-ink)}
.sc-res{list-style:none;padding:0;margin:0}
.sc-res li{border-top:1px dashed var(--line);padding:.7rem 0}
.sc-res li:first-child{border-top:0}
.sc-res a{font-weight:500;text-decoration:none;color:#1a4f80;display:inline-flex;gap:.45rem;align-items:baseline}
.sc-res a:hover{color:var(--sun-ink);text-decoration:underline}
.sc-res a i{font-size:.75rem;color:var(--sun)}
.sc-res span{display:block;font-size:.86rem;color:var(--muted);margin-top:.15rem}
.sc-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.sc-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;font-size:.88rem;text-decoration:none;color:#33475b;font-weight:500}
.sc-chips a:hover{border-color:var(--sun);color:var(--sun-ink)}

/* ---- Calculator ---- */
.sc-calc{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-h);overflow:hidden}
.sc-calc-in{padding:28px}
.sc-calc-out{padding:28px;background:linear-gradient(160deg,#0b2740,#1f4f78);color:#fff;height:100%}
.sc-seg{display:inline-flex;background:#eef2f7;border-radius:999px;padding:4px;margin-bottom:1.2rem}
.sc-seg button{border:0;background:transparent;border-radius:999px;padding:.5rem 1rem;font-weight:600;color:#3d4b5c;font-size:.9rem}
.sc-seg button[aria-pressed="true"]{background:#fff;color:var(--sb-ink);box-shadow:0 2px 8px rgba(15,31,51,.12)}
.sc-calc label{font-weight:600;color:var(--sb-ink);font-size:.95rem}
.sc-calc .form-control,.sc-calc .form-select{border-radius:12px;padding:.7rem .9rem;border-color:#cfd8e3}
.sc-calc .form-control:focus,.sc-calc .form-select:focus{border-color:var(--sun);box-shadow:0 0 0 .2rem rgba(255,138,34,.2)}
.sc-calc input[type=range]{accent-color:var(--sun);width:100%}
.sc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sc-kpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px}
.sc-kpi small{display:block;color:#cfdced;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.sc-kpi strong{display:block;font-size:1.35rem;font-weight:700;color:#fff;line-height:1.3}
.sc-kpi.hl{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,194,71,.25),rgba(255,138,34,.18));border-color:rgba(255,194,71,.5)}
.sc-kpi.hl strong{font-size:1.8rem;color:#ffd36b}
.sc-calc-out p{color:#dfe8f2;font-size:.85rem}

/* ---- Certificates ---- */
.sc-cert{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.sc-cert:hover{transform:translateY(-5px);box-shadow:var(--shadow-h)}
.sc-cert-img{display:block;background:repeating-linear-gradient(45deg,#f3f6fa,#f3f6fa 10px,#eef2f7 10px,#eef2f7 20px);aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)}
.sc-cert-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}
.sc-cert:hover .sc-cert-img img{transform:scale(1.03)}
.sc-cert-body{padding:20px 22px;display:flex;flex-direction:column;flex-grow:1}
.sc-cert-body h3{font-size:1.1rem;font-weight:600;color:var(--sb-ink);margin:.4rem 0 .6rem}
.sc-dl{margin:0 0 1rem;font-size:.9rem}
.sc-dl div{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed var(--line)}
.sc-dl dt{font-weight:500;color:var(--muted)}.sc-dl dd{margin:0;text-align:right;color:var(--sb-ink);font-weight:600;word-break:break-word}
.sc-cert-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto}
.sc-cert-actions a{flex:1 1 auto;justify-content:center;font-size:.9rem;padding:.55rem 1rem}
.sc-codebox{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sc-code{background:#fff;border:2px dashed #ffc98a;border-radius:16px;padding:20px;text-align:center}
.sc-code small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}
.sc-code strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.45rem;color:var(--sb-ink);letter-spacing:.04em;margin:.3rem 0}
.sc-code span{font-size:.85rem;color:var(--muted)}

/* ---- Contact ---- */
.sc-contact-btn{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.3rem;border-radius:16px;text-decoration:none;color:#fff;font-weight:600;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;height:100%}
.sc-contact-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-h);color:#fff}
.sc-contact-btn i{font-size:1.7rem;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sc-contact-btn small{display:block;font-weight:400;opacity:.92;font-size:.85rem}
.sc-contact-btn span{display:block;font-size:1.08rem}
.sc-call{background:linear-gradient(135deg,#1f6fb2,#17588f)}
.sc-wa{background:linear-gradient(135deg,#0e7a3f,#0b6b38)}
.sc-mail{background:linear-gradient(135deg,#2c3e50,#1b2836)}
.sc-cta{background:radial-gradient(500px 220px at 90% 0%,rgba(255,194,71,.35),transparent 60%),linear-gradient(135deg,#0b2740,#1f4f78);color:#fff;border-radius:22px;padding:38px;box-shadow:var(--shadow-h)}
.sc-cta h2{font-weight:700;font-size:clamp(1.3rem,2.6vw,1.9rem)}
.sc-cta p{color:#dbe6f1}
.sc-brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--sc-navy);text-decoration:none}
.sc-brand .sun{width:30px;height:30px;flex-shrink:0}
.sc-brand b{color:var(--sun)}
.sc-hero .sc-brand{color:#fff}.sc-hero .sc-brand b{color:var(--sun-2)}
.sc-disclaimer{font-size:.85rem;color:var(--muted)}
.sc-updated{font-size:.85rem;color:#d6e2ee}
@media (max-width:575.98px){
  .sc-table th,.sc-table td{padding:.6rem .6rem;font-size:.86rem}
  .sc-hero{padding:112px 0 48px}.sc-section{padding:52px 0}.sc-card,.sc-topic{padding:20px}
  .sc-calc-in,.sc-calc-out{padding:20px}.sc-cta{padding:26px}.sc-kpi strong{font-size:1.15rem}.sc-kpi.hl strong{font-size:1.5rem}
  .navbar-brand{font-size:1.3rem}.whatsapp_float{width:52px;height:52px;font-size:26px;right:14px;bottom:14px}
}
/* ---- Visit SB Tech photo gallery (office + storefront) ---- */
.sc-photos{display:grid;gap:22px;grid-template-columns:1fr;max-width:1140px;margin:0 auto}
@media (min-width:768px){.sc-photos{grid-template-columns:9fr 16fr;align-items:start}}
.sc-photo{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.sc-photo:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.sc-photo img{display:block;width:100%;height:auto;background:#e9eef4}
.sc-photo figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;padding:.8rem 1.1rem;font-size:.9rem;color:var(--muted)}
.sc-photo figcaption strong{color:var(--sb-ink);font-weight:600}
@media (max-width:767.98px){.sc-photo.office img{max-height:78vh;object-fit:cover;object-position:center 30%}}
/* ---- About SB Tech / Our office showcase ---- */
.sb-show-sec{background:radial-gradient(700px 300px at 100% 0%,rgba(255,194,71,.16),transparent 60%),linear-gradient(180deg,#eef3f9 0%,#f6f8fb 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sb-show{max-width:1140px;margin:0 auto}
@media (min-width:768px){.sc-photos.sb-show-photos{grid-template-columns:16fr 9fr}}
.sb-show-photos .sc-photo{border-radius:20px}
.sb-show-card{position:relative;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow-h)}
.sb-show-card:before{content:'';position:absolute;left:32px;right:32px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--sun-2),var(--sun),var(--sb-blue))}
.sb-show-card h3{font-weight:700;color:var(--sb-ink);font-size:1.35rem;margin-bottom:.6rem}
.sb-show-card p{color:var(--muted)}
.sb-show-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}
.sb-show-list li{display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;color:#33475b}
.sb-show-list i{flex:0 0 36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--sun-ink);background:#fff1d6;margin-top:.1rem}
.sb-show-list strong{color:var(--sb-ink)}
.sb-show-badges{display:grid;gap:12px}
.sb-show-badges .sc-badge{backdrop-filter:none}
.sb-show-badges small{letter-spacing:.06em}
.sb-show-verify{text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.sb-show-verify span{font-weight:600;color:var(--sb-blue)}
.sb-show-verify:hover{border-color:var(--sun);transform:translateY(-2px)}
.sb-show-verify i{color:var(--ok)!important}
.sb-show-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.btn-wa{display:inline-flex;align-items:center;gap:.5rem;background:#0e7a3f;color:#fff;border-radius:999px;padding:.72rem 1.35rem;font-weight:600;text-decoration:none;transition:all .25s ease}
.btn-wa:hover,.btn-wa:focus{background:#0b6b38;color:#fff;transform:translateY(-2px)}
@media (max-width:575.98px){.sb-show-card{padding:22px 18px}.sb-show-card:before{left:18px;right:18px}.sb-show-cta a{flex:1 1 auto;justify-content:center}}
/* SB TECH compact "About SB Tech" card in the homepage solar section */
.sbs-about{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;max-width:900px;margin:34px auto 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.26);border-radius:20px;padding:16px;text-align:left}
@media (min-width:768px){.sbs-about{grid-template-columns:340px 1fr;gap:26px;padding:18px 26px 18px 18px}}
.sbs-about-img{margin:0;position:relative}
.sbs-about-img img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.sbs-about-img figcaption{position:absolute;left:10px;bottom:10px;background:rgba(8,34,56,.78);color:#fff;font-size:.75rem;border-radius:999px;padding:.2rem .7rem}
.sbs-about-body small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#ffc247;font-weight:600}
.sbs-about-body h3{color:#fff;font-size:1.2rem;font-weight:600;margin:.35rem 0 .5rem}
.sbs-about-body p{color:#dbe6f1;font-size:.92rem;line-height:1.6;margin:0}
.sbs-about-body p a{color:#ffc247;font-weight:600}
.sbs-about-cta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:14px}
.sbs-btn.sm{padding:.5rem 1.05rem;font-size:.9rem}
.sbs-btn.wa{background:#0e7a3f;color:#fff}
.sbs-btn.wa:hover{background:#0b6b38;color:#fff;transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Hero side panel (hub) */
.sc-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:26px;backdrop-filter:blur(6px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.sc-panel .sc-brand{font-size:1.6rem}
.sc-panel ul{list-style:none;padding:0;margin:1.2rem 0 0}
.sc-panel li{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.14);color:#e6eef7;font-size:.95rem}
.sc-panel li strong{display:block;color:#ffd36b;font-size:1.15rem;line-height:1.2}
.sc-panel li i{color:var(--sun-2);font-size:1.15rem;margin-top:.2rem;width:1.3rem;text-align:center}
/* SolarConnect blog auto-bridge */
.sc-feed .sc-card h3{overflow-wrap:anywhere}.sc-feed .sc-card p{flex-grow:1;font-size:.88rem}
.sc-feed-compact .sc-card{padding:20px}.sc-feed-compact .sc-card h3{font-size:1rem}
.sc-feed .sc-tag{align-self:flex-start}

/* Solar testimonials snippet */
.sc-tmon-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sc-tmon-card{padding:22px}
.sc-tmon-q{font-style:italic;color:var(--muted);font-size:.95rem;margin:.6rem 0 1rem;flex-grow:1}
.sc-tmon-who{display:flex;align-items:center;gap:.75rem;margin-top:auto}
.sc-tmon-av{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:linear-gradient(135deg,var(--sun-2),var(--sun));color:var(--sc-navy);flex-shrink:0}
.sc-tmon-who strong{display:block;font-size:.95rem;color:var(--sb-ink);line-height:1.2}
.sc-tmon-who small{color:var(--muted);font-size:.82rem}
.sc-tmon-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}