*,*: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(170px,1fr));gap:1rem}.pg-kort{background:var(--vit);border-radius:var(--radius);box-shadow:var(--skugga);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,transform .15s}.pg-kort:hover{box-shadow:0 4px 14px #00000021;transform:translateY(-2px)}.pg-kort-bild{width:100%;height:130px;object-fit:contain;background:#fafafa;border-bottom:1px solid var(--kant);padding:.5rem}.produkt-bild-img{width:100%;height:130px;object-fit:contain;background:#fafafa;border-bottom:1px solid var(--kant);padding:.5rem;display:block}.produkt-bild-svg{width:100%;height:130px;background:#fafafa;border-bottom:1px solid var(--kant);display:flex;align-items:center;justify-content:center;padding:1rem}.produkt-bild-svg svg{width:72px;height:72px}.pg-kort-body{padding:.8rem 1rem .9rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.pg-kort-info h3{font-size:.9rem;font-weight:700;line-height:1.2;margin:0}.pg-kat{font-size:.75rem;color:var(--grå)}.pg-pris{font-size:.95rem;font-weight:700;color:var(--grön)}.pg-kort-actions{display:flex;gap:.4rem;margin-top:auto;padding-top:.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-storlek{background:#e8f4fd;color:#1a6896;font-size:.7rem;padding:.1rem .35rem;border-radius:4px;font-weight:600;margin-left:.3rem}.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}.tab-rad{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--kant);padding-bottom:0}.tab-btn{background:transparent;border:none;padding:.7rem 1.4rem;font-size:1rem;font-weight:600;color:var(--grå);border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:0;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--grön)}.tab-btn.aktiv{color:var(--grön);border-bottom-color:var(--grön)}.kampanj-filterrad{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;align-items:center}.filter-separator{color:var(--grå);padding:0 .2rem;font-weight:300}.kampanj-meta{font-size:.85rem;color:var(--grå);margin-bottom:1rem}.kampanj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}.kampanj-kort{background:var(--vit);border-radius:var(--radius);box-shadow:var(--skugga);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,transform .15s}.kampanj-kort:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.kampanj-bild-wrapper{position:relative;background:#fafafa;border-bottom:1px solid var(--kant)}.kampanj-bild-wrapper .produkt-bild-img,.kampanj-bild-wrapper .produkt-bild-svg{border-bottom:none}.kampanj-bild{width:100%;height:130px;object-fit:contain;padding:.5rem;display:block}.kampanj-indikator{position:absolute;top:6px;left:8px;font-size:1.3rem;line-height:1;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.kampanj-besparing-badge{position:absolute;top:6px;right:8px;background:var(--röd);color:var(--vit);font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:5px}.kampanj-body{padding:.75rem .9rem .85rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.kampanj-header-rad{display:flex;align-items:center;justify-content:space-between;gap:.3rem;flex-wrap:wrap}.kampanj-namn{font-size:.88rem;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kampanj-priser{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.kampanj-pris-ny{font-size:1.2rem;font-weight:800;color:var(--röd)}.kampanj-pris-ord{font-size:.82rem;color:var(--grå);text-decoration:line-through}.kampanj-datum{font-size:.75rem;color:var(--grå)}.kampanj-varning{font-size:.75rem;color:#b05800;background:#fff3e0;border-radius:4px;padding:.2rem .5rem}.kampanj-korg-btn{margin-top:auto;width:100%;justify-content:center}.kedja-badge{font-size:.68rem;font-weight:700;padding:.12rem .5rem;border-radius:4px;white-space:nowrap}.kedja-willys{background:#f60;color:#fff}.kedja-ica{background:#e32424;color:#fff}.kedja-citygross{background:#1a3c6e;color:#fff}.ind-chip{font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.ind-topp{background:#fff3cd;color:#7a5000}.ind-bra{background:#d4edda;color:#155724}.ind-okej{background:#f0f0f0;color:#555}.ind-tveksamt{background:#fdecea;color:#922}.korg-kampanj-info{font-size:.78rem;color:var(--grön);margin-top:.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}}