:root{--ink:#23272d;--muted:#656a70;--green:#e87924;--green2:#242c35;--mint:#fff0e3;--cream:#f7f6f3;--line:#e4e1dc;--white:#fff;--gold:#f4b866}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}
.container{max-width:1180px;margin:auto;padding:0 24px}.topline{background:var(--green2);color:#f6f5f2;font-size:12px;text-align:center;padding:8px 12px;letter-spacing:.02em}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-weight:900;font-size:27px;letter-spacing:-1.3px;text-decoration:none}.logo span{color:var(--green)}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;font-weight:700;font-size:14px}.navlinks a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:white;border:1px solid var(--green);padding:13px 20px;border-radius:11px;font-weight:800;text-decoration:none;transition:.2s}.btn:hover{background:var(--green2);transform:translateY(-1px)}.btn.light{background:#fff;color:var(--green);border-color:#cbded1}.btn.light:hover{background:var(--mint)}.btn.white{background:white;color:var(--green);border-color:white}
.hero{padding:76px 0 78px;background:radial-gradient(circle at 80% 25%,#ffe3c8 0,transparent 42%),linear-gradient(135deg,#fbfaf8,#f2eee9)}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--green)}.eyebrow:before{content:"";width:8px;height:8px;background:#ed8c34;border-radius:50%}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(44px,5.7vw,74px);margin:20px 0 20px}h1 em{color:var(--green);font-style:normal}h2{font-size:clamp(29px,3.5vw,44px);margin:10px 0 12px}h3{font-size:22px;margin:10px 0}p{color:var(--muted);margin:0 0 18px}.lead{font-size:18px;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:13px;color:#5f6266;font-weight:750}
.visual{border-radius:26px;background:#fff;box-shadow:0 24px 70px #2a2b301c;border:1px solid #e8e0d6;padding:24px}.visual-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.visual-top strong{font-size:17px}.small-pill{font-size:11px;color:var(--green);background:var(--mint);border-radius:100px;padding:6px 10px;font-weight:850}.project-row{display:flex;align-items:center;gap:14px;padding:14px 10px;border-radius:12px;text-decoration:none;border-bottom:1px solid #edf1ed}.project-row:hover{background:#fff3e9}.project-row span:first-child{width:42px;height:42px;border-radius:11px;background:#fff0e3;display:grid;place-items:center;font-size:23px}.project-row b{flex:1}.project-row i{font-style:normal;color:var(--green)}
.section{padding:80px 0}.section.white{background:white}.section.soft{background:#f0eeea}.sectionhead{max-width:690px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 7px 26px #163a2410}.card:hover{border-color:#e8a573}.card .emoji{font-size:33px}.card p{font-size:14px}.card a{color:var(--green);font-weight:850;text-decoration:none}.chip{font-size:11px;font-weight:850;color:var(--green);background:var(--mint);padding:5px 9px;border-radius:100px;display:inline-block}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:3px solid #e87924;padding:19px 6px}.step .number{font-weight:900;color:var(--green);font-size:14px}.step h3{font-size:19px}.step p{font-size:14px}
.planner{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 10px 40px #163a2410}.field{margin:0 0 16px}.field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px}.field select,.field input{width:100%;padding:12px 14px;border:1px solid #d5d4d2;border-radius:10px;background:white;color:var(--ink)}.field select:focus,.field input:focus{outline:2px solid #e87924}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result{display:none;background:#fff5eb;border:1px solid #f0c39b;border-radius:14px;padding:20px;margin-top:22px}.result.show{display:block}.result h3{font-size:20px;margin:0 0 10px}.result ul{padding-left:20px;color:#554b43;font-size:14px}.result li{margin:7px 0}.note{background:#fff5e8;border:1px solid #f0d0a8;border-radius:12px;padding:14px 16px;color:#725536;font-size:13px}
.dark{background:var(--green2);color:white;padding:65px 0}.dark p{color:#d4d8dd}.dark .btn{border-color:white}
.article{max-width:780px;margin:0 auto;padding:55px 0 80px}.article h1{font-size:clamp(35px,5vw,52px)}.article h2{font-size:27px;margin-top:35px}.article p,.article li{font-size:16px;line-height:1.85}.article ul{padding-left:23px}.article .intro{font-size:19px}.article .note{margin:24px 0}.article a{color:var(--green)}
footer{background:#202832;color:#e8f3eb;padding:55px 0 26px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footergrid p{color:#aeb5bc;font-size:14px;max-width:390px}.footergrid a{display:block;text-decoration:none;margin:8px 0;font-size:14px;color:#e2e4e7}.footend{border-top:1px solid #46515e;padding-top:20px;margin-top:35px;color:#aeb5bc;font-size:12px}
@media(max-width:850px){.hero-grid,.planner{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.navlinks a:not(.btn){display:none}.hero{padding:48px 0}.visual{max-width:560px}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid,.steps,.twocol,.footergrid{grid-template-columns:1fr}.section{padding:55px 0}.container{padding:0 18px}.nav{height:67px}.navlinks .btn{padding:10px 12px;font-size:12px}h1{letter-spacing:-.055em}.panel{padding:19px}.hero{padding:43px 0}}

/* Renofynd 3.0 – editorial building and renovation identity */
.logo{letter-spacing:-1.6px}.btn{box-shadow:0 5px 14px #c95d1717}.btn:hover{background:#c86217;border-color:#c86217}.btn.light:hover{background:#fff2e8;color:#ad531b}
.visual{padding:0;overflow:hidden}.hero-photo{height:245px;background:#d8cec3 url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1100&q=85") center/cover no-repeat;position:relative}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1e273a66,transparent 60%)}.hero-photo-label{position:absolute;bottom:18px;left:22px;z-index:1;color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em}
.visual-inner{padding:20px 24px 23px}.card{overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #242c3515}.card-photo{height:170px;background-color:#e7e0d8;background-size:cover;background-position:center}.card-body{padding:23px}.card .emoji{display:none}
.card-photo.badrum{background-image:url("https://images.unsplash.com/photo-1620626011761-996317b8d101?w=800&q=80")}
.card-photo.kok{background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=800&q=80")}
.card-photo.tak{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?w=800&q=80")}
.card-photo.tillbyggnad{background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&q=80")}
.card-photo.totalrenovering{background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=800&q=80")}
.project-row span:first-child{background:#fff0e3}.small-pill,.chip{color:#b45112}
.step .number{color:#d36c20}.result a{color:#bd5b18!important}
@media(max-width:560px){.hero-photo{height:200px}.card-photo{height:190px}}

/* Two-path landing and DIY calculators */
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 10px 35px #2028320c;transition:transform .2s,box-shadow .2s}.choice-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2028321c}.choice-image{height:240px;background-size:cover;background-position:center;position:relative}.choice-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17212e9c,transparent 65%)}.choice-image span{position:absolute;bottom:20px;left:25px;z-index:1;color:white;font-size:13px;font-weight:900;letter-spacing:.12em}.diy-image{background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1200&q=85")}.pro-image{background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200&q=85")}.choice-body{padding:27px}.choice-body h3{font-size:27px;margin:0 0 12px}.choice-body p{color:var(--muted);margin:0 0 18px}.choice-link{font-weight:900;color:#c65f17}.calc-hero{padding:65px 0;background:linear-gradient(120deg,#f7f6f3,#ffe9d6)}.calc-hero h1{max-width:900px}.calc-hero .lead{max-width:780px}.calc-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.calc-tabs a{padding:10px 22px;border:1px solid #d4c7b9;border-radius:100px;background:white;font-weight:800;text-decoration:none}.calc-tabs a:hover{border-color:#e87924;color:#bd5b18}.calc-layout{display:grid;grid-template-columns:1fr;gap:28px;max-width:900px}.calc-box{background:white;border:1px solid var(--line);border-radius:22px;padding:32px;scroll-margin-top:100px}.calc-intro h2{font-size:32px;margin:12px 0}.calc-intro p{color:var(--muted);margin-bottom:22px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc-fields label{font-weight:750;font-size:14px;display:flex;flex-direction:column;gap:6px}.calc-fields input{width:100%;padding:13px 14px;border:1px solid #cfd2d5;border-radius:10px;background:#fff}.calc-fields input:focus{outline:2px solid #e87924;outline-offset:1px}.calc-output{background:#f7f6f3;border:1px solid #e7e1d9;border-radius:14px;padding:22px;margin:24px 0 16px}.calc-output h3{font-size:22px;margin:0 0 12px}.calc-output ul{padding-left:22px;margin:0}.calc-output li{margin:6px 0}.calc-output p{color:var(--muted);font-size:13px}.calc-fine{font-size:12px;color:var(--muted);margin:16px 0 0}.print-list{margin-top:0}.dark .eyebrow{color:#ffc18e!important}
@media(max-width:760px){.choice-grid{grid-template-columns:1fr}.choice-image{height:200px}.calc-fields{grid-template-columns:1fr}.calc-box{padding:22px}.navlinks{gap:12px;flex-wrap:wrap;justify-content:flex-end}.navlinks a{font-size:12px}.nav{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}}
@media(max-width:520px){.navlinks a[href="index.html#sa-funkar-det"],.navlinks a[href="om.html"]{display:none}.navlinks .btn{padding:9px 10px}.logo{font-size:23px}}

.seo-guide{max-width:860px}.seo-guide h2{font-size:32px;margin:0 0 22px}.seo-guide h3{font-size:22px;margin:25px 0 8px}.seo-guide p{line-height:1.8;color:var(--muted)}.seo-quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.seo-quicklinks a{font-size:12px;border:1px solid #f0c39b;border-radius:30px;padding:8px 11px;color:#9d4b12;font-weight:750;text-decoration:none}

/* Renofynd usability refinements */
.choice-link{display:inline-block;text-decoration:underline;text-underline-offset:4px}
.navlinks a:focus-visible,.btn:focus-visible,.choice-link:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e87924;outline-offset:3px}
@media(max-width:850px){.nav{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.navlinks{display:flex;flex-wrap:wrap;gap:10px 16px}.navlinks a:not(.btn){display:inline-block}.navlinks a{font-size:12px}}
@media(max-width:560px){.nav{align-items:flex-start;gap:8px}.navlinks{width:100%;justify-content:flex-start}.navlinks a[href="index.html#sa-funkar-det"],.navlinks a[href="om.html"]{display:inline-block}.navlinks .btn{padding:8px 10px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero .lead{font-size:16px}.trust{gap:8px 15px}}

/* Renofynd projektplanerare v2 */
textarea{font:inherit}.planner-preview{display:grid;gap:8px}.preview-row{display:flex;gap:15px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.preview-row:last-of-type{border-bottom:0}.preview-row>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0e3;color:#b65215;font-weight:900;font-size:12px;flex:0 0 auto}.preview-row b{display:block;margin-bottom:2px}.preview-row small{display:block;color:var(--muted);line-height:1.45}
.planner-hero{padding:62px 0 56px;background:radial-gradient(circle at 80% 20%,#ffe3c8 0,transparent 40%),linear-gradient(135deg,#fbfaf8,#f2eee9)}.planner-hero h1{max-width:850px;font-size:clamp(42px,5.5vw,68px)}.project-builder{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start}.builder-side{position:sticky;top:100px}.builder-side-card{background:#242c35;color:#fff;border-radius:22px;padding:28px}.builder-side-card h2{font-size:27px;margin-top:10px}.builder-side-card p{color:#d8dde2;font-size:14px}.builder-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#ffb77d}.mini-steps{display:grid;gap:13px;margin:25px 0}.mini-steps div{display:flex;align-items:center;gap:11px}.mini-steps b{width:30px;height:30px;border-radius:9px;background:#e87924;display:grid;place-items:center;font-size:12px}.mini-steps span{font-weight:750;font-size:14px}.privacy-box{border-top:1px solid #48515b;padding-top:18px}.privacy-box strong{font-size:13px}.privacy-box p{font-size:12px;margin:6px 0 0;color:#aeb6bf}.builder-form{display:grid;gap:22px}.form-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 10px 35px #2028320b}.form-section-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.form-section-head>span{width:38px;height:38px;border-radius:11px;background:#fff0e3;color:#b65215;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}.form-section-head h2{font-size:27px;margin:2px 0 4px}.form-section-head p{font-size:14px;margin:0}.threecol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dynamic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field textarea,.field select,.field input{width:100%;padding:12px 14px;border:1px solid #d5d4d2;border-radius:10px;background:#fff;color:var(--ink)}.field textarea:focus,.field select:focus,.field input:focus{outline:2px solid #e87924;outline-offset:1px}.field-help{display:block;color:var(--muted);font-size:12px;margin-top:7px}.material-group{border:0;padding:0;margin:0 0 20px}.material-group legend{font-size:13px;font-weight:850;margin-bottom:9px}.material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.material-card{display:block;position:relative;border:1px solid #ddd9d3;border-radius:13px;padding:8px;background:#fff;cursor:pointer;transition:.15s}.material-card:hover{border-color:#e87924;transform:translateY(-1px)}.material-card input{position:absolute;opacity:0;pointer-events:none}.material-card:has(input:checked){border:2px solid #e87924;padding:7px;box-shadow:0 0 0 3px #fff0e3}.material-swatch{display:block;height:72px;border-radius:9px;margin-bottom:8px;border:1px solid #0000000e}.material-name{font-size:12px;font-weight:800;display:block;line-height:1.25}.mat-oak{background:repeating-linear-gradient(90deg,#b98a58 0 14px,#cda776 14px 28px,#a9784b 28px 42px)}.mat-laminate{background:repeating-linear-gradient(90deg,#d3bf9f 0 16px,#c5ae8b 16px 32px,#decdb2 32px 48px)}.mat-vinyl{background:linear-gradient(135deg,#9e8d7c,#c6b4a1 45%,#8f7d6c)}.mat-tile{background:linear-gradient(90deg,transparent 48%,#d6d1cb 49% 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#d6d1cb 49% 51%,transparent 52%),#efebe5;background-size:28px 28px}.mat-carpet{background:radial-gradient(#7f8589 1px,transparent 1px),#b6babd;background-size:5px 5px}.mat-concrete{background:radial-gradient(circle at 30% 40%,#b8b8b6 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#a4a5a3 0 1px,transparent 2px),#c8c9c6}.mat-panel{background:repeating-linear-gradient(90deg,#ebe4d8 0 22px,#d6cdbf 23px 24px)}.mat-paint{background:#d9d3c7}.mat-paint2{background:#b8b0a5}.mat-white{background:#f8f8f5}.mat-facade{background:#c58d67}.mat-stone{background:radial-gradient(circle at 25% 35%,#ded8cf 0 5px,transparent 6px),radial-gradient(circle at 72% 65%,#c0b8ae 0 4px,transparent 5px),#d0c8be}.mat-metal{background:linear-gradient(135deg,#8e979d,#d7dde0 50%,#8f989e)}.mat-pine{background:repeating-linear-gradient(90deg,#c9a36e 0 12px,#b9905b 12px 24px)}.mat-larch{background:repeating-linear-gradient(90deg,#b97b4d 0 12px,#d29562 12px 24px)}.mat-thermo{background:repeating-linear-gradient(90deg,#755039 0 12px,#8a6246 12px 24px)}.mat-composite{background:repeating-linear-gradient(90deg,#5c5b59 0 11px,#72706d 11px 22px)}.mat-tileRoof{background:repeating-linear-gradient(90deg,#6d7074 0 20px,#8b8e91 20px 40px)}.mat-clay{background:repeating-linear-gradient(90deg,#a64f32 0 18px,#bf6948 18px 36px)}.mat-dark{background:#3b3d40}.mat-mixed{background:linear-gradient(90deg,#b98a58 0 25%,#d3bf9f 25% 50%,#9e8d7c 50% 75%,#efebe5 75%)}.material-note{margin-top:10px}.builder-actions{display:flex;gap:12px;flex-wrap:wrap}.project-result{display:none;margin-top:32px}.project-result.show{display:block}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.result-head h2{font-size:36px;margin:8px 0}.plan-badge{background:#242c35;color:#fff;padding:9px 13px;border-radius:100px;font-size:12px;font-weight:850;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.summary-grid>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.summary-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.summary-grid strong{display:block;font-size:14px;margin-top:4px}.plan-description{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}.plan-description p{margin:6px 0 0;white-space:pre-wrap}.plan-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.plan-card,.checklist-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.plan-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.plan-card-head h3,.checklist-card h3{margin:0}.plan-card-head span{font-size:11px;background:#fff0e3;color:#a94f13;font-weight:850;padding:5px 9px;border-radius:100px}.material-summary{display:grid}.material-summary-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #eeeae5}.material-summary-row:last-child{border-bottom:0}.material-summary-row strong{display:block;font-size:14px}.material-summary-row span{display:block;font-size:12px;color:var(--muted)}.material-summary-row>b{font-size:12px;text-align:right;max-width:48%}.fineprint{font-size:11px;color:var(--muted);border-top:1px solid #eeeae5;padding-top:12px;margin-top:8px}.quick-actions{display:grid;gap:8px}.quick-actions a{display:block;padding:11px 12px;border-radius:10px;background:#fff6ed;color:#a94f13;text-decoration:none;font-weight:800;font-size:13px}.checklist-card{margin-bottom:16px}.checklist-top{display:grid;grid-template-columns:auto 220px;gap:20px;align-items:center;margin-bottom:16px}.checklist-top p{font-size:12px;margin:4px 0 0}.progress{height:9px;border-radius:100px;background:#ede9e4;overflow:hidden}.progress span{display:block;height:100%;width:0;background:#e87924;transition:width .2s}.checklist-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.check-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #eeeae5;border-radius:11px;padding:11px 12px;background:#fcfbf9;cursor:pointer}.check-item input{width:18px;height:18px;accent-color:#e87924;margin-top:1px;flex:0 0 auto}.check-item span{font-size:13px;line-height:1.4}.check-item:has(input:checked){background:#fff5eb;color:#6f4a2e}.check-item:has(input:checked) span{text-decoration:line-through;opacity:.7}.result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.text-button{background:none;border:0;color:#777;text-decoration:underline;font-size:12px}.text-button:hover{color:#b65215}
@media(max-width:980px){.project-builder{grid-template-columns:1fr}.builder-side{position:static}.builder-side-card{display:grid;grid-template-columns:1fr 1fr;gap:15px}.builder-side-card>p,.builder-side-card>h2,.builder-side-card>.builder-kicker{grid-column:1/-1}.summary-grid{grid-template-columns:repeat(2,1fr)}.material-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.threecol,.dynamic-grid,.plan-columns,.checklist-list,.checklist-top{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,1fr)}.form-section{padding:20px}.builder-side-card{display:block}.result-head{display:block}.plan-badge{display:inline-block}.material-summary-row{display:block}.material-summary-row>b{display:block;text-align:left;max-width:none;margin-top:5px}.summary-grid{grid-template-columns:1fr 1fr}.planner-hero{padding:45px 0}.builder-actions .btn{width:100%}}
@media(max-width:460px){.summary-grid{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr 1fr}.material-swatch{height:58px}}
@media print{header,.topline,footer,.builder-side,.builder-form,.result-actions,.quick-actions,.note{display:none!important}.project-result{display:block!important;margin:0}.section{padding:0}.project-builder{display:block}.project-result .plan-columns{grid-template-columns:1fr}.checklist-list{grid-template-columns:1fr 1fr}.check-item{break-inside:avoid}.planner-hero{display:none}}

/* Renofynd projektplanerare v3 – materialbilder och visuell projektvy */
.material-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:24px;align-items:start}.material-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.material-card-image{position:relative;display:block;border:1px solid #ddd9d3;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;transition:.18s;min-width:0}.material-card-image:hover{transform:translateY(-2px);border-color:#e87924;box-shadow:0 9px 22px #1f283313}.material-card-image input{position:absolute;opacity:0;pointer-events:none}.material-card-image img{width:100%;height:118px;object-fit:cover;display:block;background:#eee}.material-card-copy{display:block;padding:10px 10px 11px}.material-card-copy b{display:block;font-size:12px;line-height:1.3;margin-bottom:3px}.material-card-copy small{display:block;color:var(--muted);font-size:10.5px;line-height:1.35}.material-check{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#aaa;font-weight:900;box-shadow:0 2px 8px #0002;opacity:.9}.material-card-image:has(input:checked){border:2px solid #e87924;box-shadow:0 0 0 3px #fff0e3}.material-card-image:has(input:checked) .material-check{background:#e87924;color:#fff}.material-group{margin:0 0 24px}.material-group legend{font-size:14px}.material-group legend small{font-size:10px;color:var(--muted);font-weight:700;margin-left:5px}.secondary-material{border-top:1px solid #eee9e3;padding-top:18px}.material-simple-grid{margin-top:4px}.material-simple{margin-bottom:0}
.scope-checks{border:0;padding:0;margin:20px 0 0}.scope-checks legend{font-size:13px;font-weight:850;margin-bottom:10px}.scope-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.scope-chip{position:relative}.scope-chip input{position:absolute;opacity:0}.scope-chip span{display:block;padding:9px 11px;border:1px solid #ddd9d3;border-radius:999px;background:#fff;font-size:12px;font-weight:750;cursor:pointer}.scope-chip:hover span{border-color:#e87924}.scope-chip:has(input:checked) span{background:#242c35;color:#fff;border-color:#242c35}
.visualizer-card{position:sticky;top:100px;border:1px solid var(--line);border-radius:20px;background:#f8f6f2;padding:18px;box-shadow:0 12px 30px #20283210}.visualizer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.visualizer-head h3{font-size:22px;margin:5px 0 0}.dark-kicker{color:#a84e12}.preview-badge{font-size:10px;font-weight:850;background:#fff0e3;color:#a84e12;border-radius:100px;padding:6px 9px}.visualizer-tabs{display:flex;gap:7px;background:#ebe6df;padding:4px;border-radius:10px;margin-bottom:12px}.viz-tab{flex:1;border:0;background:transparent;padding:8px;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;color:#64615d}.viz-tab.active{background:#fff;color:#242c35;box-shadow:0 2px 8px #0000000d}.viz-mode{display:none}.viz-mode.active{display:block}
.scene-preview{--viz-floor:url("assets/materials/floor-oak-natural.jpg");--viz-wall:url("assets/materials/paint-warm-white.jpg");--viz-counter:url("assets/materials/counter-oak.jpg");--viz-roof:url("assets/materials/roof-black-concrete.jpg");--viz-facade:url("assets/materials/facade-white.jpg");position:relative;height:330px;overflow:hidden;border-radius:15px;background:#d9d4cd;isolation:isolate;box-shadow:inset 0 0 0 1px #00000010}.scene-wall{position:absolute;inset:0 0 37% 0;background-image:var(--viz-wall);background-size:cover;z-index:1}.scene-floor{position:absolute;left:-8%;right:-8%;bottom:-2%;height:46%;background-image:var(--viz-floor);background-size:210px auto;transform:perspective(420px) rotateX(51deg);transform-origin:bottom;z-index:3;box-shadow:inset 0 20px 30px #0001}.scene-window{position:absolute;z-index:5;left:12%;top:16%;width:30%;height:30%;background:linear-gradient(#cde5ee,#ecf4f7);border:9px solid #f4f2ed;box-shadow:0 4px 16px #0003}.scene-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:#f4f2ed}.scene-feature{position:absolute;z-index:4;right:10%;top:23%;width:31%;height:36%;background:#e6e1d8;border-radius:4px;box-shadow:0 8px 20px #0002}.scene-counter{display:none;position:absolute;z-index:6;left:39%;right:6%;bottom:33%;height:12%;background-image:var(--viz-counter);background-size:cover;border-radius:3px;box-shadow:0 5px 12px #0003}.scene-roof,.scene-facade{display:none;position:absolute;background-size:cover;background-position:center}.scene-label{position:absolute;z-index:9;left:12px;bottom:12px;background:#202832d9;color:#fff;border-radius:100px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}.scene-kok .scene-counter{display:block}.scene-kok .scene-feature{right:6%;top:33%;width:55%;height:30%;background:#ece8e0}.scene-badrum .scene-window{display:none}.scene-badrum .scene-feature{left:9%;right:auto;top:18%;width:30%;height:44%;background:linear-gradient(#d8e6e9,#f6f6f4);border-radius:50% 50% 8px 8px}.scene-badrum .scene-wall{background-size:170px auto}.scene-malning .scene-feature{width:26%;height:28%;top:24%;background:#efede8}.scene-altan{background:#d9e1d6}.scene-altan .scene-wall{background:linear-gradient(#cbdfe7 0 55%,#c6d4b7 56%);inset:0}.scene-altan .scene-window{display:none}.scene-altan .scene-feature{left:11%;right:auto;top:21%;width:55%;height:38%;background-image:var(--viz-facade);background-size:120px auto;border-radius:2px}.scene-altan .scene-floor{height:49%;background-size:150px auto}.scene-tak .scene-window,.scene-tak .scene-floor{display:none}.scene-tak .scene-wall{background:linear-gradient(#cfe4ed 0 45%,#c8d6b8 46%);inset:0}.scene-tak .scene-facade{display:block;left:18%;right:18%;bottom:8%;height:43%;background-image:var(--viz-facade);z-index:4;box-shadow:0 8px 20px #0002}.scene-tak .scene-roof{display:block;left:10%;right:10%;bottom:48%;height:34%;background-image:var(--viz-roof);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:5}.scene-tillbyggnad .scene-facade{display:block;right:5%;bottom:29%;width:43%;height:30%;background-image:var(--viz-facade);z-index:4}.scene-tillbyggnad .scene-roof{display:block;right:2%;bottom:55%;width:48%;height:24%;background-image:var(--viz-roof);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:6}.scene-total .scene-feature{background-image:var(--viz-wall);background-size:cover}.scene-total .scene-counter{display:block;right:9%;left:48%;bottom:34%;height:8%}
.photo-upload{display:flex;flex-direction:column;gap:3px;border:1.5px dashed #cfc6ba;border-radius:13px;background:#fff;padding:14px;text-align:center;cursor:pointer}.photo-upload b{font-size:13px}.photo-upload span{font-size:11px;color:var(--muted)}.photo-upload input{margin-top:8px;font-size:11px}.photo-preview-wrap{position:relative;margin-top:10px;border-radius:14px;overflow:hidden;min-height:220px;background:#ddd}.photo-preview-wrap.hidden{display:none}.photo-preview-wrap img{display:block;width:100%;max-height:360px;object-fit:cover}.photo-material-overlay{position:absolute;pointer-events:none;background-size:150px auto;mix-blend-mode:multiply;opacity:.42}.wall-overlay{inset:0 0 39% 0;clip-path:polygon(0 0,100% 0,100% 65%,0 72%)}.floor-overlay{left:0;right:0;bottom:0;height:48%;clip-path:polygon(0 28%,100% 12%,100% 100%,0 100%);opacity:.55}.photo-note{position:absolute;left:8px;right:8px;bottom:8px;background:#202832dc;color:#fff;border-radius:9px;padding:7px 9px;font-size:9.5px;z-index:4}.selected-palette{display:grid;gap:7px;margin-top:12px}.palette-title{font-size:11px;font-weight:900;color:#7b746e;text-transform:uppercase;letter-spacing:.08em}.palette-item{display:grid;grid-template-columns:46px 1fr;gap:9px;align-items:center;background:#fff;border:1px solid #e4dfd8;border-radius:10px;padding:6px}.palette-item img{width:46px;height:40px;object-fit:cover;border-radius:7px}.palette-item small{display:block;color:var(--muted);font-size:9px}.palette-item b{display:block;font-size:11px;line-height:1.25}.selected-palette>p{font-size:11px;color:var(--muted);margin:0}
.material-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.material-result-row{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;border:1px solid #eee8e0;border-radius:12px;padding:8px}.material-result-row img{width:68px;height:58px;object-fit:cover;border-radius:8px}.material-result-row small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.material-result-row strong{display:block;font-size:12px;margin:2px 0}.material-result-row span{display:block;color:var(--muted);font-size:10px;line-height:1.35}.result-tip{margin-top:15px;padding:12px;border-radius:11px;background:#fff5eb}.result-tip b{font-size:11px}.result-tip p{font-size:10px;margin:4px 0 0;color:#785c48}.checklist-groups{display:grid;gap:18px}.check-group h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8b8178;margin:0 0 8px;border-bottom:1px solid #eee8e0;padding-bottom:6px}
@media(max-width:1100px){.material-workspace{grid-template-columns:1fr}.visualizer-card{position:static}.material-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-preview{height:360px}}
@media(max-width:800px){.material-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-result-grid{grid-template-columns:1fr}.scene-preview{height:320px}}
@media(max-width:600px){.material-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-card-image img{height:100px}.scene-preview{height:280px}.photo-preview-wrap img{max-height:310px}.scope-chip-grid{gap:6px}.scope-chip span{font-size:11px;padding:8px 10px}}
@media print{.visualizer-card,.material-section{display:none!important}.material-result-grid{grid-template-columns:1fr 1fr}}

/* Renofynd Projektstudio v4 – local photo material previews */
.studio-intro{display:flex;align-items:flex-start;gap:10px;margin:8px 0 13px;padding:12px;background:#fff;border:1px solid #e9e2d9;border-radius:12px}
.studio-intro.compact{margin-top:16px;margin-bottom:9px}
.studio-intro strong{display:block;font-size:13px;color:#262b31}
.studio-intro p{font-size:11px;line-height:1.55;color:#706b66;margin:4px 0 0}
.studio-step{display:flex;flex:0 0 25px;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#232b34;color:#fff;font-size:12px;font-weight:850}
.photo-upload-new{align-items:center;justify-content:center;gap:6px;border-color:#dda878;border-style:dashed;background:#fffcf8;padding:19px 12px}
.photo-upload-new:hover{border-color:#da7125;background:#fff6eb}
.photo-upload-new .upload-icon{font-size:25px;width:45px;height:45px;border-radius:50%;background:#fae5d3;color:#a34d12;display:flex;align-items:center;justify-content:center}
.photo-upload-new b{font-size:14px}
.photo-upload-new span:not(.upload-icon){font-size:11px}
.photo-upload-new input{display:block;width:100%;max-width:280px;margin:6px auto 0;font-size:11px;color:#675f58}
.photo-studio.hidden{display:none}
.photo-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-bottom:10px}
.photo-tools .field{margin:0;min-width:0}
.photo-tools .field label{font-size:11px}
.photo-tools select{max-width:100%;font-size:12px;padding:9px 10px;text-overflow:ellipsis}
.photo-small-btn{font:inherit;font-size:11px;font-weight:800;padding:10px 12px;border:1px solid #dbd6cf;border-radius:10px;background:#fff;color:#363331;cursor:pointer;white-space:nowrap}
.photo-small-btn:hover,.photo-small-btn:focus-visible{border-color:#db6d22;background:#fff7ef}
.photo-small-btn:disabled,.photo-download:disabled,.photo-compare:disabled{opacity:.45;cursor:default}
.photo-canvas-shell{position:relative;background:#dedad5;border:1px solid #d9d3cb;border-radius:13px;overflow:hidden}
#photoCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
.photo-corner-hint{position:absolute;left:9px;right:9px;bottom:9px;padding:8px 11px;background:#1e2730df;color:#fff;font-size:11px;font-weight:700;text-align:center;border-radius:9px;pointer-events:none;line-height:1.35}
.studio-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.studio-buttons>.photo-small-btn{flex:1;white-space:normal}
.studio-range{margin-top:14px}
.studio-range label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:#45403b}
.studio-range output{font-size:11px;color:#9c541c}
.studio-range input{width:100%;accent-color:#e87924;cursor:pointer;margin:8px 0 0}
.studio-compare{display:flex;gap:4px;background:#ece6de;border-radius:10px;padding:4px;margin-top:11px}
.photo-compare{flex:1;border:0;padding:9px 5px;font:inherit;font-size:11px;font-weight:800;color:#68625d;background:transparent;border-radius:7px;cursor:pointer}
.photo-compare.active{background:#fff;color:#2a3036;box-shadow:0 2px 8px #0000000d}
.studio-final{align-items:stretch}
.photo-download{flex:1.6;border:0;background:#252c35;color:#fff;border-radius:10px;padding:11px;font:inherit;font-weight:850;font-size:11px;cursor:pointer}
.photo-download:hover{background:#394554}
.studio-message{font-size:11px;line-height:1.5;color:#6b6258;margin:9px 0 0;min-height:1.5em}
.studio-disclaimer{margin-top:12px;font-size:10.5px;color:#70675f;line-height:1.5;background:#f0ece5;padding:11px;border-radius:10px}
.studio-disclaimer b{color:#4d453f}
.material-card-image:focus-within{outline:2px solid #e87924;outline-offset:3px}
@media(max-width:480px){.photo-tools{grid-template-columns:1fr}.photo-tools .photo-small-btn{width:100%}.studio-buttons .photo-small-btn{font-size:10px;padding:9px 5px}.photo-upload-new{padding:14px 10px}.photo-corner-hint{font-size:10px}.studio-intro{padding:9px}}
@media print{.photo-studio,.photo-upload,.studio-disclaimer{display:none!important}}

/* Lightweight room silhouettes make the material combinations easier to interpret. */
.scene-preview::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 85px #00000011}
.scene-furnish{display:none;position:absolute;z-index:7;pointer-events:none}
.scene-golv .scene-furnish.sofa,.scene-malning .scene-furnish.sofa,.scene-total .scene-furnish.sofa{display:block;bottom:20%;right:8%;width:41%;height:22%;background:#a5a4a1;border-radius:15px 15px 6px 6px;box-shadow:0 16px 8px -8px #0003,inset 0 6px 0 #ffffff1c}
.scene-golv .scene-furnish.sofa::before,.scene-malning .scene-furnish.sofa::before,.scene-total .scene-furnish.sofa::before{content:"";position:absolute;top:10%;left:9%;width:38%;height:48%;border-right:2px solid #7777;border-radius:6px;box-shadow:70px 0 0 -12px #b3b1ae}
.scene-badrum .scene-furnish.mirror{display:block;left:17%;top:19%;height:29%;width:22%;border:8px solid #c9c8c4;background:linear-gradient(120deg,#d5e7ee,#f6f4ef 60%,#ccdde1);border-radius:42% 42% 5px 5px;box-shadow:0 4px 14px #0003}
.scene-badrum .scene-furnish.vanity{display:block;left:14%;top:55%;height:22%;width:35%;border-radius:3px 3px 8px 8px;background:#e7ded0;box-shadow:0 9px 9px #0003,inset 0 9px 0 #fbf9f6}
.scene-badrum .scene-furnish.vanity::before{content:"";display:block;width:48%;height:22%;position:absolute;left:26%;top:1%;border-radius:50%;background:#fff;box-shadow:inset 0 3px 4px #0002}
.scene-badrum .scene-furnish.shower{display:block;right:10%;top:9%;height:71%;width:35%;border-left:4px solid #b2b6b6;border-right:4px solid #b2b6b6;background:linear-gradient(115deg,#d5f1f316,transparent 55%,#ffffff4b 65%,#d5f1f319);box-shadow:inset 2px 0 12px #ffffff6b}
.scene-kok .scene-furnish.kitchen{display:block;bottom:36%;right:3%;height:25%;width:58%;background:repeating-linear-gradient(90deg,#e5dfd6 0 20%,#d2ccc1 20.5% 21%);box-shadow:0 10px 14px #0003,inset 0 5px 0 #fff9;border-top:9px solid #9b9183}
.scene-kok .scene-furnish.kitchen::after{content:"";position:absolute;top:17%;left:10%;width:20%;height:30%;border:2px solid #777;border-radius:50%;opacity:.4}
.scene-altan .scene-furnish.rail{display:block;left:8%;right:9%;bottom:14%;height:22%;border-left:8px solid #a39787;border-right:8px solid #a39787;border-top:8px solid #a39787;box-shadow:0 4px 6px #0002}
.scene-altan .scene-furnish.rail::before{content:"";position:absolute;left:35%;top:0;bottom:0;border-left:8px solid #a39787}
.studio-swatch-area{margin-bottom:12px}
.studio-swatch-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:850;color:#49433d;margin-bottom:7px}
.studio-swatch-heading span{font-size:10px;font-weight:650;color:#91847b}
.studio-swatch-tray{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#cbbcaf transparent}
.studio-swatch{min-width:83px;width:83px;border:1px solid #ded7cf;border-radius:10px;overflow:hidden;background:#fff;text-align:left;font:inherit;color:#48433e;cursor:pointer;padding:0;scroll-snap-align:start;flex-shrink:0}
.studio-swatch:hover,.studio-swatch:focus-visible{border-color:#e87924;outline:2px solid #e8792429}
.studio-swatch.selected{border:2px solid #e87924;box-shadow:0 0 0 2px #fce8d5}
.studio-swatch img{display:block;width:100%;height:59px;object-fit:cover}
.studio-swatch span{display:block;padding:6px;font-size:9.5px;font-weight:750;line-height:1.25;min-height:37px}