/* =====================================================================
   SNAPPAT – redesign (fas 1, 2026-09-18)
   Laddas efter snappat.css och tar över. Variablerna kommer från
   design/snappat-redesign/design/tokens.css (grönt enligt beslut 18 sep).
   Regeln bakom allt: enkelt, platt och läsbart. Inga skuggor, inga
   övertoningar, inga kort med ram. Hårlinjer skiljer rader åt.
   Vy för vy flyttas hit; det gamla tas bort ur snappat.css.
   ===================================================================== */

:root{
  /* Färg */
  --sn-green:#0e7a4d;        /* handling: knappar, länkar, påslaget reglage, oläst-prick */
  --sn-green-dark:#0a5a39;   /* hover på grön knapp, text på gröntoning */
  --sn-green-tint:#e4f0e8;   /* egna pratbubblor, avatarer, län som har annonser */
  --sn-yellow:#f4d35e;       /* BARA gratis: Skänkes och "Gratis för privatpersoner, alltid" */
  --sn-ink:#14201a;          /* text, fältramar, valt läge (fyllt bläck) */
  --sn-text-2:#4a554e;       /* sekundär text, etiketter, tid */
  --sn-text-3:#6b756f;       /* inaktiva ikoner, avstängt reglage, nedtonade län */
  --sn-warn:#9a4a00;         /* BARA text: annonsen står still, eller någon har väntat över ett dygn */
  --sn-paper:#f3f2ec;        /* länsraden, sidfot, notiser, andras pratbubblor, sidopanel */
  --sn-line:#deddd6;         /* hårlinjer mellan rader */
  --sn-white:#ffffff;
  --sn-scrim:rgba(20,32,26,.55);
  /* Typografi: Inter i allt, ordmärket är vektor */
  --sn-font:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  /* Form */
  --sn-radius-tag:2px;--sn-radius-img:3px;--sn-radius-ctl:6px;
  --sn-border-ctl:1.5px solid var(--sn-ink);--sn-hairline:1px solid var(--sn-line);
  /* Mått */
  --sn-tap:44px;--sn-field:48px;--sn-cta:52px;--sn-nav:64px;--sn-gutter-m:16px;--sn-gutter-d:80px;
  /* Gamla variabler pekar på de nya så att vyer som inte är omklädda ännu följer med i färg */
  --skog:var(--sn-green);--skogmork:var(--sn-green-dark);--skogljus:var(--sn-green-tint);
  --black:var(--sn-ink);--gra:var(--sn-text-2);--ljusgra:var(--sn-text-3);--linje:var(--sn-line);--krita:var(--sn-white);
  --disp:var(--sn-font);--ui:var(--sn-font);
}
body{font-family:var(--sn-font);color:var(--sn-ink);background:var(--sn-white);font-size:15px;line-height:1.55}
:focus-visible{outline:2px solid var(--sn-green);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{max-width:calc(1200px + 2 * var(--sn-gutter-m));margin:0 auto;padding:0 var(--sn-gutter-m)}
@media (min-width:901px){.wrap{max-width:calc(1200px + 80px);padding:0 40px}}
@media (min-width:1360px){.wrap{max-width:calc(1200px + 2 * var(--sn-gutter-d));padding:0 var(--sn-gutter-d)}}
main#main{padding-bottom:32px}

/* ============ SIDHUVUD ============ */
.huvud{background:var(--sn-white);border-bottom:1px solid var(--sn-line);position:sticky;top:0;z-index:50}
.huvud-rad{display:flex;align-items:center;gap:32px;height:72px}
.logga{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;color:var(--sn-green);line-height:1}
.logga-bild{display:block;height:30px;width:auto;shape-rendering:geometricPrecision}
.logga-bild.lg-pp{display:none}
.lg-hel .ord,.lg-hel .pp,.lg-pp .pp{fill:var(--sn-green)}
@media (max-width:340px){.logga-bild.lg-hel{display:none}.logga-bild.lg-pp{display:block}}

/* Sökfältet: bläckram, grön sökknapp. Urvalsetiketten (kategori + filter) sitter i vänstra delen på resultatsidor. */
.sokform{flex:1 1 auto;max-width:640px;min-width:0;display:flex;height:46px;border:1.5px solid var(--sn-ink);border-radius:var(--sn-radius-ctl);background:var(--sn-white);position:relative}
.sokform:focus-within{outline:2px solid var(--sn-green);outline-offset:2px}
.sokform input{flex:1;min-width:0;border:0;background:transparent;padding:0 14px;font-size:15px;font-family:inherit;color:var(--sn-ink);border-radius:4px 0 0 4px}
.sokform input::placeholder{color:var(--sn-text-2);opacity:1}
.sokform input:focus{outline:none}
.sokform input::-webkit-search-cancel-button{-webkit-appearance:none}
.sokform button{flex:none;width:54px;border:0;background:var(--sn-green);color:var(--sn-white);border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.sokform button:hover{background:var(--sn-green-dark)}
.sokform button svg{width:22px;height:22px}
.sokscope{display:flex;align-items:center;gap:6px;flex:0 1 auto;max-width:46%;min-width:0;padding:0 6px 0 12px;background:var(--sn-paper);border-right:1px solid var(--sn-line);border-radius:4px 0 0 4px;font-size:14px;font-weight:600;color:var(--sn-ink)}
.sokscope span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sokscope .kort{display:none}
.sokscope .x{width:28px;height:28px;border-radius:50%;color:var(--sn-ink);font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;flex:none;text-decoration:none}
.sokscope .x:hover{background:var(--sn-green-tint);color:var(--sn-green-dark)}
.sokform.scope input{padding-left:12px}
/* Förslagen under rutan */
.sokdrop{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 6px);background:var(--sn-white);border:1.5px solid var(--sn-ink);border-radius:var(--sn-radius-ctl);display:none;z-index:60;overflow:hidden;text-align:left}
.sokdrop.pa{display:block}
.sokdrop .rad{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:44px;font-size:14px;color:var(--sn-ink);cursor:pointer}
.sokdrop .rad:hover{background:var(--sn-paper)}
.sokdrop .rad .ik{width:30px;height:20px;color:var(--sn-text-3);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.sokdrop .rad .ik svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sokdrop .rad .t{flex:1;min-width:0}
.sokdrop .rad .t small{display:block;color:var(--sn-text-2);font-size:13px}
.sokdrop .rad .n{color:var(--sn-text-2);font-size:13px}
.sokdrop .tolk{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 14px;border-top:1px solid var(--sn-line);background:var(--sn-paper);font-size:13px}
.sokdrop .tolk span{font-weight:600;color:var(--sn-green-dark);background:var(--sn-green-tint);padding:2px 8px;border-radius:var(--sn-radius-tag)}
.sokdrop .tolk .l{background:none;color:var(--sn-text-2);font-weight:400;padding-left:0}

/* Länkarna till höger: Guider · Logga in · Lägg in annons (grön) */
.hlank{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14.5px;font-weight:500;white-space:nowrap;flex-shrink:0}
.hlank a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--sn-ink)}
.hlank a:hover{color:var(--sn-green)}
.hlank .not{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sn-green);color:var(--sn-white);font-size:11px;font-weight:700;line-height:1}
.knapp-salj{height:44px;padding:0 18px;border:0;border-radius:var(--sn-radius-ctl);background:var(--sn-green);color:var(--sn-white);font-family:inherit;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer;text-decoration:none}
.hlank .knapp-salj{color:var(--sn-white)}
.knapp-salj:hover,.hlank .knapp-salj:hover{background:var(--sn-green-dark);color:var(--sn-white)}
.knapp-salj svg{width:18px;height:18px}

/* Kategoriraden: bläck och understrykning på den valda */
.katband{background:var(--sn-white)}
.katrad{display:flex;align-items:stretch;gap:26px;height:46px;font-size:14px;font-weight:500;color:var(--sn-text-2);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.katrad::-webkit-scrollbar{display:none}
.katrad a{display:inline-flex;align-items:center;flex:none;color:var(--sn-text-2);min-height:44px}
.katrad a:hover{color:var(--sn-ink)}
.katrad a[aria-current]{color:var(--sn-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--sn-ink)}
.katrad .m{display:none}

@media (max-width:900px){
  .huvud{position:static}
  .huvud-rad{height:auto;min-height:56px;gap:12px;flex-wrap:wrap;padding-bottom:12px}
  .logga-bild{height:26px}
  .hlank{gap:16px;font-size:14px;font-weight:600}
  .hlank .d{display:none}
  .sokform{order:5;flex:1 0 100%;max-width:none;height:48px}
  .sokform input{font-size:16px}
  .sokform button{width:52px}
  .sokscope{max-width:50%;padding:0 2px 0 10px;font-size:13px;gap:2px}
  .sokscope .lang{display:none}
  .sokscope .kort{display:inline}
  .katrad{height:45px;gap:22px;padding-right:16px}
  .katrad .d{display:none}
  .katrad .m{display:inline}
}

/* ============ SIDFOT ============ */
.fot{background:var(--sn-paper);border-top:1px solid var(--sn-line);margin-top:auto;padding:40px 0 24px;font-size:13.5px;color:var(--sn-ink)}
.fot .wrap{display:flex;flex-direction:column;gap:32px}
.fot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.fot-om{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fot-om .logga{min-height:0}
.fot-om .logga-bild{height:24px}
.fot-om p{max-width:300px;line-height:1.6;color:var(--sn-text-2)}
.fot-grupp{display:flex;flex-direction:column;gap:9px}
.fot-grupp h2{margin:0;font-size:13.5px;font-weight:600;letter-spacing:0}
.fot-rubrik{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;margin:0 0 2px;border:0;background:none;font:inherit;font-weight:600;color:var(--sn-ink);text-align:left;cursor:default;pointer-events:none}
.fot-rubrik svg{display:none;width:20px;height:20px;flex:none}
.fot-lankar{display:flex;flex-direction:column;gap:9px}
.fot-lankar a,.fot-knapp{display:inline-flex;align-items:center;padding:0;border:0;background:none;font:inherit;color:var(--sn-text-2);cursor:pointer;text-align:left}
.fot-lankar a:hover,.fot-knapp:hover{color:var(--sn-green)}
.fot-lankar form{display:contents}
.fot-botten{padding-top:18px;border-top:1px solid var(--sn-line);font-size:12.5px;color:var(--sn-text-2)}
@media (max-width:900px){
  .fot{padding:8px 0 24px}
  .fot .wrap{gap:0}
  .fot-grid{display:flex;flex-direction:column;gap:0}
  .fot-om{display:none}
  .fot-grupp{gap:0;border-bottom:1px solid var(--sn-line)}
  .fot-rubrik{height:50px;margin:0;font-size:14.5px;cursor:pointer;pointer-events:auto}
  .fot-rubrik svg{display:block;transition:transform .15s}
  .fot-rubrik[aria-expanded=true] svg{transform:rotate(180deg)}
  .fot-lankar{display:none;gap:0;padding:0 0 10px}
  .fot-rubrik[aria-expanded=true]+.fot-lankar{display:flex}
  .fot-lankar a,.fot-knapp{min-height:44px}
  .fot-botten{border-top:0;padding-top:18px}
}

/* ============ BOTTENMENY (mobil) ============ */
.bnav{display:none}
@media (max-width:900px){
  body{padding-bottom:calc(var(--sn-nav) + env(safe-area-inset-bottom))}
  .bnav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--sn-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--sn-white);border-top:1px solid var(--sn-line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));font-size:11px;font-weight:600;color:var(--sn-text-2)}
  .bnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:var(--sn-text-2);white-space:nowrap;line-height:1}
  .bnav a[aria-current]{color:var(--sn-ink)}
  .bnav a[aria-current]::before{content:"";position:absolute;top:5px;left:50%;margin-left:-2.5px;width:5px;height:5px;border-radius:50%;background:var(--sn-green)}
  .bnav .bi{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .bnav a[aria-current] .bi{stroke-width:2.25}
  .bnav .salj{color:var(--sn-ink)}
  .bnav .salj .platta{width:46px;height:25px;border-radius:5px;background:var(--sn-green);color:var(--sn-white);display:flex;align-items:center;justify-content:center}
  .bnav .salj .bi{width:20px;height:20px;stroke-width:2.2}
  .bnav .not{position:absolute;top:6px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sn-green);color:var(--sn-white);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
}

/* ============ KOMPONENTER (design/tokens.css i bruk) ============ */
/* Knappar: en grön per skärm, resten konturer eller textlänkar */
.sn-btn{height:var(--sn-field);padding:0 20px;border-radius:var(--sn-radius-ctl);font:600 15px/1 var(--sn-font);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.sn-btn--primary{background:var(--sn-green);color:var(--sn-white);border:0}
.sn-btn--primary:hover{background:var(--sn-green-dark);color:var(--sn-white)}
.sn-btn--outline{background:var(--sn-white);color:var(--sn-ink);border:var(--sn-border-ctl)}
.sn-btn--outline:hover{background:var(--sn-paper);color:var(--sn-ink)}
.sn-btn--white{background:var(--sn-white);color:var(--sn-ink);border:0}
.sn-btn--text{background:transparent;border:0;padding:0 4px;height:auto;min-height:var(--sn-tap);color:var(--sn-green);font-size:14px}
.sn-btn--text:hover{color:var(--sn-green-dark)}
.sn-btn--cta{height:var(--sn-cta);font-size:16px}
.sn-btn--liten{height:44px;font-size:14px;padding:0 16px}
.sn-btn--bred{display:flex;width:100%}
.sn-btn[disabled],.sn-btn[aria-disabled=true]{opacity:.5;cursor:default}
.sn-btn svg{width:20px;height:20px}

/* Fält: etikett ovanför, bläckram, hjälptext under */
.sn-falt{display:flex;flex-direction:column;gap:6px}
.sn-label{font:600 13.5px/1.3 var(--sn-font);color:var(--sn-ink)}
.sn-label .frivillig{font-weight:400;color:var(--sn-text-2)}
.sn-field{height:var(--sn-field);width:100%;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);padding:0 12px;font:400 16px/1 var(--sn-font);color:var(--sn-ink);background:var(--sn-white);outline:none}
.sn-field::placeholder{color:var(--sn-text-3);opacity:1}
.sn-field:focus-visible{outline:2px solid var(--sn-green);outline-offset:2px}
textarea.sn-field{height:auto;min-height:120px;padding:12px;line-height:1.45;resize:vertical}
select.sn-field{appearance:none;padding-right:40px;background:var(--sn-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314201a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/20px}
.sn-help{font:400 12.5px/1.45 var(--sn-font);color:var(--sn-text-2)}
.sn-pris{display:flex;align-items:center;gap:8px;height:var(--sn-field);box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);padding:0 12px;background:var(--sn-white)}
.sn-pris input{flex:1;min-width:0;border:0;padding:0;font:700 19px/1 var(--sn-font);font-variant-numeric:tabular-nums;color:var(--sn-ink);background:transparent;outline:none}
.sn-pris span{font-size:15px;color:var(--sn-text-2)}
.sn-pris:focus-within{outline:2px solid var(--sn-green);outline-offset:2px}

/* Ett val (sammanfogat) och flera val (fristående): valt = fyllt bläck */
.sn-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:46px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);overflow:hidden;background:var(--sn-white)}
.sn-seg>*{margin:0;border:0;border-left:var(--sn-border-ctl);background:var(--sn-white);color:var(--sn-ink);font:600 14px/1 var(--sn-font);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;padding:0 8px}
.sn-seg>:first-child{border-left:0}
.sn-seg>[aria-checked=true],.sn-seg>[aria-current],.sn-seg>[aria-pressed=true]{background:var(--sn-ink);color:var(--sn-white)}
.sn-chips{display:flex;flex-wrap:wrap;gap:8px}
.sn-chip{height:var(--sn-tap);padding:0 14px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);background:var(--sn-white);color:var(--sn-ink);font:600 13.5px/1 var(--sn-font);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.sn-chip[aria-pressed=true],.sn-chip[aria-checked=true]{background:var(--sn-ink);color:var(--sn-white)}

/* Radiorad och kryssrad: antal till höger när listan är lång */
.sn-radio{display:flex;align-items:center;gap:12px;min-height:48px;border-top:var(--sn-hairline);font-size:15px;cursor:pointer;margin:0}
.sn-radio:last-child{border-bottom:var(--sn-hairline)}
.sn-radio input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:none;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:50%;background:var(--sn-white);display:grid;place-content:center;cursor:pointer}
.sn-radio input::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sn-ink);transform:scale(0)}
.sn-radio input:checked::before{transform:scale(1)}
.sn-radio input[type=checkbox]{border-radius:3px}
.sn-radio input[type=checkbox]::before{border-radius:1px}
.sn-radio input:checked+span{font-weight:600}
.sn-radio .antal{margin-left:auto;font-size:13px;color:var(--sn-text-2)}

/* Reglage 44 × 26: grönt bara när det är på */
.sn-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;border-top:var(--sn-hairline);font-size:15px;font-weight:500;cursor:pointer;margin:0}
.sn-toggle:last-child{border-bottom:var(--sn-hairline)}
.sn-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;flex:none;margin:0;border-radius:13px;background:var(--sn-text-3);cursor:pointer;transition:background .15s}
.sn-toggle input::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--sn-white);transition:left .15s}
.sn-toggle input:checked{background:var(--sn-green)}
.sn-toggle input:checked::before{left:21px}

/* Märkningar: i prisets plats, aldrig på bilden. Status skrivs som text, aldrig färgade brickor */
.sn-tag--free{display:inline-block;padding:0 6px;border-radius:var(--sn-radius-tag);background:var(--sn-yellow);color:var(--sn-ink);font:700 13.5px/21px var(--sn-font)}
.sn-status{font:600 11.5px/16px var(--sn-font);letter-spacing:.04em;text-transform:uppercase;color:var(--sn-text-2)}
.sn-warn{color:var(--sn-warn);font-weight:600}
.sn-ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--sn-green)}
.sn-ok svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sn-olast{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.sn-olast::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sn-green);flex:none}
.sn-pris-ej{font-size:15px;font-weight:600;color:var(--sn-text-2)}
.sn-prissankt{font-size:13px;color:var(--sn-text-2)}
.sn-prissankt s{text-decoration:line-through}

