/**
 * Shared layout for legacy svc-* / s-* service templates (no per-page <style> blocks)
 */
.svc-hero,.sp-hero{padding:clamp(100px,13vw,140px) 0 clamp(56px,8vw,80px);background:linear-gradient(150deg,var(--s1,#faf7f2),var(--bg,#fefcf8) 55%,var(--s2,#f4efe6));border-bottom:1px solid var(--s3,#ede6d8);position:relative;overflow:hidden}
.svc-hero::before,.sp-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(232,25,44,.07),transparent 70%);pointer-events:none}
.svc-hero-in,.sp-hero-in{max-width:740px;position:relative;z-index:2}
.s-bc,.sp-bc{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--dim,#9c917f);margin-bottom:1.3rem;flex-wrap:wrap}
.s-bc a,.sp-bc a{color:var(--dim,#9c917f);text-decoration:none}
.s-bc a:hover,.sp-bc a:hover{color:var(--red,#e8192c)}
.s-badge-row,.sp-badge-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.s-badge,.sp-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(232,25,44,.09);border:1px solid rgba(232,25,44,.22);color:var(--red,#e8192c);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .85rem;border-radius:50px}
.s-h1,.sp-h1{font-family:var(--fh,'Familjen Grotesk',sans-serif);font-weight:700;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.04em;color:var(--ink,#18120a);margin-bottom:1rem}
.s-h1 em,.sp-h1 em{font-style:normal;color:var(--red,#e8192c)}
.s-lead,.sp-lead{font-size:clamp(.98rem,1.8vw,1.08rem);color:var(--mid,#6b5f52);line-height:1.82;max-width:580px;margin-bottom:1.8rem}
.s-acts,.sp-acts{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}
.s-trust,.sp-trust{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--s3,#ede6d8)}
.s-trust-item,.sp-ti{font-size:.78rem;font-weight:600;color:var(--mid,#6b5f52)}
.s-trust-sep,.sp-sep{width:1px;height:12px;background:var(--s4,#d6cbba);flex-shrink:0}
.p-sec,.sp-sec{padding:clamp(60px,9vw,96px) 0}
.repairs-sec,.sp-bg1{background:var(--bg,#fefcf8)}
.repairs-grid,.sp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--s3,#ede6d8);border:1px solid var(--s3,#ede6d8);border-radius:20px;overflow:hidden;margin-top:2.5rem}
@media(max-width:640px){.repairs-grid,.sp-grid{grid-template-columns:1fr}}
.repair-card,.sp-card{background:var(--bg,#fefcf8);padding:1.7rem 1.5rem;display:flex;gap:.9rem;align-items:flex-start;transition:background .2s}
.repair-card:hover,.sp-card:hover{background:var(--s1,#faf7f2)}
.why-sec,.sp-bg2{background:var(--s1,#faf7f2)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.5rem}
@media(max-width:760px){.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.why-grid{grid-template-columns:1fr}}
.why-card,.sp-why-card{padding:1.8rem 1.5rem;border:1px solid var(--s3,#ede6d8);border-radius:18px;background:var(--bg,#fefcf8);transition:border-color .25s,transform .25s}
.why-card:hover,.sp-why-card:hover{border-color:rgba(232,25,44,.28);transform:translateY(-4px)}
.areas-sec{background:var(--bg,#fefcf8)}
.areas-grid,.sp-areas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1.8rem}
@media(max-width:860px){.areas-grid,.sp-areas-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.areas-grid,.sp-areas-grid{grid-template-columns:repeat(2,1fr)}}
.area-link,.sp-area-link{display:flex;align-items:center;justify-content:center;padding:.58rem .7rem;border:1px solid var(--s3,#ede6d8);border-radius:8px;background:var(--s1,#faf7f2);font-size:.77rem;font-weight:600;color:var(--mid,#6b5f52);text-decoration:none;text-align:center;transition:border-color .2s,color .2s}
.area-link:hover,.sp-area-link:hover{border-color:rgba(232,25,44,.25);color:var(--red,#e8192c)}
.faq-sec{background:var(--s1,#faf7f2)}
.faq-list-w,.sp-faq-list{border:1px solid var(--s3,#ede6d8);border-radius:16px;overflow:hidden;background:var(--bg,#fefcf8);max-width:800px;margin-top:2rem}
.faq-item,.sp-faq-item{border-bottom:1px solid var(--s3,#ede6d8)}
.faq-item:last-child,.sp-faq-item:last-child{border-bottom:none}
.faq-btn,.sp-faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--fb,'Plus Jakarta Sans',sans-serif);font-weight:600;font-size:.88rem;color:var(--ink,#18120a);gap:.8rem}
.faq-arr,.sp-faq-arr{width:21px;height:21px;border-radius:50%;border:1.5px solid var(--s4,#d6cbba);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;color:var(--mid,#6b5f52);transition:transform .3s}
.faq-item.open .faq-arr,.sp-faq-item.open .sp-faq-arr{transform:rotate(180deg);background:var(--red,#e8192c);border-color:var(--red,#e8192c);color:#fff}
.faq-a,.sp-faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}
.faq-ai,.sp-faq-ai{padding:0 1.5rem 1.2rem;font-size:.84rem;color:var(--mid,#6b5f52);line-height:1.82}
.page-cta{background:var(--bg,#fefcf8)}