.ntcalc{font-family:Arial,sans-serif;max-width:840px;margin:20px auto;background:#071e26;color:#fff;border-radius:18px;padding:30px}
.ntcalc *{box-sizing:border-box}
.nt-head{text-align:center;margin-bottom:28px}
.nt-brand{color:#37b5ff;font-size:13px;font-weight:900;letter-spacing:.17em}
.nt-head h2{font-size:29px;margin:7px 0;color:#fff}
.ntcalc p{color:#cbd5e1;font-size:13px;line-height:1.5}
.ntcalc section{border-top:1px solid #28505f;margin-top:28px;padding-top:27px}
.ntcalc section:first-of-type{border-top:0;margin-top:0;padding-top:0}
.ntcalc h3{font-size:17px;margin:0 0 5px;color:#fff}
.nt-roofs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}
.nt-roof{background:#0d2b36;border:2px solid #28505f;border-radius:13px;padding:12px;text-align:center;cursor:pointer}
.nt-roof.is-selected{border-color:#37b5ff;background:#123846}
.nt-roof input{display:none}
.nt-image{height:150px;border:1px dashed #66808a;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}
.nt-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.nt-roof strong{display:block;margin:11px 0 8px}
.nt-radio{width:25px;height:25px;border:2px solid #dce7eb;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center}
.is-selected .nt-radio{border-color:#37b5ff}
.is-selected .nt-radio:after{content:'';width:12px;height:12px;border-radius:50%;background:#37b5ff}
.nt-range-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 14px;color:#cbd5e1;font-size:12px}
.nt-area-out{font-size:25px;color:#fff}
.nt-area{width:100%;accent-color:#37b5ff}
.nt-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}
.nt-dims>label{background:#0d2b36;border:1px solid #28505f;border-radius:10px;padding:12px;color:#cbd5e1;font-size:12px}
.nt-dims label span{display:flex;background:#fff;border-radius:7px;overflow:hidden;align-items:center;margin-top:7px}
.nt-dims input{min-width:0;width:100%;border:0;outline:0;padding:11px;font-size:17px}
.nt-dims i{font-style:normal;color:#64748b;padding-right:10px}
.nt-rig{margin-top:17px;background:#09242e;border-radius:10px;padding:15px}
.nt-rig>b{color:#37b5ff;font-size:13px}
.nt-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.nt-mini-grid>div{background:#0d2b36;border-radius:8px;padding:11px}
.nt-mini-grid small{display:block;color:#9fb2ba;margin-bottom:5px}
.nt-result{margin-top:28px;background:#0d2b36;border:1px solid #28505f;border-radius:14px;padding:25px}
.nt-result-center{text-align:center}
.nt-result-center>small{color:#37b5ff;font-weight:900;letter-spacing:.12em}
.nt-total{font-size:42px;font-weight:900;margin:8px 0}
.nt-breakdown{margin-top:22px;border-top:1px solid #28505f;padding-top:15px}
.nt-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;color:#d8e6eb;font-size:13px}
.nt-breakdown .nt-sum{font-weight:900;color:#fff;border-top:1px solid #28505f;margin-top:7px;padding-top:13px}
.nt-note{margin-top:15px;padding:12px;background:#09242e;border-radius:8px;color:#cbd5e1;font-size:12px;line-height:1.5}
.nt-cta{display:block;width:100%;text-align:center;text-decoration:none;border:0;border-radius:10px;background:#37b5ff;color:#071e26;font-size:15px;font-weight:900;padding:15px;margin-top:18px;cursor:pointer}
@media(max-width:680px){.ntcalc{padding:22px 14px}.nt-roofs,.nt-dims{grid-template-columns:1fr}.nt-mini-grid{grid-template-columns:1fr 1fr}.nt-roof{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;text-align:left;gap:10px}.nt-image{height:82px}.nt-roof strong{margin:0}.nt-total{font-size:31px}}

/* Ett synligt spår för areareglaget och ingen extra separationslinje direkt under */
.ntcalc .nt-dims-section{border-top:0 !important}
.ntcalc .nt-dims-section::before,
.ntcalc .nt-dims-section::after{content:none !important;display:none !important;border:0 !important;box-shadow:none !important}
.ntcalc input.nt-area[type="range"]{-webkit-appearance:none !important;appearance:none !important;display:block !important;width:100% !important;height:24px !important;margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important}
.ntcalc input.nt-area[type="range"]::-webkit-slider-runnable-track{height:5px !important;border:0 !important;border-radius:999px !important;box-shadow:none !important;background:#d9e2e6 !important}
.ntcalc input.nt-area[type="range"]::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:20px !important;height:20px !important;margin-top:-7.5px !important;border:0 !important;border-radius:50% !important;box-shadow:none !important;background:#37b5ff !important}
.ntcalc input.nt-area[type="range"]::-moz-range-track{height:5px !important;border:0 !important;border-radius:999px !important;box-shadow:none !important;background:#d9e2e6 !important}
.ntcalc input.nt-area[type="range"]::-moz-range-progress{height:5px !important;border:0 !important;border-radius:999px !important;background:#37b5ff !important}
.ntcalc input.nt-area[type="range"]::-moz-range-thumb{width:20px !important;height:20px !important;border:0 !important;border-radius:50% !important;box-shadow:none !important;background:#37b5ff !important}