/* Sektionen "Det här hjälper vi också med". Ersätter textraden .sokrad och behåller ankaret #sokorsaker. */
.fler{position:relative;z-index:1;background:#f6f2e7;padding-top:96px;scroll-margin-top:96px}
.fler__in{max-width:1400px;margin:0 auto;padding-left:32px;padding-right:32px}
.fler__eyebrow{margin:0 0 14px;font:600 13px/1 "Inter Tight",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2d5a3f}
.fler h2{margin:0;font:800 clamp(30px,3.4vw,48px)/1.04 "Cabinet Grotesk",sans-serif;letter-spacing:-.03em;color:#16291d;text-wrap:balance}
.fler h2 i{color:#cf6244;font-style:normal}
.fler__lista{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fler__kort{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px 24px;border-radius:22px;background:#faf8f4;border:1px solid rgba(22,41,29,.12)}
.fler__kort h3{margin:0;font:700 23px/1.15 "Cabinet Grotesk",sans-serif;letter-spacing:-.02em;color:#16291d}
.fler__pris{margin:8px 0 0;font:600 15px/1.3 "Inter Tight",sans-serif;color:#2d5a3f;font-variant-numeric:tabular-nums}
.fler__text{margin:14px 0 22px;font:400 16px/1.5 "Inter Tight",sans-serif;color:#4d5a50;text-wrap:pretty}
.fler__kort a{position:relative;margin-top:auto;font:600 16px/1.4 "Inter Tight",sans-serif;color:#16291d;text-decoration:underline;text-decoration-color:rgba(22,41,29,.35);text-underline-offset:4px;transition:text-decoration-color .2s}
.fler__kort a::after{content:"";position:absolute;inset:-11px -8px}
.fler__kort a:hover{text-decoration-color:#16291d}
.fler__kort a:focus-visible{outline:3px solid #cf6244;outline-offset:3px;border-radius:4px}
@media (max-width:1100px){.fler__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .fler{padding-top:56px;scroll-margin-top:80px}
  .fler__in{padding-left:20px;padding-right:20px}
  .fler__lista{grid-template-columns:1fr;gap:10px;margin-top:26px}
  .fler__kort{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;padding:20px 20px 18px;border-radius:20px}
  .fler__kort h3{font-size:21px}
  .fler__pris{margin:0;text-align:right;white-space:nowrap}
  .fler__text{grid-column:1 / -1;margin:8px 0 14px;font-size:15.5px}
  .fler__kort a{grid-column:1 / -1;justify-self:start;margin-top:0}
}