.onp-price-wrap{width:100%;max-width:780px;margin:0;font-family:inherit;color:#111}
.onp-price-note{margin:0 0 20px;font-size:13px;line-height:1.6}
.onp-price-title{margin:0 0 22px;font-size:19px;line-height:1.3;font-weight:500}
.onp-price-table{width:100%;border-collapse:collapse;table-layout:fixed}
.onp-price-table th{position:relative;padding:0 14px 18px;text-align:left;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.65px;text-transform:uppercase;border-bottom:2px solid #35b638}
.onp-price-table th:first-child{width:58%}.onp-price-table th:last-child{width:42%}
.onp-price-table th:before{content:"";display:inline-block;width:12px;height:7px;margin-right:8px;vertical-align:1px;background:linear-gradient(90deg,#d6ecd3 0 58%,transparent 58% 67%,#82d481 67% 100%)}
.onp-price-table td{padding:11px 14px;height:45px;border-bottom:1px solid #eee;vertical-align:middle}.onp-price-table tr:last-child td{border-bottom:0}
.onp-price-name{font-size:11px;line-height:1.35;font-weight:650;letter-spacing:.2px}
.onp-price-pill{display:inline-flex;align-items:center;justify-content:center;min-width:31px;min-height:22px;padding:3px 11px;border:1px solid #38cfa0;border-radius:999px;color:#18ad7c;background:#fff;font-size:11px;line-height:1;white-space:nowrap}
@media(max-width:600px){.onp-price-note{margin-bottom:17px;font-size:12px}.onp-price-title{font-size:18px;margin-bottom:19px}.onp-price-table th:first-child{width:56%}.onp-price-table th:last-child{width:44%}.onp-price-table th{padding-left:8px;padding-right:8px}.onp-price-table td{padding:10px 8px}.onp-price-name,.onp-price-pill{font-size:10.5px}}

/* Full OnPower model landing page */
.onp-model-page{max-width:1120px;margin:0 auto;font-family:inherit;color:#171717}
.onp-model-page *{box-sizing:border-box}
.onp-model-hero{padding:8px 0 18px}
.onp-model-hero-has-image{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr);gap:40px;align-items:center}
.onp-model-hero-copy{min-width:0}
.onp-model-hero-image{margin:0;display:flex;align-items:center;justify-content:center;min-height:300px}
.onp-model-hero-image img{display:block;width:100%;max-width:350px;max-height:390px;object-fit:contain;border-radius:16px}
.onp-eyebrow,.onp-section-kicker{margin:0 0 9px;color:#24965e;font-weight:750;font-size:13px;letter-spacing:.28px}
.onp-model-hero h2,.onp-section-heading h2,.onp-explain h2,.onp-location h2,.onp-final-cta h2{margin:0 0 16px;font-size:clamp(26px,4vw,39px);line-height:1.12;letter-spacing:-.45px}
.onp-model-hero>p:not(.onp-eyebrow){max-width:875px;font-size:17px;line-height:1.72;color:#3b3b3b;margin-bottom:14px}
.onp-trust-row{display:flex;flex-wrap:wrap;gap:8px 10px;margin:14px 0 0}
.onp-trust-row span{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #e2e8e4;border-radius:999px;background:#fafcfb;color:#444;font-size:12.5px;font-weight:650}
.onp-model-actions{margin-top:18px}
.onp-wa-btn{display:inline-block;padding:14px 20px;background:#43be79;color:#fff!important;text-decoration:none!important;border-radius:8px;font-weight:750;line-height:1.2;transition:transform .15s ease,filter .15s ease}
.onp-wa-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.onp-model-price{padding:18px 0 42px}
.onp-model-price .onp-price-wrap{max-width:820px}
.onp-info-section,.onp-process,.onp-faq{padding:46px 0;border-top:1px solid #ececec}
.onp-section-heading{max-width:850px;margin-bottom:24px}
.onp-section-heading>p:not(.onp-section-kicker){margin:0;color:#4b4b4b;font-size:16px;line-height:1.65}
.onp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.onp-info-card{padding:23px;border:1px solid #e8e8e8;border-radius:14px;background:#fff}
.onp-info-card h3{margin:0 0 9px;font-size:18px}
.onp-info-card p,.onp-step p,.onp-faq p,.onp-explain p,.onp-location p{margin:0;font-size:15px;line-height:1.68;color:#484848}
.onp-explain{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:28px;align-items:start;padding:46px 0;border-top:1px solid #ececec}
.onp-explain-callout{padding:23px;border-radius:14px;background:#f4faf6;border:1px solid #dcefe3}
.onp-explain-callout strong{display:block;margin-bottom:8px;color:#228b58;font-size:15px}
.onp-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.onp-step{padding:24px;border-radius:14px;background:#f6f7f6}
.onp-step>span{display:flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#43be79;color:#fff;font-weight:800;margin-bottom:16px}
.onp-step h3{margin:0 0 8px;font-size:18px}
.onp-location{margin:44px 0 0;padding:31px 32px;border-radius:17px;background:#0c0d0c;color:#fff;display:flex;gap:28px;align-items:center;justify-content:space-between}
.onp-location>div{max-width:780px}.onp-location h2{font-size:clamp(24px,3vw,33px);color:#fff!important}.onp-location p{color:#e7e7e7}
.onp-location .onp-section-kicker{color:#77dba5}
.onp-wa-btn-light{flex:0 0 auto;white-space:nowrap}
.onp-faq details{border-bottom:1px solid #e8e8e8;padding:17px 0}
.onp-faq summary{cursor:pointer;font-weight:750;font-size:16px}
.onp-faq details p{padding:12px 0 4px;max-width:900px}
.onp-final-cta{margin:44px 0 10px;padding:34px;border-radius:18px;background:#f4faf6;border:1px solid #dcefe3;color:#171717}
.onp-final-cta p:not(.onp-section-kicker){max-width:760px;font-size:16px;line-height:1.65;color:#444}
.onp-final-cta .onp-wa-btn{margin-top:14px}
@media(max-width:800px){.onp-model-hero-has-image,.onp-info-grid,.onp-process-grid,.onp-explain{grid-template-columns:1fr}.onp-model-hero-image{min-height:0;padding-top:10px}.onp-model-hero-image img{max-width:290px}.onp-model-hero>p:not(.onp-eyebrow){font-size:16px}.onp-location{align-items:flex-start;flex-direction:column}.onp-final-cta{padding:25px}}
@media(max-width:600px){.onp-model-hero{padding-top:4px}.onp-trust-row{gap:7px}.onp-model-actions .onp-wa-btn{width:100%;text-align:center}.onp-info-section,.onp-process,.onp-faq,.onp-explain{padding:36px 0}.onp-location{padding:25px 22px}.onp-location .onp-wa-btn{width:100%;text-align:center}}

/* WhatsApp repair selection – v1.4 */
.onp-wa-btn{font:inherit;border:0;cursor:pointer}
.onp-price-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.onp-row-wa{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#43be79;color:#fff!important;text-decoration:none!important;font-size:10.5px;font-weight:750;line-height:1;white-space:nowrap;transition:filter .15s ease,transform .15s ease}
.onp-row-wa:hover{filter:brightness(.95);transform:translateY(-1px)}
.onp-issue-modal[hidden]{display:none!important}
.onp-issue-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
.onp-issue-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}
.onp-issue-dialog{position:relative;width:min(680px,100%);max-height:min(760px,90vh);overflow:auto;padding:30px;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.3);color:#171717}
.onp-issue-dialog h2{margin:0 40px 10px 0;font-size:clamp(27px,4vw,38px);line-height:1.12;letter-spacing:-.4px}
.onp-issue-intro{margin:0 0 20px;font-size:15px;line-height:1.65;color:#4a4a4a}
.onp-issue-close{position:absolute;top:16px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f4f2;color:#222;font:inherit;font-size:27px;line-height:1;cursor:pointer}
.onp-issue-close:hover{background:#e9ecea}
.onp-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.onp-issue-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:14px 16px;border:1px solid #dfe8e2;border-radius:12px;background:#fbfdfb;color:#171717!important;text-decoration:none!important;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.onp-issue-choice:hover{border-color:#43be79;background:#f3fbf6;transform:translateY(-1px)}
.onp-issue-choice strong{font-size:15px}
.onp-issue-choice span{flex:0 0 auto;font-size:11px;font-weight:700;color:#24965e;text-align:right}
.onp-issue-note{margin:17px 0 0;font-size:12px;line-height:1.55;color:#666}
body.onp-modal-open{overflow:hidden}
@media(max-width:600px){
  .onp-price-table th:first-child{width:46%}.onp-price-table th:last-child{width:54%}
  .onp-price-actions{gap:5px}.onp-row-wa{font-size:9.8px;padding:4px 8px}.onp-price-pill{padding-left:8px;padding-right:8px}
  .onp-issue-modal{padding:12px}.onp-issue-dialog{padding:25px 18px 20px;border-radius:16px}.onp-issue-grid{grid-template-columns:1fr}.onp-issue-choice{min-height:58px}
}

/* Inquiry-only mode – v1.5 */
.onp-row-wa-wide{min-width:112px;padding:7px 13px;font-size:11px}
.onp-price-actions{justify-content:flex-start}
.onp-price-table th:first-child{width:62%}.onp-price-table th:last-child{width:38%}
.onp-issue-choice-other{background:#f6f7f6}
@media(max-width:600px){.onp-price-table th:first-child{width:56%}.onp-price-table th:last-child{width:44%}.onp-row-wa-wide{min-width:100px;font-size:10px}}


/* Modellübersichten – v1.6 */
.onp-model-list{max-width:1120px;margin:0 auto;padding:10px 0 30px;font-family:inherit;color:#171717}
.onp-model-list *{box-sizing:border-box}
.onp-model-list-head{max-width:900px;margin-bottom:30px}
.onp-model-list-head h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-.4px}
.onp-model-list-head p{margin:0 0 18px;font-size:16px;line-height:1.65;color:#4a4a4a}
.onp-model-search-wrap{display:block;max-width:520px}
.onp-model-search{width:100%;min-height:48px;padding:11px 15px;border:1px solid #dfe5e1;border-radius:10px;background:#fff;font:inherit;font-size:15px;outline:none}
.onp-model-search:focus{border-color:#43be79;box-shadow:0 0 0 3px rgba(67,190,121,.12)}
.onp-model-series{padding:28px 0;border-top:1px solid #ededed}
.onp-model-series h3{margin:0 0 16px;font-size:22px}
.onp-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.onp-model-card{display:flex;min-height:78px;padding:15px 16px;border:1px solid #e3e7e4;border-radius:12px;background:#fff;flex-direction:column;justify-content:center;text-decoration:none!important;color:#171717!important;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.onp-model-card:hover{border-color:#43be79;transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,0,0,.05)}
.onp-model-card span{font-size:14px;font-weight:750;line-height:1.3}
.onp-model-card small{margin-top:6px;font-size:11px;color:#24965e;font-weight:700}
.onp-model-card-wa{background:#f8fcf9}
.onp-model-empty{padding:18px;border-radius:10px;background:#f6f7f6;color:#555}
@media(max-width:900px){.onp-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.onp-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onp-model-card{min-height:72px;padding:13px}.onp-model-series{padding:23px 0}}
@media(max-width:420px){.onp-model-grid{grid-template-columns:1fr}}


/* SEO-Inhaltsbereiche der Modellübersichten – v1.6.1 */
.onp-overview-seo{max-width:1120px;margin:20px auto 0;padding:0 0 40px;font-family:inherit;color:#191919}
.onp-overview-seo *{box-sizing:border-box}
.onp-overview-seo-intro{padding:50px 0 28px;border-top:1px solid #ececec;max-width:930px}
.onp-overview-eyebrow{display:block;margin-bottom:9px;color:#239454;font-size:13px;line-height:1.3;font-weight:800}
.onp-overview-seo h2{margin:0 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.14;font-weight:450;letter-spacing:-.5px}
.onp-overview-seo h3{margin:0 0 10px;font-size:18px;line-height:1.3;font-weight:600}
.onp-overview-seo p{font-size:16px;line-height:1.7;color:#4b4b4b}
.onp-overview-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 48px}
.onp-overview-info-grid article{padding:24px;border:1px solid #e2e6e3;border-radius:14px;background:#fff}
.onp-overview-info-grid article p{margin:0;font-size:15px}
.onp-overview-flow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;padding:44px 0;border-top:1px solid #ececec}
.onp-overview-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.onp-overview-flow li{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:12px;background:#f5f7f5;font-size:15px;font-weight:650}
.onp-overview-flow li strong{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#4cc47b;color:#fff}
.onp-overview-local{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:34px;border-radius:16px;background:#0b0d0c;color:#fff;margin:0 0 48px}
.onp-overview-local h2{color:#fff}
.onp-overview-local p{color:#f0f0f0;margin-bottom:0}
.onp-overview-local a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:8px;background:#4cc47b;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;white-space:nowrap}
.onp-overview-series-copy{padding:0 0 42px;max-width:900px}
.onp-overview-faq{padding:42px 0 10px;border-top:1px solid #ececec}
.onp-overview-faq details{border-bottom:1px solid #e6e6e6;padding:17px 0}
.onp-overview-faq summary{cursor:pointer;font-size:16px;font-weight:750}
.onp-overview-faq details p{margin:12px 0 0;max-width:900px;font-size:15px}
@media(max-width:780px){
  .onp-overview-info-grid{grid-template-columns:1fr}
  .onp-overview-flow{grid-template-columns:1fr;gap:20px}
  .onp-overview-local{grid-template-columns:1fr;padding:25px}
  .onp-overview-local a{width:100%}
  .onp-overview-seo-intro{padding-top:36px}
}


/* Modellsuche – Fix v1.6.2 */
.onp-model-card[hidden],
.onp-model-series[hidden],
.onp-model-empty[hidden]{
  display:none!important;
}
.onp-model-search-status{
  min-height:20px;
  margin-top:8px;
  font-size:13px;
  line-height:1.4;
  color:#239454;
  font-weight:700;
}


/* ==========================================================
   Model landing pages – desktop full width + mobile first
   v1.6.15
   ========================================================== */

/*
 * Model-Projects should behave like landing pages, not blog posts.
 * Hide the theme sidebar only on nproject single pages.
 */
body.single-nproject #sidebar,
body.single-nproject .sidebar,
body.single-nproject aside.widget-area,
body.single-nproject .widget-area.sidebar,
body.single-nproject .project-sidebar{
  display:none!important;
}

/*
 * Expand the theme's content column when it contains our model page.
 * :has() keeps this scoped to the actual OnPower model content.
 */
body.single-nproject .col-md-8:has(.onp-model-page),
body.single-nproject .col-lg-8:has(.onp-model-page),
body.single-nproject .col-sm-8:has(.onp-model-page),
body.single-nproject .col-md-9:has(.onp-model-page),
body.single-nproject .col-lg-9:has(.onp-model-page),
body.single-nproject #primary:has(.onp-model-page),
body.single-nproject .content-area:has(.onp-model-page),
body.single-nproject .main-content:has(.onp-model-page){
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
}

/* If the sidebar is a Bootstrap sibling, remove it only in our model row. */
body.single-nproject .row:has(.onp-model-page) > .col-md-4,
body.single-nproject .row:has(.onp-model-page) > .col-lg-4,
body.single-nproject .row:has(.onp-model-page) > .col-sm-4,
body.single-nproject .row:has(.onp-model-page) > .col-md-3,
body.single-nproject .row:has(.onp-model-page) > .col-lg-3{
  display:none!important;
}

body.single-nproject .onp-model-page{
  width:100%;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

/* Desktop model content gets breathing room but stays readable. */
@media (min-width:801px){
  body.single-nproject .onp-model-page{
    padding-left:24px;
    padding-right:24px;
  }
  body.single-nproject .onp-model-price .onp-price-wrap{
    max-width:900px;
  }
}

/* -------- Mobile-first CTA and content behavior -------- */
@media (max-width:700px){

  body.single-nproject .onp-model-page{
    width:100%;
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
    overflow-x:hidden;
  }

  /* Hero */
  .onp-model-hero{
    padding-top:8px;
    padding-bottom:20px;
  }

  .onp-model-hero h2,
  .onp-section-heading h2,
  .onp-explain h2,
  .onp-location h2,
  .onp-final-cta h2{
    font-size:clamp(25px,8vw,34px);
    line-height:1.13;
    overflow-wrap:anywhere;
  }

  .onp-model-hero>p:not(.onp-eyebrow){
    font-size:15.5px;
    line-height:1.62;
  }

  .onp-trust-row span{
    font-size:11.5px;
    padding:7px 10px;
  }

  /* Every major WhatsApp CTA must fit the phone viewport. */
  .onp-model-page .onp-wa-btn{
    display:flex;
    width:100%;
    max-width:100%;
    min-height:52px;
    align-items:center;
    justify-content:center;
    padding:13px 14px;
    border-radius:9px;
    font-size:13px;
    line-height:1.3;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .onp-model-actions{
    width:100%;
    margin-top:17px;
  }

  /* Repair list becomes touch-friendly instead of a squeezed table. */
  .onp-model-price{
    padding-top:14px;
    padding-bottom:34px;
  }

  .onp-model-price .onp-price-wrap{
    width:100%;
    max-width:none;
  }

  .onp-price-table{
    display:block;
    width:100%;
    table-layout:auto;
  }

  .onp-price-table thead{
    display:none;
  }

  .onp-price-table tbody{
    display:block;
    width:100%;
  }

  .onp-price-table tr{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(122px,145px);
    gap:12px;
    align-items:center;
    width:100%;
    min-height:60px;
    padding:10px 0;
    border-bottom:1px solid #ecefec;
  }

  .onp-price-table td{
    display:block;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
  }

  .onp-price-name{
    font-size:13px;
    line-height:1.4;
  }

  .onp-price-actions{
    display:block;
    width:100%;
  }

  .onp-row-wa,
  .onp-row-wa-wide{
    display:flex;
    width:100%;
    min-width:0;
    min-height:42px;
    align-items:center;
    justify-content:center;
    padding:9px 9px;
    font-size:11.5px;
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }

  /* Cards and explanatory blocks */
  .onp-info-card,
  .onp-step{
    padding:19px;
  }

  .onp-info-card h3,
  .onp-step h3{
    font-size:17px;
  }

  .onp-info-card p,
  .onp-step p,
  .onp-faq p,
  .onp-explain p,
  .onp-location p{
    font-size:14.5px;
    line-height:1.62;
  }

  .onp-explain{
    gap:18px;
  }

  .onp-explain-callout{
    padding:19px;
  }

  .onp-location{
    margin-top:32px;
    padding:23px 19px;
    gap:20px;
    border-radius:14px;
  }

  .onp-location .onp-wa-btn{
    width:100%;
    white-space:normal;
  }

  .onp-faq details{
    padding:15px 0;
  }

  .onp-faq summary{
    font-size:15px;
    line-height:1.45;
    padding-right:5px;
  }

  .onp-final-cta{
    margin-top:32px;
    padding:23px 19px;
    border-radius:14px;
  }

  .onp-final-cta .onp-wa-btn{
    width:100%;
  }

  /* Modal must never exceed phone width. */
  .onp-issue-modal{
    padding:10px;
  }

  .onp-issue-dialog{
    width:100%;
    max-width:100%;
    max-height:88dvh;
    padding:23px 16px 18px;
    border-radius:15px;
  }

  .onp-issue-dialog h2{
    margin-right:40px;
    font-size:26px;
  }

  .onp-issue-choice{
    width:100%;
    min-width:0;
    min-height:58px;
    padding:12px 13px;
  }

  .onp-issue-choice strong{
    min-width:0;
    font-size:14px;
    overflow-wrap:anywhere;
  }

  .onp-issue-choice span{
    font-size:10.5px;
  }
}

/* Very narrow phones: repair button goes below the repair name. */
@media (max-width:380px){
  body.single-nproject .onp-model-page{
    padding-left:13px;
    padding-right:13px;
  }

  .onp-price-table tr{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px 0;
  }

  .onp-row-wa,
  .onp-row-wa-wide{
    min-height:44px;
  }

  .onp-model-page .onp-wa-btn{
    font-size:12.5px;
  }

  .onp-trust-row{
    gap:6px;
  }
}


/* ==========================================================
   v1.6.16 – remove remaining theme sidebar on model Projects
   ========================================================== */

/*
 * SmartFix can render the Project sidebar either beside OR below the
 * main content depending on viewport/layout. Hide every known sidebar
 * container, but only on single nproject model pages.
 */
body.single-nproject #secondary,
body.single-nproject aside#secondary,
body.single-nproject .secondary,
body.single-nproject .sidebar,
body.single-nproject .sidebar-wrapper,
body.single-nproject .sidebar-wrap,
body.single-nproject .sidebar-inner,
body.single-nproject .site-sidebar,
body.single-nproject .right-sidebar,
body.single-nproject .sidebar-right,
body.single-nproject .sidebar-area,
body.single-nproject .page-sidebar,
body.single-nproject .project-sidebar,
body.single-nproject aside.widget-area,
body.single-nproject .widget-area:not(.footer-widget-area):not(.footer-widgets){
  display:none!important;
}

/* Theme layouts sometimes keep an empty sidebar column after its widgets vanish. */
body.single-nproject .row:has(.onp-model-page) > [class*="col-"]:not(:has(.onp-model-page)){
  display:none!important;
}

body.single-nproject .row:has(.onp-model-page) > [class*="col-"]:has(.onp-model-page){
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
}

/* Prevent leftover sidebar spacing / floats. */
body.single-nproject .content-area:has(.onp-model-page),
body.single-nproject #primary:has(.onp-model-page),
body.single-nproject .main-content:has(.onp-model-page){
  float:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep the landing page balanced on large screens. */
@media (min-width:1200px){
  body.single-nproject .onp-model-page{
    max-width:1180px;
  }
}


/* ==========================================================
   v1.6.18 – iPhone 16 Pro SEO master hero
   ========================================================== */

.onp-model-hero-master-image{
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:34px;
}

.onp-model-hero-master-image .onp-model-hero-image{
  min-height:360px;
}

.onp-model-hero-master-image .onp-model-hero-image img{
  width:100%;
  max-width:390px;
  max-height:480px;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.055);
}

@media(max-width:800px){
  .onp-model-hero-master-image{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  /*
   * Copy contains headline, trust signals and WhatsApp CTA.
   * It remains first on mobile; product image follows the CTA.
   */
  .onp-model-hero-master-image .onp-model-hero-copy{
    order:1;
  }

  .onp-model-hero-master-image .onp-model-hero-image{
    order:2;
    width:100%;
    min-height:0;
    padding-top:4px;
  }

  .onp-model-hero-master-image .onp-model-hero-image img{
    width:min(78vw,310px);
    max-width:310px;
    max-height:none;
    margin:0 auto;
  }
}

@media(max-width:480px){
  .onp-model-hero-master-image .onp-model-hero-image img{
    width:min(82vw,285px);
  }
}


/* ==========================================================
   v1.6.18 – Mobile polish: compact sticky header + model image
   ========================================================== */

@media (max-width:700px){

  /*
   * SmartFix mobile header is visually too tall while sticky.
   * Keep navigation usable but reduce the occupied vertical space.
   */
  body.single-nproject header,
  body.single-nproject .site-header,
  body.single-nproject #masthead,
  body.single-nproject .header-area,
  body.single-nproject .main-header{
    min-height:72px!important;
  }

  body.single-nproject .site-header .container,
  body.single-nproject #masthead .container,
  body.single-nproject .header-area .container,
  body.single-nproject .main-header .container{
    min-height:72px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  body.single-nproject .site-header img,
  body.single-nproject #masthead img,
  body.single-nproject .header-area img,
  body.single-nproject .main-header img{
    max-height:48px!important;
    width:auto!important;
  }

  body.single-nproject .menu-toggle,
  body.single-nproject .navbar-toggle,
  body.single-nproject .mobile-menu-toggle{
    min-height:44px!important;
    max-height:52px!important;
  }

  /*
   * Ensure anchor jumps / sticky-header scrolling leaves breathing room.
   */
  body.single-nproject .onp-model-page{
    scroll-margin-top:82px;
  }

  body.single-nproject .onp-model-page h2,
  body.single-nproject .onp-model-page h3,
  body.single-nproject .onp-model-page [id]{
    scroll-margin-top:88px;
  }

  /*
   * Model image:
   * keep full visual impact, but avoid consuming almost an entire screen.
   * We target images directly inside the model landing content while
   * excluding tiny icons/logos.
   */
  body.single-nproject .onp-model-page img{
    max-width:100%;
    height:auto;
  }

  body.single-nproject .onp-model-page img:not(.onp-icon):not(.emoji):not([width="1"]){
    max-height:520px;
    object-fit:contain;
  }

  /*
   * Common image wrappers used by the current model page.
   * Cap their visual height without cropping the device.
   */
  body.single-nproject .onp-model-image,
  body.single-nproject .onp-device-image,
  body.single-nproject .onp-hero-image,
  body.single-nproject .onp-model-visual,
  body.single-nproject figure:has(> img){
    max-height:540px;
    overflow:hidden;
    border-radius:16px;
  }

  body.single-nproject .onp-model-image img,
  body.single-nproject .onp-device-image img,
  body.single-nproject .onp-hero-image img,
  body.single-nproject .onp-model-visual img,
  body.single-nproject figure:has(> img) > img{
    display:block;
    width:100%;
    max-height:520px;
    object-fit:contain;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Very narrow phones: image slightly shorter again. */
@media (max-width:390px){
  body.single-nproject .onp-model-page img:not(.onp-icon):not(.emoji):not([width="1"]){
    max-height:460px;
  }

  body.single-nproject .onp-model-image,
  body.single-nproject .onp-device-image,
  body.single-nproject .onp-hero-image,
  body.single-nproject .onp-model-visual,
  body.single-nproject figure:has(> img){
    max-height:480px;
  }
}


/* ==========================================================
   v1.6.20 – iPhone 16 Pro SEO master content
   ========================================================== */
.onp-seo-master{
  margin:44px 0 8px;
  padding-top:34px;
  border-top:1px solid #e8ece9;
}
.onp-seo-master-copy{
  max-width:900px;
}
.onp-seo-master-copy p{
  margin:0 0 14px;
  line-height:1.72;
}
.onp-seo-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.onp-seo-detail-grid article{
  padding:20px;
  border:1px solid #e2e8e4;
  border-radius:12px;
  background:#fff;
}
.onp-seo-detail-grid h3{
  margin:0 0 8px;
  font-size:18px;
}
.onp-seo-detail-grid p{
  margin:0;
  line-height:1.6;
}
.onp-related-links{
  margin-top:28px;
  padding:22px;
  border-radius:12px;
  background:#f7faf8;
}
.onp-related-links h3{
  margin:0 0 14px;
}
.onp-related-link-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.onp-related-link-grid a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:9px 13px;
  border:1px solid #d9e4dc;
  border-radius:9px;
  text-decoration:none;
  font-weight:600;
}
@media (max-width:700px){
  .onp-seo-master{
    margin-top:32px;
    padding-top:28px;
  }
  .onp-seo-detail-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .onp-seo-detail-grid article{
    padding:18px;
  }
  .onp-related-links{
    padding:18px;
  }
  .onp-related-link-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .onp-related-link-grid a{
    width:100%;
    min-height:48px;
  }
}


/* ==========================================================
   v1.6.23 – SmartFix Project Header auf ALLEN Modellseiten weg
   Exakter Selektor aus der echten SmartFix-DOM-Struktur.
   ========================================================== */

/*
 * Entfernt ausschließlich den großen schwarzen Theme-Bereich
 * mit altem Project-Titel + Breadcrumbs.
 *
 * Das normale Site-Menü (#site-header) bleibt bestehen.
 * Der eigentliche Reparaturinhalt liegt in #content-body und
 * wird nicht ausgeblendet.
 */
body.single-nproject #site-content > .content-header {
  display:none !important;
}

/* Nach Entfernen des Theme-Headers direkt mit der Landingpage starten. */
body.single-nproject #site-content > #content-body,
body.single-nproject #content-body {
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Eventuelle Theme-Abstände oberhalb der Modell-Landingpage neutralisieren. */
body.single-nproject #content-body > .wrap,
body.single-nproject #content-body > .wrap-inner {
  margin-top:0 !important;
}


/* ==========================================================
   v1.6.24 – Abstand unter Sticky-Menü + Kategorie-Beispielbilder
   ========================================================== */

/*
 * Der große SmartFix-Project-Header ist in 1.6.23 entfernt.
 * Deshalb braucht #content-body jetzt wieder Platz unter dem
 * normalen, überlagernden Site-Header.
 */
body.single-nproject #site-content > #content-body,
body.single-nproject #content-body{
  padding-top:88px !important;
}

.onp-category-fallback-image{
  position:relative;
}

.onp-category-fallback-image img{
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:16px;
}

.onp-category-fallback-image figcaption{
  margin-top:8px;
  font-size:11px;
  line-height:1.35;
  text-align:center;
  color:#6d746f;
}

@media (max-width:700px){
  body.single-nproject #site-content > #content-body,
  body.single-nproject #content-body{
    padding-top:74px !important;
  }

  .onp-category-fallback-image{
    margin-top:18px;
  }

  .onp-category-fallback-image img{
    max-height:440px;
  }

  .onp-category-fallback-image figcaption{
    font-size:10.5px;
  }
}


/* ==========================================================
   v1.6.25 – sichtbarer Site-Header + saubere Fallback-Bilder
   ========================================================== */

/*
 * Nach dem Entfernen des großen SmartFix-Project-Headers darf
 * der normale transparente Header nicht auf weißem Inhalt liegen.
 */
body.single-nproject #site-header,
body.single-nproject #site-header-sticky,
body.single-nproject .site-header,
body.single-nproject .site-header-sticky{
  background:#090909 !important;
  background-image:none !important;
}

body.single-nproject #site-header a,
body.single-nproject #site-header-sticky a,
body.single-nproject .site-header a,
body.single-nproject .site-header-sticky a{
  color:#fff;
}

/* Fallback-Bild immer als echte Bildspalte mit Caption darunter. */
body.single-nproject .onp-category-fallback-image{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100%;
  margin:0;
}

body.single-nproject .onp-category-fallback-image img{
  display:block;
  width:100%;
  max-width:360px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}

body.single-nproject .onp-category-fallback-image figcaption{
  display:block;
  width:100%;
  max-width:360px;
  margin:8px auto 0;
  padding:0 8px;
  text-align:center;
  font-size:11px;
  line-height:1.35;
  color:#6d746f;
}

@media (max-width:700px){
  body.single-nproject .onp-category-fallback-image img{
    max-width:100%;
    max-height:430px;
  }

  body.single-nproject .onp-category-fallback-image figcaption{
    max-width:100%;
    margin-top:7px;
    font-size:10.5px;
  }
}