@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--blue:#167bb5;--dark:#143b53;--ink:#193b4d;--light:#eff8fc;--muted:#607783}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,h4{font-family:Manrope,sans-serif}h2{font-size:clamp(32px,4vw,54px);line-height:1.16;letter-spacing:-2px;margin:12px 0 25px}h2 em,h1 em{font-style:normal;color:#68bfe7}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1240px)/2));background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 20px #163c4c0c}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;color:#153e56;letter-spacing:-1.5px}.mark,.dot{color:#2c9cce}.mark{font-size:32px;margin-right:4px}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.header nav a:hover{color:var(--blue)}.nav-cta{background:#167bb5;color:white!important;padding:14px 22px;border-radius:6px}.menu{display:none;border:0;background:transparent;font-size:27px}.hero{min-height:670px;position:relative;display:flex;align-items:center;background:#527a89 url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1800&q=85') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,49,68,.89),rgba(13,51,70,.65) 50%,rgba(12,48,65,.08))}.hero-content{position:relative;color:white;width:min(90%,1240px);margin:auto;padding:80px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.2px;color:#b5e4f7}.eyebrow.blue{color:var(--blue)}.hero h1{font-size:clamp(40px,5.3vw,73px);line-height:1.13;letter-spacing:-3px;margin:22px 0;max-width:850px}.hero p{font-size:18px;line-height:1.8;max-width:540px;color:#e5f3f8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 45px}.btn{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;font-weight:800;font-size:14px;cursor:pointer}.primary{background:#178cc7;color:white}.primary:hover{background:#096b9d}.outline{border:1px solid #ffffff8a;color:white}.dark{background:var(--dark);color:white}.white{background:white;color:var(--dark)}.hero-notes{display:flex;flex-wrap:wrap;gap:30px;font-size:13px;color:#e6f4fa}.trust{display:flex;align-items:center;justify-content:space-evenly;gap:18px;flex-wrap:wrap;background:#eaf5fb;padding:24px;color:#46728b;font-weight:800;font-size:11px;letter-spacing:1.3px}.section{padding:110px max(5%,calc((100% - 1240px)/2))}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-top>p{max-width:390px;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{border:1px solid #e4ebee;border-radius:8px;overflow:hidden;background:white;box-shadow:0 8px 35px #133a5010}.service-card img{width:100%;height:235px;object-fit:cover}.service-body{padding:26px}.service-body>span{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:1px}.service-body h3{font-size:23px;margin:12px 0}.service-body p{color:var(--muted);line-height:1.7;min-height:56px}.service-body a{color:var(--blue);font-weight:800;display:flex;justify-content:space-between;margin-top:25px}.extra-services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.extra-services a{background:#edf7fb;padding:20px;border-radius:5px;font-weight:800;color:#22536c}.extra-services a:hover{background:#d7edf8}.about{display:grid;grid-template-columns:1fr 1fr;background:#eff8fc}.about-photo{position:relative;min-height:590px}.about-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.photo-badge{position:absolute;bottom:30px;right:30px;background:white;padding:20px 25px;font-weight:800;color:var(--blue)}.about-copy{padding:90px min(9vw,110px);align-self:center}.about-copy p,.contact-copy p{color:var(--muted);line-height:1.9}.about-points{margin:35px 0}.about-points div{border-bottom:1px solid #cddde6;padding:15px 0;display:flex;gap:25px;font-weight:700}.about-points b{color:var(--blue)}.steps{text-align:center}.step-grid{text-align:left;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.step-grid strong{font-size:42px;color:#8ccae6}.step-grid h3{font-size:19px}.step-grid p{line-height:1.7;color:var(--muted)}.rut{background:#126d9c;color:white;padding:85px max(5%,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px}.rut>div:first-child{max-width:660px}.rut h2 em{color:#b9e7fb}.rut p{line-height:1.9;color:#d9edf6;margin-bottom:30px}.rut-graphic{width:240px;height:240px;border:2px solid #ffffff66;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.rut-graphic span{font-size:70px;font-weight:800}.rut-graphic small{font-size:13px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;background:#f5fafc}.contact-details{margin-top:35px;display:grid;gap:20px}.contact-details div{display:flex;gap:15px}.quote-form{background:white;padding:38px;box-shadow:0 15px 65px #123b4b13;border-radius:8px;display:flex;flex-direction:column;gap:9px}.quote-form h3{margin:0 0 15px;font-size:23px}.quote-form label{font-size:13px;font-weight:700;margin-top:10px}.quote-form input:not([type=checkbox]),.quote-form select,.quote-form textarea{width:100%;padding:14px;border:1px solid #d8e5eb;border-radius:5px;background:#fbfdfe;color:#244a5c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row>div{display:flex;flex-direction:column;gap:8px}.consent{display:flex;gap:10px;align-items:start;font-weight:400!important;line-height:1.5}.full{width:100%;margin-top:15px}.quote-form small{color:var(--muted);line-height:1.5}.quote-form #form-status{color:#126d9c;font-size:13px}footer{background:#12384e;color:#d5e9f1;padding:65px max(5%,calc((100% - 1240px)/2)) 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}footer .logo{color:white}footer h4{color:white}footer a:not(.logo),footer span:not(.mark):not(.dot){display:block;margin:12px 0;font-size:14px}footer p{font-size:14px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:25px;font-size:12px;margin-top:30px}footer .copyright span{display:inline!important;margin:0!important}@media(max-width:900px){.header{height:72px}.menu{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 20px 30px #12384e20;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.cards{grid-template-columns:1fr 1fr}.extra-services,.step-grid{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr}.about-photo{min-height:400px}.about-copy{padding:65px 6%}.contact{gap:35px}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hero{min-height:620px}.hero h1{letter-spacing:-2px}.section{padding:70px 6%}.section-top{display:block}.cards,.extra-services,.step-grid,.form-row{grid-template-columns:1fr}.rut{padding:65px 6%}.rut-graphic{display:none}.quote-form{padding:25px}.hero-notes{gap:12px}.trust{font-size:9px}footer{padding:50px 6% 20px}}

