:root{--navy:#173547;--navy2:#0f2736;--blue:#0b6f9a;--blue2:#075c80;--orange:#ff9e2d;--orange2:#e9891e;--ink:#152733;--muted:#61717b;--bg:#f5f8fa;--card:#fff;--line:#dbe4e9;--green:#25a768;--red:#d74b4b;--black:#252b30;--amber:#d9902d;--shadow:0 18px 50px rgba(14,43,58,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:var(--blue);text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy2);color:#eaf3f7;font-size:13px}.topbar-inner{height:34px;display:flex;gap:28px;align-items:center;justify-content:flex-end}.topbar a{color:#fff}.nav-wrap{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:235px;display:block}.nav nav{display:flex;align-items:center;gap:25px;font-weight:650}.nav nav a{color:var(--navy)}.nav nav a:hover{color:var(--orange2)}.nav-account{padding:10px 15px;border:1px solid var(--blue);border-radius:10px}.nav-toggle{display:none;border:0;background:transparent;font-size:27px}.hero{background:linear-gradient(100deg,rgba(9,35,50,.94),rgba(11,111,154,.76)),url('/assets/img/hero-postbox.jpg') center/cover;min-height:520px;color:#fff;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:70px 0}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:8px 0 20px;letter-spacing:-2.5px}.hero p{font-size:20px;max-width:650px;color:#e9f4f7}.kicker{color:#ffd39e;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:1.7px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 20px;font-weight:750;font-size:15px;cursor:pointer}.btn-primary{background:var(--orange);color:#172a36}.btn-primary:hover{background:#ffad4c}.btn-secondary{background:#fff;color:var(--navy)}.btn-outline{border:1px solid var(--line);background:#fff;color:var(--navy)}.hero-card{background:rgba(255,255,255,.96);color:var(--ink);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.hero-card h2{margin:0 0 12px}.mini-list{display:grid;gap:13px}.mini-item{display:flex;gap:12px;align-items:flex-start}.mini-icon{width:34px;height:34px;border-radius:9px;background:#e8f5fa;display:grid;place-items:center;color:var(--blue);font-weight:800;flex:0 0 auto}.section{padding:86px 0}.section-soft{background:var(--bg)}.section-head{max-width:760px;margin-bottom:36px}.section-head.center{text-align:center;margin:0 auto 40px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-1.3px;margin:8px 0 14px;color:var(--navy)}.section p.lead{font-size:18px;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--blue);font-weight:850}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff}.benefit strong{display:block;margin-bottom:6px;color:var(--navy)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 8px 25px rgba(20,52,70,.05)}.price-card.best{border:2px solid var(--orange);transform:translateY(-5px)}.badge{position:absolute;right:18px;top:-13px;background:var(--orange);color:#1a2b35;font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.price-card h3{margin:0;font-size:19px}.price{font-size:36px;font-weight:850;color:var(--navy);margin:8px 0 1px}.per{color:var(--muted);font-size:14px}.deposit-note{margin-top:22px;padding:15px 18px;border-radius:12px;background:#eef7fb;border:1px solid #cfe4ee}.payment-strip{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;color:var(--muted)}.box-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:12px;height:12px;border-radius:4px}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.black{background:var(--black)}.dot.amber{background:var(--amber)}.box-search{display:flex;gap:8px}.box-search input{width:170px}.wall-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.wall-tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer;color:var(--navy)}.wall-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.wall-panel{display:none}.wall-panel.active{display:block}.wall-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 8px 30px rgba(20,52,70,.05);overflow:hidden}.wall-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.wall-title h3{margin:0;color:var(--navy)}.height-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:5px 0}.box-scroll{overflow:auto;padding-bottom:6px}.box-grid{display:grid;gap:5px;min-width:720px}.box-grid.wall-a{grid-template-columns:repeat(12,1fr)}.box-grid.wall-b{grid-template-columns:repeat(6,1fr);min-width:480px}.box-grid.wall-c-top{grid-template-columns:repeat(12,1fr)}.box-grid.wall-c-main{grid-template-columns:repeat(6,1fr);min-width:520px}.box-cell{min-height:54px;border:0;border-radius:7px;color:#fff;font-weight:850;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;cursor:pointer;padding:4px;transition:.15s transform,.15s box-shadow}.box-cell:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.14)}.box-cell.available{background:var(--green)}.box-cell.rented{background:var(--red)}.box-cell.disabled{background:var(--black);cursor:default}.box-cell.reserved{background:var(--amber);cursor:default}.box-cell .date{font-size:9px;font-weight:650;margin-top:4px;opacity:.95}.box-cell.found{outline:4px solid var(--orange);outline-offset:2px}.box-info{margin-top:17px;color:var(--muted);font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.step-num{width:34px;height:34px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:850;margin-bottom:12px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.guide-card img{border-radius:10px;border:1px solid var(--line);margin-top:12px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-card,.form-card,.account-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:var(--navy)}input,select,textarea{width:100%;border:1px solid #cbd7dd;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,111,154,.13);border-color:var(--blue)}.small{font-size:13px;color:var(--muted)}.flash{margin-top:18px;border-radius:10px;padding:12px 15px}.flash.success{background:#e8f7ef;color:#17653f}.flash.error{background:#fdecec;color:#9a2d2d}.flash.info{background:#eaf5fa;color:#17556f}.rent-layout{display:grid;grid-template-columns:1fr 390px;gap:30px}.summary-card{background:var(--navy);color:#fff;border-radius:18px;padding:26px;position:sticky;top:105px}.summary-card h3{margin-top:0}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16);padding:10px 0}.summary-total{font-size:22px;font-weight:850;padding-top:15px;display:flex;justify-content:space-between}.terms{max-width:900px}.terms h3{color:var(--navy);margin-top:28px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:750;color:var(--navy)}.footer{background:var(--navy2);color:#cfe0e8;padding:52px 0 20px}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-logo{filter:brightness(0) invert(1);width:220px}.footer h3{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px}.account-shell{max-width:900px;margin:auto}.account-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.account-nav a{padding:9px 13px;background:#edf5f8;border-radius:9px;font-weight:750}.rental-card{border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:15px;background:#fff}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.active{background:#e5f7ee;color:#16623d}.status-pill.expired{background:#fdeaea;color:#942f2f}.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.simple-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
@media(max-width:900px){.topbar-inner{justify-content:center}.topbar-inner span:first-child{display:none}.nav{min-height:68px}.brand img{width:195px}.nav-toggle{display:block}.nav nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.nav nav.open{display:flex}.hero-grid,.rent-layout,.contact-grid,.guide-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:55px 0}.hero-card{display:none}.benefits,.price-grid,.steps{grid-template-columns:1fr 1fr}.summary-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.box-toolbar{align-items:flex-start}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.section{padding:62px 0}.topbar-inner{gap:12px;font-size:11px}.hero h1{font-size:43px}.hero p{font-size:17px}.benefits,.price-grid,.steps,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.price-card.best{transform:none}.wall-card{padding:14px}.box-cell{min-height:49px}.box-toolbar{display:block}.box-search{margin-top:14px}.box-search input{flex:1;width:auto}}

