.produkt{max-width:74rem;margin:0 auto;padding:2rem 1.5rem 5rem;--legend-radhojd:1.05rem}.produkt h1{font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:var(--rubrik-knip);font-weight:680;margin:0 0 .5rem;text-wrap:balance;color:var(--brand)}.ingress{color:var(--text-mjuk);max-width:54ch;margin:0 0 2rem}.konf{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"vanster falt";align-items:start}.vansterspalt{grid-area:vanster;display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:1.5rem;margin-top:calc(var(--legend-radhojd) / 2);max-height:calc(100vh - 3rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--linje) transparent}.vansterspalt::-webkit-scrollbar{width:6px}.vansterspalt::-webkit-scrollbar-track{background:transparent}.vansterspalt::-webkit-scrollbar-thumb{background:var(--linje);border-radius:3px}.vansterspalt:hover::-webkit-scrollbar-thumb{background:var(--linje-kontroll)}.ritning{background:var(--yta);border:1px solid var(--linje);padding:1.25rem}.ritningInner{color:var(--text)}.ritningInner svg{width:100%;height:auto;max-height:max(14rem,calc(100vh - 24rem))}.klippmatt,.omslagsnotis,.ritningHint{margin:.9rem 0 0;font-size:.86rem;color:var(--text-mjuk);padding-top:.9rem;border-top:1px solid var(--linje-svag)}.klippmatt{font-family:var(--mono)}.svag{color:var(--text-svag)}.falt{grid-area:falt;display:flex;flex-direction:column;gap:1rem}.falt fieldset{background:var(--yta);border:1px solid var(--linje);margin:0;padding:1.1rem 1.25rem 1.25rem}.falt legend{font-size:.68rem;line-height:var(--legend-radhojd);letter-spacing:.1em;text-transform:uppercase;color:var(--text-svag);font-weight:650;padding:0 .4rem}.hjalp{margin:0 0 1rem;font-size:.88rem;color:var(--text-mjuk)}.etikett{font-size:.9rem;font-weight:560;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mark{font-style:normal;font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:2px;letter-spacing:.02em}.mark.rek{background:#E8F3EE;color:var(--patina)}.mark.val{background:#EDF1F6;color:var(--zink)}.undertext{display:block;font-size:.8rem;color:var(--text-svag)}.omrakning{font-family:var(--mono);font-size:1rem;font-weight:600;color:var(--text);margin-top:.1rem}.omrakning.tveksam{color:var(--fel)}.langdVarning{color:var(--fel);background:var(--fel-tunn);border-left:3px solid var(--fel)}.langdNotis,.langdVarning{font-size:.84rem;padding:.5rem .7rem;margin-top:.2rem}.langdNotis{color:var(--text-mjuk);background:var(--blackt);border-left:3px solid var(--zink);line-height:1.45}.langdNotis strong{color:var(--text)}.snabbval{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.snabbvalEtikett{font-size:.75rem;color:var(--text-svag);margin-right:.15rem}.snabb{padding:.3rem .65rem;border:1px solid var(--linje-kontroll);background:var(--blackt);font-size:.82rem;font-family:var(--mono);cursor:pointer}.snabb:hover{border-color:var(--zink)}.snabb.aktiv{border-color:var(--brand);background:var(--brand-tunn);color:var(--brand);font-weight:600}.valgrupp{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));grid-gap:.5rem;gap:.5rem}.info{margin:.85rem 0 0;padding:.8rem 1rem;font-size:.88rem;color:var(--text-mjuk);background:var(--blackt);border:1px solid var(--linje);border-left:3px solid var(--zink)}.kulorer{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));grid-gap:.35rem;gap:.35rem}.kulor{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border:1px solid transparent;background:none;cursor:pointer;text-align:left;font-size:.84rem}.kulor:hover{background:var(--blackt)}.kulor.aktiv{border-color:var(--brand);background:var(--brand-tunn)}.prick{width:1.1rem;height:1.1rem;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.22)}.annanindelning{display:block;margin-top:.5rem}.kulornamn{display:flex;flex-direction:column;line-height:1.3}.kulorforklaring{color:var(--text-mjuk);font-size:.76rem}.prick.annan{background:conic-gradient(#C0392B,#D8C88E,#3E7565,#4E6B80,#6E2321,#C0392B)}.kryss{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.85rem;cursor:pointer}.kryss:last-child{margin-bottom:0}.kryss input{margin-top:.28rem;width:1.05rem;height:1.05rem;flex:none;accent-color:var(--brand)}.kryss span{display:flex;flex-direction:column}.kryss strong{font-size:.92rem;font-weight:560}.prisFel{color:var(--fel);font-weight:600;background:var(--fel-tunn);border-left:3px solid var(--fel);padding:.7rem .9rem}.prisrader{width:100%;border-collapse:collapse;font-size:.88rem}.prisrader th{text-align:left;font-weight:560;padding:.35rem 0;color:var(--text)}.bandtext{display:block;font-weight:400;font-size:.76rem;color:var(--text-svag)}.valdrad{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.avdelare{color:var(--text-svag)}.valdprick{width:.72rem;height:.72rem;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.22)}.prisrader td{padding:.35rem 0;color:var(--text-svag);font-size:.82rem}.prisrader td.belopp{text-align:right;font-family:var(--mono);color:var(--text-mjuk);white-space:nowrap}.prisrader tr.styck td,.prisrader tr.styck th{border-top:1px solid var(--linje-svag);padding-top:.6rem;font-weight:650;color:var(--text)}@media (max-width:62rem){.konf{grid-template-columns:1fr;grid-template-areas:"ritning" "falt"}.vansterspalt{display:contents}.ritning{grid-area:ritning}.ritningInner svg{max-height:none}}.prislistalank{background:none;border:none;padding:.35rem 0 0;margin:0;font-size:.8rem;color:var(--brand);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.prislistalank:hover{color:var(--brand-mork)}.prisdialog{border:none;padding:0;background:none;max-width:min(38rem,calc(100vw - 2rem));width:100%}.prisdialog::-webkit-backdrop{background:rgba(22,32,42,.45)}.prisdialog::backdrop{background:rgba(22,32,42,.45)}.prisdialogInner{background:var(--yta);border:1px solid var(--linje);padding:1.5rem;color:var(--text);font-family:var(--sans)}.prisdialogTopp{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.prisdialogTopp h2{margin:0;font-size:1.25rem;letter-spacing:-.02em;color:var(--brand)}.stang{background:none;border:none;font-size:1.6rem;line-height:1;color:var(--text-svag);cursor:pointer;padding:0 .2rem}.stang:hover{color:var(--text)}.prisdialogText{margin:.6rem 0 1.2rem;font-size:.9rem;color:var(--text-mjuk)}.prisdialogTabell{overflow-x:auto;border:1px solid var(--linje)}.prisdialogTabell table{border-collapse:collapse;width:100%;min-width:26rem;font-size:.88rem}.prisdialogTabell th{text-align:left;font-weight:620;padding:.6rem .8rem;border-bottom:1px solid var(--linje);white-space:nowrap}.prisdialogTabell thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-svag)}.prisdialogTabell tbody th{font-family:var(--mono);font-weight:500;font-size:.82rem}.prisdialogTabell td{padding:.6rem .8rem;border-bottom:1px solid var(--linje-svag);font-family:var(--mono);color:var(--text-mjuk)}.prisdialogTabell .num{text-align:right}.prisdialogTabell tr:last-child td,.prisdialogTabell tr:last-child th{border-bottom:none}.prisdialogTabell .aktivRad td,.prisdialogTabell .aktivRad th{background:var(--blackt)}.prisdialogTabell .aktivCell{background:var(--brand-tunn);color:var(--brand);font-weight:650;position:relative;white-space:nowrap}.dittval{display:block;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.prisdialogFot{margin:1rem 0 0;font-size:.78rem;color:var(--text-svag)}.produktbilder{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--linje-svag)}.bildEtikett{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-svag);margin-bottom:.5rem}.miniatyrer{list-style:none;display:flex;gap:.5rem;padding:0;margin:0;flex-wrap:wrap}.miniatyrer button{display:block;padding:0;border:1px solid var(--linje-kontroll);background:var(--blackt);cursor:pointer;line-height:0}.miniatyrer button:hover{border-color:var(--brand)}.miniatyrer button.exempel{background:var(--papper);border-style:dashed}.miniatyrer button.exempel img{object-fit:contain;padding:3px}.miniatyrer img{width:72px;height:72px;object-fit:cover;display:block}.bilddialog{border:none;padding:0;background:none;max-width:min(44rem,calc(100vw - 2rem));width:100%}.bilddialog::-webkit-backdrop{background:rgba(22,32,42,.72)}.bilddialog::backdrop{background:rgba(22,32,42,.72)}.bilddialogInner{background:var(--yta);border:1px solid var(--linje);padding:1.1rem;color:var(--text)}.bilddialogTopp{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--text-svag);margin-bottom:.7rem}.storbild{width:100%;height:auto;display:block;background:var(--blackt)}.bildtext{margin:.8rem 0 0;font-size:.9rem;color:var(--text-mjuk);border-left:3px solid var(--linje);padding-left:.8rem}.bildknappar{display:flex;gap:.5rem;margin-top:.8rem}.bildknappar button{padding:.45rem .9rem;border:1px solid var(--linje-kontroll);background:var(--blackt);cursor:pointer;font-size:.85rem}.bildknappar button:hover{border-color:var(--brand);color:var(--brand)}