/*
Theme Name: Effectivo Badrum
Author: Effectivo
Version: 1.0
Description: Mobilanpassat tema för Effectivo Badrumsrenovering. Allt viktigt redigeras under Utseende > Anpassa.
*/
:root{--gold:#c9a66b;--dark:#111210;--cream:#f4f1ea;--text:#1c1d1a;--muted:#686962;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--cream);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:90px 0}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}.title{font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0 0 25px}.stitle{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}.btn{display:inline-flex;align-items:center;gap:13px;padding:16px 24px;border-radius:999px;background:var(--gold);border:1px solid var(--gold);font-weight:800;font-size:13px}.btn:hover{transform:translateY(-2px)}.outline{background:transparent}.header{position:absolute;top:0;left:0;right:0;z-index:20;color:#fff}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:800;letter-spacing:.25em;font-size:20px}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:.2em}.brand img{max-height:48px;width:auto}.menu{display:flex;gap:28px;font-size:12px;font-weight:800;text-transform:uppercase}.phone{border:1px solid #ffffff99;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800}.toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:760px;color:#fff;position:relative;display:flex;align-items:center;background:#111;overflow:hidden}.hero-bg,.cta-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080907e8,#0809079e 45%,#08090725),linear-gradient(0deg,#0008,transparent 45%)}.hero-content{position:relative;z-index:2;max-width:780px;padding-top:70px}.lead{font-size:18px;color:#fffc;max-width:650px;margin-bottom:28px}.trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;font-size:13px}.trust b{color:var(--gold);margin-right:7px}.steps{background:#151613;color:#fff}.stepgrid{display:grid;grid-template-columns:repeat(5,1fr)}.step{min-height:320px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end;padding:24px;border-right:1px solid #fff5}.step:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,#0001)}.step>div{position:relative;z-index:1}.stepno{color:#e4c88f;font-size:11px;font-weight:800}.step h3{font-size:18px;margin:6px 0}.step p{font-size:12px;color:#fffc;margin:0}.about{background:var(--cream)}.aboutgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.about p{color:var(--muted);max-width:560px}.aboutimg{border-radius:18px;overflow:hidden}.projects{background:#fff}.projectgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.projectimg{aspect-ratio:1/1.05;object-fit:cover;width:100%;border-radius:14px}.project h3{font-size:13px;margin:14px 0 3px}.project p{font-size:12px;color:var(--muted);margin:0}.center{text-align:center}.process{background:var(--dark);color:#fff}.processgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.pcard{text-align:center;padding:15px 28px;border-right:1px solid #fff2}.pcard:last-child{border:0}.icon{width:48px;height:48px;border:1px solid #c9a66baa;border-radius:50%;display:grid;place-items:center;color:var(--gold);margin:0 auto 18px}.pcard h3{font-size:13px;letter-spacing:.08em}.pcard p{font-size:13px;color:#fffa}.cta{position:relative;color:#fff;overflow:hidden;background:var(--dark)}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a08ed,#090a086b)}.cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:40px}.benefits{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px}.benefits li:before{content:"✓";color:var(--gold);margin-right:10px;font-weight:800}.contact{background:#fff}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contactinfo{color:var(--muted)}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:14px;border:1px solid #1c1d1a22;background:#faf9f6;border-radius:10px}.form textarea{min-height:130px}.footer{background:#0d0e0c;color:#fff;padding:42px 0}.footergrid{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer small{color:#fff8}.sticky{display:none}
@media(max-width:900px){.container{width:min(calc(100% - 28px),var(--max))}.menu,.phone{display:none}.toggle{display:block}.hero{min-height:700px}.stepgrid{grid-template-columns:repeat(5,170px);overflow-x:auto}.step{min-height:280px}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:35px}.projectgrid{grid-template-columns:repeat(2,1fr)}.processgrid{grid-template-columns:repeat(2,1fr)}.pcard{border:0}.cta-inner{display:grid;grid-template-columns:1fr}.footergrid{align-items:flex-start;flex-direction:column}.sticky{display:flex;position:fixed;z-index:99;bottom:0;left:0;right:0;background:#0e0f0dee;padding:10px;gap:9px}.sticky a{flex:1;text-align:center;padding:13px 8px;border-radius:999px;font-size:12px;font-weight:800}.sticky .quote{background:var(--gold);color:#15140f}.sticky .call{border:1px solid #fff6;color:#fff}}
@media(max-width:560px){.section{padding:64px 0}.title{font-size:44px}.trust{display:grid;gap:12px}.processgrid{grid-template-columns:1fr}.projectgrid{gap:12px}}