/* Rader och kort: bild 4:3, radie 3, ingen ram, ingen skugga. På hover blir rubriken grön */
.sn-row{display:flex;gap:12px;padding:12px 0;border-bottom:var(--sn-hairline);color:inherit;text-decoration:none}
.sn-row:first-child{border-top:var(--sn-hairline)}
.sn-bild{position:relative;flex:none;overflow:hidden;border-radius:var(--sn-radius-img);background:var(--sn-paper);aspect-ratio:4/3}
.sn-bild img,.sn-thumb{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:var(--sn-radius-img)}
.sn-bild .tom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sn-text-3)}
.sn-bild .tom svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sn-bild .antal{position:absolute;right:6px;bottom:6px;padding:0 6px;border-radius:var(--sn-radius-tag);background:var(--sn-ink);color:var(--sn-white);font:600 11px/18px var(--sn-font)}
.sn-row .sn-bild{width:120px}
.sn-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.sn-price{font:700 17px/22px var(--sn-font);font-variant-numeric:tabular-nums;color:var(--sn-ink)}
.sn-title{font:600 14px/18px var(--sn-font);color:var(--sn-ink)}
.sn-meta{font:400 12.5px/17px var(--sn-font);color:var(--sn-text-2)}
.sn-card{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}
.sn-card .sn-title{font-weight:500;font-size:13.5px}
.sn-card .sn-meta{font-size:12px}
.sn-card:hover .sn-title,.sn-row:hover .sn-title{color:var(--sn-green)}
.sn-egen{padding:14px 0;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;gap:14px}
.sn-egen .sn-bild{width:120px}
.sn-egen.utgangen .sn-bild{opacity:.5}

/* Länsraden: Snappats signatur, överst på varje bläddringsyta */
.sn-county{height:45px;padding:0 var(--sn-gutter-m);background:var(--sn-paper);border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center;gap:8px;font-size:14px;color:var(--sn-ink);text-decoration:none;box-sizing:border-box}
.sn-county svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sn-county b{font-weight:600}
.sn-county .antal{color:var(--sn-text-2)}
.sn-county .andra{margin-left:auto;font-size:13px;font-weight:600;color:var(--sn-green)}

/* Pratbubblor: radie 6, inga svansar. Papper = de, gröntoning = du. Prisförslaget är ett eget slags meddelande */
.sn-tradd{display:flex;flex-direction:column;gap:8px}
.sn-bubble{max-width:78%;padding:10px 12px;border-radius:var(--sn-radius-ctl);font:400 15px/1.45 var(--sn-font);background:var(--sn-paper);align-self:flex-start;margin:0}
.sn-bubble--mine{background:var(--sn-green-tint);align-self:flex-end}
.sn-tid{font-size:11.5px;color:var(--sn-text-2)}
.sn-tid--min{align-self:flex-end}
.sn-overline{font:600 11.5px/1.3 var(--sn-font);letter-spacing:.06em;text-transform:uppercase;color:var(--sn-text-2)}
.sn-offer{border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);padding:12px 14px 14px;background:var(--sn-white);display:flex;flex-direction:column;gap:2px;max-width:300px;box-sizing:border-box;align-self:flex-start}
.sn-offer .belopp{display:flex;align-items:baseline;gap:8px}
.sn-offer .belopp b{font:700 26px/32px var(--sn-font);font-variant-numeric:tabular-nums}
.sn-offer .belopp s{font-size:13px;color:var(--sn-text-2)}
.sn-offer p{margin:0;font-size:14.5px;line-height:1.45}
.sn-offer .svar{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.sn-offer .tva{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sn-offer .utfall{display:flex;flex-direction:column;font-size:13px;font-weight:600;margin-top:10px}
.sn-offer .utfall span{height:36px;border-top:var(--sn-hairline);display:flex;align-items:center;gap:6px}
.sn-offer .utfall span:last-child{border-bottom:var(--sn-hairline)}
.sn-offer .utfall svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sn-offer .utfall .ja{color:var(--sn-green)}
.sn-offer .utfall .vantar{color:var(--sn-text-2)}
.sn-trygg{display:flex;gap:8px;margin:0;font-size:12.5px;line-height:1.5;color:var(--sn-text-2)}
.sn-trygg svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Notis, tomt läge, rubriker */
.sn-notis{background:var(--sn-paper);border-radius:var(--sn-radius-img);padding:12px 14px;font-size:13.5px;line-height:1.5;margin:0}
.sn-notis--gul{background:var(--sn-yellow)}
.sn-tom{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 0}
.sn-tom h2{margin:0;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.sn-tom p{margin:0;font-size:14px;line-height:1.5;color:var(--sn-text-2)}
.sn-tom .sn-btn{margin-top:8px}
.sn-h1{margin:0;font:600 22px/1.2 var(--sn-font);letter-spacing:-.015em}
.sn-h2{margin:0;font:600 18px/1.25 var(--sn-font);letter-spacing:-.01em}
.sn-sektion-rad{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sn-ingress{margin:0;font-size:14px;line-height:1.5;color:var(--sn-text-2)}
@media (min-width:901px){.sn-h1{font-size:27px}.sn-h2{font-size:20px}}

/* Blad: rubrik och kryss upptill, innehållet i mitten, svaret i knappen nedtill. Helskärm på mobil, dialog på desktop */
.sn-scrim{position:fixed;inset:0;z-index:80;background:var(--sn-scrim);display:none}
.sn-scrim.pa{display:block}
.sn-sheet{position:fixed;inset:0;z-index:81;background:var(--sn-white);display:none;flex-direction:column}
.sn-sheet.pa{display:flex}
.sn-sheet-huvud{height:52px;flex:none;padding:0 6px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--sn-hairline)}
.sn-sheet-huvud h2{margin:0;font:600 19px/1.2 var(--sn-font);letter-spacing:-.01em}
.sn-sheet-huvud .stang{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--sn-ink);cursor:pointer;padding:0}
.sn-sheet-huvud .stang svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sn-sheet-inneh{flex:1;min-height:0;overflow:auto;padding:0 16px}
.sn-sheet-fot{flex:none;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:var(--sn-hairline);background:var(--sn-white)}
.sn-sheet-fot .sn-btn{width:100%}
@media (min-width:901px){.sn-sheet{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 32px);max-height:85vh;border-radius:var(--sn-radius-ctl)}.sn-sheet-fot{padding-bottom:14px;border-radius:0 0 var(--sn-radius-ctl) var(--sn-radius-ctl)}}
/* Glidblad: korta val över innehållet, Avbryt sist */
.sn-slide{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--sn-white);border-radius:var(--sn-radius-ctl) var(--sn-radius-ctl) 0 0;padding:8px 16px calc(12px + env(safe-area-inset-bottom));display:none;flex-direction:column}
.sn-slide.pa{display:flex}
.sn-slide>a,.sn-slide>button{display:flex;align-items:center;gap:12px;min-height:52px;padding:0;border:0;border-top:var(--sn-hairline);background:none;font:500 15px/1.3 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer;text-decoration:none}
.sn-slide>:first-child{border-top:0}
.sn-slide .avbryt{color:var(--sn-text-2);justify-content:center}
@media (min-width:901px){.sn-slide{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:400px;border-radius:var(--sn-radius-ctl);padding-bottom:12px}}

/* Grön sektion "Sälj på Snappat" */
.sn-gron{background:var(--sn-green);color:var(--sn-white);padding:28px 0}
.sn-gron h2{margin:0;font:600 21px/1.2 var(--sn-font)}
.sn-gron p{margin:0 0 10px;font-size:14px;line-height:1.5}
.sn-gron .wrap{display:flex;flex-direction:column;gap:8px}
@media (min-width:901px){.sn-gron{padding:32px 0}.sn-gron .wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.sn-gron h2{font-size:23px}.sn-gron p{font-size:14.5px;margin:0}}

/* ============ ANNONSKORT OCH LISTRAD (F-03, 2026-09-18) ============
   Samma markup (partials/ad-card.blade.php) i två former: .rutnat = kort, .rutnat.lista = kompakt rad.
   Bild 4:3 med radie 3, ingen ram, ingen skugga. På hover blir rubriken grön. Spara = bokmärke. */
