/* Solempower gedeelde paginastijlen
   Upload naar: /wp-content/uploads/solempower/css/solempower-diensten.css */

/* ===== Solempower-homepage-nieuw.txt ===== */
.sp-home, .sp-home * { box-sizing: border-box; }
  .sp-home { --brand:#ed7a23; --brand-dark:#c95b12; --dark:#352d28; --ink:#403934; --soft:#fff8f2; --line:#f0dfd2; color:var(--ink); font-family:inherit; }
  .sp-home a { text-decoration:none; }
  .sp-wrap { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
  .sp-hero { padding:68px 0 54px; background:#fff; border-bottom:1px solid var(--line); overflow:hidden; }
  .sp-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:56px; align-items:center; }
  .sp-eyebrow { margin:0 0 12px; color:var(--brand); font-size:14px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
  .sp-home h1 { max-width:760px; margin:0 0 20px; color:var(--dark); font-size:clamp(40px,5vw,64px); line-height:1.05; letter-spacing:-.03em; }
  .sp-intro { max-width:720px; margin:0; color:#405047; font-size:clamp(17px,2vw,21px); line-height:1.7; }
  .sp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
  .sp-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 22px; border:2px solid var(--brand); border-radius:5px; font-weight:750; transition:.2s ease; }
  .sp-btn-primary { background:var(--brand); color:#fff; }
  .sp-btn-secondary { background:#fff; color:var(--dark); }
  .sp-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(24,59,39,.14); }
  .sp-hero-card { position:relative; min-height:330px; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; border-radius:14px; background:var(--soft); border:1px solid var(--line); color:var(--dark); overflow:hidden; }
  .sp-hero-card:before { content:''; position:absolute; width:240px; height:240px; right:-100px; top:-120px; border-radius:50%; background:#ffe8d6; }
  .sp-bus { position:relative; width:min(100%,520px); max-height:210px; height:auto; object-fit:contain; margin:0 auto 24px; display:block; }
  .sp-hero-card strong { position:relative; font-size:24px; line-height:1.2; }
  .sp-hero-card span { position:relative; margin-top:8px; color:#5d6c62; line-height:1.55; }

  .sp-services { padding:58px 0 70px; }
  .sp-section-head { max-width:700px; margin-bottom:28px; }
  .sp-section-head h2 { margin:0 0 10px; color:var(--dark); font-size:clamp(30px,4vw,44px); line-height:1.12; }
  .sp-section-head p { margin:0; color:#5b6b61; font-size:17px; line-height:1.65; }
  .sp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  .sp-tile { position:relative; min-height:330px; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; border:1px solid var(--line); border-radius:10px; color:var(--ink); overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(38,52,43,.07); transition:.22s ease; }
  .sp-tile:before { content:''; position:absolute; top:0; left:0; right:0; height:8px; background:var(--brand); }
  .sp-tile:after { content:''; position:absolute; width:180px; height:180px; right:-70px; top:-65px; border-radius:50%; background:#fff2e8; }
  .sp-tile:hover { transform:translateY(-4px); border-color:#efc7aa; box-shadow:0 16px 34px rgba(76,48,28,.13); }
  .sp-icon { position:absolute; top:34px; left:26px; width:62px; height:62px; display:grid; place-items:center; border-radius:50%; background:#fff0e4; color:var(--brand-dark); font-size:31px; }
  .sp-tile-photo { position:absolute; z-index:1; top:8px; left:0; right:0; height:170px; overflow:hidden; background:#f2f2f2; }
  .sp-tile-photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
  .sp-has-photo { min-height:390px; padding-top:208px; }
  .sp-has-photo:after { display:none; }
  .sp-has-photo:hover .sp-tile-photo img { transform:scale(1.035); }
  .sp-tile h3, .sp-tile p, .sp-more { position:relative; z-index:2; }
  .sp-tile h3 { margin:0 0 8px; color:var(--dark); font-size:25px; }
  .sp-tile p { margin:0 0 20px; color:#657169; font-size:15px; line-height:1.55; }
  .sp-more { display:flex; align-items:center; gap:8px; color:var(--brand-dark); font-weight:750; }

  .sp-store { padding:0 0 76px; }
  .sp-store-box { position:relative; display:grid; grid-template-columns:1.3fr .7fr; gap:32px; align-items:center; padding:48px; border-radius:10px; background:linear-gradient(135deg,var(--brand-dark),var(--brand)); color:#fff; overflow:hidden; }
  .sp-store-box:after { content:''; position:absolute; width:360px; height:360px; right:-90px; top:-160px; border-radius:50%; background:rgba(255,255,255,.10); }
  .sp-store-copy, .sp-store-action { position:relative; z-index:1; }
  .sp-store h2 { margin:0 0 12px; color:#fff; font-size:clamp(30px,4vw,44px); }
  .sp-store p { max-width:680px; margin:0; color:rgba(255,255,255,.78); font-size:17px; line-height:1.65; }
  .sp-store-action { display:flex; justify-content:flex-end; }
  .sp-store .sp-btn { background:#fff; border-color:#fff; color:var(--dark); }

  .sp-info { padding:68px 0; background:var(--soft); }
  .sp-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .sp-panel { padding:34px; border:1px solid var(--line); border-radius:10px; background:#fff; }
  .sp-panel h2 { margin:0 0 14px; color:var(--dark); font-size:29px; }
  .sp-panel h3 { margin:22px 0 8px; color:var(--dark); font-size:19px; }
  .sp-panel p { margin:0 0 14px; color:#4e5e54; line-height:1.7; }
  .sp-panel a { color:var(--brand-dark); font-weight:700; }
  .sp-example { margin:20px 0; padding:20px; border-left:4px solid var(--brand); border-radius:8px; background:#fff8f2; color:#58483d; line-height:1.65; }

  .sp-trust { padding:54px 0; }
  .sp-trust-row { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  .sp-trust-item { padding:20px; border:1px solid var(--line); border-radius:6px; text-align:center; background:#fff; }
  .sp-trust-item strong { display:block; color:var(--dark); font-size:17px; }
  .sp-trust-item span { display:block; margin-top:5px; color:#68766d; font-size:14px; line-height:1.45; }

  .sp-final { padding:70px 0; background:var(--brand); color:#fff; text-align:center; }
  .sp-final h2 { max-width:760px; margin:0 auto 14px; color:#fff; font-size:clamp(32px,4vw,48px); }
  .sp-final p { max-width:680px; margin:0 auto 26px; color:rgba(255,255,255,.86); font-size:18px; line-height:1.65; }
  .sp-final .sp-btn { background:#fff; border-color:#fff; color:var(--dark); }

  @media (max-width:980px) {
    .sp-hero-grid, .sp-store-box { grid-template-columns:1fr; }
    .sp-grid { grid-template-columns:repeat(2,1fr); }
    .sp-store-action { justify-content:flex-start; }
    .sp-trust-row { grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width:680px) {
    .sp-wrap { width:min(100% - 28px,1180px); }
    .sp-hero { padding:48px 0 38px; }
    .sp-hero-grid { gap:30px; }
    .sp-hero-card { min-height:230px; padding:26px; }
    .sp-services { padding:44px 0 52px; }
    .sp-grid, .sp-info-grid, .sp-trust-row { grid-template-columns:1fr; }
    .sp-tile { min-height:265px; }
    .sp-store { padding-bottom:54px; }
    .sp-store-box { padding:32px 24px; }
    .sp-info { padding:48px 0; }
    .sp-panel { padding:25px; }
    .sp-actions .sp-btn { width:100%; }
  }

/* ===== Solempower-pagina-zonnepanelen.txt ===== */
.sz-page, .sz-page * { box-sizing:border-box; }
  .sz-page { --brand:#ed7a23; --brand-dark:#c95b12; --dark:#352d28; --ink:#403934; --soft:#fff8f2; --line:#f0dfd2; color:var(--ink); font-family:inherit; }
  .sz-page a { text-decoration:none; }
  .sz-wrap { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
  .sz-kicker { margin:0 0 12px; color:var(--brand); font-size:14px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
  .sz-page h1,.sz-page h2,.sz-page h3 { color:var(--dark); }
  .sz-page h1 { margin:0 0 20px; font-size:clamp(42px,5vw,66px); line-height:1.04; letter-spacing:-.035em; }
  .sz-page h2 { margin:0 0 14px; font-size:clamp(30px,4vw,44px); line-height:1.12; }
  .sz-page h3 { margin:0 0 9px; font-size:21px; }
  .sz-lead { margin:0; color:#625950; font-size:clamp(17px,2vw,21px); line-height:1.7; }
  .sz-btns { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
  .sz-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 22px; border:2px solid var(--brand); border-radius:5px; font-weight:750; transition:.2s ease; }
  .sz-btn-primary { background:var(--brand); color:#fff; }
  .sz-btn-secondary { background:#fff; color:var(--brand-dark); }
  .sz-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(91,55,29,.14); }

  .sz-hero { padding:62px 0 68px; background:#fff; border-bottom:1px solid var(--line); }
  .sz-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; }
  .sz-hero-photo { position:relative; min-height:440px; border-radius:12px; overflow:hidden; box-shadow:0 18px 44px rgba(61,45,34,.15); }
  .sz-hero-photo img { width:100%; height:100%; min-height:440px; display:block; object-fit:cover; }
  .sz-hero-photo:after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(36,27,22,.22),transparent 48%); }
  .sz-badge { position:absolute; z-index:2; left:24px; bottom:24px; padding:12px 16px; border-radius:5px; background:rgba(255,255,255,.94); color:var(--dark); font-weight:750; box-shadow:0 8px 22px rgba(0,0,0,.12); }

  .sz-trust { padding:24px 0; background:var(--soft); border-bottom:1px solid var(--line); }
  .sz-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  .sz-trust-item { display:flex; align-items:center; gap:10px; color:#554b44; font-size:15px; font-weight:650; }
  .sz-check { width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; border-radius:50%; background:var(--brand); color:#fff; font-size:14px; }

  .sz-section { padding:72px 0; }
  .sz-soft { background:var(--soft); }
  .sz-intro { max-width:790px; margin-bottom:32px; }
  .sz-intro p { margin:0; color:#625950; font-size:17px; line-height:1.7; }
  .sz-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .sz-card { padding:28px; border:1px solid var(--line); border-radius:9px; background:#fff; box-shadow:0 7px 22px rgba(65,46,32,.055); }
  .sz-number { width:42px; height:42px; display:grid; place-items:center; margin-bottom:20px; border-radius:50%; background:#fff0e4; color:var(--brand-dark); font-weight:800; }
  .sz-card p { margin:0; color:#6c625a; line-height:1.65; }

  .sz-split { display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:start; }
  .sz-single { max-width:850px; }
  .sz-copy p { margin:0 0 17px; color:#625950; font-size:17px; line-height:1.75; }
  .sz-list { display:grid; gap:13px; margin-top:24px; }
  .sz-list-item { display:grid; grid-template-columns:30px 1fr; gap:10px; align-items:start; }
  .sz-list-item span:first-child { color:var(--brand); font-weight:900; }
  .sz-list-item strong { display:block; color:var(--dark); }
  .sz-list-item small { display:block; margin-top:3px; color:#71665e; font-size:15px; line-height:1.5; }
  .sz-process { counter-reset:step; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
  .sz-step { position:relative; padding:29px 24px; border-top:5px solid var(--brand); border-radius:7px; background:#fff; box-shadow:0 7px 22px rgba(65,46,32,.06); }
  .sz-step:before { counter-increment:step; content:counter(step); width:36px; height:36px; display:grid; place-items:center; margin-bottom:18px; border-radius:50%; background:var(--brand); color:#fff; font-weight:800; }
  .sz-step p { margin:0; color:#6b6159; line-height:1.6; }

  .sz-note { display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; padding:44px; border-radius:10px; background:linear-gradient(135deg,var(--brand-dark),var(--brand)); color:#fff; }
  .sz-note h2 { color:#fff; }
  .sz-note p { margin:0; color:rgba(255,255,255,.88); font-size:17px; line-height:1.7; }
  .sz-note-action { display:flex; justify-content:flex-end; }
  .sz-note .sz-btn { background:#fff; border-color:#fff; color:var(--brand-dark); }

  .sz-faq { display:grid; gap:12px; }
  .sz-faq details { padding:20px 22px; border:1px solid var(--line); border-radius:7px; background:#fff; }
  .sz-faq summary { cursor:pointer; color:var(--dark); font-weight:750; }
  .sz-faq p { margin:14px 0 0; color:#695f57; line-height:1.7; }

  .sz-final { padding:72px 0; background:#332b26; color:#fff; text-align:center; }
  .sz-final h2 { max-width:780px; margin:0 auto 14px; color:#fff; }
  .sz-final p { max-width:680px; margin:0 auto 26px; color:rgba(255,255,255,.78); font-size:18px; line-height:1.65; }
  .sz-final .sz-btns { justify-content:center; }

  @media (max-width:950px) {
    .sz-hero-grid,.sz-split,.sz-note { grid-template-columns:1fr; }
    .sz-cards { grid-template-columns:1fr 1fr; }
    .sz-process { grid-template-columns:1fr 1fr; }
    .sz-trust-grid { grid-template-columns:1fr 1fr; }
    .sz-note-action { justify-content:flex-start; }
  }
  @media (max-width:640px) {
    .sz-wrap { width:min(100% - 28px,1180px); }
    .sz-hero,.sz-section,.sz-final { padding:48px 0; }
    .sz-hero-grid { gap:32px; }
    .sz-hero-photo,.sz-hero-photo img { min-height:300px; }
    .sz-cards,.sz-process,.sz-trust-grid { grid-template-columns:1fr; }
    .sz-note { padding:30px 24px; }
    .sz-btns .sz-btn { width:100%; }
  }

/* ===== Solempower-pagina-laadpalen.txt ===== */
.sl-page,.sl-page *{box-sizing:border-box}.sl-page{--brand:#ed7a23;--brand-dark:#c95b12;--dark:#352d28;--ink:#403934;--soft:#fff8f2;--line:#f0dfd2;color:var(--ink);font-family:inherit}.sl-page a{text-decoration:none}.sl-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.sl-kicker{margin:0 0 12px;color:var(--brand);font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sl-page h1,.sl-page h2,.sl-page h3{color:var(--dark)}.sl-page h1{margin:0 0 20px;font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.035em}.sl-page h2{margin:0 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.12}.sl-page h3{margin:0 0 9px;font-size:21px}.sl-lead{margin:0;color:#625950;font-size:clamp(17px,2vw,21px);line-height:1.7}.sl-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.sl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border:2px solid var(--brand);border-radius:5px;font-weight:750;transition:.2s ease}.sl-btn-primary{background:var(--brand);color:#fff}.sl-btn-secondary{background:#fff;color:var(--brand-dark)}.sl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(91,55,29,.14)}
  .sl-hero{padding:62px 0 68px;background:#fff;border-bottom:1px solid var(--line)}.sl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.sl-hero-photo{position:relative;min-height:440px;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px rgba(61,45,34,.15)}.sl-hero-photo img{width:100%;height:100%;min-height:440px;display:block;object-fit:cover}.sl-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(36,27,22,.3),transparent 52%)}.sl-badge{position:absolute;z-index:2;left:24px;bottom:24px;padding:12px 16px;border-radius:5px;background:rgba(255,255,255,.94);color:var(--dark);font-weight:750;box-shadow:0 8px 22px rgba(0,0,0,.12)}
  .sl-trust{padding:24px 0;background:var(--soft);border-bottom:1px solid var(--line)}.sl-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sl-trust-item{display:flex;align-items:center;gap:10px;color:#554b44;font-size:15px;font-weight:650}.sl-check{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:14px}
  .sl-section{padding:72px 0}.sl-soft{background:var(--soft)}.sl-intro{max-width:800px;margin-bottom:32px}.sl-intro p{margin:0;color:#625950;font-size:17px;line-height:1.7}.sl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sl-card{padding:28px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 7px 22px rgba(65,46,32,.055)}.sl-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:#fff0e4;color:var(--brand-dark);font-size:22px;font-weight:800}.sl-card p{margin:0;color:#6c625a;line-height:1.65}
  .sl-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.sl-copy p{margin:0 0 17px;color:#625950;font-size:17px;line-height:1.75}.sl-list{display:grid;gap:14px;margin-top:24px}.sl-list-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.sl-list-item>span{color:var(--brand);font-weight:900}.sl-list-item strong{display:block;color:var(--dark)}.sl-list-item small{display:block;margin-top:3px;color:#71665e;font-size:15px;line-height:1.5}.sl-panel{padding:34px;border-left:6px solid var(--brand);border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(65,46,32,.07)}.sl-panel h3{font-size:25px}.sl-panel p{margin:0 0 17px;color:#665c54;line-height:1.7}.sl-panel p:last-child{margin-bottom:0}
  .sl-process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sl-step{position:relative;padding:29px 24px;border-top:5px solid var(--brand);border-radius:7px;background:#fff;box-shadow:0 7px 22px rgba(65,46,32,.06)}.sl-step:before{counter-increment:step;content:counter(step);width:36px;height:36px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800}.sl-step p{margin:0;color:#6b6159;line-height:1.6}
  .sl-note{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:44px;border-radius:10px;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff}.sl-note h2{color:#fff}.sl-note p{margin:0;color:rgba(255,255,255,.88);font-size:17px;line-height:1.7}.sl-note-action{display:flex;justify-content:flex-end}.sl-note .sl-btn{background:#fff;border-color:#fff;color:var(--brand-dark)}
  .sl-faq{display:grid;gap:12px}.sl-faq details{padding:20px 22px;border:1px solid var(--line);border-radius:7px;background:#fff}.sl-faq summary{cursor:pointer;color:var(--dark);font-weight:750}.sl-faq p{margin:14px 0 0;color:#695f57;line-height:1.7}.sl-final{padding:72px 0;background:#332b26;color:#fff;text-align:center}.sl-final h2{max-width:780px;margin:0 auto 14px;color:#fff}.sl-final p{max-width:680px;margin:0 auto 26px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.65}.sl-final .sl-btns{justify-content:center}
  @media(max-width:950px){.sl-hero-grid,.sl-split,.sl-note{grid-template-columns:1fr}.sl-cards{grid-template-columns:1fr 1fr}.sl-process{grid-template-columns:1fr 1fr}.sl-trust-grid{grid-template-columns:1fr 1fr}.sl-note-action{justify-content:flex-start}}@media(max-width:640px){.sl-wrap{width:min(100% - 28px,1180px)}.sl-hero,.sl-section,.sl-final{padding:48px 0}.sl-hero-grid{gap:32px}.sl-hero-photo,.sl-hero-photo img{min-height:300px}.sl-cards,.sl-process,.sl-trust-grid{grid-template-columns:1fr}.sl-note{padding:30px 24px}.sl-btns .sl-btn{width:100%}}