.opening-hours{display:flex;flex-direction:column;gap:8px}.opening-hours h4{margin:0 0 8px}.contact-hours{margin-top:22px}.contact-hours p{line-height:1.8}

/* Purevias officiella logotyp */
.logo{display:inline-flex;align-items:center;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:auto;height:64px;max-width:220px;object-fit:contain}
footer .brand-logo{height:92px;max-width:260px;background:#fff;border-radius:8px;padding:5px}
@media(max-width:620px){.brand-logo{height:52px;max-width:175px}footer .brand-logo{height:76px}}

/* Kundomdömen */
.reviews{background:#f3f9fd}.reviews>p{max-width:650px;color:#516778}.reviews-summary{display:flex;align-items:center;gap:20px;margin:30px 0}.reviews-summary strong{font-size:64px;color:#0b3154}.stars-static{font-size:24px;letter-spacing:3px;color:#e5a92d}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 40px}.review-card{padding:24px;border:1px solid #dbe9f2;background:#fff;border-radius:16px;overflow-wrap:anywhere}.review-card .review-stars{color:#e5a92d;font-size:23px;letter-spacing:2px}.review-card p{line-height:1.6}.review-card small{color:#587086}.review-empty{color:#587086;grid-column:1/-1}.review-form{background:white;border:1px solid #dce9f3;border-radius:20px;padding:32px;max-width:720px;display:flex;flex-direction:column;gap:10px}.review-form h3{margin:0}.review-form input:not([type=radio]):not([type=checkbox]),.review-form select,.review-form textarea{width:100%;border:1px solid #c8d8e4;border-radius:8px;padding:13px;font:inherit}.review-form label{font-weight:600}.review-form .consent{display:flex;gap:9px;align-items:start;font-weight:400}.rating-field{border:0;padding:0;margin:8px 0}.rating-field legend{font-weight:600;margin-bottom:8px}.rating-options{display:flex;gap:9px;flex-wrap:wrap}.rating-options label{cursor:pointer}.rating-options input{position:absolute;opacity:0;width:1px;height:1px}.rating-options span{display:flex;align-items:center;flex-direction:column;border:2px solid #d7e5f0;border-radius:9px;padding:5px 15px;color:#b0beca;font-size:32px}.rating-options small{font-size:12px;color:#516778}.rating-options input:checked+span{color:#e5a92d;border-color:#1479b8;background:#edf7ff}.rating-options input:focus-visible+span{outline:3px solid #1479b8;outline-offset:3px}.review-note{font-size:13px;color:#536c80;line-height:1.5}@media(max-width:800px){.review-grid{grid-template-columns:1fr}.review-form{padding:20px}}

/* Ny hero enligt kundens referensbild: offert till vänster, budskap till höger */
.hero-offer{min-height:740px;background:#315566 url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?w=1800&q=85') center/cover}
.hero-offer .hero-overlay{background:rgba(7,24,37,.73)}
.hero-layout{position:relative;z-index:1;width:min(94%,1400px);margin:auto;display:grid;grid-template-columns:minmax(340px,550px) minmax(360px,1fr);align-items:center;gap:clamp(30px,4vw,75px);padding:50px 0}
.hero-offer .hero-content{width:100%;padding:20px 0}
.hero-offer .hero-content h1{font-size:clamp(38px,4vw,64px);line-height:1.13;letter-spacing:-2px}
.hero-offer .hero-content h3{font-size:clamp(19px,2vw,26px);color:#fff;margin:0 0 16px}
.hero-offer .hero-content p{font-size:16px;line-height:1.85}
.hero-offer .hero-actions{margin:28px 0}
.hero-offer .hero-notes{gap:15px}
.hero-quote{background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 55px #001b2d35;color:#20384b}
.hero-quote h2{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0}
.hero-quote>p:first-of-type{font-size:13px;color:#667b8d;margin:0 0 4px}
.hero-quote input:not([type=radio]):not([type=checkbox]),.hero-quote select,.hero-quote textarea{width:100%;min-width:0;padding:13px 15px;border:1px solid #d9e3ea;border-radius:9px;background:#fafcfd;color:#20384b}
.hero-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.source-field{border:1px solid #d9e3ea;border-radius:9px;display:flex;flex-wrap:wrap;gap:10px 13px;padding:12px;font-size:12px}
.source-field legend{font-weight:700;padding:0 5px}
.source-field label{white-space:nowrap;display:flex;align-items:center;gap:4px}
.hero-consent{font-size:12px;line-height:1.5;display:flex;align-items:start;gap:8px}
.hero-quote .full{justify-content:center;background:linear-gradient(100deg,#6db9d6,#2baf91);margin:0}
.hero-quote small{color:#687d8c;line-height:1.4;font-size:11px}
#hero-form-status{font-size:12px;color:#126d9c;margin:0}
@media(max-width:950px){.hero-layout{grid-template-columns:1fr;max-width:660px}.hero-offer .hero-content{grid-row:1}.hero-quote{grid-row:2}.hero-offer{min-height:0}}
@media(max-width:600px){.hero-layout{padding:35px 0}.hero-quote{padding:23px}.hero-fields{grid-template-columns:1fr}.hero-offer .hero-content h1{font-size:39px}}

/* Dölj telefonlänken tills besökaren trycker på Ring oss */
[hidden] { display: none !important; }

/* Compact, centered reviews directly above contact details in footer */
.reviews.section{padding:42px 20px 48px;text-align:center;background:#f3f9fd}
.reviews>h2{font-size:clamp(25px,3vw,35px);letter-spacing:-1px;margin:8px 0 10px}
.reviews>p{margin:0 auto 12px;font-size:14px}
.reviews-summary{justify-content:center;margin:12px auto 16px;gap:12px}
.reviews-summary strong{font-size:40px}
.stars-static{font-size:19px}
.review-grid{max-width:760px;margin:12px auto 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left}
.review-card{padding:14px;border-radius:10px}
.review-form{max-width:540px;margin:0 auto;padding:18px 22px;gap:7px;text-align:left;border-radius:12px}
.review-form h3{font-size:18px}
.review-form p{margin:4px 0}
.review-form input:not([type=radio]):not([type=checkbox]),.review-form select,.review-form textarea{padding:9px}
.review-form textarea{min-height:65px}
.rating-options span{font-size:24px;padding:3px 11px}
.review-note{font-size:11px}
@media(max-width:620px){.reviews.section{padding:32px 6%}.review-grid{grid-template-columns:1fr}.review-form{padding:16px}}

/* Purevia – förbättrad kontrast och mobilanpassning */
:root{--purevia-ink:#182e3d;--purevia-blue:#126b9e}
.hero-quote>p:first-of-type,.hero-quote p,.hero-quote small{color:#344b5d!important}
.hero-quote h2,.quote-form h3{color:#12384e}
.hero-quote input::placeholder,.hero-quote textarea::placeholder{color:#526473;opacity:1}
.hero-offer .phone-button,.hero-offer #phone-reveal{background:#124d76!important;color:#fff!important;border:2px solid #124d76!important;box-shadow:0 3px 12px #001b2d40}
.hero-offer .phone-button:hover,.hero-offer #phone-reveal:hover{background:#0b3654!important}
.section p,.about-copy p,.contact-copy p,.service-body p,.steps p,.reviews>p,.quote-form small{color:#283b48}
.section h2,.about-copy h2,.steps h2,.contact-copy h2{color:#12384e}
.section h2 em,.about-copy h2 em,.steps h2 em,.contact-copy h2 em{color:#1985bc}
footer{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
footer>div{min-width:0}footer a,footer span{overflow-wrap:anywhere}footer .opening-hours{grid-column:span 2}
@media(max-width:950px){.about-photo img{position:static;height:auto;max-height:none;object-fit:contain;display:block}.about-photo{min-height:0}.photo-badge{bottom:12px;right:12px;padding:10px 13px;font-size:12px}}
@media(max-width:620px){
 body{overflow-x:hidden}
 .hero-layout{display:block;width:min(92%,540px);padding:52px 0}
 .hero-offer .hero-content{padding:0}
 .hero-offer .hero-content h1{font-size:clamp(32px,9vw,43px);letter-spacing:-1px}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .hero-actions .btn{width:100%;justify-content:center;text-align:center}
 .hero-quote{padding:23px 20px;gap:12px;box-shadow:none}
 .hero-quote h2{font-size:25px}
 .hero-fields{grid-template-columns:1fr}
 .source-field{gap:10px 14px}
 .about-photo{width:100%;min-height:0;overflow:visible}
 .about-photo img{width:100%;height:auto;max-height:none;object-fit:contain;position:static}
 .about-copy{padding:34px 6%}
 footer{grid-template-columns:1fr 1fr!important;padding:38px 6% 25px!important;gap:30px 18px}
 footer>div:first-child,footer>div:nth-child(4),footer .opening-hours,footer .copyright{grid-column:1/-1}
 footer h4{margin:0 0 12px;font-size:16px}footer a,footer span,footer p{font-size:14px;line-height:1.7}
 footer .brand-logo{max-width:120px}
 .mobile-quote-dialog:not([hidden]){display:block;position:fixed;inset:0;z-index:10010;overflow-y:auto;background:rgba(8,23,33,.72);padding:22px 12px;overscroll-behavior:contain}
 .mobile-quote-dialog .hero-quote{position:relative;width:min(100%,480px);margin:0 auto 25px;padding:25px 19px 22px;border-radius:20px;box-shadow:0 15px 45px #001a2a40}
 .mobile-quote-dialog .hero-quote h2{padding-right:48px}
 .close-mobile-quote{position:sticky;top:6px;display:block;z-index:2;margin:0 max(calc((100% - 480px)/2),0px) -54px auto;width:42px;height:42px;border:0;border-radius:50%;background:#eef3f7;color:#172f40;font-size:28px;cursor:pointer}
 body.mobile-quote-open{overflow:hidden}
}
@media(min-width:621px){.mobile-quote-dialog{display:none!important}}

/* Offertpopup: scrollbart formulär och synlig stängningsknapp på små mobiler. */
@media(max-width:620px){
 .mobile-quote-dialog:not([hidden]){box-sizing:border-box;position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px max(22px,env(safe-area-inset-bottom));}
 .mobile-quote-dialog .hero-quote{box-sizing:border-box;margin:0 auto 20px;padding:62px 18px 24px;width:100%;max-width:480px;max-height:none;overflow:visible;}
 .mobile-quote-dialog .close-mobile-quote{position:fixed;top:max(20px,env(safe-area-inset-top));right:24px;margin:0;z-index:10012;background:#e8eff5;color:#0e3045;box-shadow:0 2px 10px #0002;}
 .mobile-quote-dialog .hero-quote h2{padding-right:0;}
}

/* Stabil mobilpopup: X alltid synlig och formuläret kan scrollas. */
@media(max-width:620px){
 .mobile-quote-dialog:not([hidden]){
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:block!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding: max(14px,env(safe-area-inset-top)) 12px max(22px,env(safe-area-inset-bottom))!important;
  background:rgba(10,22,34,.72)!important;
 }
 .mobile-quote-dialog .hero-quote{
  width:100%!important;max-width:480px!important;box-sizing:border-box!important;
  margin:0 auto 18px!important;padding:64px 18px 24px!important;
  max-height:none!important;overflow:visible!important;position:relative!important;
  border-radius:22px!important;background:#fff!important;
 }
 .mobile-quote-dialog .close-mobile-quote{
  display:grid!important;place-items:center!important;position:fixed!important;
  top:max(22px,env(safe-area-inset-top))!important;
  right:max(24px,calc((100vw - 480px)/2 + 24px))!important;
  z-index:2147483001!important;width:46px!important;height:46px!important;
  margin:0!important;border-radius:50%!important;border:0!important;
  background:#eef3f7!important;color:#102f42!important;font-size:32px!important;
  line-height:1!important;cursor:pointer!important;touch-action:manipulation;
 }
 .mobile-quote-dialog .hero-quote p{color:#344d60!important}
 body.mobile-quote-open{overflow:hidden!important}
}

/* Mobil: det vanliga heroformuläret ska ALDRIG blockera sidan när popupen stängts. */
@media(max-width:620px){
 .hero-layout > .hero-quote{display:none!important}
 .mobile-quote-dialog[hidden]{display:none!important}
 body > .mobile-quote-dialog:not([hidden]){
  position:fixed!important;inset:0!important;z-index:2147483640!important;
  display:block!important;overflow-y:auto!important;
  background:rgba(9,23,34,.75)!important;
  padding:16px 12px 28px!important;box-sizing:border-box!important;
 }
 body > .mobile-quote-dialog .hero-quote{display:flex!important;margin:0 auto!important;padding:70px 18px 22px!important;max-width:480px!important}
 body > .mobile-quote-dialog .close-mobile-quote{
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:sticky!important;top:8px!important;float:right!important;
  margin:8px max(0px,calc((100% - 480px)/2)) -60px 0!important;
  width:48px!important;height:48px!important;z-index:2147483641!important;
  background:#e7eef4!important;color:#102f42!important;border:2px solid #fff!important;
  border-radius:50%!important;font-size:34px!important;line-height:1!important;
  box-shadow:0 3px 14px #0005!important;cursor:pointer!important;
 }
}