.rutnat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
@media (min-width:601px){.rutnat{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}}
@media (min-width:901px){.rutnat{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px}}
.sn-annons{position:relative;display:flex;flex-direction:column;gap:8px;color:var(--sn-ink);min-width:0}
.sn-annons .sn-bild{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-paper);position:relative;flex:none}
.sn-annons .sn-bild img{width:100%;height:100%;object-fit:cover;display:block}
.sn-annons .sn-bild .tom{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sn-text-2);font-size:11px;font-weight:500}
.sn-annons .sn-bild .tom svg{width:28px;height:28px;fill:none;stroke:var(--sn-text-3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sn-annons .sn-bild .antal{position:absolute;right:5px;bottom:5px;display:flex;align-items:center;gap:4px;padding:1px 5px;border-radius:3px;background:var(--sn-ink);color:var(--sn-white);font-size:11px;font-weight:600;line-height:16px}
.sn-annons .sn-bild .antal svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sn-annons .sn-txt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titel spara" "rad2 rad2" "pris pris" "plats plats" "tid tid" "jamfor jamfor";gap:2px 4px;align-content:start;min-width:0}
.sn-prisplats{grid-area:pris;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;min-height:22px;min-width:0}
.sn-annons .sn-price{font-size:17px;line-height:22px}
.sn-annons .sn-prissankt{font-size:12px;line-height:16px}
.sn-spara{grid-area:spara;justify-self:end;align-self:start;width:44px;height:44px;margin:-11px 0;padding:0 2px 0 0;border:0;background:transparent;color:var(--sn-ink);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;position:relative;z-index:2}
.sn-spara svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sn-spara:hover svg{stroke:var(--sn-green)}
.sn-spara[aria-pressed=true] svg{fill:var(--sn-green);stroke:var(--sn-green)}
.sn-annons .sn-title{grid-area:titel;margin:0;font:500 13.5px/18px var(--sn-font);letter-spacing:0;color:var(--sn-ink);min-width:0}
.sn-annons .sn-title a{color:inherit}
.sn-annons .sn-title a::after{content:"";position:absolute;inset:0;z-index:1}
.sn-annons:hover .sn-title,.sn-annons.markerad .sn-title{color:var(--sn-green)}
.sn-annons:focus-within{outline:2px solid var(--sn-green);outline-offset:2px}
.sn-rad2{grid-area:rad2;margin:0;font:500 12.5px/17px var(--sn-font);font-variant-numeric:tabular-nums;color:var(--sn-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sn-spec>span:not(:last-child)::after{content:" · "}
.sn-beskr{display:none;font-weight:400;color:var(--sn-text-2)}
.sn-annons .sn-plats{grid-area:plats;display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:var(--sn-text-2);min-width:0}
.sn-annons .sn-plats svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sn-annons .sn-plats span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sn-annons .sn-tid{grid-area:tid;font-size:12px;line-height:16px;color:var(--sn-text-2);white-space:nowrap}
.sn-jamfor{grid-area:jamfor;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sn-text-2);cursor:pointer;position:relative;z-index:2;min-height:28px;white-space:nowrap}
.sn-jamfor input{width:16px;height:16px;margin:0;accent-color:var(--sn-ink)}
.sn-annons.jamfor-vald .sn-jamfor{color:var(--sn-ink);font-weight:600}
@media (min-width:901px){
  .sn-annons{gap:9px}
  .sn-annons .sn-txt{gap:3px 8px}
  .sn-prisplats{min-height:28px;gap:0 10px}
  .sn-annons .sn-price{font-size:18px;line-height:28px}
  .sn-annons .sn-prissankt{font-size:12.5px}
  .sn-spara{margin:-8px 0}
  .sn-annons .sn-title{font-size:14.5px;line-height:19px}
  .sn-rad2{font-size:13px;line-height:18px}
  .sn-annons .sn-plats,.sn-annons .sn-tid{font-size:12.5px;line-height:17px}
}
/* Kompakt rad: bild till vänster, plats och datum nederst, bokmärket längst till höger */
.rutnat.lista{display:flex;flex-direction:column;gap:0;border-top:var(--sn-hairline)}
.rutnat.lista .sn-annons{flex-direction:row;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:var(--sn-hairline)}
.rutnat.lista .sn-bild{width:104px}
.rutnat.lista .sn-txt{flex:1;min-height:78px;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"titel titel titel titel" "rad2 rad2 rad2 rad2" "pris pris pris pris" "plats jamfor tid spara";gap:2px 8px}
.rutnat.lista .sn-price{font-size:16px}
.rutnat.lista .sn-title{font-weight:600;font-size:14px}
.rutnat.lista .sn-plats,.rutnat.lista .sn-tid,.rutnat.lista .sn-jamfor{align-self:end}
.rutnat.lista .sn-jamfor{min-height:0;margin:0 4px 0 0}
.rutnat.lista .sn-spara{align-self:end;margin:-10px 0 -6px -8px}
.rutnat.lista .sn-annons.jamfor-vald{box-shadow:inset 3px 0 0 var(--sn-ink)}
@media (min-width:901px){
  .rutnat.lista .sn-annons{gap:16px}
  .rutnat.lista .sn-bild{width:120px}
  .rutnat.lista .sn-txt{min-height:90px;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"titel titel titel titel titel" "rad2 rad2 rad2 rad2 rad2" "pris plats jamfor tid spara";gap:3px 10px}
  .rutnat.lista .sn-prisplats{min-height:24px;flex-wrap:nowrap;white-space:nowrap;align-self:end}
  .rutnat.lista .sn-price{font-size:17px;line-height:24px}
  .rutnat.lista .sn-title{font-size:15px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rutnat.lista .sn-rad2{font-size:13.5px;line-height:19px}
  .rutnat.lista .sn-beskr{display:inline}
  .rutnat.lista .sn-plats,.rutnat.lista .sn-tid{font-size:12.5px;line-height:17px}
  .rutnat.lista .sn-spara{margin:-10px 0 -6px -4px}
}

/* ============ FAS 2: HITTA (F-01, F-02, F-04, F-06–F-10) ============ */
/* Visas bara på desktop (.d) eller bara på mobil (.m) */
@media (max-width:900px){.d{display:none!important}}
@media (min-width:901px){.m{display:none!important}}

/* Länsraden (F-01) som knapp; på desktop sitter valet i sökfältet */
.lansrad{width:100%;border-left:0;border-right:0;font:inherit;font-size:14px;text-align:left;cursor:pointer;margin:0}
.lansrad:hover .andra{color:var(--sn-green-dark)}
@media (min-width:901px){.lansrad{display:none}}
.hlan{display:flex;align-items:center;flex:none;position:relative;border-right:1px solid var(--sn-line);background:var(--sn-paper);border-radius:4px 0 0 4px;padding:0 6px 0 10px}
.hlan>svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--sn-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hlan select{height:100%;max-width:180px;border:0;background:transparent;font:600 14px/1 var(--sn-font);color:var(--sn-ink);appearance:none;padding:0 26px 0 6px;cursor:pointer;outline:none}
.hlan .pil{position:absolute;right:6px;width:16px;height:16px;pointer-events:none;fill:none;stroke:var(--sn-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Länsbladet (F-02) */
.lanblad-lista .sn-radio{min-height:46px;border-top:var(--sn-hairline)}
.lanblad-lista .sn-radio:first-child{border-top:0}
.lanblad-lista .sn-radio:last-child{border-bottom:var(--sn-hairline)}
.lanblad-lista .sn-radio.tom>span:not(.antal){color:var(--sn-text-3)}
/* Spara utan konto (F-10): bladet "Logga in för att spara" */
.sparablad{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--sn-white);border-radius:var(--sn-radius-ctl) var(--sn-radius-ctl) 0 0;padding:22px 16px calc(20px + env(safe-area-inset-bottom));display:none;flex-direction:column;gap:12px}
.sparablad.pa{display:flex}
.sparablad-huvud{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sparablad h2{margin:0;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.sparablad .stang{width:44px;height:44px;margin:-12px -12px 0 0;padding:0;border:0;background:none;color:var(--sn-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sparablad .stang svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sparablad p{margin:0 0 6px;font-size:15px;line-height:1.5;color:var(--sn-text-2)}
.sparablad .avbryt{color:var(--sn-text-2);justify-content:center}
@media (min-width:901px){.sparablad{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:400px;border-radius:var(--sn-radius-ctl);padding-bottom:20px}}
/* Vikbara rader (vanliga frågor) */
.sn-vik h3{margin:0;font:inherit;letter-spacing:0}
.sn-vik-knapp{width:100%;min-height:56px;padding:10px 0;border:0;border-top:var(--sn-hairline);background:none;font:600 15px/1.35 var(--sn-font);color:var(--sn-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.sn-vik:last-child{border-bottom:var(--sn-hairline)}
.sn-vik-knapp svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .15s}
.sn-vik-knapp[aria-expanded=true] svg{transform:rotate(45deg)}
.sn-vik-inneh{padding:0 0 14px}
.sn-vik-inneh p{margin:0;font-size:14.5px;line-height:1.55;color:var(--sn-text-2)}
/* Flikar (Sparade) */
.sn-flikar{display:flex;gap:22px;border-bottom:var(--sn-hairline);margin:6px 0 0;overflow-x:auto;scrollbar-width:none}
.sn-flikar::-webkit-scrollbar{display:none}
.sn-flikar a{display:inline-flex;align-items:center;gap:6px;height:44px;font:500 14.5px/1 var(--sn-font);color:var(--sn-text-2);white-space:nowrap;flex:none}
.sn-flikar a:hover{color:var(--sn-ink)}
.sn-flikar a[aria-current]{color:var(--sn-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--sn-ink)}
.sn-flikar .num{font-size:12.5px;color:var(--sn-text-2)}

/* ---- Startsidan ---- */
.start-topp{display:flex;flex-direction:column;gap:6px;padding:18px 0 14px}
.start-ingress a{color:var(--sn-green);font-weight:600}
.start-gratis{display:flex;flex-direction:column;gap:2px;padding:12px 14px}
.start-gratis b{font-size:15.5px;font-weight:700}
.start-gratis span{font-size:13px;line-height:1.4}
.start-rutnat .start-gratis{grid-column:1/-1;margin:8px 0}
.start-visa{padding:24px 0 32px}
.start-visa .sn-btn{width:100%}
.start-papper{background:var(--sn-paper);padding:24px 0 16px}
.start-papper-inneh{display:flex;flex-direction:column;gap:24px}
.start-block h2{margin:0 0 8px}
.start-lista{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
.start-lista a{height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:var(--sn-hairline);font-size:15px;font-weight:500;color:var(--sn-ink)}
.start-lista a:hover{color:var(--sn-green)}
.start-lista a[aria-current]{font-weight:600}
.start-lista .antal{font-size:13px;font-weight:400;color:var(--sn-text-2)}
.start-lan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.start-lan a{height:44px;font-size:14.5px}
.start-lan a:nth-child(n+11){display:none}
.start-allalan{margin-top:2px}
.start-funkar{padding-top:24px;padding-bottom:28px}
.start-funkar h2{margin-bottom:18px}
.start-steg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.start-steg li{display:flex;gap:14px}
.start-steg li>span{width:22px;flex:none;font:700 26px/26px var(--sn-font);color:var(--sn-green);font-variant-numeric:tabular-nums}
.start-steg h3{margin:0;font:600 15px/1.3 var(--sn-font);letter-spacing:0}
.start-steg p{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--sn-text-2)}
.start-guider{background:var(--sn-paper);padding:24px 0 12px}
.start-guider-huvud{min-height:0;margin-bottom:12px}
.start-guidelista{display:flex;flex-direction:column}
.start-guide{padding:12px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px;color:var(--sn-ink)}
.start-guide:last-child{border-bottom:var(--sn-hairline)}
.start-guide .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.start-guide .titel{font-size:15px;line-height:1.35;font-weight:500}
.start-guide svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.start-guide:hover .titel{color:var(--sn-green)}
.start-om{padding-top:24px;padding-bottom:8px;display:flex;flex-direction:column;gap:16px}
.start-omtext h2{margin-bottom:10px}
.start-omtext p{margin:0;font-size:13.5px;line-height:1.6;color:var(--sn-text-2)}
.start-omtext h3{margin:10px 0 2px;font:600 15px/1.3 var(--sn-font);letter-spacing:0}
.start-faq h2{margin-bottom:8px}
.start-salj{margin-top:20px}
main#main:has(.start-salj){padding-bottom:0}
@media (min-width:901px){
  .start-topp{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px;padding:28px 0 24px}
  .start-rubrik .sn-ingress{font-size:14.5px;margin-top:6px}
  .start-gratis{padding:10px 16px;flex:none;gap:1px}
  .start-rutnat{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 20px}
  .start-visa{display:flex;justify-content:center;padding:36px 0 44px}
  .start-visa .sn-btn{width:auto;height:46px;padding:0 28px}
  .start-papper{padding:36px 0 32px}
  .start-papper-inneh{gap:32px}
  .start-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
  .start-lan{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
  .start-lan a{height:42px}
  .start-lan a:nth-child(n+11){display:flex}
  .start-funkar{padding-top:44px;padding-bottom:44px}
  .start-funkar h2{margin-bottom:22px}
  .start-steg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
  .start-steg li{gap:16px}
  .start-steg li>span{width:auto;font-size:34px;line-height:30px}
  .start-steg h3{font-size:15.5px}
  .start-guider{background:none;padding:0 0 48px}
  .start-guider-huvud{margin-bottom:18px}
  .start-guidelista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
  .start-guide{padding:16px 0;border-top:1.5px solid var(--sn-ink);align-items:flex-start}
  .start-guide:last-child{border-bottom:0}
  .start-guide .titel{font-size:16px;font-weight:600}
  .start-om{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-top:40px;padding-bottom:48px;border-top:var(--sn-hairline)}
  .start-omtext p{font-size:14px;line-height:1.65}
  .start-salj{margin-top:0}
}

/* ---- Söksidan ---- */
.sok-topp .sok-rubrik h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sok-topp .sok-antal,.sok-verktyg{display:none}
.sok-antal{margin:0;font:500 13.5px/1.3 var(--sn-font);color:var(--sn-text-2)}
.sok-antal b{color:var(--sn-ink);font-weight:600}
.sok-rad3{height:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:var(--sn-hairline);margin:0 calc(-1 * var(--sn-gutter-m));font:600 13.5px/1 var(--sn-font)}
.sok-rad3-knapp{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:0;border-right:var(--sn-hairline);background:none;font:inherit;color:var(--sn-ink);cursor:pointer}
.sok-rad3-knapp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sok-rad3-knapp[aria-pressed=true]{background:var(--sn-ink);color:var(--sn-white)}
.sok-sort{position:relative;display:flex;align-items:center;min-width:0}
.sok-sort select{width:100%;height:47px;padding:0 26px 0 12px;border:0;background:transparent;font:600 13.5px/1 var(--sn-font);color:var(--sn-ink);text-align:center;text-align-last:center;appearance:none;outline:none;cursor:pointer}
.sok-sort .pil{position:absolute;right:10px;width:16px;height:16px;pointer-events:none;fill:none;stroke:var(--sn-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sok-huvud2{height:48px;display:flex;align-items:center;justify-content:space-between;margin-right:-10px}
.vyval-m{display:flex}
.vyval-m button{width:44px;height:44px;padding:0;border:0;background:none;color:var(--sn-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer}
.vyval-m button[aria-pressed=true]{color:var(--sn-ink)}
.vyval-m svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tvakol{display:block}
.sok-inneh{min-width:0}
.sok-sortrad{display:none}
.aktiva{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 4px}
.fchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 10px;border:1.5px solid var(--sn-ink);border-radius:var(--sn-radius-ctl);font:600 13px/1 var(--sn-font);color:var(--sn-ink);text-decoration:none}
.fchip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.fchip:hover{background:var(--sn-paper);color:var(--sn-ink)}
.sok .rutnat.lista{margin:0}
/* Filtret: blad på mobil, vänsterkolumn på desktop */
.tack{display:none;position:fixed;inset:0;z-index:80;background:var(--sn-scrim)}
.tack.pa{display:block}
.filter{display:none;position:fixed;inset:0;z-index:81;background:var(--sn-white);flex-direction:column;width:auto;max-height:none;border:0;border-radius:0;box-shadow:none;transform:none;transition:none;padding:0}
.filter.oppen{display:flex;transform:none}
.filter-huvud{height:56px;flex:none;padding:0 4px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--sn-hairline)}
.filter-huvud h2{margin:0;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.filter-huvud .stang{width:44px;height:44px;padding:0;border:0;background:none;color:var(--sn-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.filter-huvud .stang svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.filter>form{display:flex;flex-direction:column;flex:1;min-height:0}
.filter-inneh{flex:1;min-height:0;overflow:auto;padding:0 16px}
.f-sek{padding:14px 0 12px;border-top:var(--sn-hairline);display:flex;flex-direction:column;gap:8px}
.f-sek.forst{border-top:0}
.f-sek h3{margin:0;font:600 15px/1.3 var(--sn-font);letter-spacing:0}
.f-lank{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;color:var(--sn-ink)}
.f-lank:hover{color:var(--sn-green)}
.f-lank[aria-current]{font-weight:600}
.f-lank .antal,.f-rad .antal{font-size:13px;font-weight:400;color:var(--sn-text-2)}
.f-etikett{font-size:12.5px;color:var(--sn-text-2)}
.f-tva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f-rad{min-height:44px;display:flex;align-items:center;gap:12px;font-size:15px;cursor:pointer;margin:0}
.f-rad input{width:20px;height:20px;margin:0;accent-color:var(--sn-ink);flex:none}
.f-rad>span:first-of-type{flex:1}
.f-dold{display:none}
#g_marke.alla .f-dold{display:flex}
.modellgrupp{padding-left:32px}
.f-visafler{align-self:flex-start}
.f-seg label{position:relative}
.f-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.f-seg label:has(input:checked){background:var(--sn-ink);color:var(--sn-white)}
.f-seg label:has(input:focus-visible){outline:2px solid var(--sn-green);outline-offset:-2px}
.flerfilter{display:none}
.flerfilter.pa{display:block}
.f-fler{width:100%;height:52px;margin-top:2px;padding:0;border:0;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);background:none;font:600 15px/1 var(--sn-font);color:var(--sn-ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.f-fler svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .15s}
.f-fler[aria-expanded=true] svg{transform:rotate(180deg)}
.filter-fot{flex:none;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:var(--sn-hairline);background:var(--sn-white);display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}
.filter-fot .f-rensa.m{padding:0 20px}
.filter-fot .f-bevaka{grid-column:1/-1;justify-content:center;gap:8px}
.filter-fot .f-bevaka svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Kartan i designspråkets form */
.karta{border:var(--sn-hairline);border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-white);box-shadow:none}
.karta-topp{padding:10px 14px;background:var(--sn-paper);border-bottom:var(--sn-hairline);font-size:13.5px}
.karta-topp b{font-weight:600}
.karta-topp span{color:var(--sn-text-2);margin-left:8px;font-size:12.5px}
/* Jämför: bara färg och typsnitt */
.jamforlist{background:var(--sn-white);border-top:1.5px solid var(--sn-ink);box-shadow:none}
.jamforlist .valda span{background:var(--sn-paper);color:var(--sn-ink);border-radius:var(--sn-radius-tag);font-weight:500}
.jamforlist .valda .medd{background:var(--sn-yellow);color:var(--sn-ink)}
.jamforlist .knapp{background:var(--sn-green);color:var(--sn-white);border-radius:var(--sn-radius-ctl);font-weight:600}
.jamforlist .knapp.av{background:var(--sn-paper);color:var(--sn-text-3);border:0}
.jamforlist .stang{color:var(--sn-text-2)}
/* Tomt läge (F-09) */
.sok-tom{padding:22px 0 0;gap:6px}
.sok-tom .sok-antal{margin-bottom:12px}
.sok-tom h2{font-size:23px}
.sok-tom p{font-size:15px;line-height:1.55;color:var(--sn-ink)}
.sok-tom .sn-btn--cta{margin-top:12px;width:100%}
.sok-forslag{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sok-tom-h3{margin:34px 0 8px;font:600 13.5px/1.3 var(--sn-font);color:var(--sn-text-2);letter-spacing:0}
.sok-bevaka-rad{width:100%;padding:14px 0;border:0;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);background:none;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:var(--sn-ink);cursor:pointer}
.sok-bevaka-rad>svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sok-bevaka-rad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sok-bevaka-rad b{font-size:15px;font-weight:600}
.sok-bevaka-rad .txt span{font-size:13.5px;line-height:1.45;color:var(--sn-text-2)}
.sok-bevaka-rad .pil{width:20px;height:20px}
/* Paginering */
.sn-pager{padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.sn-pager-sida{color:var(--sn-text-2)}
.sn-pager-knappar{display:flex;gap:8px}
.sn-pager .sn-btn{height:46px;padding:0 22px;gap:6px}
.sn-pager .sn-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Länkblocket per län */
.lan-lankar{margin-top:32px}
.lan-lankar h2{margin-bottom:8px}
.lan-lankar li{display:contents}
.lan-lankar .start-lan a:nth-child(n+11){display:flex}
@media (min-width:901px){
  .sok-topp{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:26px 0 24px}
  .sok-topp .sok-rubrik h1{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
  .sok-topp .sok-antal{display:block;margin-top:6px;font-size:14.5px}
  .sok-verktyg{display:flex;align-items:center;gap:12px;flex:none}
  .sok-verktyg .sn-btn{gap:8px}
  .sok-verktyg .sn-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .vyval{height:44px}
  .vyval button{padding:0 14px;gap:7px}
  .vyval svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .tvakol{display:grid;grid-template-columns:248px minmax(0,1fr);gap:48px;align-items:start}
  .tack{display:none!important}
  .filter{display:flex;position:static;inset:auto;background:none;z-index:auto}
  .filter-huvud{display:none}
  .filter-inneh{overflow:visible;padding:0}
  .f-sek{padding:16px 0 10px}
  .f-sek.forst{border-top:1.5px solid var(--sn-ink)}
  .f-sek h3{font-size:14.5px}
  .f-lank{min-height:34px;font-size:14.5px}
  .f-rad{min-height:36px;font-size:14.5px}
  .f-rad input{width:18px;height:18px}
  .f-sek .sn-field{height:42px;font-size:14px}
  .f-fler{height:48px;font-size:14.5px}
  .filter-fot{padding:18px 0 0;border-top:0;display:flex;flex-direction:column;gap:4px;align-items:stretch}
  .filter-fot .sn-btn--cta{height:48px;font-size:15px}
  .sok-sortrad{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border-bottom:var(--sn-hairline)}
  .sok-sortrad .aktiva{padding:4px 0}
  .sok-sort-d{display:flex;align-items:center;gap:8px;position:relative;margin-left:auto}
  .sok-sort-d label{font-size:14px;color:var(--sn-text-2)}
  .sok-sort-d select{height:44px;padding:0 30px 0 8px;border:0;background:transparent;font:600 14px/1 var(--sn-font);color:var(--sn-ink);appearance:none;cursor:pointer;outline:none}
  .sok-sort-d .pil{position:absolute;right:6px;width:16px;height:16px;pointer-events:none;fill:none;stroke:var(--sn-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .sok .rutnat.lista{border-top:0}
  .sok-inneh .rutnat:not(.lista){grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:32px 20px}
  .sok-tom .sn-btn--cta{width:auto;align-self:flex-start}
  .sok-bevaka-rad{max-width:520px}
}
@media (min-width:1101px){
  .tvakol.med-karta.karta-pa{grid-template-columns:248px minmax(0,1fr) minmax(320px,34%);gap:40px}
  .tvakol.med-karta:not(.karta-pa) .karta-sida{display:none}
  .karta-sida{position:sticky;top:132px}
}

/* ============ FAS 3: ANNONSEN (F-11–F-17) ============ */
.an-topp{display:flex;align-items:center;justify-content:space-between;height:52px}
.an-tillbaka{display:inline-flex;align-items:center;gap:4px;height:44px;margin-left:-8px;padding:0 10px 0 8px;font-size:14.5px;font-weight:600;color:var(--sn-ink)}
.an-topp-knappar{margin-right:-12px}
.an-tillbaka svg,.an-ikonknapp svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.an-smulor{display:none}
.an-topp-knappar{display:flex}
.an-ikonknapp{width:44px;height:44px;padding:0;border:0;background:none;color:var(--sn-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.an-ikonknapp[aria-pressed=true] svg{fill:var(--sn-green);stroke:var(--sn-green)}
.an-yta{display:flex;flex-direction:column}
.an-bilder{margin:0 calc(-1 * var(--sn-gutter-m))}
.an-stor{position:relative;aspect-ratio:4/3;background:var(--sn-paper);overflow:hidden}
.an-stor img{width:100%;height:100%;object-fit:cover;display:block}
.an-stor .tom{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--sn-text-2);font-size:13px}
.an-stor .tom svg{width:36px;height:36px;fill:none;stroke:var(--sn-text-3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.an-raknare{position:absolute;right:12px;bottom:12px;padding:3px 8px;border-radius:3px;background:var(--sn-ink);color:var(--sn-white);font-size:12.5px;font-weight:600}
.an-bildpil{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--sn-ink);display:none;align-items:center;justify-content:center;cursor:pointer}
.an-bildpil.v{left:12px}.an-bildpil.h{right:12px}
.an-bildpil svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.an-tummar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px}
.an-tummar button{padding:0;border:0;background:none;border-radius:3px;cursor:pointer;aspect-ratio:4/3;overflow:hidden}
.an-tummar button[aria-pressed=true]{outline:2px solid var(--sn-ink);outline-offset:2px}
.an-tummar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}
.an-huvud{display:flex;flex-direction:column;gap:6px;padding:16px 0 18px}
.an-pris{font:700 30px/34px var(--sn-font);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.an-pris .sn-tag--free{font-size:17px;line-height:26px;vertical-align:middle}
.an-huvud .sn-prissankt{font-size:13.5px}
.an-rubrik{margin:0;font:500 18px/1.3 var(--sn-font);letter-spacing:0}
.an-rubrik.sald{font:600 21px/1.25 var(--sn-font);letter-spacing:-.01em}
.an-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13.5px;color:var(--sn-text-2)}
.an-meta svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.an-saldtext p{margin:14px 0 0;font-size:15px;line-height:1.55}
.an-saldtext .sn-btn{margin-top:16px;width:100%}
.an-saldtext .sn-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.annons.sald .an-stor img{opacity:.6}
/* Fakta */
.an-fakta{margin:0;display:flex;flex-direction:column;font-size:14.5px}
.an-fakta>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:var(--sn-hairline)}
.an-fakta dt{color:var(--sn-text-2)}
.an-fakta dd{margin:0;font-weight:500;text-align:right}
.an-fakta dd a{color:var(--sn-green);font-weight:600}
.an-fakta.fordon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-bottom:var(--sn-hairline)}
.an-fakta.fordon>div{padding:10px 0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px;min-height:0}
.an-fakta.fordon dt{font-size:12.5px}
.an-fakta.fordon dd{font-size:15px;font-weight:600;text-align:left}
/* Säljaren uppger (F-11) */
.an-uppger{margin-top:20px;padding:16px 16px 14px;background:var(--sn-paper);border-radius:var(--sn-radius-img);display:flex;flex-direction:column}
.an-uppger-huvud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px}
.an-uppger h2,.an-beskr h2{margin:0;font:600 17px/1.3 var(--sn-font);letter-spacing:0}
.an-uppger dl{margin:0;display:flex;flex-direction:column;font-size:14.5px}
.an-uppger dl>div{min-height:42px;padding:6px 0;box-sizing:border-box;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;gap:12px}
.an-uppger dt{color:var(--sn-text-2)}
.an-uppger dd{margin:0;font-weight:600;text-align:right}
.an-uppger .sn-help{margin-top:8px}
.an-uppger-tom{margin:16px 0 0}
.an-beskr{padding:22px 0 20px;display:flex;flex-direction:column;gap:8px}
.an-beskr p{margin:0;font-size:15px;line-height:1.55;white-space:pre-line}
/* Säljaren */
.an-saljare{display:flex;flex-direction:column}
.an-semester{margin-bottom:12px}
.an-saljrad{padding:14px 0;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center;gap:12px;color:var(--sn-ink)}
.an-saljrad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.an-saljrad b{font-size:15px;font-weight:600}
.an-saljrad>svg,.an-rad .pil{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.an-avatar{width:44px;height:44px;flex:none;border-radius:50%;background:var(--sn-green-tint);color:var(--sn-green-dark);display:flex;align-items:center;justify-content:center;font:600 17px/1 var(--sn-font)}
.an-avatar.foretag{border-radius:6px;background:var(--sn-ink);color:var(--sn-white)}
.an-rader{display:flex;flex-direction:column}
.an-rad{width:100%;min-height:52px;padding:0;border:0;border-bottom:var(--sn-hairline);background:none;display:flex;align-items:center;gap:12px;font:600 15px/1.3 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer}
.an-rad>svg:first-child{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.an-rad .txt{flex:1}
.an-rad .sub{font-size:13px;font-weight:400;color:var(--sn-text-2)}
.an-rad[disabled]{opacity:.6;cursor:default}
.an-radform{display:contents}
.an-tel{color:var(--sn-green)}
.an-trygg{margin-top:20px;display:flex;flex-direction:column;gap:4px}
.an-trygg b{font-size:13.5px;font-weight:600}
.an-trygg span{font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.an-trygg a{color:var(--sn-green);font-weight:600}
.an-fot{margin-top:8px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--sn-ink)}
.an-anmal{min-height:44px;padding:0;border:0;background:none;font:600 12.5px/1 var(--sn-font);color:var(--sn-ink);text-decoration:underline;cursor:pointer;display:inline-flex;align-items:center}
/* Knapparna */
.an-knappar{display:flex;flex-direction:column;gap:10px}
.an-knappar .sn-notis{margin:0}
.an-chattform,.an-koform{display:contents}
.an-inline{display:inline}
.an-knappar .sn-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.an-spara-dela{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.an-spara-dela .sn-btn{height:44px;gap:7px;color:var(--sn-ink);font-size:14px}
.an-spara-dela .sn-btn[aria-pressed=true] svg{fill:var(--sn-green);stroke:var(--sn-green)}
.an-motbud{max-width:none}
.an-stang{position:fixed;left:0;right:0;bottom:calc(var(--sn-nav) + env(safe-area-inset-bottom));z-index:55;padding:12px 16px 12px;background:var(--sn-white);border-top:var(--sn-hairline)}
.an-stang .an-knappar{flex-direction:row;gap:12px}
.an-stang .sn-btn--outline{flex:none;padding:0 16px}
.an-stang .an-chattform{display:flex;flex:1}
.an-stang .an-chattform .sn-btn,.an-stang>.an-knappar>a.sn-btn--primary{flex:1;width:100%}
.an-stang .sn-notis{width:100%}
body:has(.an-stang){padding-bottom:calc(var(--sn-nav) + 76px + env(safe-area-inset-bottom))}
/* Bladen */
.an-blad-annons{flex:none;padding:10px 12px 10px 16px;background:var(--sn-paper);border-bottom:var(--sn-hairline);display:flex;align-items:center;gap:12px}
.an-blad-annons img{width:64px;height:48px;object-fit:cover;border-radius:3px;flex:none}
.an-blad-annons>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.an-blad-annons b{font-size:16px;line-height:20px}
.an-blad-annons>span>span{font-size:13.5px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-blad-inneh{display:flex;flex-direction:column;gap:18px;padding-top:22px;padding-bottom:16px}
.an-bud{height:60px}
.an-bud input{font-size:28px;letter-spacing:-.01em}
.an-bud span{font-size:17px}
.an-snabbval{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:-8px}
.an-snabbval .sn-chip{padding:0}
.an-budbesked{min-height:18px;margin-top:-8px}
.an-tider,.an-skal{display:flex;flex-direction:column}
.an-tider .sn-radio,.an-skal .sn-radio{min-height:50px}
.an-tider .sn-radio.tom>span:not(.antal){color:var(--sn-text-3)}
/* Liknande */
.an-liknande{padding-top:28px;margin-top:8px;border-top:var(--sn-hairline)}
.an-rutnat .sn-annons:nth-child(n+5){display:none}
@media (min-width:901px){
  .an-topp{height:auto;padding:22px 0 0;justify-content:flex-start;gap:8px;font-size:13px;color:var(--sn-text-2)}
  .an-tillbaka{margin-left:0;padding:0 4px 0 0;font-size:13px;height:auto;gap:4px}
  .an-tillbaka::after{content:"";width:1px;height:12px;background:var(--sn-line);margin-left:8px}
  .an-smulor{display:flex;align-items:center;gap:8px}
  .an-smulor a:hover{color:var(--sn-ink)}
  .an-smulor span:last-child{color:var(--sn-ink)}
  .an-yta{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;padding-top:20px}
  .an-vanster{display:flex;flex-direction:column;gap:36px}
  .an-bilder{margin:0}
  .an-stor{border-radius:var(--sn-radius-img)}
  .an-stor:hover .an-bildpil{display:flex}
  .an-raknare{right:14px;bottom:14px;padding:4px 9px;font-size:13px}
  .an-huvud{padding:0 0 20px}
  .an-pris{font-size:36px;line-height:40px;letter-spacing:-.02em}
  .an-rubrik{font-size:20px}
  .an-fakta,.an-fakta.fordon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-bottom:var(--sn-hairline)}
  .an-fakta>div{padding:12px 0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;min-height:0}
  .an-fakta dt{font-size:12.5px}
  .an-fakta dd,.an-fakta.fordon dd{font-size:15.5px;font-weight:600;text-align:left}
  .an-uppger{margin-top:0;padding:22px 24px 20px;gap:14px}
  .an-uppger h2,.an-beskr h2{font-size:20px;letter-spacing:-.01em}
  .an-uppger-huvud{padding-bottom:0}
  .an-uppger dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
  .an-uppger dl>div{padding:11px 0;flex-direction:column;align-items:flex-start;gap:1px;min-height:0}
  .an-uppger dt{font-size:12.5px}
  .an-uppger dd{font-size:14.5px;text-align:left}
  .an-beskr{padding:0;gap:10px;max-width:640px}
  .an-beskr p{font-size:15.5px;line-height:1.6}
  .an-hoger{display:flex;flex-direction:column;position:sticky;top:132px}
  .an-knappar-d{padding-bottom:8px}
  .an-knappar-d .sn-btn--outline{height:48px}
  .an-saljrad{padding:16px 0}
  .an-trygg{padding:14px 16px}
  .an-fot{margin-top:6px;min-height:44px}
  .an-liknande{margin-top:16px;padding-top:32px}
  .an-rutnat{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px}
  .an-rutnat .sn-annons:nth-child(n+5){display:flex}
  .an-saldtext .sn-btn{width:auto;align-self:flex-start}
}

/* ============ FAS 4: SÄLJA (F-18–F-22) ============ */
/* Lägg in annons */
.salj-yta{padding-top:4px}
.salj-huvud{display:flex;align-items:center;justify-content:space-between;height:56px;margin:0 calc(-1 * var(--sn-gutter-m));padding:0 4px 0 var(--sn-gutter-m)}
.salj-huvud h1{font-size:21px;letter-spacing:-.01em}
.salj-stang{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sn-ink)}
.salj-stang svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.salj-kolumner{display:flex;flex-direction:column}
.salj-form{display:flex;flex-direction:column;gap:16px}
.salj-gratis{display:flex;flex-direction:column;gap:2px}
.salj-gratis b{font-size:15.5px;font-weight:700}
.salj-gratis span{font-size:13px;line-height:1.4}
.salj-hjalpen a{color:var(--sn-green);font-weight:600}
.steg{display:flex;gap:18px;border-bottom:var(--sn-hairline);overflow-x:auto;scrollbar-width:none}
.steg::-webkit-scrollbar{display:none}
.steg button{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0;border:0;background:none;font:500 14px/1 var(--sn-font);color:var(--sn-text-2);white-space:nowrap;cursor:pointer;flex:none}
.steg button b{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--sn-text-3);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.steg button.klar b{border-color:var(--sn-green);background:var(--sn-green);color:var(--sn-white)}
.steg button.pa{color:var(--sn-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--sn-ink)}
.steg button.pa b{border-color:var(--sn-ink);background:var(--sn-ink);color:var(--sn-white)}
.stegnu{margin:-8px 0 0}
.stegvy{display:none}
.stegvy.pa{display:block}
.saljkort{display:flex;flex-direction:column;gap:14px;padding-bottom:22px}
.saljkort+.saljkort{padding-top:22px;border-top:var(--sn-hairline)}
.saljkort h2{margin:0}
.saljkort>.sn-help{margin-top:-8px}
.kat-sum{width:100%;height:48px;box-sizing:border-box;padding:0 12px;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);background:var(--sn-white);display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 15px/1 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer}
.kat-sum svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kat-lista{display:flex;flex-direction:column;border-top:var(--sn-hairline)}
.kat-rad{min-height:46px;padding:0;border:0;border-bottom:var(--sn-hairline);background:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 15px/1.3 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer}
.kat-rad:hover{color:var(--sn-green)}
.kat-rad svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kat-rad.bak{justify-content:flex-start;font-weight:600}
.salj-fordon{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--sn-paper);border-radius:var(--sn-radius-img)}
.regrad{display:flex;gap:10px;align-items:stretch}
.regskylt{display:flex;align-items:center;height:48px;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);overflow:hidden;background:var(--sn-white);flex:1;min-width:0}
.regskylt .eu{width:28px;align-self:stretch;background:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--sn-font)}
.regskylt input{flex:1;min-width:0;border:0;padding:0 12px;font:600 18px/1 var(--sn-font);letter-spacing:.08em;text-transform:uppercase;outline:none;background:transparent}
.regrad .sn-btn{height:48px;flex:none;padding:0 14px;font-size:14px}
.hamtat.fel{color:var(--sn-warn)}
.stegfel{display:none;margin:0;font-size:14px}
.stegfel.pa{display:block}
.navrad{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 24px}
.navrad .navmitt{margin-left:auto}
.navrad .bak{gap:4px;padding:0}
.navrad .bak svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.navrad .fram{flex:none;padding:0 24px}
.navrad>span:first-child:empty{display:none}
.navrad:has(>span:first-child:empty) .fram{margin-left:auto}
/* Skick och historik: svarsrader med rubrik och hjälp, kompakta som rutor */
.dekl{display:flex;flex-direction:column;gap:22px}
.dfraga{display:flex;flex-direction:column;gap:8px}
.dfraga h3{margin:0}
.svarkort{display:flex;flex-direction:column;border-top:var(--sn-hairline)}
.svarkort label{min-height:48px;padding:8px 0;display:flex;align-items:center;gap:12px;border-bottom:var(--sn-hairline);font-size:15px;cursor:pointer;margin:0}
.svarkort input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;flex:none;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:50%;background:var(--sn-white);display:grid;place-content:center;cursor:pointer}
.svarkort input[type=checkbox]{border-radius:3px}
.svarkort input::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sn-ink);transform:scale(0)}
.svarkort input[type=checkbox]::before{border-radius:1px}
.svarkort input:checked::before{transform:scale(1)}
.svarkort label>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.svarkort label b{font-weight:500}
.svarkort input:checked+span b{font-weight:600}
.svarkort label small{font-size:12.5px;color:var(--sn-text-2)}
.svarkort.kompakt{flex-direction:row;flex-wrap:wrap;gap:8px;border-top:0}
.svarkort.kompakt label{min-height:44px;padding:0 14px;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);font:600 13.5px/1 var(--sn-font)}
.svarkort.kompakt input{position:absolute;opacity:0;width:1px;height:1px}
.svarkort.kompakt label{position:relative}
.svarkort.kompakt label:has(input:checked){background:var(--sn-ink);color:var(--sn-white)}
.svarkort.kompakt label:has(input:focus-visible){outline:2px solid var(--sn-green);outline-offset:2px}
.dfraga>.sn-field{margin-top:4px}
.besrad{margin-top:4px}
/* Bilder */
.bilddrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;padding:16px;border:1.5px dashed var(--sn-ink);border-radius:var(--sn-radius-img);text-align:center;cursor:pointer;color:var(--sn-ink)}
.bilddrop.drar{background:var(--sn-green-tint)}
.bilddrop.full{display:none}
.bilddrop svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bilddrop b{font-size:15px;font-weight:600}
.bilddrop span{font-size:13px;color:var(--sn-text-2)}
.bilddrop input{position:absolute;opacity:0;width:0;height:0}
.bildknappar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bildknappar .sn-btn{cursor:pointer}
.bildknappar .sn-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bildknappar input{position:absolute;opacity:0;width:0;height:0}
.bildknappar.full{display:none}
.bildgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bildgrid:empty{display:none}
.bildkort{position:relative;aspect-ratio:4/3;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-paper);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.bildkort img{width:100%;height:100%;object-fit:cover;display:block}
.bildkort.laddar img{opacity:.45}
.bildkort.fel{outline:2px solid var(--sn-warn)}
.bildkort.dras{opacity:.35}
.bildkort.mal{outline:3px solid var(--sn-green);outline-offset:-3px}
.bildkort .huvudbild{position:absolute;left:4px;bottom:4px;padding:1px 5px;border-radius:2px;background:var(--sn-ink);color:var(--sn-white);font:600 11px/16px var(--sn-font)}
.bildstatus{position:absolute;left:0;right:0;bottom:0;background:rgba(20,32,26,.7);color:#fff;font-size:12px;text-align:center;padding:2px;z-index:2}
.bildverktyg{position:absolute;top:4px;right:4px;display:flex;gap:2px;z-index:3}
.bildverktyg button{width:26px;height:26px;border-radius:4px;border:0;background:rgba(255,255,255,.95);font-size:13px;line-height:1;cursor:pointer;color:var(--sn-ink);padding:0}
.bildflytt{position:absolute;bottom:4px;right:4px;display:flex;gap:2px;z-index:3}
.bildflytt button{width:26px;height:26px;border-radius:4px;border:0;background:rgba(255,255,255,.95);font-size:16px;line-height:1;color:var(--sn-ink);padding:0;cursor:pointer}
.bildbar{position:absolute;left:8px;right:8px;bottom:8px;height:5px;border-radius:3px;background:rgba(255,255,255,.55);overflow:hidden;z-index:2}
.bildbar i{display:block;height:100%;width:0;background:var(--sn-green);transition:width .15s}
.bildvarn{position:absolute;left:4px;top:4px;background:var(--sn-yellow);color:var(--sn-ink);font-size:11px;font-weight:600;border-radius:2px;padding:1px 6px;z-index:2;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bildghost{position:fixed;z-index:9999;pointer-events:none;transform:scale(1.05);opacity:.95;border-radius:3px;overflow:hidden}
.bildvantar{display:none;margin:0;font-size:13.5px}
.bildvantar.pa{display:block}
.bildtoast{position:fixed;left:50%;bottom:calc(var(--sn-nav) + 16px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:var(--sn-ink);color:#fff;padding:10px 14px;border-radius:var(--sn-radius-ctl);font-size:14px;display:flex;gap:14px;align-items:center;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:90;white-space:nowrap}
.bildtoast.pa{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.bildtoast button{background:none;border:0;color:var(--sn-yellow);font:600 14px/1 var(--sn-font);cursor:pointer;padding:0}
.fotoguide{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--sn-paper);border-radius:var(--sn-radius-img)}
.fotoguide-knapp{display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:none;font:inherit;color:var(--sn-ink);cursor:pointer;min-height:24px}
.fotoguide-knapp b{font-size:14px;font-weight:600}
.fotoguide .guide{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:13px}
.fotoguide.oppen .guide{display:grid}
.fotoguide .guide>div{display:flex;align-items:center;gap:8px;min-height:28px}
.fotoguide .ring{width:14px;height:14px;border:1.5px solid var(--sn-text-3);border-radius:50%;flex:none}
.fotoguide .guide svg.i{width:14px;height:14px;color:var(--sn-green);stroke-width:2.5}
.fotoguide .guide>div.klar{color:var(--sn-text-2)}
/* Pris och tider */
.pristyp{margin-top:-4px}
.prisdel{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.prisdel .f-rad{min-height:44px}
.tidval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tidval label,.tidval .egna{position:relative;min-height:56px;padding:8px 12px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);background:var(--sn-white);display:flex;flex-direction:column;justify-content:center;gap:1px;font:600 14px/1.2 var(--sn-font);color:var(--sn-ink);cursor:pointer;text-align:left;margin:0}
.tidval label small,.tidval .egna small{font-size:12px;font-weight:400;color:var(--sn-text-2)}
.tidval input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.tidval label:has(input:checked),.tidval .egna[aria-pressed=true]{background:var(--sn-ink);color:var(--sn-white)}
.tidval label:has(input:checked) small,.tidval .egna[aria-pressed=true] small{color:rgba(255,255,255,.75)}
.tidval label.bokad{opacity:.6;cursor:default}
.tidval label:has(input:focus-visible){outline:2px solid var(--sn-green);outline-offset:2px}
.egnatider{display:none;flex-direction:column;gap:10px;padding-top:12px}
.egnatider.pa{display:flex}
.egnarad{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.egnarad input[type=date]{grid-column:1/-1}
.egnarad span{text-align:center;color:var(--sn-text-2)}
.egnafel{margin:0;font-size:13.5px}
.visnot{margin-top:4px}
/* Granska */
.granska{display:flex;flex-direction:column;gap:14px}
.granska-kort{border-top:0}
.granska-kort .sn-annons{border-bottom:0;padding-top:0}
.sammanfattning{display:flex;flex-direction:column}
.sammanfattning div{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 0;border-top:var(--sn-hairline);font-size:14.5px}
.sammanfattning div:last-child{border-bottom:var(--sn-hairline)}
.sammanfattning b{width:84px;flex:none;font-weight:600}
.sammanfattning span{flex:1;min-width:0;color:var(--sn-text-2)}
.sammanfattning button{padding:0 4px;border:0;background:none;font:600 13.5px/1 var(--sn-font);color:var(--sn-green);cursor:pointer;min-height:44px}
.komplett{display:flex;flex-direction:column}
.komplett-rad{min-height:44px;border-top:var(--sn-hairline);display:flex;align-items:center;gap:10px;font-size:14.5px}
.komplett-rad:last-child{border-bottom:var(--sn-hairline)}
.komplett-rad .t{flex:1}
.komplett-rad .bock{width:18px;height:18px;flex:none;fill:none;stroke:var(--sn-green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.komplett-rad .ring{width:17px;height:17px;flex:none;box-sizing:border-box;border:1.5px solid var(--sn-text-3);border-radius:50%}
.komplett-rad.ej{color:var(--sn-text-3)}
.komplett.m{padding-top:6px}
.komplett.m::before{content:"En komplett annons";font:600 12px/1.3 var(--sn-font);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-text-2);margin-bottom:8px}
.pubnot{margin:0}
.salj-sida{display:flex;flex-direction:column;gap:12px}
.salj-svar{display:flex;gap:12px;align-items:flex-start;margin-top:16px}
.salj-svar svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--sn-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.salj-svar b{color:var(--sn-ink);font-weight:600}
@media (min-width:901px){
  .salj-huvud{height:auto;margin:0;padding:32px 0 22px}
  .salj-huvud h1{font-size:27px;letter-spacing:-.015em}
  .salj-stang{display:none}
  .salj-kolumner{display:grid;grid-template-columns:640px minmax(0,1fr);gap:96px;align-items:start}
  .salj-form{gap:24px}
  .salj-sida{position:sticky;top:132px;padding-top:0}
  .bildgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .tidval{grid-template-columns:repeat(3,minmax(0,1fr))}
  .egnarad{grid-template-columns:1fr 1fr auto 1fr}
  .egnarad input[type=date]{grid-column:auto}
  .komplett.m{display:none}
}

/* Annonsen är ute (F-19) */
.klart{display:flex;flex-direction:column;max-width:560px}
.klart-huvud{height:56px;display:flex;align-items:center;justify-content:flex-end;margin-right:-12px}
.klart-stang{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sn-ink)}
.klart-stang svg,.klart-bock svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.klart-bock{width:48px;height:48px;border-radius:50%;background:var(--sn-green-tint);color:var(--sn-green-dark);display:flex;align-items:center;justify-content:center;margin-top:12px}
.klart-bock svg{stroke-width:2.4}
.klart-rubrik{margin:16px 0 6px;font-size:27px;line-height:1.15}
.klart-ingress{margin:0;font-size:15px;line-height:1.55;color:var(--sn-text-2)}
.klart-rad{margin-top:22px;padding:12px 0;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center;gap:12px;color:var(--sn-ink)}
.klart-rad .sn-bild{width:96px;flex:none}
.klart-rad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.klart-rad b{font-size:17px}
.klart-rad .titel{font-size:14.5px;font-weight:500}
.klart-rad>svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.klart-rad-tips{margin-top:20px;display:flex;flex-direction:column;gap:4px}
.klart-rad-tips b{font-size:13.5px;font-weight:600}
.klart-rad-tips span{font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.klart-rad-tips a{color:var(--sn-green);font-weight:600}
.klart-knappar{display:flex;flex-direction:column;gap:10px;padding:24px 0}
.klart-tva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:901px){.klart{padding-top:16px}.klart-huvud{display:none}}

/* Mina annonser med menyn på egen annons (F-20) */
.mina-huvud{min-height:56px}
.mina-grupp{margin:28px 0 4px}
.egna-lista{display:flex;flex-direction:column;border-top:var(--sn-hairline)}
.egen-rad{border-top:0;position:relative;align-items:flex-start}
.egen-rad .sn-bild{width:104px}
.egen-rad .sn-txt{flex:1;min-width:0;padding-right:36px}
.egen-rad .sn-title{font-size:14.5px;line-height:19px;font-weight:500;color:var(--sn-ink)}
.egen-rad .sn-title:hover{color:var(--sn-green)}
.egen-status{font-size:12.5px;line-height:17px}
.egen-status a{color:var(--sn-green);font-weight:600}
.egen-knappar{display:flex;gap:8px;margin-top:4px}
.egen-mer{position:absolute;right:-12px;top:6px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--sn-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.egen-mer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.mina-lagg{margin-top:20px}
.egen-meny{padding:18px 16px calc(16px + env(safe-area-inset-bottom))}
.egen-meny-huvud{padding-bottom:14px;display:flex;align-items:center;gap:12px}
.egen-meny-huvud .sn-bild{width:64px;flex:none}
.egen-meny-huvud .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.egen-meny-huvud b{font-size:16px}
.egen-meny-huvud h2{margin:0;font:500 14px/1.3 var(--sn-font);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.egen-meny>a,.egen-meny>button:not(.avbryt),.egen-meny form>button{width:100%;min-height:54px;padding:0;border:0;border-top:var(--sn-hairline);background:none;display:flex;align-items:center;gap:14px;font:500 16px/1.3 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer;text-decoration:none}
.egen-meny svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.egen-meny .txt{display:flex;flex-direction:column;flex:1}
.egen-meny .txt small{font-size:12.5px;font-weight:400;color:var(--sn-text-2)}
.egen-meny .avbryt{margin-top:8px;width:100%}
.sald-meddela{align-items:flex-start;min-height:46px}
.sald-meddela input{margin-top:1px}
.sald-meddela>span{display:flex;flex-direction:column;gap:2px}
.an-skal .sn-radio>span{display:flex;flex-direction:column;gap:1px}
@media (min-width:901px){
  .egen-rad .sn-bild{width:120px}
  .egen-mer{right:0}
  .egna-lista .egen-rad{padding:16px 0}
}
.egen-meny>.avbryt{border:var(--sn-border-ctl);background:var(--sn-white);justify-content:center;font-weight:600;gap:0}

/* =====================================================================
   FAS 5 – Meddelanden (Chatt / Samtal / SamtalSaljare / MeddelandenDesktop; F-12, F-13, F-23)
   Listan: flikar, rader med annonsens bild. Samtalet: annonsen som rad överst,
   trygghetsraden, bubblor med tiden under, prisförslag och träffar som kort, skrivraden.
   Mobil: samtalet fyller skärmen. Desktop: lista 400 px | samtal i en ram, sidfoten dold.
   ===================================================================== */
.medd-sida{padding-bottom:24px}
.medd-h1{margin:0;height:56px;display:flex;align-items:center;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.medd-sida>.sn-notis{margin:12px 0 0}
.ch-flikar{height:45px;display:flex;align-items:stretch;gap:22px;border-bottom:var(--sn-hairline)}
.ch-flikar button{padding:0;border:0;background:transparent;display:flex;align-items:center;font:500 14px/1 var(--sn-font);color:var(--sn-text-2);cursor:pointer}
.ch-flikar button[aria-selected=true]{font-weight:600;color:var(--sn-ink);box-shadow:inset 0 -2px 0 var(--sn-ink)}
.ch-sok{padding:10px 0 2px}
.ch-lista{display:flex;flex-direction:column}
.ch-rad{padding:14px 0;border-bottom:var(--sn-hairline);display:flex;gap:12px;color:var(--sn-ink);text-decoration:none}
.ch-rad.dold{display:none}
.ch-rad .bild{width:76px;height:57px;flex:none;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-paper);display:flex;align-items:center;justify-content:center;color:var(--sn-text-3)}
.ch-rad .bild img{width:100%;height:100%;object-fit:cover;display:block}
.ch-rad .bild svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch-rad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ch-rad .r1{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ch-rad .namn{font-size:14.5px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-rad .tid{flex:none;font-size:12px;color:var(--sn-text-2)}
.ch-rad .om{font-size:12.5px;line-height:17px;color:var(--sn-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-rad .sn{display:flex;align-items:center;gap:8px}
.ch-rad .snt{flex:1;min-width:0;font-size:14px;line-height:20px;color:var(--sn-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-rad.olast .snt{font-weight:600;color:var(--sn-ink)}
.ch-rad .prick{width:8px;height:8px;flex:none;border-radius:50%;background:var(--sn-green)}
.ch-alla{display:block;padding:14px 0;text-align:center;font-weight:600;color:var(--sn-green)}
.ch-tom{margin:0;padding:40px 16px;text-align:center;color:var(--sn-text-2);font-size:14.5px;line-height:1.5}
.ch-av{width:36px;height:36px;flex:none;border-radius:50%;background:var(--sn-green-tint);color:var(--sn-green-dark);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;text-transform:uppercase}

/* Samtalet */
.samtal{display:flex;flex-direction:column;min-height:0;background:var(--sn-white)}
.samtal-tom{align-items:center;justify-content:center}
.ch-huvud{height:60px;flex:none;padding:0 4px;display:flex;align-items:center;gap:2px}
.ch-huvud .tillbaka{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--sn-ink)}
.ch-huvud .tillbaka svg,.ch-huvud .mer svg,.ch-annons .mer svg,.ch-annons .lank>svg,.ch-trygg svg,.ch-fot svg,.ch-skriv .kam svg,.ch-skriv .skicka svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch-huvud .tillbaka svg,.ch-huvud .mer svg,.ch-annons .mer svg{width:24px;height:24px}
.ch-huvud .t{flex:1;min-width:0;padding-left:8px;display:flex;flex-direction:column;gap:1px}
.ch-huvud h1{margin:0;font:600 15px/19px var(--sn-font);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-huvud .under{font-size:12px;line-height:16px;color:var(--sn-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-huvud .mer,.ch-annons .mer{width:44px;height:44px;flex:none;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--sn-ink);cursor:pointer;padding:0}
.ch-annons{flex:none;background:var(--sn-paper);border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center}
.ch-annons .lank{flex:1;min-width:0;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:12px;color:var(--sn-ink);text-decoration:none}
.ch-annons .bild{width:60px;height:45px;flex:none;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-line);display:flex;align-items:center;justify-content:center;color:var(--sn-text-3)}
.ch-annons .bild img{width:100%;height:100%;object-fit:cover;display:block}
.ch-annons .bild svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.ch-annons .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ch-annons .pris{font-size:16px;line-height:20px;font-weight:700}
.ch-annons .titel{font-size:13.5px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-annons .namnrad{font-size:15px;font-weight:600}
.ch-annons .namnrad span{font-weight:400;color:var(--sn-text-2)}
.ch-annons .lank>svg{width:20px;height:20px;flex:none;color:var(--sn-text-2)}
.ch-main{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 20px;display:flex;flex-direction:column;gap:8px}
#medd-lista{display:flex;flex-direction:column;gap:8px}
.ch-trygg{margin:0 0 4px;display:flex;gap:8px;font-size:12.5px;line-height:1.5;color:var(--sn-text-2)}
.ch-trygg svg{width:18px;height:18px;flex:none;margin-top:1px}
.ch-fyll{flex:1}
.ch-notis{align-self:stretch;display:flex;flex-direction:column;gap:2px}
.ch-notis b{font-weight:600}
.ch-dag{align-self:center;padding:6px 0;font-size:12px;font-weight:600;color:var(--sn-text-2)}
.ch-m{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:80%}
.ch-m.jag{align-self:flex-end;align-items:flex-end}
.ch-m.sys{align-self:center;align-items:center;max-width:88%}
.ch-m.kort{max-width:100%}
.ch-bub{margin:0;max-width:100%;padding:10px 12px;background:var(--sn-paper);border-radius:var(--sn-radius-ctl);font-size:15px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}
.ch-m.jag .ch-bub{background:var(--sn-green-tint)}
.ch-tid{font-size:11.5px;line-height:1.4;color:var(--sn-text-2)}
.ch-sys{margin:0;text-align:center;font-size:12.5px;line-height:1.45;color:var(--sn-text-2)}
.ch-sys time{margin-left:6px}
.ch-bild{display:block;max-width:min(100%,320px);border-radius:var(--sn-radius-ctl);overflow:hidden;background:var(--sn-paper);cursor:zoom-in}
.ch-bild img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}
.ch-last{align-self:flex-end;font-size:11.5px;color:var(--sn-text-2);margin-top:-4px}
.ch-kort{width:292px;max-width:100%;box-sizing:border-box;padding:12px 14px 14px;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);display:flex;flex-direction:column;gap:6px;background:var(--sn-white)}
.ch-m.jag .ch-kort{width:250px}
.ch-kort .over{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sn-text-2)}
.ch-kort .belopp{display:flex;align-items:baseline;gap:8px}
.ch-kort .belopp b{font-size:26px;line-height:32px;font-weight:700}
.ch-kort .belopp s{font-size:13px;color:var(--sn-text-2)}
.ch-kort .plats{font-size:15px;font-weight:600}
.ch-kort .nar{font-size:14.5px;line-height:1.45}
.ch-kort form{display:contents}
.ch-kort .ja{margin-top:12px;height:48px;min-height:48px;width:100%}
.ch-kort .nej{margin-top:8px;height:44px;min-height:44px;width:100%}
.ch-kort .tva{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ch-kort .tva .sn-btn{height:44px;min-height:44px;padding:0 8px;width:100%}
.ch-kort .knappar{margin-top:6px}
.ch-kort .motbud{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:var(--sn-hairline)}
.ch-kort .motbud[hidden]{display:none}
.ch-kort .motbud .sn-btn{width:100%}
.ch-kort .dra{align-self:flex-start;margin-top:4px;padding:0;border:0;background:none;font:600 13.5px/1.4 var(--sn-font);color:var(--sn-text-2);text-decoration:underline;cursor:pointer}
.ch-fot{margin-top:8px;padding-top:8px;border-top:var(--sn-hairline);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sn-green-dark)}
.ch-fot.tyst{color:var(--sn-text-2);font-weight:500}
.ch-fot svg{width:18px;height:18px;flex:none}
.ch-traff.st-accepted{background:var(--sn-green-tint)}
.ch-traff.st-declined,.ch-traff.st-withdrawn{border-color:var(--sn-line);color:var(--sn-text-2)}
.ch-fraga{align-self:center;width:100%;max-width:360px;margin:8px 0 0;background:var(--sn-paper);border-radius:var(--sn-radius-ctl);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.ch-fraga b{font-size:15px;font-weight:600}
.ch-fraga span{font-size:13.5px;line-height:1.45;color:var(--sn-text-2)}
.ch-fraga .sn-btn{margin-top:6px}
.ch-skriver{align-self:flex-start;background:var(--sn-paper);border-radius:var(--sn-radius-ctl);padding:12px;display:flex;gap:4px}
.ch-skriver i{width:7px;height:7px;border-radius:50%;background:var(--sn-text-2);animation:chprick 1.2s infinite}
.ch-skriver i:nth-child(2){animation-delay:.2s}.ch-skriver i:nth-child(3){animation-delay:.4s}
@keyframes chprick{0%,60%,100%{opacity:.3}30%{opacity:1}}
.ch-snabb{flex:none;display:flex;gap:6px;padding:8px 16px 0;overflow-x:auto;scrollbar-width:none}
.ch-snabb .sn-chip{height:36px;flex:none;font-weight:500}
.ch-fel{flex:none;margin:0;padding:6px 16px 0;font-size:13px;line-height:1.4;color:var(--sn-warn)}
.ch-fel.ok{color:var(--sn-green-dark)}
.ch-fel:empty{display:none}
.ch-blad .ch-fel{padding:0}
.ch-block{flex:none;padding:12px 16px;border-top:var(--sn-hairline);font-size:14px;color:var(--sn-text-2);text-align:center}
.ch-dela{flex:none;margin:0;padding:8px 16px 0;font-size:13px;color:var(--sn-text-2)}
.ch-dela label{display:flex;align-items:center;gap:8px;min-height:32px}
.ch-dela input{width:18px;height:18px;margin:0;accent-color:var(--sn-green)}
.ch-skriv{flex:none;padding:10px 8px 14px 4px;background:var(--sn-white);border-top:var(--sn-hairline);display:flex;align-items:flex-end;margin:0}
.ch-skriv .kam{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--sn-ink);cursor:pointer;margin-bottom:1px;position:relative}
.ch-skriv .kam svg{width:24px;height:24px}
.ch-skriv .kam input{position:absolute;opacity:0;width:1px;height:1px}
.ch-skriv textarea{flex:1;min-width:0;height:46px;max-height:160px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);padding:12px 14px;font:400 16px/20px var(--sn-font);color:var(--sn-ink);background:var(--sn-white);resize:none;margin:0}
.ch-skriv textarea:focus{outline:none;border-color:var(--sn-green);box-shadow:inset 0 0 0 .5px var(--sn-green)}
.ch-skriv .skicka{width:50px;height:46px;flex:none;margin-left:4px;border:0;border-radius:var(--sn-radius-ctl);background:var(--sn-green);color:var(--sn-white);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.ch-skriv .skicka:disabled{opacity:.6}
.ch-skriv .skicka svg{width:22px;height:22px}
.ch-bildvy{position:fixed;inset:0;z-index:120;background:rgba(20,32,26,.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:16px}
.ch-bildvy img{max-width:100%;max-height:100%;border-radius:var(--sn-radius-img)}
.ch-blad-inneh{display:flex;flex-direction:column;gap:18px;padding-top:22px;padding-bottom:16px}
.ch-tva-falt{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ch-meny-text{margin:0;padding:6px 0 14px;font-size:15px;line-height:1.5}
@media (max-width:900px){
  .samtal:not(.samtal-tom){position:fixed;inset:0;z-index:75}
  body:has(.samtal:not(.samtal-tom)){overflow:hidden}
}
@media (min-width:901px){
  .medd-h1{height:auto;margin:28px 0 20px;font-size:27px;letter-spacing:-.015em}
  .medd-grid{display:grid;grid-template-columns:400px minmax(0,1fr);border:var(--sn-hairline);height:calc(100vh - 240px);min-height:560px;margin-bottom:40px}
  .medd-lista{border-right:var(--sn-hairline);display:flex;flex-direction:column;min-height:0}
  .ch-flikar{height:46px;padding:0 16px;flex:none}
  .ch-sok{padding:10px 16px 2px}
  .ch-lista{overflow-y:auto;flex:1;min-height:0}
  .ch-rad{padding:14px 16px}
  .ch-rad.vald{background:var(--sn-paper)}
  .ch-rad .bild{width:72px;height:54px}
  .ch-annons{border-top:0}
  .ch-annons .lank{padding:12px 20px 12px 28px}
  .ch-annons .mer{margin-right:12px}
  .ch-main{padding:20px 28px 24px}
  .ch-m{max-width:62%}
  .ch-snabb{padding:8px 24px 0 16px}
  .ch-skriv{padding:14px 24px 18px 16px}
  body:has(.medd-grid) .fot{display:none}
}

/* =====================================================================
   FAS 6 – Konto och Mina sidor (Login / SkapaKonto / GlomtLosen / MittKonto / Konto / MinaSidorDesktop; F-24–F-26)
   Kontosidorna: en smal kolumn med fälten. Mina sidor: profilrad, Väntar på dig,
   Mina annonser, länkarna (paper på mobil, högerspalt på desktop). Mitt konto: fält, reglage, vikrader.
   ===================================================================== */
.konto-sida{max-width:440px;margin:0 auto;padding:28px 16px 40px;display:flex;flex-direction:column;gap:14px}
.konto-sida h1{margin:0 0 6px;font:600 27px/1.15 var(--sn-font);letter-spacing:-.015em}
.konto-sida .sn-ingress{margin:0 0 4px}
.konto-sida .sn-notis{margin:0}
.konto-sida form{display:flex;flex-direction:column;gap:14px}
.konto-sida form .sn-btn--cta{margin-top:4px}
.konto-lank{height:44px;align-self:flex-start;display:flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--sn-green)}
.konto-sida h2{margin:14px 0 0;font:600 18px/1.2 var(--sn-font);letter-spacing:-.01em}
.konto-rader{display:flex;flex-direction:column}
.konto-rader a{padding:14px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px;color:var(--sn-ink);text-decoration:none}
.konto-rader a:last-child{border-bottom:var(--sn-hairline)}
.konto-rader a>span{flex:1;display:flex;flex-direction:column;gap:2px}
.konto-rader b{font-size:15px;font-weight:600}
.konto-rader small{font-size:13.5px;line-height:1.45;color:var(--sn-text-2)}
.konto-rader svg{width:20px;height:20px;flex:none;color:var(--sn-text-2);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.konto-fot{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--sn-text-2)}
.konto-fot a{color:var(--sn-ink);font-weight:600;text-decoration:underline}
.konto-fot a.gron{color:var(--sn-green);text-decoration:none}
.konto-fel{margin:0;padding-left:18px}
.konto-falla{position:absolute;left:-9999px}
.sn-losen{position:relative;display:flex}
.sn-losen .sn-field{flex:1;padding-right:64px}
.sn-losen .visa-losen{position:absolute;right:2px;top:2px;bottom:auto;transform:none;height:44px;padding:0 12px;border:0;background:none;font:600 13.5px/1 var(--sn-font);color:var(--sn-text-2);cursor:pointer}
.reg-typ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:46px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);overflow:hidden;background:var(--sn-white)}
.reg-typ label{display:flex;min-width:0;position:relative;cursor:pointer;margin:0}
.reg-typ input{position:absolute;opacity:0;width:1px;height:1px}
.reg-typ span{flex:1;display:flex;align-items:center;justify-content:center;font:600 14.5px/1 var(--sn-font);color:var(--sn-ink)}
.reg-typ label+label span{border-left:1.5px solid var(--sn-ink)}
.reg-typ input:checked+span{background:var(--sn-ink);color:var(--sn-white)}
.reg-typ input:focus-visible+span{outline:2px solid var(--sn-green);outline-offset:-3px}
.reg-under{margin:-4px 0 2px}
.reg-foretag{display:flex;flex-direction:column;gap:14px}
.reg-foretag[hidden]{display:none}
.reg-foretag .sn-notis{margin:0}

/* Mina sidor */
.ms-sida{padding-bottom:32px}
.ms-notis{margin:12px 0 0}
.ms-h1{margin:0;height:56px;display:flex;align-items:center;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.ms-profil{display:flex;align-items:center;gap:14px;padding:14px 12px 14px 16px;margin:0 -16px;background:var(--sn-paper);border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);color:var(--sn-ink);text-decoration:none}
.ms-av{width:48px;height:48px;flex:none;border-radius:50%;background:var(--sn-green-tint);color:var(--sn-green-dark);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-transform:uppercase}
.ms-profil .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-profil b{font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-profil .txt span{font-size:12.5px;color:var(--sn-text-2)}
.ms-profil>svg{width:20px;height:20px;flex:none;color:var(--sn-text-2);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ms-sektion{display:flex;flex-direction:column;padding-bottom:8px}
.ms-sektion+.ms-sektion{border-top:var(--sn-hairline);padding-top:8px}
.ms-rubrik{height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ms-rubrik h2{margin:0;font:600 18px/1.2 var(--sn-font);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px}
.ms-rubrik .antal{font-size:13.5px;font-weight:400;color:var(--sn-text-2)}
.ms-rubrik a{height:44px;display:flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;color:var(--sn-green);white-space:nowrap}
.ms-rubrik .plus{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ms-rad{padding:12px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px}
.ms-rad .prick{width:8px;height:8px;flex:none;border-radius:50%;background:var(--sn-green)}
.ms-rad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-rad .mening{font-size:14.5px;line-height:1.35;font-weight:600}
.ms-rad .detalj{font-size:13px;line-height:1.4;color:var(--sn-text-2)}
.ms-rad .detalj .varn{color:var(--sn-warn);font-weight:600}
.ms-knapp{height:44px;min-height:44px;padding:0 16px;flex:none}
.ms-rad .tva{display:flex;gap:8px;flex:none;margin:0}
.ms-lank{height:48px;border-top:var(--sn-hairline);display:flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--sn-green)}
.ms-tom{margin:0 0 8px}
.ms-kol{display:flex;flex-direction:column}
.ms-nav{margin:8px -16px 0;padding:8px 16px 24px;background:var(--sn-paper);display:flex;flex-direction:column}
.ms-nav form{margin:0;display:contents}
.ms-nav a,.ms-nav button{height:52px;width:100%;border:0;border-bottom:var(--sn-hairline);background:none;display:flex;align-items:center;gap:12px;font:500 15px/1 var(--sn-font);color:var(--sn-ink);padding:0;text-decoration:none;cursor:pointer;text-align:left;box-sizing:border-box}
.ms-nav button{border-bottom:0}
.ms-nav svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ms-nav .n{flex:1}
.ms-nav .v{font-size:13px;font-weight:400;color:var(--sn-text-2)}
.ms-foretag{margin-top:20px;padding:14px 16px;border:var(--sn-hairline);border-radius:var(--sn-radius-img);display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.5}
.ms-foretag b{font-weight:600}
.ms-foretag span{color:var(--sn-text-2)}
.ms-foretag a{color:var(--sn-green);font-weight:600}
@media (min-width:901px){
  .ms-sida{padding-top:32px;padding-bottom:56px}
  .ms-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;align-items:start}
  .ms-h1{height:auto;margin:0 0 24px;font-size:27px;letter-spacing:-.015em}
  .ms-profil{margin:0;padding:16px;border:0;border-radius:var(--sn-radius-img)}
  .ms-profil b{font-size:17px}
  .ms-rubrik{height:auto;padding-bottom:10px;align-items:baseline}
  .ms-rubrik a{height:auto}
  .ms-sektion{padding-bottom:0}
  .ms-sektion+.ms-sektion{border-top:0;margin-top:36px;padding-top:0}
  .ms-rad{padding:14px 0;align-items:flex-start}
  .ms-rad .prick{margin-top:6px}
  .ms-rad .mening{font-size:15px;font-weight:400}
  .ms-rad .mening strong{font-weight:600}
  .ms-nav{margin:12px 0 0;padding:0;background:none}
}

/* Mitt konto */
.mk{max-width:560px}
.mk-huvud{height:56px;display:flex;align-items:center;gap:2px;margin:0 0 8px -12px}
.mk-huvud .tillbaka{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sn-ink)}
.mk-huvud .tillbaka svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mk-huvud h1{margin:0;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.mk .sn-notis{margin:0 0 12px}
.mk-form{display:flex;flex-direction:column;gap:16px}
.mk-form .sn-btn--cta{margin-top:4px}
.mk-form .sn-field[readonly]{color:var(--sn-text-2);background:var(--sn-paper)}
.mk-h2{margin:22px 0 0;font:600 16px/1.2 var(--sn-font);letter-spacing:-.01em}
.mk-toggles{display:flex;flex-direction:column;margin-top:8px}
.mk-toggles .mk-h2{margin:14px 0 8px}
.mk-toggle{min-height:60px;padding:8px 0;box-sizing:border-box;border-top:var(--sn-hairline);border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-weight:500}
.mk-toggle+.mk-h2{border-top:var(--sn-hairline)}
.mk-toggles>.mk-toggle:last-of-type{border-bottom:var(--sn-hairline)}
.mk-toggle>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-toggle b{font-size:15px;font-weight:500}
.mk-toggle small{font-size:13px;line-height:1.45;color:var(--sn-text-2)}
.mk-spara{margin-top:12px;align-self:flex-start}
.mk-rader{display:flex;flex-direction:column;margin-top:16px}
.mk-vik{border-top:var(--sn-hairline)}
.mk-rader>.mk-vik:last-child{border-bottom:var(--sn-hairline)}
.mk-vik summary{list-style:none;padding:14px 0;display:flex;align-items:center;gap:12px;cursor:pointer}
.mk-vik summary::-webkit-details-marker{display:none}
.mk-vik summary>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-vik summary b{font-size:15px;font-weight:600}
.mk-vik summary small{font-size:13.5px;line-height:1.45;color:var(--sn-text-2)}
.mk-vik summary svg{width:20px;height:20px;flex:none;color:var(--sn-text-2);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.mk-vik[open]>summary svg{transform:rotate(90deg)}
.mk-vik .inneh{display:flex;flex-direction:column;gap:14px;padding:0 0 18px;margin:0}
.mk-vik .inneh .inneh{padding:0}
.mk-vik .inneh .sn-btn{align-self:flex-start}
.mk-vik .inneh .sn-notis,.mk-vik .inneh .sn-help,.mk-vik .inneh .sn-ingress{margin:0}
.mk-vik .mk-toggle{border-top:0}
.mk-radera{padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.mk-radera a{height:44px;display:flex;align-items:center;font-size:14.5px;font-weight:600;color:var(--sn-warn);text-decoration:underline}
.mk-radera span{font-size:12.5px;line-height:1.5;color:var(--sn-text-2)}
@media (max-width:900px){body:has(.mk) .mina-meny{display:none}}
@media (min-width:901px){
  .mk-huvud{margin:0 0 16px;height:auto}
  .mk-huvud h1{font-size:27px;letter-spacing:-.015em}
}

/* =====================================================================
   FAS 7 – Företagspanelen (Handlare*; F-27–F-31)
   Ramen: flikraden I dag · Förfrågningar · Bilar · Mer på mobil, sidokolumnen på desktop (inuti .mina-yta).
   Raderna: vem + vad + vilken bil, knappen i samma hörn. Bilar som rader/tabell, En bil, Lägg upp, Inställningar, Granska lagret.
   ===================================================================== */
.hp-flikar{display:flex;align-items:stretch;gap:20px;height:45px;margin:0 -16px;padding:0 16px;border-bottom:var(--sn-hairline);overflow-x:auto;scrollbar-width:none}
.hp-flikar a{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:500;color:var(--sn-text-2);text-decoration:none}
.hp-flikar a[aria-current=page]{font-weight:600;color:var(--sn-ink);box-shadow:inset 0 -2px 0 var(--sn-ink)}
.hp-flikar .n,.hp-nav .n{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--sn-green);color:var(--sn-white);font-size:11.5px;font-weight:600;line-height:20px;text-align:center}
.hp-sida{background:var(--sn-paper);padding:24px 16px 20px;display:flex;flex-direction:column;border-radius:var(--sn-radius-img);align-self:stretch}
.hp-foretag{padding:0 12px 14px;border-bottom:var(--sn-hairline);display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.hp-foretag b{font-size:14.5px;font-weight:600}
.hp-foretag a{font-size:13px;font-weight:600;color:var(--sn-green)}
.hp-nav{display:flex;flex-direction:column;gap:2px}
.hp-nav a{height:46px;padding:0 12px;border-radius:var(--sn-radius-ctl);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--sn-ink);text-decoration:none}
.hp-nav a span:first-child{flex:1}
.hp-nav a[aria-current=page]{background:var(--sn-ink);color:var(--sn-white)}
.hp-nav a[aria-current=page] .n{background:var(--sn-white);color:var(--sn-ink)}
.hp-person{margin-top:auto;padding:14px 12px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:10px}
.hp-person .ms-av{width:36px;height:36px;font-size:15px}
.hp-person .txt{display:flex;flex-direction:column;min-width:0}
.hp-person b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-person form{margin:0}
.hp-person button{border:0;background:none;padding:0;font:400 12.5px/1.4 var(--sn-font);color:var(--sn-text-2);cursor:pointer;text-align:left}
.mina-yta.hp-yta{display:block;padding-top:0;gap:0}
.mina-inneh.hp{padding-top:0}
.hp-notis{margin:12px 0 0}
.hp-huvud{padding:18px 0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.hp-huvud>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.hp-huvud h1{margin:0;font:600 21px/1.2 var(--sn-font);letter-spacing:-.01em}
.hp-huvud p{margin:0;font-size:14.5px;line-height:1.5;color:var(--sn-text-2)}
.hp-vems{font-weight:400;color:var(--sn-text-2);font-size:15px}
.hp-huvud-knappar{flex:none;display:flex;align-items:center;gap:10px}
.hp-knapp{height:44px;min-height:44px;padding:0 14px;white-space:nowrap}
.hp-knapp.liten{height:40px;min-height:40px}
.hp-lagg{height:44px;min-height:44px;padding:0 18px;white-space:nowrap}
.hp-lista{display:flex;flex-direction:column}
.hp-rad{padding:12px 0;border-top:var(--sn-hairline);display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.hp-rad.dold,.hp-grupp.dold{display:none}
.hp-rad .prick{width:8px;height:8px;margin-top:6px;flex:none;border-radius:50%;background:var(--sn-green)}
.hp-rad .prick.tom{background:transparent}
.hp-rad .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hp-rad .mening{font-size:14.5px;line-height:1.35}
.hp-rad .mening strong{font-weight:600}
.hp-rad .detalj{font-size:13px;line-height:1.45;color:var(--sn-text-2)}
.hp-rad .detalj .varn{color:var(--sn-warn);font-weight:600}
.hp-rad .knappar{width:100%;display:flex;justify-content:flex-end;gap:8px;margin:0}
.hp-rad[data-url]{cursor:pointer}
.hp-alla{min-height:52px;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:600;color:var(--sn-green);text-decoration:none}
.hp-alla span{font-weight:400;color:var(--sn-text-2)}
.hp-h2{margin:28px 0 8px;font:600 18px/1.2 var(--sn-font);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hp-h2 span{font-size:13.5px;font-weight:400;color:var(--sn-text-2)}
.hp-tal{padding:12px 0;border-top:var(--sn-hairline);display:flex;align-items:baseline;gap:12px}
.hp-tal>b{width:44px;flex:none;font-size:24px;font-weight:700}
.hp-tal>span{display:flex;flex-direction:column;gap:1px}
.hp-tal>span>span{font-size:14.5px;font-weight:500}
.hp-tal small{font-size:13px;color:var(--sn-text-2)}
.hp-tal.liten>b{font-size:20px}
.hp-tips{padding:14px 0;border-top:var(--sn-hairline);display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.hp-tips b{font-size:14.5px;line-height:1.4;font-weight:600}
.hp-tips span{font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.hp-tips a{height:44px;display:flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--sn-green)}
.hp-tom{margin:0;padding:24px 0;color:var(--sn-text-2);font-size:14.5px}
.hp-tom-ruta{margin:8px 0}
.hp-not{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--sn-text-2)}
.hp-steg{display:flex;flex-direction:column}
.hp-steg .steg{padding:16px 0;border-top:var(--sn-hairline);display:flex;gap:14px}
.hp-steg .nr{width:22px;flex:none;font-size:26px;line-height:26px;font-weight:700;color:var(--sn-green)}
.hp-steg .steg>div{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.hp-steg h2{margin:0;font:600 16px/1.3 var(--sn-font)}
.hp-steg p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--sn-text-2)}
.hp-hjalpdel{margin-top:8px;border-top:var(--sn-hairline);padding-top:20px}
.hp-hjalp-topp{margin:0 0 4px;border-top:0;padding-top:0}
.hp-hjalp{padding:16px;background:var(--sn-paper);border-radius:var(--sn-radius-img);display:flex;flex-direction:column;gap:4px}
.hp-hjalp b{font-size:13.5px;font-weight:600}
.hp-hjalp .stor{font-size:23px;line-height:1.3;font-weight:700;color:var(--sn-green)}
.hp-hjalp span{font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.hp-hjalp span a{color:var(--sn-green);font-weight:600}
.hp-tabs{height:45px;display:flex;align-items:stretch;gap:20px;border-bottom:var(--sn-hairline);overflow-x:auto;scrollbar-width:none}
.hp-tabs button{padding:0;border:0;background:none;display:flex;align-items:center;gap:6px;white-space:nowrap;font:500 14px/1 var(--sn-font);color:var(--sn-text-2);cursor:pointer}
.hp-tabs button[aria-selected=true]{font-weight:600;color:var(--sn-ink);box-shadow:inset 0 -2px 0 var(--sn-ink)}
.hp-tabs .n{font-size:12.5px;font-weight:400;color:var(--sn-text-2)}
.hp-grupp{margin:16px 0 8px;font:600 12.5px/1.2 var(--sn-font);letter-spacing:.04em;text-transform:uppercase;color:var(--sn-text-2)}
.hp-fler{padding:20px 0 24px;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13.5px;color:var(--sn-text-2)}
.hp-blad-inneh{display:flex;flex-direction:column;gap:18px;padding-top:22px;padding-bottom:16px}
.hp-blad-fot{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hp-blad-fot .sn-btn{width:100%}
.hp-sok{margin:4px 0 12px}
.hp-bilar{display:flex;flex-direction:column}
.hp-bil{padding:12px 0;border-top:var(--sn-hairline);display:flex;gap:12px;color:var(--sn-ink);text-decoration:none}
.hp-bil.sald{opacity:.6}
.hp-bil.dold,#biltabell tr.dold{display:none}
.hp-bil .bild{width:96px;height:72px;flex:none;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-paper);display:flex;align-items:center;justify-content:center;color:var(--sn-text-3)}
.hp-bil .bild img{width:100%;height:100%;object-fit:cover;display:block}
.hp-bil .bild svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.hp-bil .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hp-bil .pris{font-size:16px;line-height:21px;font-weight:700}
.hp-bil .titel{font-size:14px;line-height:18px;font-weight:600}
.hp-bil .meta{font-size:12.5px;line-height:17px;color:var(--sn-text-2)}
.hp-bil .laget{margin-top:2px;font-size:12.5px;line-height:17px;color:var(--sn-text-2)}
.hp-bil .laget b{font-weight:600;color:var(--sn-ink)}
.hp-bil .laget b.varn,#biltabell td.varn{color:var(--sn-warn);font-weight:600}
.hp-tabell-svep{overflow-x:auto}
.hp-tabell{width:100%;border-collapse:collapse;font-size:14.5px}
.hp-tabell th{padding:0 12px 10px 0;border-bottom:1.5px solid var(--sn-ink);text-align:left;font-size:12.5px;font-weight:600;color:var(--sn-text-2);white-space:nowrap}
.hp-tabell th.r,.hp-tabell td.r{text-align:right}
.hp-tabell th button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.hp-tabell th button[aria-sort=ascending]::after{content:" ↑"}
.hp-tabell th button[aria-sort=descending]::after{content:" ↓"}
.hp-tabell td{padding:12px 12px 12px 0;border-bottom:var(--sn-hairline);vertical-align:middle}
.hp-tabell td:last-child,.hp-tabell th:last-child{padding-right:0}
.hp-tabell tr[data-url]{cursor:pointer}
.hp-tabell tr.sald{opacity:.6}
.hp-tabell .bil{display:flex;align-items:center;gap:14px;color:var(--sn-ink);text-decoration:none}
.hp-tabell .mini{width:64px;height:48px;flex:none;border-radius:var(--sn-radius-img);overflow:hidden;background:var(--sn-paper)}
.hp-tabell .mini img{width:100%;height:100%;object-fit:cover;display:block}
.hp-tabell .bil>span:last-child{display:flex;flex-direction:column;gap:2px}
.hp-tabell .bil b{font-weight:600}
.hp-tabell .bil small{font-size:12.5px;color:var(--sn-text-2)}
.hp-lager[data-vy=kort] .hp-tabell-svep{display:none!important}
.hp-vy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:44px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);overflow:hidden}
.hp-vy button{padding:0 16px;border:0;background:var(--sn-white);font:600 14px/1 var(--sn-font);color:var(--sn-ink);cursor:pointer}
.hp-vy button+button{border-left:1.5px solid var(--sn-ink)}
.hp-vy button[aria-pressed=true]{background:var(--sn-ink);color:var(--sn-white)}
.hp-efter{margin-top:8px}
.hp-sort .ch-meny-text{font-weight:600}
/* En bil */
.hp-tillbaka{align-self:flex-start;height:44px;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--sn-green);margin-left:-8px}
.hp-tillbaka svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-enbil{display:flex;flex-direction:column}
.hp-enbil-huvud{display:flex;flex-direction:column}
.hp-enbil-bild{position:relative;display:block;margin:0 -16px;aspect-ratio:4/3;background:var(--sn-paper);overflow:hidden}
.hp-enbil-bild img{width:100%;height:100%;object-fit:cover;display:block}
.hp-enbil-bild .tom{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sn-text-3)}
.hp-enbil-bild .tom svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2}
.hp-enbil-bild .antal{position:absolute;right:12px;bottom:12px;padding:3px 8px;border-radius:var(--sn-radius-img);background:var(--sn-ink);color:var(--sn-white);font-size:12px;font-weight:600}
.hp-enbil-pris{margin-top:16px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hp-enbil-pris b{font-size:27px;line-height:32px;font-weight:700;letter-spacing:-.015em}
.hp-enbil-pris button{height:44px;border:0;background:none;padding:0;font:600 13.5px/1 var(--sn-font);color:var(--sn-green);cursor:pointer}
.hp-enbil h1{margin:0;font:600 17px/1.3 var(--sn-font)}
.hp-enbil-meta{margin-top:2px;font-size:13px;color:var(--sn-text-2)}
.hp-enbil-knappar{margin:14px 0 4px;display:flex;flex-wrap:wrap;gap:10px}
.hp-enbil-knappar form{margin:0}
.hp-enbil-laget{margin:18px 0 10px;font:600 18px/1.3 var(--sn-font);letter-spacing:-.01em}
.hp-nyckel{height:44px;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;font-size:15px}
.hp-nyckel span{color:var(--sn-text-2)}
.hp-nyckel b{font-weight:600}
.hp-nyckel.sist{border-bottom:var(--sn-hairline)}
.hp-tabort{margin:6px 0 0}
.hp-tabort button{width:100%;height:44px;border:0;background:none;font:600 13.5px/1 var(--sn-font);color:var(--sn-text-2);text-decoration:underline;cursor:pointer}
.hp-komplett{padding:14px;background:var(--sn-paper);border-radius:var(--sn-radius-img);display:flex;gap:10px;font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.hp-komplett svg{width:20px;height:20px;flex:none;color:var(--sn-warn);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-komplett.ok svg{color:var(--sn-green)}
.hp-komplett strong{font-weight:600;color:var(--sn-ink)}
.hp-komplett a{color:var(--sn-green);font-weight:600}
.hp-enbil-tva{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hp-enbil-tva form{margin:0;display:contents}
.hp-enbil-tva .sn-btn{height:48px;min-height:48px;width:100%}
/* Lägg upp */
.hp-regnr{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}
.hp-regnr .sn-field{height:56px;font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.hp-regnr .sn-btn{height:56px;min-height:56px;padding:0 24px}
.hp-sjalv{height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--sn-green)}
.hp-lagret{margin-top:0}
.hp-tre{display:flex;flex-direction:column}
.hp-tre>div{padding:18px 0;border-top:1.5px solid var(--sn-ink);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hp-tre h3{margin:0;font:600 16px/1.3 var(--sn-font)}
.hp-tre p{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--sn-text-2)}
.hp-enknapp{align-self:flex-start;display:inline-flex}
/* Kollegor, inställningar */
.hp-kollega{padding:12px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hp-kollega .ms-av{width:40px;height:40px;font-size:15px}
.hp-kollega .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hp-kollega b{font-size:15px;font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hp-kollega small{font-size:13px;color:var(--sn-text-2)}
.hp-kollega .roll{font-size:13.5px;color:var(--sn-text-2)}
.hp-kollega form{margin:0}
.hp-kollega .roll .sn-field{height:40px;width:auto;font-size:14px}
.hp-tabort-knapp{height:40px;border:0;background:none;padding:0 4px;font:600 13.5px/1 var(--sn-font);color:var(--sn-text-2);text-decoration:underline;cursor:pointer}
.hp-form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.hp-form .sn-btn{align-self:flex-start}
.hp-tva-falt{display:grid;grid-template-columns:1fr;gap:12px}
.hp-person-rad{min-height:60px;padding:8px 0;box-sizing:border-box;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp-person-rad>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hp-person-rad b{font-size:15px;font-weight:500}
.hp-person-rad small{font-size:13px;color:var(--sn-text-2)}
.hp-rad-lank{min-height:52px;width:100%;box-sizing:border-box;border:0;border-top:var(--sn-hairline);border-radius:0;background:none;padding:0;display:flex;align-items:center;gap:12px;font:500 15px/1.3 var(--sn-font);color:var(--sn-ink);text-decoration:none;cursor:pointer;text-align:left}
.hp-rad-lank span{flex:1}
.hp-rad-lank small{font-size:13px;color:var(--sn-text-2);text-align:right}
.hp-instal .mk-rader{margin-top:0}
.hp-instal .mk-toggles{margin-top:0}
.hp-instal form.m{margin:0}
.hp-fragor-lankar a{min-height:46px;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:500;color:var(--sn-ink)}
.hp-fragor{margin-top:8px}
/* Import */
.hp-stegrad{display:flex;align-items:center;gap:14px;padding:18px 0 22px;flex-wrap:wrap}
.hp-stegrad>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--sn-text-2)}
.hp-stegrad>span[aria-current=step]{font-weight:600;color:var(--sn-ink)}
.hp-stegrad .kula{width:24px;height:24px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--sn-line);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:var(--sn-text-2);background:var(--sn-white)}
.hp-stegrad .klar .kula{background:var(--sn-green);border-color:var(--sn-green);color:var(--sn-white)}
.hp-stegrad [aria-current=step] .kula{background:var(--sn-ink);border-color:var(--sn-ink);color:var(--sn-white)}
.hp-stegrad .lin{width:40px;height:1px;background:var(--sn-line)}
.hp-stegrad+.hp-huvud{padding-top:0}
.hp-fil{display:flex;flex-direction:column;gap:12px;max-width:560px;margin-bottom:8px}
.hp-fil .valj{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;cursor:pointer}
.hp-fil input[type=file]{position:absolute;opacity:0;width:1px;height:1px}
.hp-fil .namn{font-size:14px;color:var(--sn-text-2)}
.hp-imp-rad{padding:14px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hp-imp-rad>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hp-imp-rad b{font-size:15px;font-weight:600}
.hp-imp-rad small{font-size:12.5px;color:var(--sn-text-2)}
.hp-imp-rad .varn{font-size:13.5px;font-weight:600;color:var(--sn-warn)}
.hp-imp-rad form{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hp-imp-rad .hoppa{border:0;background:none;padding:0 8px;font:600 13px/1 var(--sn-font);color:var(--sn-text-2);cursor:pointer;white-space:nowrap}
.hp-imp-rad .sn-field{width:130px;height:40px}
.hp-imp-klar{min-height:52px;padding:6px 0;box-sizing:border-box;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px;font-size:14.5px}
.hp-imp-klar svg{width:20px;height:20px;flex:none;color:var(--sn-green);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-imp-klar .t{flex:1;min-width:0;font-weight:500}
.hp-imp-klar .t span{font-weight:400;color:var(--sn-text-2)}
.hp-imp-klar .p{flex:none;font-weight:700;white-space:nowrap}
.hp-imp-fler summary{list-style:none;height:48px;border-top:var(--sn-hairline);border-bottom:var(--sn-hairline);display:flex;align-items:center;font-size:13.5px;font-weight:600;color:var(--sn-green);cursor:pointer}
.hp-imp-fler summary::-webkit-details-marker{display:none}
.hp-imp-fler[open] summary{border-bottom:0}
.hp-imp-las{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.hp-imp-fot{margin-top:32px;padding-top:20px;border-top:1.5px solid var(--sn-ink);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hp-imp-fot form{margin:0}
.hp-imp-fot .avbryt{margin-left:auto;border:0;background:none;padding:0;font:600 13.5px/1 var(--sn-font);color:var(--sn-text-2);text-decoration:underline;cursor:pointer}
.hp-imp-tab{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 4px}
.hp-imp-tab th,.hp-imp-tab td{text-align:left;padding:8px 10px 8px 0;border-bottom:var(--sn-hairline);vertical-align:top}
.hp-imp-tab th{font-weight:600;white-space:nowrap}
.hp-imp-ex{background:var(--sn-paper);border-radius:var(--sn-radius-img);padding:14px 16px;font-size:13px;overflow-x:auto;white-space:pre;font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.6}
/* Samtalet för företag (HandlareForfragan) */
.ch-ring{height:40px;margin-right:8px;padding:0 14px;flex:none;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--sn-ink);text-decoration:none}
.ch-svaras{flex:none;height:40px;padding:0 16px;border-bottom:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--sn-text-2)}
.ch-svaras strong{font-weight:600;color:var(--sn-ink)}
.ch-svaras button{height:40px;border:0;background:none;padding:0;font:600 13.5px/1 var(--sn-font);color:var(--sn-green);cursor:pointer}
.ch-kund{display:flex;flex-direction:column}
.ch-kund>div,.ch-kund>a{padding:16px 20px;border-top:var(--sn-hairline);display:flex;flex-direction:column;gap:6px;color:var(--sn-ink);text-decoration:none}
.ch-kund>:first-child{border-top:1.5px solid var(--sn-ink)}
.ch-kund .over{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sn-text-2)}
.ch-kund .namn{font-size:16px;font-weight:600}
.ch-kund .under{font-size:13.5px;line-height:1.45;color:var(--sn-text-2)}
.ch-kund .sn-btn{margin-top:6px;height:46px;min-height:46px;width:100%}
.ch-kund .bil b{font-size:16px;font-weight:700}
.ch-kund .bil .t{font-size:14px;font-weight:600}
.ch-kund .bil small{font-size:12.5px;color:var(--sn-text-2)}
.ch-kund form{margin:0;display:flex;flex-direction:column;gap:6px}
.ch-kund .anmal{margin:0 20px;padding:14px 0;border:0;border-top:var(--sn-hairline);background:none;font:600 13px/1.4 var(--sn-font);color:var(--sn-text-2);text-decoration:underline;text-align:left;cursor:pointer}
@media (max-width:900px){.hp-enbil-tal .hp-not{display:none}}
@media (min-width:901px){
  .mina-yta.hp-yta{display:grid;grid-template-columns:264px minmax(0,1fr);gap:0;padding-top:0;align-items:stretch}
  .hp-sida{min-height:calc(100vh - 119px);border-radius:0}
  .mina-inneh.hp{padding:36px 0 48px 64px}
  .hp-huvud{padding:0 0 20px}
  .hp-huvud h1{font-size:27px;letter-spacing:-.015em}
  .hp-huvud p{font-size:15px;max-width:620px}
  .hp-rad{padding:14px 0;flex-wrap:nowrap;gap:12px}
  .hp-rad .mening{font-size:15px}
  .hp-rad .knappar{width:auto;flex:none}
  .hp-tva{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;align-items:start}
  .hp-tva .hp-h2{margin-top:0}
  .hp-tva section>.hp-h2:not(:first-child){margin-top:28px}
  .hp-tal>b{width:52px;font-size:27px}
  .hp-tabs{height:46px;gap:26px}
  .hp-lager[data-vy=tabell] .hp-bilar{display:none}
  .hp-regnr{flex-direction:row;align-items:flex-end}
  .hp-regnr .sn-falt{width:260px}
  .hp-tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
  .hp-tva-falt{grid-template-columns:1fr 1fr}
  .hp-enbil-huvud{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 64px;align-items:start}
  .hp-enbil-huvud>*{grid-column:1}
  .hp-enbil-tal{grid-column:2;grid-row:1/span 5}
  .hp-enbil-pris{margin-top:0}
  .hp-enbil-pris b{font-size:32px;line-height:38px;letter-spacing:-.02em}
  .hp-enbil h1{margin-top:4px;font-size:20px}
  .hp-enbil-meta{margin-top:4px;font-size:13.5px}
  .hp-enbil-knappar{margin:16px 0 28px}
  .hp-enbil-hort .hp-h2{margin-top:0}
  .hp-enbil-laget{margin:0 0 12px;font-size:21px;line-height:1.25}
  .hp-enbil-annons .hp-komplett{margin-top:28px}
  .hp-tabort{margin-top:20px}
  .hp-tabort button{width:auto;height:auto;padding:0}
  .hp-instal{margin-top:0}
  .hp-blad-fot{grid-template-columns:auto auto;justify-content:end}
  .medd-grid.har-kund{grid-template-columns:400px minmax(0,1fr) 300px}
  .ch-kund{border-left:var(--sn-hairline)}
}

/* =====================================================================
   FAS 9 – Sajtens sidor (F-33 företagets sida, F-34 För företag och guider) + brödtext, kontakt och felsidor
   ===================================================================== */
textarea.sn-field{height:auto;min-height:120px;padding:12px 14px;resize:vertical;line-height:1.5}
/* Brödtext: Så funkar, villkor, integritet, radera konto, Sälj-hjälpen, guidernas text */
.sn-prose{max-width:720px;padding:24px 0 48px;font-size:15px;line-height:1.65;color:var(--sn-ink)}
.sn-prose h1{margin:0 0 10px;font:600 27px/1.15 var(--sn-font);letter-spacing:-.015em}
.sn-prose h2{margin:28px 0 8px;font:600 20px/1.25 var(--sn-font);letter-spacing:-.01em}
.sn-prose h3{margin:20px 0 6px;font:600 16px/1.3 var(--sn-font);letter-spacing:0}
.sn-prose p,.sn-prose li{margin:0 0 12px}
.sn-prose ul,.sn-prose ol{padding-left:22px;margin:0 0 12px}
.sn-prose li{margin-bottom:6px}
.sn-prose a{color:var(--sn-green);font-weight:600}
.sn-prose .ingress{font-size:16.5px;line-height:1.5;color:var(--sn-text-2);margin-bottom:16px}
.sn-prose .prose-updated{font-size:13px;color:var(--sn-text-2);margin-bottom:20px}
.sn-prose table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 16px}
.sn-prose th,.sn-prose td{text-align:left;padding:8px 10px 8px 0;border-bottom:var(--sn-hairline);vertical-align:top}
.sn-prose dl{margin:0 0 16px}
.sn-prose dt{font-weight:600;margin-top:14px}
.sn-prose dd{margin:2px 0 0;color:var(--sn-text-2)}
.sn-prose .start-steg{margin:8px 0 12px;padding:0}
.sn-prose .start-steg li{margin:0}
.sn-prose .start-steg h3{margin:0}
.sn-prose .start-steg p{margin:3px 0 0}
/* Felsidor */
.fel-sida{max-width:520px;margin:0 auto;padding:56px 0 64px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.fel-sida h1{margin:0;font:600 27px/1.15 var(--sn-font);letter-spacing:-.015em}
.fel-sida p{margin:0 0 8px;font-size:15px;line-height:1.55;color:var(--sn-text-2)}
.fel-sida form{margin:0}
/* Kontakt: bredare kontokolumn */
.konto-sida--bred{max-width:560px}
.konto-fot{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--sn-text-2)}
.konto-fot a{color:var(--sn-green);font-weight:600}
/* Företagets sida (ForetagSida) */
.fs-sida{padding-bottom:40px}
.fs-sida>.sn-notis{margin-top:12px}
.fs-yta{display:flex;flex-direction:column;gap:8px}
.fs-huvud{display:flex;align-items:center;gap:14px;padding:20px 0 12px}
.fs-avatar{width:56px;height:56px;flex:none;border-radius:50%;background:var(--sn-green);color:var(--sn-white);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.fs-namn{display:flex;flex-direction:column;gap:2px;min-width:0}
.fs-namn h1{margin:0;font:600 22px/1.2 var(--sn-font);letter-spacing:-.01em}
.fs-under{font-size:13.5px;color:var(--sn-text-2)}
.fs-om{margin:0 0 10px;font-size:15px;line-height:1.6;white-space:pre-line}
.fs-rader{display:flex;flex-direction:column}
.fs-rad{min-height:44px;padding:8px 0;box-sizing:border-box;border-top:var(--sn-hairline);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14.5px}
.fs-rad:last-child{border-bottom:var(--sn-hairline)}
.fs-rad span{color:var(--sn-text-2);flex:none}
.fs-rad b{font-weight:600;text-align:right}
.fs-semester{margin:12px 0 0}
.fs-knappar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0 8px}
.fs-knappar form{margin:0;display:contents}
.fs-knappar .sn-btn{height:46px;min-height:46px}
.fs-flikar{margin-top:8px}
.fs-sortrad{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fs-sort{margin:0}
.fs-sort .sn-field{height:40px;width:auto;font-size:14px;font-weight:600;padding-right:36px}
.fs-antal{font-size:13.5px;color:var(--sn-text-2)}
.fs-pager{padding:20px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--sn-text-2)}
.fs-pager .knappar{display:flex;gap:8px}
.fs-omdomen{display:flex;flex-direction:column;margin-top:8px}
.fs-omdome{padding:14px 0;border-top:var(--sn-hairline);display:flex;flex-direction:column;gap:4px}
.fs-omdome .topp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--sn-text-2)}
.fs-omdome .stj{color:var(--sn-ink);letter-spacing:1px}
.fs-omdome .stj .dim{color:var(--sn-line)}
.fs-omdome .vem{font-weight:600;color:var(--sn-ink)}
.fs-omdome .text{font-size:15px;line-height:1.5}
.fs-betyg{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--sn-paper);border-radius:var(--sn-radius-img);margin:12px 0 8px}
.fs-betyg h2{margin:0;font:600 16px/1.3 var(--sn-font)}
.fs-stjarnor{display:flex;gap:2px}
.fs-stjarnor label{position:relative;cursor:pointer}
.fs-stjarnor input{position:absolute;opacity:0;width:1px;height:1px}
.fs-stjarnor span[aria-hidden]{display:flex;width:40px;height:40px;align-items:center;justify-content:center;font-size:26px;color:var(--sn-line)}
.fs-stjarnor input:checked+span,.fs-stjarnor label:has(~ label input:checked) span[aria-hidden]{color:var(--sn-ink)}
.fs-stjarnor input:focus-visible+span{outline:2px solid var(--sn-green);outline-offset:-2px;border-radius:var(--sn-radius-ctl)}
.fs-betyg .sn-btn{align-self:flex-start}
/* Snappat för företag (ForForetag) */
.ff-sida{padding:8px 0 48px;display:flex;flex-direction:column;gap:40px}
.ff-hero{display:flex;flex-direction:column;gap:24px;padding-top:16px}
.ff-hero-text{display:flex;flex-direction:column;gap:12px}
.ff-hero h1{margin:0;font:600 30px/1.12 var(--sn-font);letter-spacing:-.02em}
.ff-hero p{margin:0;font-size:16px;line-height:1.55;color:var(--sn-text-2)}
.ff-knappar{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ff-knappar .sn-btn{height:48px;min-height:48px}
.ff-panel{background:var(--sn-paper);border-radius:var(--sn-radius-img);padding:18px 16px;display:flex;flex-direction:column}
.ff-panel-datum{font:600 17px/1.2 var(--sn-font)}
.ff-panel-ingress{margin:4px 0 8px;font-size:13.5px;color:var(--sn-text-2)}
.ff-panel-rad{padding:12px 0;border-top:var(--sn-hairline);display:flex;flex-direction:column;gap:8px}
.ff-panel-rad .txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ff-panel-rad .txt span:first-child{font-size:14px;line-height:1.35}
.ff-panel-rad .sub{font-size:12.5px;color:var(--sn-text-2)}
.ff-panel-rad .knappar{display:flex;gap:8px;justify-content:flex-end;flex:none}
.ff-panel-rad .knappar span{height:32px;padding:0 12px;box-sizing:border-box;border:var(--sn-border-ctl);border-radius:var(--sn-radius-ctl);display:flex;align-items:center;font-size:13px;font-weight:600}
.ff-panel-rad .knappar .p{background:var(--sn-ink);border-color:var(--sn-ink);color:var(--sn-white)}
.ff-fyra{display:grid;grid-template-columns:1fr;gap:0}
.ff-fyra>div{padding:18px 0;border-top:1.5px solid var(--sn-ink)}
.ff-fyra h3{margin:0 0 6px;font:600 16px/1.3 var(--sn-font)}
.ff-fyra p{margin:0;font-size:14.5px;line-height:1.55;color:var(--sn-text-2)}
.ff-undrar h2,.ff-tre h2{margin:0 0 8px;font:600 22px/1.2 var(--sn-font);letter-spacing:-.015em}
.ff-undrar>div{padding:16px 0;border-top:var(--sn-hairline)}
.ff-undrar h3{margin:0 0 6px;font:600 16px/1.3 var(--sn-font)}
.ff-undrar p{margin:0;font-size:14.5px;line-height:1.55;color:var(--sn-text-2)}
.ff-citat{background:var(--sn-paper);border-radius:var(--sn-radius-img);padding:24px 20px}
.ff-citat blockquote{margin:0;display:flex;flex-direction:column;gap:10px}
.ff-citat p{margin:0;font:500 19px/1.4 var(--sn-font);letter-spacing:-.01em}
.ff-citat footer{font-size:13.5px;color:var(--sn-text-2)}
.ff-tre{background:var(--sn-green);color:var(--sn-white);border-radius:var(--sn-radius-img);padding:28px 20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ff-tre p{margin:0 0 8px;font-size:15px;line-height:1.55;opacity:.92}
/* Guider */
.gd-sida{padding:20px 0 48px}
.gd-yta{display:flex;flex-direction:column;gap:32px}
.gd-lista-del h1{margin:0 0 8px}
.gd-lista-del .sn-ingress{margin:0 0 16px}
.gd-lista{display:flex;flex-direction:column}
.gd-kort{padding:14px 0;border-top:var(--sn-hairline);display:flex;align-items:center;gap:12px;color:var(--sn-ink);text-decoration:none}
.gd-kort:last-child{border-bottom:var(--sn-hairline)}
.gd-kort .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gd-kort .titel{font-size:16px;line-height:1.35;font-weight:600}
.gd-kort .beskr{font-size:13.5px;line-height:1.5;color:var(--sn-text-2)}
.gd-kort svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gd-kort:hover .titel{color:var(--sn-green)}
.gd-kort.liten{padding:12px 0}
.gd-kort.liten .titel{font-size:14.5px;font-weight:500}
.gd-aside{display:flex;flex-direction:column;gap:20px}
.gd-aside-h2{margin:0 0 4px;font:600 18px/1.2 var(--sn-font);letter-spacing:-.01em}
.gd-ruta{background:var(--sn-paper);border-radius:var(--sn-radius-img);padding:18px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gd-ruta h2{margin:0;font:600 17px/1.3 var(--sn-font);letter-spacing:0}
.gd-ruta p{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:var(--sn-text-2)}
.gd-ruta.gron{background:var(--sn-green);color:var(--sn-white)}
.gd-ruta.gron p{color:var(--sn-white);opacity:.92}
.gd-smulor{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--sn-text-2);margin:0 0 12px}
.gd-smulor a{color:var(--sn-green);font-weight:600}
.gd-artikel h1{margin:0 0 10px;font:600 27px/1.15 var(--sn-font);letter-spacing:-.015em}
.gd-ingress{margin:0 0 8px;font-size:16.5px;line-height:1.5;color:var(--sn-text-2)}
.gd-meta{margin:0 0 20px;font-size:13px;color:var(--sn-text-2)}
.gd-brod.sn-prose{padding:0;max-width:none}
.gd-brod.howto{counter-reset:steg}
.gd-brod.howto>h2{counter-increment:steg;display:flex;gap:14px;align-items:baseline}
.gd-brod.howto>h2::before{content:counter(steg);flex:none;width:26px;font:700 26px/1 var(--sn-font);color:var(--sn-green);font-variant-numeric:tabular-nums}
.gd-brod .guide-kallor{margin-top:20px;padding-top:14px;border-top:var(--sn-hairline);font-size:13.5px;color:var(--sn-text-2)}
.gd-h2{margin:32px 0 8px;font:600 20px/1.25 var(--sn-font);letter-spacing:-.01em}
.gd-myndighet{margin:24px 0 0;padding:14px 16px;background:var(--sn-paper);border-radius:var(--sn-radius-img);font-size:14px;line-height:1.5;color:var(--sn-text-2)}
.gd-senaste{margin-top:40px}
.gd-senaste h2{margin:0 0 14px}
@media (min-width:901px){
  .fs-yta{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0 64px;align-items:start;padding-top:28px}
  .fs-info{position:sticky;top:20px}
  .fs-huvud{padding:0 0 14px}
  .fs-namn h1{font-size:24px}
  .fs-flikar{margin-top:0}
  .ff-hero{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center;padding-top:32px}
  .ff-hero h1{font-size:40px}
  .ff-fyra{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}
  .ff-undrar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
  .ff-undrar h2{grid-column:1/-1}
  .ff-tre{padding:40px 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 40px}
  .ff-tre h2,.ff-tre p{grid-column:1}
  .ff-tre p{margin:0}
  .ff-tre .sn-btn{grid-column:2;grid-row:1/span 2}
  .ff-panel-rad{flex-direction:row;align-items:center;justify-content:space-between}
  .gd-yta{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 64px;align-items:start;padding-top:12px}
  .gd-artikel{max-width:720px}
  .gd-aside{position:sticky;top:20px}
  .gd-artikel h1{font-size:34px}
}

/* =====================================================================
   DATORSVEP 2026-09-20 (ägaren: mobilen sitter, datorn inte helt). Bara från 901 px – mobilen rörs inte.
   1 sökfältet fyller ut till menyn · 2 Mina sidor får panelens vänsterspalt i papper · 3 Lägg in: kategorier i tre kolumner, smal notis
   4 annonsen: Spara och Dela på en rad · 5 Meddelanden utan ram, fyller höjden · 6 startsidans notis under ingressen · 7 lägre rader
   ===================================================================== */
@media (min-width:901px){
  /* 1 Sidhuvudet */
  .sokform{max-width:none}

  /* 2 Mina sidor (privat): översikten (.ms-grid) och undersidorna (.mina-yta + .mina-meny) får samma vänsterspalt som företagspanelen */
  .ms-sida{padding-top:0;padding-bottom:0}
  .ms-grid{grid-template-columns:264px minmax(0,1fr);gap:0;align-items:stretch}
  .ms-grid>:not(.ms-kol){padding:36px 0 48px 64px;min-width:0}
  .ms-kol{order:-1;background:var(--sn-paper);padding:24px 16px 20px;min-height:calc(100vh - 119px);display:flex;flex-direction:column}
  .ms-profil{background:none;padding:0 12px 14px;border-bottom:var(--sn-hairline);border-radius:0;gap:12px}
  .ms-profil .ms-av{width:40px;height:40px;font-size:15px}
  .ms-profil b{font-size:14.5px}
  .ms-nav{margin:12px 0 0;padding:0;background:none;gap:2px}
  .ms-nav a,.ms-nav button{height:44px;padding:0 12px;border:0;border-radius:var(--sn-radius-ctl)}
  .ms-nav a:hover,.ms-nav button:hover{background:var(--sn-white)}
  .ms-nav a[aria-current=page]{background:var(--sn-ink);color:var(--sn-white)}
  .ms-nav svg{width:20px;height:20px}
  .ms-foretag{margin-top:auto;background:var(--sn-white);border:0}
  .mina-yta:not(.hp-yta){display:grid;grid-template-columns:264px minmax(0,1fr);gap:0;padding:0;align-items:stretch}
  .mina-yta:not(.hp-yta)>.mina-inneh{padding:36px 0 48px 64px;min-width:0}
  .mina-meny{position:static;top:auto;width:auto;background:var(--sn-paper);border:0;border-radius:0;overflow:visible;padding:24px 12px 20px;min-height:calc(100vh - 119px);display:flex;flex-direction:column;gap:2px}
  .mina-meny .firma{display:flex;align-items:center;gap:10px;padding:0 12px 14px;margin-bottom:12px;border-bottom:var(--sn-hairline)}
  .mina-meny .firma .lg{width:36px;height:36px;border-radius:50%;background:var(--sn-green);color:var(--sn-white);font:700 14px/1 var(--sn-font);display:flex;align-items:center;justify-content:center}
  .mina-meny .firma b{display:block;font-size:14.5px;font-weight:600;line-height:1.25}
  .mina-meny .firma span{font-size:12.5px;color:var(--sn-text-2)}
  .mina-meny .grupp{padding:12px 12px 4px;font:600 12px/1.2 var(--sn-font);letter-spacing:.04em;text-transform:uppercase;color:var(--sn-text-2);min-height:0}
  .mina-meny a,.mina-meny .logga-ut{height:42px;width:100%;padding:0 12px;border:0;border-radius:var(--sn-radius-ctl);background:none;display:flex;align-items:center;gap:10px;font:500 15px/1 var(--sn-font);color:var(--sn-ink);text-align:left;cursor:pointer}
  .mina-meny a:hover,.mina-meny .logga-ut:hover{background:var(--sn-white);color:var(--sn-ink)}
  .mina-meny a.vald,.mina-meny a.vald:hover{background:var(--sn-ink);color:var(--sn-white);font-weight:500;box-shadow:none}
  .mina-meny a svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mina-meny a .n{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--sn-green);color:var(--sn-white);font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
  .mina-meny a .n.gra{background:none;color:var(--sn-text-2);font-weight:400;font-size:13px}
  .mina-meny a.vald .n{background:var(--sn-white);color:var(--sn-ink)}
  .mina-meny .sep{height:1px;margin:8px 12px;background:var(--sn-line)}
  .mina-meny .logga-ut{margin-top:auto;color:var(--sn-text-2);font-size:14px}
  .mina-meny .logga-ut:hover{color:var(--sn-ink)}

  /* 3 Lägg in annons */
  .kat-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
  .kat-lista[hidden]{display:none}
  .kat-rad{min-height:42px}
  .kat-rad.bak{grid-column:1/-1}
  .salj-gratis{flex-direction:row;align-items:baseline;gap:10px;padding:10px 16px}
  .salj-gratis b{font-size:14.5px}
  .salj-gratis span{font-size:13.5px}

  /* 4 Annonsen: Spara och Dela bredvid varandra */
  .an-hoger .an-spara-dela{display:flex;justify-content:center;gap:28px}
  .an-hoger .an-spara-dela .sn-btn{height:40px}

  /* 5 Meddelanden: ingen ram, fyller höjden */
  .medd-sida{padding-bottom:0}
  .medd-h1{margin:20px 0 14px}
  .medd-grid{border:0;border-top:var(--sn-hairline);height:calc(100vh - 119px - 76px);min-height:520px;margin-bottom:0}
  .medd-lista{border-right:var(--sn-hairline)}

  /* 6 Startsidan: notisen under ingressen, inte svävande till höger */
  .start-topp{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 0 20px}
  .start-gratis.d{flex-direction:row;align-items:baseline;gap:10px;padding:8px 14px}
  .start-gratis.d b{font-size:14.5px}
  .start-gratis.d span{font-size:13.5px}

  /* 7 Lägre rader i listor och menyer på dator (44–48 px är telefonens mått) */
  .start-lista a{height:40px}
  .start-lan a{height:40px}
  .fs-rad{min-height:40px;padding:6px 0}
  .gd-kort{padding:12px 0}
  .hp-nav a{height:42px}
  .hp-rad-lank{min-height:46px}
  .hp-fragor-lankar a{min-height:42px}
  .mk-vik summary{padding:12px 0}
}
@media (min-width:901px){.mina-meny form{display:contents}}

/* Sidhuvudets meny på dator: ikoner med liten text under, som bottenmenyn på mobil (ägaren 2026-09-20) */
@media (min-width:901px){
  .hlank{gap:4px}
  .hlank a.d:not(.knapp-salj){position:relative;flex-direction:column;justify-content:center;gap:3px;min-width:62px;height:50px;padding:0 6px;border-radius:var(--sn-radius-ctl);font-size:11.5px;font-weight:500;color:var(--sn-text-2);line-height:1;white-space:nowrap}
  .hlank a.d:not(.knapp-salj):hover{color:var(--sn-ink);background:var(--sn-paper)}
  .hlank a.d[aria-current]{color:var(--sn-ink)}
  .hlank a.d:not(.knapp-salj) .i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .hlank a.d[aria-current] .i{stroke-width:2.25}
  .hlank a.d .not{position:absolute;top:3px;left:calc(50% + 4px)}
  .hlank .knapp-salj{margin-left:12px}
}