dialog.broschyr{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;border-radius:0;background:var(--linen);color:var(--graphite);overflow:hidden;box-shadow:none;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
dialog.broschyr[data-lage="oppen"]{transform:none}

dialog.broschyr::backdrop{background:rgba(52,49,48,.5);opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
dialog.broschyr[data-lage="oppen"]::backdrop{opacity:1}
.broschyr .b-inre{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:72px 20px calc(40px + env(safe-area-inset-bottom))}
.broschyr .b-stang{position:absolute;top:12px;right:8px;z-index:1;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:0;background:none;color:var(--graphite);font:500 12px/1 "Soehne",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:underline 1px transparent;text-underline-offset:.3em;transition:text-decoration-color .18s cubic-bezier(.16,1,.3,1)}
.broschyr .b-stang:hover,.broschyr .b-stang:focus-visible{text-decoration-color:currentColor}
.broschyr h2{margin:0;font-size:28px;line-height:1.066;letter-spacing:-.02em}
.broschyr .b-ingress{margin:24px 0 36px;font-size:16px;line-height:1.3;max-width:34em}
.broschyr form{display:grid;gap:26px}
.broschyr .b-del{display:grid;gap:26px}
.broschyr .b-del[hidden]{display:none}

.broschyr .b-val{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;border:0;min-width:0}
.broschyr .b-val legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.broschyr .b-val label{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 12px;border:1px solid var(--graphite);font-size:12px;font-weight:500;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background .18s,color .18s}
.broschyr .b-val label+label{border-left:0}
.broschyr .b-val label:first-of-type{border-radius:3px 0 0 3px}.broschyr .b-val label:last-of-type{border-radius:0 3px 3px 0}
.broschyr .b-val input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.broschyr .b-val label:has(input:checked){background:var(--graphite);color:var(--linen)}
.broschyr .b-val label:has(input:focus-visible){outline:2px solid var(--graphite);outline-offset:2px}
.broschyr .b-falt{display:grid;gap:4px}
.broschyr .b-falt>span{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}
.broschyr .b-falt input,.broschyr .b-falt select{width:100%;min-width:0;height:52px;padding:0;border:0;border-bottom:1px solid var(--graphite);border-radius:0;background:transparent;color:var(--graphite);font:inherit;font-size:18px}
.broschyr .b-falt select{-webkit-appearance:none;appearance:none;padding-right:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23343130'/%3E%3C/svg%3E") no-repeat right 4px center;cursor:pointer}

.broschyr .b-falt input:focus-visible,.broschyr .b-falt select:focus-visible{outline:none;border-bottom-width:2px;background-color:rgba(52,49,48,.05)}
.broschyr .b-lank{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--graphite);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;display:inline-flex;align-items:center}
.broschyr .b-lank[hidden]{display:none}
.butik-text .b-lank.ljus{color:inherit;margin-left:18px}
.broschyr .b-platsrad{font-size:14px;color:var(--sage)}
.broschyr .b-platsrad:empty{display:none}
.broschyr .b-avsandare{padding:2px 0 2px 14px;border-left:2px solid var(--graphite);font-size:15px;line-height:1.4}
.broschyr .b-avsandare:empty{display:none}
.broschyr .f-samtycke{margin:0;max-width:none;min-height:44px;cursor:pointer}
.broschyr .b-fel{font-size:14px;color:#8a3b2b}
.broschyr .b-fel:empty{display:none}
.broschyr .knapp{width:100%;min-height:56px;border:0;border-radius:3px;cursor:pointer;font-size:13px;letter-spacing:.08em}
.broschyr .knapp:disabled{opacity:.7;cursor:progress}
.broschyr [data-b-steg="svar"],.broschyr [data-b-steg="tryckt"]{display:grid;gap:18px}
.broschyr [data-b-steg][hidden]{display:none}
.broschyr .b-narmast:empty{display:none}
.broschyr [data-b-butik],.broschyr [data-b-tbutik]{padding:18px 0;border-top:1px solid rgba(52,49,48,.15);border-bottom:1px solid rgba(52,49,48,.15)}
.broschyr .b-narmast h3{font-size:20px;margin:6px 0 4px}
.broschyr .b-narmast p{font-size:15px}
.broschyr .b-narmast a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.broschyr .b-over{font-family:"Lateral";text-transform:uppercase;font-size:12px;letter-spacing:.06em;color:var(--sage)}
.broschyr .b-hor{font-size:16px}
.broschyr .b-brev summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.broschyr .b-mejl{margin-top:8px;padding:16px;background:#f6f2ea;border:1px solid rgba(52,49,48,.12);border-radius:3px;font-size:14px;display:grid;gap:10px}
.broschyr .b-mejl dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding-bottom:10px;border-bottom:1px solid rgba(52,49,48,.12)}
.broschyr .b-mejl dt{color:var(--sage)}
.broschyr .b-mejl dd{margin:0;overflow-wrap:anywhere}
.broschyr .b-not{font-size:13px;color:var(--sage)}
.broschyr :focus-visible{outline:2px solid var(--graphite);outline-offset:2px}
.broschyr [tabindex="-1"]:focus{outline:none}

@media (min-width:900px){
  dialog.broschyr{width:clamp(440px,36vw,600px);border-left:1px solid rgba(52,49,48,.2)}
  dialog.broschyr .b-inre{padding:56px 48px 48px}
  dialog.broschyr .b-stang{top:36px;right:36px}
  dialog.broschyr h2{font-size:clamp(28px,2.4vw,38px);padding-right:56px}
  dialog.broschyr .b-ingress{font-size:clamp(16px,.9375vw,18px)}
  dialog.broschyr form,dialog.broschyr .b-del{gap:30px}
  dialog.broschyr .b-falt{grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:center}
  dialog.broschyr form>:not(.b-falt,.b-del,.b-val),dialog.broschyr .b-del>:not(.b-falt){margin-left:148px}
  dialog.broschyr .knapp{width:auto}
}
@media (max-width:480px){.butik-text .b-lank.ljus{margin-left:0;margin-top:6px}}
@media (prefers-reduced-motion:reduce){dialog.broschyr,dialog.broschyr::backdrop{transition:none}}

html.b-las,html.b-las body{overflow:hidden}

html:root .broschyr :is(h1,h2,h3),html:root .sd-brochure main :is(h1,h2,h3){-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}

html:root .sd-brochure .kb-huvud h1{font-size:min(clamp(40px,6.4vw,104px),calc((100vw - 2 * var(--kant)) / 8.6))}

.broschyr.sd-broschyr .b-val{margin-top:4px}