*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--grön: #2d7a3a;--grön-ljus: #e8f5eb;--grön-hover: #256132;--röd: #c0392b;--gul: #f39c12;--grå-ljus: #f5f5f5;--grå: #888;--kant: #ddd;--text: #222;--vit: #fff;--skugga: 0 2px 8px rgba(0,0,0,.1);--radius: 10px}html{font-size:16px}body{font-family:system-ui,-apple-system,sans-serif;color:var(--text);background:#f9f9f9;line-height:1.5}a{color:var(--grön);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}.site-header{background:var(--grön);color:var(--vit);box-shadow:var(--skugga);position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{color:var(--vit);font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.logo span{letter-spacing:-.5px}header nav{display:flex;gap:1.2rem}header nav a{color:var(--vit);font-size:.95rem;padding:.3rem .6rem;border-radius:6px;transition:background .15s}header nav a:hover{background:#ffffff26;text-decoration:none}.admin-link{opacity:.7;font-size:.85rem!important}.main-content{max-width:1100px;margin:0 auto;padding:2rem 1rem}.main-admin{padding:0}.kort{background:var(--vit);border-radius:var(--radius);box-shadow:var(--skugga);padding:1.5rem;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:7px;border:none;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-grön{background:var(--grön);color:var(--vit)}.btn-grön:hover{background:var(--grön-hover)}.btn-outline{background:transparent;border:2px solid var(--grön);color:var(--grön)}.btn-outline:hover{background:var(--grön-ljus)}.btn-röd{background:var(--röd);color:var(--vit)}.btn-röd:hover{background:#a93226}.btn-liten{padding:.3rem .7rem;font-size:.82rem}.btn-sm{padding:.35rem .8rem;font-size:.85rem}.input{width:100%;padding:.65rem .9rem;border:1.5px solid var(--kant);border-radius:7px;font-size:1rem;transition:border-color .15s}.input:focus{outline:none;border-color:var(--grön)}.select{width:100%;padding:.6rem .9rem;border:1.5px solid var(--kant);border-radius:7px;background:var(--vit)}.hero{background:linear-gradient(135deg,var(--grön) 0%,#1a5227 100%);color:var(--vit);border-radius:var(--radius);padding:3rem 2rem;text-align:center;margin-bottom:2rem}.hero h1{font-size:2.2rem;margin-bottom:.5rem}.hero p{opacity:.9;font-size:1.1rem;margin-bottom:1.5rem}.hero-sok{display:flex;max-width:500px;margin:0 auto 1.5rem;gap:.5rem}.hero-sok input{flex:1;border:none;border-radius:7px;padding:.7rem 1rem;font-size:1rem}.forklaringar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.forklaring-kort{background:var(--vit);border-radius:var(--radius);padding:1.2rem;text-align:center;box-shadow:var(--skugga)}.forklaring-kort .ikon{font-size:2rem;margin-bottom:.5rem}.forklaring-kort h3{font-size:.95rem;color:var(--grön);margin-bottom:.3rem}.forklaring-kort p{font-size:.82rem;color:var(--grå)}.snabbkategorier{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.snabbkat-btn{background:var(--grön-ljus);color:var(--grön);border:1.5px solid var(--grön);border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s}.snabbkat-btn:hover,.snabbkat-btn.aktiv{background:var(--grön);color:var(--vit)}.produktgrupp-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pg-kort{background:var(--vit);border-radius:var(--radius);box-shadow:var(--skugga);padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .15s}.pg-kort:hover{box-shadow:0 4px 14px #00000021}.pg-kort-info h3{font-size:1rem;margin-bottom:.2rem}.pg-kort-info span{font-size:.8rem;color:var(--grå)}.pg-kort-actions{display:flex;gap:.4rem}.produkt-header{margin-bottom:1.5rem}.produkt-header h1{font-size:1.6rem}.produkt-header .kategori{color:var(--grå);font-size:.9rem}.pris-tabell{width:100%;border-collapse:collapse}.pris-tabell th{text-align:left;padding:.6rem .8rem;background:var(--grå-ljus);font-size:.85rem;color:var(--grå);border-bottom:2px solid var(--kant)}.pris-tabell td{padding:.7rem .8rem;border-bottom:1px solid var(--kant);font-size:.95rem;vertical-align:middle}.pris-tabell tr:last-child td{border-bottom:none}.badge-kampanj{background:var(--röd);color:var(--vit);font-size:.72rem;padding:.15rem .4rem;border-radius:4px;font-weight:700}.badge-ok{background:#e8f5eb;color:var(--grön);font-size:.72rem;padding:.15rem .4rem;border-radius:4px}.statistik-rutor{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-ruta{background:var(--vit);border-radius:var(--radius);box-shadow:var(--skugga);padding:1rem;text-align:center}.stat-ruta .label{font-size:.78rem;color:var(--grå);margin-bottom:.3rem}.stat-ruta .varde{font-size:1.4rem;font-weight:700;color:var(--grön)}.stat-ruta .sub{font-size:.8rem;color:var(--grå)}.upp{color:var(--röd)!important}.ner{color:var(--grön)!important}.korg-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 700px){.korg-layout{grid-template-columns:1fr}}.korg-lista{list-style:none}.korg-rad{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--kant)}.korg-rad:last-child{border-bottom:none}.korg-tom{color:var(--grå);text-align:center;padding:2rem}.sok-resultat{position:absolute;top:100%;left:0;right:0;background:var(--vit);border:1.5px solid var(--kant);border-top:none;border-radius:0 0 7px 7px;max-height:280px;overflow-y:auto;z-index:50;box-shadow:var(--skugga)}.sok-rad{padding:.7rem 1rem;cursor:pointer;border-bottom:1px solid var(--kant);transition:background .1s}.sok-rad:hover{background:var(--grön-ljus)}.sok-wrapper{position:relative}.resultat-kort{border-radius:var(--radius);box-shadow:var(--skugga);overflow:hidden;margin-bottom:1.5rem}.resultat-header{padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem}.resultat-header-1{background:var(--grön);color:var(--vit)}.resultat-header-2{background:#1565c0;color:var(--vit)}.resultat-header-3{background:#6a1b9a;color:var(--vit)}.resultat-body{background:var(--vit);padding:1.2rem 1.5rem}.resultat-rad{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--kant)}.resultat-rad:last-child{border-bottom:none}.besparing-tag{font-size:.8rem;color:var(--grön);font-weight:600}.besparing-tag.stor{color:var(--röd);font-weight:700;font-size:.95rem}.kombination-sektion{margin-bottom:1rem}.kombination-sektion h4{font-size:.9rem;color:var(--grå);margin-bottom:.4rem;border-bottom:1px solid var(--kant);padding-bottom:.3rem}.kombination-sektion .vara{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.9rem}.karta-wrapper{height:350px;border-radius:var(--radius);overflow:hidden;margin-top:1rem}.fordon-val{display:flex;gap:.7rem;margin:.8rem 0}.fordon-btn{flex:1;padding:.5rem;border:2px solid var(--kant);border-radius:7px;background:var(--vit);text-align:center;transition:all .15s}.fordon-btn.aktiv{border-color:var(--grön);background:var(--grön-ljus);color:var(--grön);font-weight:700}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:#1a1a2e;color:var(--vit);padding:1.5rem 0;flex-shrink:0}.admin-sidebar h2{padding:0 1.2rem 1rem;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.admin-nav a{display:block;padding:.7rem 1.2rem;color:#ffffffbf;transition:background .15s;font-size:.9rem}.admin-nav a:hover,.admin-nav a.aktiv{background:#ffffff1a;color:var(--vit);text-decoration:none}.admin-main{flex:1;padding:2rem;background:var(--grå-ljus);overflow-y:auto}.admin-main h2{font-size:1.3rem;margin-bottom:1.2rem}.admin-tabell{width:100%;border-collapse:collapse;background:var(--vit);border-radius:var(--radius);overflow:hidden;box-shadow:var(--skugga)}.admin-tabell th{background:var(--grå-ljus);padding:.6rem .8rem;text-align:left;font-size:.83rem;color:var(--grå);border-bottom:2px solid var(--kant);white-space:nowrap}.admin-tabell td{padding:.6rem .8rem;border-bottom:1px solid var(--kant);font-size:.88rem;vertical-align:middle}.admin-tabell tr:last-child td{border-bottom:none}.status-ok{color:var(--grön);font-weight:700}.status-fel{color:var(--röd);font-weight:700}.status-kor{color:var(--gul);font-weight:700}.laddar{text-align:center;padding:3rem;color:var(--grå);font-size:1.1rem}.fel-meddelande{background:#fdecea;border:1px solid #f5c6c2;color:var(--röd);padding:1rem 1.2rem;border-radius:7px;margin-bottom:1rem}.tom{text-align:center;color:var(--grå);padding:2rem}@media (max-width: 600px){.hero h1{font-size:1.5rem}.hero-sok{flex-direction:column}.statistik-rutor{grid-template-columns:1fr 1fr}.admin-sidebar{display:none}.main-content{padding:1rem .75rem}.pris-tabell{font-size:.82rem}.pris-tabell th,.pris-tabell td{padding:.5rem .4rem}}