/* Postbox 365 2.3 – tillval i uthyrning/förlängning */
.addon-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:#f9fbfc}.addon-toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.addon-toggle input,.terms-check input{width:auto;flex:0 0 auto;margin-top:3px}.addon-toggle span,.addon-select-row span{display:flex;flex-direction:column;gap:2px}.addon-toggle small,.addon-select-row small{color:var(--muted);font-weight:500}.addon-details,.children-fields{margin-top:14px}.addon-details label,.child-field label{display:block;font-size:13px;font-weight:750;color:var(--navy);margin-bottom:6px}.children-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.addon-select-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.addon-select-row select{width:auto;min-width:130px}.terms-check{display:flex;gap:9px;align-items:flex-start}.renew-summary{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#f7fafb}.renew-summary>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.renew-summary .renew-total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:18px}.addon-summary[hidden],.child-field[hidden],.addon-details[hidden]{display:none!important}
@media(max-width:600px){.children-fields{grid-template-columns:1fr}.addon-select-row{align-items:flex-start;flex-direction:column}.addon-select-row select{width:100%}}
/* Tydligare utgångsdatum på uthyrda röda boxar */
.box-cell .date{font-size:10px;font-weight:800;line-height:1.05;margin-top:4px;opacity:1;white-space:nowrap}