:root{--ppg-primary:#86471e;--ppg-bg:#ffedde;--ppg-text:#000;--ppg-card-bg:#fff;--ppg-overlay:rgba(0,0,0,.60);--ppg-inactive:#d4a88a;--ppg-radius:14px;--ppg-btn-radius:8px;--ppg-font:inherit;--ppg-primary-light:rgba(134,71,30,.12);--ppg-primary-hover:#6e3918}
.ppg-trigger-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ppg-primary);color:#fff;border:none;border-radius:var(--ppg-btn-radius);padding:13px 26px;font-size:1rem;font-weight:600;font-family:var(--ppg-font);cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px rgba(134,71,30,.28)}
.ppg-trigger-btn:hover{background:var(--ppg-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(134,71,30,.35)}
a.ppg-trigger{color:var(--ppg-primary);font-weight:600;text-decoration:underline;cursor:pointer}
.ppg-overlay{display:none;position:fixed;inset:0;background:var(--ppg-overlay);z-index:999990;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.ppg-overlay.ppg-open{display:flex;animation:ppgFI .25s ease}
@keyframes ppgFI{from{opacity:0}to{opacity:1}}
.ppg-modal{background:var(--ppg-bg);border-radius:var(--ppg-radius);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;font-family:var(--ppg-font);color:var(--ppg-text);box-shadow:0 24px 64px rgba(0,0,0,.25);animation:ppgSU .3s cubic-bezier(.2,.8,.4,1);scrollbar-width:thin}
@keyframes ppgSU{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:none}}
.ppg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid rgba(134,71,30,.15)}
.ppg-close{background:transparent;border:none;font-size:24px;line-height:1;color:var(--ppg-text);cursor:pointer;padding:4px 8px;border-radius:6px;opacity:.6;transition:background .15s}
.ppg-close:hover{background:rgba(0,0,0,.08);opacity:1}
.ppg-progress-wrap{padding:14px 24px 8px}
.ppg-progress-track{background:rgba(134,71,30,.15);border-radius:99px;height:6px;overflow:hidden}
.ppg-progress-bar{background:var(--ppg-primary);height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}
.ppg-step-labels{display:flex;justify-content:space-between;margin-top:6px}
.ppg-step-label{font-size:.68rem;font-weight:600;color:var(--ppg-inactive);transition:color .2s;text-align:center;flex:1}
.ppg-step-label.active{color:var(--ppg-primary)}
.ppg-steps-container{padding:8px 24px 4px;flex:1}
.ppg-step{display:none;animation:ppgFS .3s ease}
.ppg-step.ppg-step-active{display:block}
@keyframes ppgFS{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.ppg-intro-banner{background:var(--ppg-primary)!important;color:#fff!important;text-align:center!important;font-size:1.4rem!important;font-weight:800!important;padding:14px 20px!important;border-radius:8px!important;margin-bottom:16px!important;line-height:1.3;display:block!important}
.ppg-step-icon{width:60px;height:60px;margin:6px auto 10px;color:var(--ppg-primary)}
.ppg-step-icon svg{width:100%;height:100%}
.ppg-step-title{font-size:1.05rem;font-weight:700;text-align:center;margin:0 0 6px;color:var(--ppg-text)}
.ppg-step-desc{font-size:.9rem;color:rgba(0,0,0,.6);text-align:center;margin:0 0 20px;line-height:1.5}
.ppg-year-input-wrap{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:16px}
.ppg-year-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--ppg-primary);background:transparent;color:var(--ppg-primary);font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;line-height:1}
.ppg-year-btn:hover{background:var(--ppg-primary);color:#fff}
.ppg-year-input{width:120px;text-align:center;font-size:2rem;font-weight:700;border:2px solid var(--ppg-primary);border-radius:10px;background:var(--ppg-card-bg);color:var(--ppg-primary);padding:8px 10px;-moz-appearance:textfield}
.ppg-year-input::-webkit-outer-spin-button,.ppg-year-input::-webkit-inner-spin-button{-webkit-appearance:none}
.ppg-year-input:focus{outline:3px solid var(--ppg-primary-light)}
.ppg-slider{-webkit-appearance:none;width:100%;height:6px;background:rgba(134,71,30,.2);border-radius:99px;outline:none;margin-bottom:6px}
.ppg-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ppg-primary);cursor:pointer;transition:transform .15s}
.ppg-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.ppg-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ppg-primary);border:none;cursor:pointer}
.ppg-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:rgba(0,0,0,.45);margin-bottom:16px}
.ppg-counter-wrap{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}
.ppg-counter-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--ppg-primary);background:transparent;color:var(--ppg-primary);font-size:26px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;line-height:1}
.ppg-counter-btn:hover{background:var(--ppg-primary);color:#fff}
.ppg-counter-val{font-size:3rem;font-weight:800;color:var(--ppg-primary);min-width:64px;text-align:center}
.ppg-building-icons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:40px;margin-bottom:8px}
.ppg-bld-icon{font-size:28px;animation:ppgBI .2s ease}
@keyframes ppgBI{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.ppg-lag-wrap{display:flex;align-items:center;gap:6px}
.ppg-counter-direct-input{width:110px;text-align:center;font-size:2.6rem;font-weight:800;color:var(--ppg-primary);border:2px solid var(--ppg-primary);border-radius:10px;background:var(--ppg-card-bg);padding:8px 10px;-moz-appearance:textfield}
.ppg-counter-direct-input::-webkit-outer-spin-button,.ppg-counter-direct-input::-webkit-inner-spin-button{-webkit-appearance:none}
.ppg-counter-direct-input:focus{outline:3px solid var(--ppg-primary-light)}
.ppg-counter-direct-unit{font-size:1.4rem;font-weight:600;color:rgba(0,0,0,.5)}
.ppg-area-input-wrap{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:10px}
.ppg-area-input{width:180px;text-align:center;font-size:2.2rem;font-weight:700;color:var(--ppg-primary);border:2px solid var(--ppg-primary);border-radius:10px;background:var(--ppg-card-bg);padding:10px 12px;-moz-appearance:textfield}
.ppg-area-input::-webkit-outer-spin-button,.ppg-area-input::-webkit-inner-spin-button{-webkit-appearance:none}
.ppg-area-input:focus{outline:3px solid var(--ppg-primary-light)}
.ppg-unit{font-size:1.4rem;font-weight:600;color:rgba(0,0,0,.5)}
.ppg-area-hint{font-size:.82rem;color:rgba(0,0,0,.5);text-align:center;margin:4px 0 16px}
.ppg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ppg-form-field{display:flex;flex-direction:column;gap:4px}
.ppg-full-width{grid-column:1/-1}
.ppg-form-field label{font-size:.82rem;font-weight:600;color:rgba(0,0,0,.7)}
.ppg-req{color:var(--ppg-primary)}
.ppg-optional{color:rgba(0,0,0,.4);font-weight:400}
.ppg-input,.ppg-textarea{border:1.5px solid rgba(134,71,30,.3);border-radius:8px;background:var(--ppg-card-bg);padding:10px 12px;font-size:.95rem;font-family:var(--ppg-font);color:var(--ppg-text);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}
.ppg-input:focus,.ppg-textarea:focus{outline:none;border-color:var(--ppg-primary);box-shadow:0 0 0 3px var(--ppg-primary-light)}
.ppg-textarea{resize:vertical}
.ppg-error-msg{color:#dc2626;font-size:.85rem;margin-top:6px;min-height:20px;font-weight:600}
.ppg-result-wrap{text-align:center;padding:4px 0 8px}
.ppg-result-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}
.ppg-check-icon{width:36px;height:36px;color:var(--ppg-primary)}
.ppg-result-header h3{font-size:1.4rem;font-weight:700;margin:0}
.ppg-price-display{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:8px 0 4px}
.ppg-price-value{font-size:3.5rem;font-weight:900;color:var(--ppg-primary);line-height:1;letter-spacing:-1px}
.ppg-price-suffix{font-size:1.4rem;font-weight:600;color:var(--ppg-primary);padding-bottom:8px}
.ppg-vat-badge{display:inline-block;background:rgba(134,71,30,.1);color:var(--ppg-primary);border:1px solid rgba(134,71,30,.25);border-radius:99px;padding:3px 14px;font-size:.8rem;font-weight:700;margin-bottom:10px}
.ppg-price-note{font-size:.82rem;color:rgba(0,0,0,.55);line-height:1.4;margin:0 0 16px;padding:8px 12px;background:rgba(134,71,30,.06);border-left:3px solid var(--ppg-primary);border-radius:0 6px 6px 0;text-align:left}
.ppg-summary-box{background:var(--ppg-card-bg);border-radius:10px;padding:16px;margin:0 0 16px;text-align:left;border:1px solid rgba(134,71,30,.15)}
.ppg-summary-box h4{font-size:.85rem;font-weight:700;color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}
.ppg-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.ppg-summary-item{display:flex;flex-direction:column}
.ppg-summary-label{font-size:.75rem;color:rgba(0,0,0,.45);font-weight:600}
.ppg-summary-value{font-size:.95rem;font-weight:700;color:var(--ppg-text)}
.ppg-result-cta{background:linear-gradient(135deg,var(--ppg-primary) 0%,#a0522d 100%);border-radius:12px;padding:20px;color:#fff;margin-top:4px}
.ppg-cta-text{font-size:1rem;font-weight:600;margin:0 0 12px}
.ppg-cta-sub{font-size:.78rem;opacity:.8;margin:8px 0 0}
.ppg-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border:none;border-radius:var(--ppg-btn-radius);font-size:.95rem;font-weight:600;font-family:var(--ppg-font);cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}
.ppg-btn svg{width:18px;height:18px;flex-shrink:0}
.ppg-btn-primary{background:var(--ppg-primary);color:#fff;box-shadow:0 3px 10px rgba(134,71,30,.3)}
.ppg-btn-primary:hover{background:var(--ppg-primary-hover);transform:translateY(-1px);box-shadow:0 5px 14px rgba(134,71,30,.4)}
.ppg-btn-white{background:#fff;color:var(--ppg-primary);font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.ppg-btn-white:hover{background:#fff8f4;transform:translateY(-1px)}
.ppg-btn-lg{padding:14px 28px;font-size:1rem;width:100%;justify-content:center}
.ppg-btn-secondary{background:rgba(134,71,30,.1);color:var(--ppg-primary)}
.ppg-btn-secondary:hover{background:rgba(134,71,30,.18)}
.ppg-btn-back{background:transparent;color:rgba(0,0,0,.5);padding:12px 16px}
.ppg-btn-back:hover{background:rgba(0,0,0,.06)}
.ppg-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 20px;border-top:1px solid rgba(134,71,30,.12);gap:12px}
.ppg-nav .ppg-btn-primary{margin-left:auto}
.ppg-thankyou-wrap{text-align:center;padding:16px 0 24px}
.ppg-confetti-icon{font-size:56px;margin-bottom:12px;animation:ppgBC .6s ease}
@keyframes ppgBC{0%{transform:scale(.4)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.ppg-thankyou-wrap h3{font-size:1.5rem;font-weight:800;margin:0 0 8px;color:var(--ppg-primary)}
.ppg-thankyou-wrap p{font-size:.95rem;color:rgba(0,0,0,.65);margin:0 0 20px;line-height:1.6}
.ppg-contact-card{display:inline-flex;align-items:center;gap:8px;background:var(--ppg-primary-light);border-radius:8px;padding:10px 16px;font-weight:600;font-size:.9rem;margin-bottom:20px;color:var(--ppg-primary)}
.ppg-contact-card svg{width:18px;height:18px}
.ppg-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top:2px solid #fff;border-radius:50%;animation:ppgSP .6s linear infinite}
@keyframes ppgSP{to{transform:rotate(360deg)}}
@media(max-width:500px){.ppg-modal{max-height:100vh;border-radius:16px 16px 0 0;margin-top:auto}.ppg-overlay{align-items:flex-end;padding:0}.ppg-form-grid,.ppg-summary-grid{grid-template-columns:1fr}.ppg-price-value{font-size:2.8rem}.ppg-steps-container{padding:8px 16px 4px}.ppg-nav{padding:12px 16px 20px}}

/* ════════════════════════════════════
   INLINE WIDGET (embed="true")
   Fast höjd, horisontell glidning
   ════════════════════════════════════ */
:root{--ppg-inline-h:370px}

.ppg-iw{background:var(--ppg-bg);border-radius:var(--ppg-radius);border:1px solid rgba(134,71,30,.18);box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden;font-family:var(--ppg-font);color:var(--ppg-text);max-width:560px}

/* Header */
.ppg-iw-header{display:flex;align-items:center;gap:10px;padding:12px 18px 10px;border-bottom:1px solid rgba(134,71,30,.12);background:var(--ppg-bg)}
.ppg-iw-logo{flex-shrink:0}
.ppg-iw-progress{flex:1;min-width:0}
.ppg-iw-progress .ppg-progress-wrap{padding:0}
.ppg-iw-progress .ppg-step-labels{display:none} /* räknas i counter istället */
.ppg-iw-counter{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--ppg-primary);min-width:32px;text-align:right}

/* Sliding viewport – FAST HÖJD */
.ppg-iw-viewport{overflow:hidden;position:relative;height:var(--ppg-inline-h)}

/* Track: alla steg i rad */
.ppg-iw-track{display:flex;height:100%;transition:transform .38s cubic-bezier(.4,0,.2,1);will-change:transform}

/* Varje steg: full bredd, scrollar inåt vid behov */
.ppg-iw-step{flex:0 0 auto;height:100%;overflow-y:auto;padding:14px 18px 12px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--ppg-primary) transparent}

/* Kompakta steg-element */
.ppg-iw-step .ppg-step-title{font-size:.95rem;font-weight:700;text-align:center;margin:0 0 4px;color:var(--ppg-text)}
.ppg-iw-step .ppg-step-desc{display:none} /* spara plats */
.ppg-iw-step .ppg-step-icon{width:38px;height:38px;margin:0 auto 6px}
.ppg-iw-step .ppg-intro-banner{font-size:1.1rem!important;padding:10px 14px!important;margin-bottom:10px!important}

/* Kompakt byggår */
.ppg-iw-step .ppg-year-input{font-size:1.7rem;padding:6px 8px;width:100px}
.ppg-iw-step .ppg-year-btn{width:38px;height:38px;font-size:19px}
.ppg-iw-step .ppg-slider-labels{margin-bottom:8px}

/* Kompakt räknare */
.ppg-iw-step .ppg-counter-val{font-size:2.4rem}
.ppg-iw-step .ppg-counter-btn{width:44px;height:44px;font-size:22px}
.ppg-iw-step .ppg-counter-direct-input{font-size:2.2rem;width:96px}
.ppg-iw-step .ppg-building-icons{min-height:32px}
.ppg-iw-step .ppg-bld-icon{font-size:22px}

/* Kompakt area */
.ppg-iw-step .ppg-area-input{font-size:1.8rem;padding:7px 10px;width:150px}
.ppg-iw-step .ppg-area-hint{margin:2px 0 10px}

/* Kompakt kontaktformulär */
.ppg-iw-step .ppg-form-grid{gap:8px;margin-bottom:6px}
.ppg-iw-step .ppg-input{padding:7px 10px;font-size:.87rem}
.ppg-iw-step .ppg-form-field label{font-size:.78rem}
.ppg-iw-step .ppg-textarea,.ppg-iw-step [id$="meddelande"]{display:none} /* dölj textarea */
.ppg-iw-step .ppg-error-msg{min-height:16px;font-size:.8rem;margin-top:4px}

/* Kompakt resultat */
.ppg-iw-step .ppg-result-wrap{padding:0}
.ppg-iw-step .ppg-result-header{margin-bottom:4px}
.ppg-iw-step .ppg-result-header h3{font-size:1.1rem}
.ppg-iw-step .ppg-check-icon{width:26px;height:26px}
.ppg-iw-step .ppg-price-value{font-size:2.8rem}
.ppg-iw-step .ppg-price-suffix{font-size:1.2rem}
.ppg-iw-step .ppg-vat-badge{padding:2px 10px;font-size:.75rem;margin-bottom:6px}
.ppg-iw-step .ppg-price-note{padding:5px 10px;font-size:.77rem;margin:0 0 8px}
.ppg-iw-step .ppg-summary-box{padding:10px 12px;margin:0 0 8px}
.ppg-iw-step .ppg-summary-box h4{margin:0 0 6px;font-size:.75rem}
.ppg-iw-step .ppg-summary-grid{gap:4px 12px}
.ppg-iw-step .ppg-summary-label{font-size:.7rem}
.ppg-iw-step .ppg-summary-value{font-size:.88rem}
.ppg-iw-step .ppg-result-cta{padding:12px 14px}
.ppg-iw-step .ppg-cta-text{font-size:.88rem;margin:0 0 8px}
.ppg-iw-step .ppg-btn-lg{padding:10px 18px;font-size:.88rem}
.ppg-iw-step .ppg-cta-sub{font-size:.72rem;margin:6px 0 0}

/* Kompakt tack-steg */
.ppg-iw-step .ppg-thankyou-wrap{padding:8px 0 12px}
.ppg-iw-step .ppg-confetti-icon{font-size:40px;margin-bottom:8px}
.ppg-iw-step .ppg-thankyou-wrap h3{font-size:1.2rem;margin:0 0 6px}
.ppg-iw-step .ppg-thankyou-wrap p{font-size:.88rem;margin:0 0 12px}
.ppg-iw-step .ppg-contact-card{padding:8px 12px;font-size:.82rem;margin-bottom:12px}

/* Nav */
.ppg-iw-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 12px;border-top:1px solid rgba(134,71,30,.12)}
.ppg-iw-nav .ppg-btn-primary{margin-left:auto}
.ppg-iw-nav .ppg-btn{padding:10px 18px;font-size:.9rem}
.ppg-iw-nav .ppg-btn-back{padding:10px 14px}

@media(max-width:500px){
    :root{--ppg-inline-h:360px}
    .ppg-iw{border-radius:10px}
    .ppg-iw-step .ppg-form-grid{grid-template-columns:1fr}
    .ppg-iw-step .ppg-summary-grid{grid-template-columns:1fr}
    .ppg-iw-step .ppg-intro-banner{font-size:.95rem!important}
}

/* ── Hero-kort step 1 (inline embed) ──────────────── */
.ppg-iw-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--ppg-primary) 0%,#a0522d 100%);border-radius:10px;padding:14px 16px;color:#fff;margin-bottom:14px;box-shadow:0 3px 12px rgba(134,71,30,.3)}
.ppg-iw-hero-icon{flex-shrink:0;background:rgba(255,255,255,.15);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.ppg-iw-hero-icon svg{stroke:#fff}
.ppg-iw-hero-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.ppg-iw-hero-title{font-size:1rem;font-weight:800;line-height:1.25;display:block}
.ppg-iw-hero-sub{font-size:.8rem;opacity:.88;display:flex;align-items:center;gap:5px;line-height:1.3}
.ppg-iw-hero-sub::before{content:'✓';font-weight:800;flex-shrink:0}

/* Slightly less padding on step 1 title when hero is shown */
.ppg-iw-step .ppg-step-title{margin-top:0}

/* Vertikal centrering av steginnehåll */
.ppg-iw-step{display:flex;flex-direction:column;justify-content:center}
/* Steg med mycket innehåll (kontakt, resultat): topp-justera */
#ppg-upk-step-6,.ppg-iw-step:has(.ppg-result-wrap),.ppg-iw-step:has(.ppg-thankyou-wrap),
#ppg-spk-step-3,.ppg-iw-step:has(.ppg-form-grid){justify-content:flex-start}

/* HTML-textblock under hero */
.ppg-iw-body{padding:0 18px 2px;font-size:.88rem;color:rgba(0,0,0,.65);line-height:1.6}
.ppg-iw-body p{margin:0 0 8px}
.ppg-iw-body p:last-child{margin-bottom:0}
.ppg-iw-body strong{color:var(--ppg-text);font-weight:700}
.ppg-iw-body ul,.ppg-iw-body ol{margin:6px 0 8px;padding-left:20px}
.ppg-iw-body li{margin-bottom:3px}
.ppg-iw-body a{color:var(--ppg-primary);font-weight:600}

/* ════ INLINE LAYOUT: fyll ytan ════════════════════ */
.ppg-iw-step{display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;align-items:center;text-align:center}

/* Komplexa steg: topp-justera */
.ppg-iw-step-form,.ppg-iw-step-result,.ppg-iw-step-thanks{justify-content:flex-start!important;align-items:stretch!important;text-align:left}

/* Step-rubrik: färg + storlek via CSS-variabler */
.ppg-iw-step .ppg-step-title{font-size:var(--ppg-step-title-size,1.15rem);color:var(--ppg-heading,var(--ppg-text));margin:0;font-weight:700}

/* Skala upp interaktiva element */
.ppg-iw-step .ppg-step-icon{width:62px;height:62px;margin:0}
.ppg-iw-step .ppg-step-desc{display:none}
.ppg-iw-step .ppg-counter-btn{width:74px;height:74px;font-size:32px}
.ppg-iw-step .ppg-counter-val{font-size:4.8rem}
.ppg-iw-step .ppg-counter-wrap{margin-bottom:0;gap:26px}
.ppg-iw-step .ppg-building-icons{min-height:42px;margin-bottom:0}
.ppg-iw-step .ppg-bld-icon{font-size:32px}
.ppg-iw-step .ppg-year-input-wrap{margin-bottom:0}
.ppg-iw-step .ppg-year-input{font-size:2.1rem;width:118px;padding:8px 10px}
.ppg-iw-step .ppg-year-btn{width:52px;height:52px;font-size:23px}
.ppg-iw-step .ppg-slider{margin-bottom:2px}
.ppg-iw-step .ppg-slider-labels{margin-bottom:0;font-size:.74rem}
.ppg-iw-step .ppg-area-input-wrap{margin-bottom:0}
.ppg-iw-step .ppg-area-input{font-size:2.2rem;width:166px;padding:10px 12px}
.ppg-iw-step .ppg-area-hint{margin:0;font-size:.8rem}
.ppg-iw-step .ppg-lag-wrap{margin-bottom:0}
.ppg-iw-step .ppg-counter-direct-input{font-size:2.8rem;width:108px}

/* CTA-knapp (Begär offert) – styrbar via admin */
.ppg-btn-white{background:var(--ppg-cta-btn-bg,#fff)!important;color:var(--ppg-cta-btn-color,var(--ppg-primary))!important}
.ppg-btn-white:hover{background:var(--ppg-cta-btn-bg,#fff)!important;color:var(--ppg-cta-btn-color,var(--ppg-primary))!important;filter:brightness(.93)}

/* ════ KOMPAKT RESULTAT-STEG (inline) ══════════════ */
.ppg-iw-step-result{padding:12px 16px 10px!important}
.ppg-iw-step-result .ppg-result-header{margin-bottom:2px}
.ppg-iw-step-result .ppg-result-header h3{font-size:1.05rem}
.ppg-iw-step-result .ppg-check-icon{width:22px;height:22px}
.ppg-iw-step-result .ppg-price-display{margin:2px 0 3px}
.ppg-iw-step-result .ppg-price-value{font-size:2.2rem!important;letter-spacing:-.5px}
.ppg-iw-step-result .ppg-price-suffix{font-size:1.1rem;padding-bottom:4px}
.ppg-iw-step-result .ppg-vat-badge{margin-bottom:5px;padding:1px 10px;font-size:.72rem}
.ppg-iw-step-result .ppg-price-note{display:none!important}
/* Summary 3-kolumner för underhållsplan (6 fält = 2 rader) */
#ppg-upk-step-7 .ppg-summary-grid{grid-template-columns:1fr 1fr 1fr!important}
.ppg-iw-step-result .ppg-summary-box{padding:8px 10px;margin:0 0 7px}
.ppg-iw-step-result .ppg-summary-box h4{margin:0 0 6px;font-size:.72rem;letter-spacing:.06em}
.ppg-iw-step-result .ppg-summary-label{font-size:.72rem!important}
.ppg-iw-step-result .ppg-summary-value{font-size:.92rem!important;font-weight:700}
.ppg-iw-step-result .ppg-summary-grid{gap:4px 8px}
.ppg-iw-step-result .ppg-result-cta{padding:10px 12px}
.ppg-iw-step-result .ppg-cta-text{font-size:.84rem;margin:0 0 6px}
.ppg-iw-step-result .ppg-btn-lg{padding:9px 16px;font-size:.85rem}
.ppg-iw-step-result .ppg-cta-sub{font-size:.7rem;margin:4px 0 0}

/* ════ KOMPAKT TACK-STEG (inline) ══════════════════ */
.ppg-iw-step-thanks{padding:12px 16px!important;justify-content:center!important;align-items:center!important;text-align:center!important}
.ppg-iw-step-thanks .ppg-thankyou-wrap{padding:0}
.ppg-iw-step-thanks .ppg-confetti-icon{font-size:44px;margin-bottom:8px}
.ppg-iw-step-thanks .ppg-thankyou-wrap h3{font-size:1.2rem;margin:0 0 6px}
.ppg-iw-step-thanks .ppg-thankyou-wrap p{font-size:.88rem;margin:0 0 12px}
.ppg-iw-step-thanks .ppg-contact-card{padding:8px 14px;font-size:.82rem;margin-bottom:12px}

/* Fix: slider-labels + slider behöver full bredd i inline-steg */
.ppg-iw-step .ppg-slider-labels,.ppg-iw-step .ppg-slider{width:100%;align-self:stretch}

/* Större årsiffror under slidern */
.ppg-slider-labels{font-size:.88rem!important}
.ppg-iw-step .ppg-slider-labels{font-size:.88rem!important}

/* ════ KOMPAKT LÄGE: 320px standard ═══════════════
   Allt ryms på laptop med lägre upplösning.
   Admin-inställning "Inline-widgets höjd" kan höja vid behov.
   ══════════════════════════════════════════════════ */
:root{--ppg-inline-h:320px}

/* Skala ned interaktiva element proportionerligt */
.ppg-iw-step .ppg-step-icon{width:44px!important;height:44px!important}
.ppg-iw-step .ppg-step-title{font-size:1.05rem!important}
.ppg-iw-step .ppg-counter-btn{width:62px!important;height:62px!important;font-size:27px!important}
.ppg-iw-step .ppg-counter-val{font-size:3.8rem!important}
.ppg-iw-step .ppg-counter-wrap{gap:20px!important}
.ppg-iw-step .ppg-bld-icon{font-size:24px!important}
.ppg-iw-step .ppg-building-icons{min-height:30px!important}
.ppg-iw-step .ppg-year-input{font-size:1.8rem!important;width:108px!important;padding:6px 8px!important}
.ppg-iw-step .ppg-year-btn{width:44px!important;height:44px!important;font-size:20px!important}
.ppg-iw-step .ppg-area-input{font-size:1.8rem!important;width:150px!important;padding:8px 10px!important}
.ppg-iw-step .ppg-counter-direct-input{font-size:2.3rem!important;width:96px!important}

/* Formulärsteg: dölj ikon (sparar ~50px), tätare inputs */
.ppg-iw-step-form .ppg-step-icon{display:none!important}
.ppg-iw-step-form .ppg-step-title{margin-bottom:6px!important}
.ppg-iw-step-form .ppg-input{padding:6px 9px!important;font-size:.84rem!important}
.ppg-iw-step-form .ppg-form-grid{gap:6px!important;margin-bottom:4px!important}
.ppg-iw-step-form .ppg-form-field label{font-size:.76rem!important}

/* Resultatssteget: tätare */
.ppg-iw-step-result{padding:10px 14px 8px!important}
.ppg-iw-step-result .ppg-price-value{font-size:2rem!important}
.ppg-iw-step-result .ppg-result-cta{padding:8px 10px!important}
.ppg-iw-step-result .ppg-btn-lg{padding:8px 14px!important;font-size:.82rem!important}
.ppg-iw-step-result .ppg-cta-sub{display:none!important}

/* Hero-kort: lite lägre */
.ppg-iw-hero{padding:11px 14px!important;margin-bottom:10px!important}
.ppg-iw-hero-icon{width:42px!important;height:42px!important}
.ppg-iw-hero-title{font-size:.95rem!important}
.ppg-iw-hero-sub{font-size:.76rem!important}