/* djuraffär.nu — Underlägget. Prefix da-. Handskriven CSS, se app/views/djuraffar-nu/_design/design-brief.md */
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/djuraffar-nu/rubik-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/djuraffar-nu/rubik-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/djuraffar-nu/atkinson-next-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/djuraffar-nu/atkinson-next-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/djuraffar-nu/atkinson-next-var-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/djuraffar-nu/atkinson-next-var-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--da-silikon-50:#F0F5F2;--da-silikon-100:#E3ECE7;--da-silikon-200:#CDDBD3;--da-silikon-300:#A9BFB4;--da-gummi-700:#48574F;--da-gummi-800:#34373B;--da-gummi-900:#26282B;--da-gummi-950:#1B1D1F;--da-stengods-50:#FBFAF6;--da-lingon-600:#A8114A;--da-lingon-700:#8C0E3C;--da-lingon-300:#F3A6C2;--da-lingon-100:#FBE3EC;--da-vit:#FFFFFF;--da-wrap:1080px;--da-gap:14px;--da-display:"Rubik","Arial Rounded MT Bold","Helvetica Neue",Arial,sans-serif;--da-body:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--da-lip:inset 0 2px 0 var(--da-vit),inset 0 -3px 0 rgb(169 191 180/.5);--da-recess:inset 0 3px 8px rgb(38 40 43/.16),inset 0 1px 0 rgb(38 40 43/.10);color-scheme:light}

/* Grund */
*,::before,::after{box-sizing:border-box}
.da-body{margin:0;background:var(--da-silikon-100);color:var(--da-gummi-950);font:400 16px/1.65 var(--da-body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
.da-body *{min-width:0}
.da-body img{max-width:100%;height:auto;display:block}
.da-body a{color:var(--da-lingon-700);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;border-radius:4px}
.da-body a:hover{background:var(--da-lingon-100)}
.da-body :focus-visible{outline:3px solid var(--da-lingon-600);outline-offset:3px}
.da-body h1,.da-body h2{font-family:var(--da-display);font-weight:700;letter-spacing:-.01em;line-height:1.08;margin:0 0 .6em;text-wrap:balance}
.da-body h1{font-weight:800;font-size:clamp(2.15rem,5.5vw,3.5rem);line-height:1.04;max-width:24ch}
.da-body h2{font-size:clamp(1.55rem,3vw,2.15rem)}
.da-body h3{font:700 1.22rem/1.3 var(--da-body);margin:0 0 .5em}
.da-body p{margin:0 0 1rem}
.da-body ul,.da-body ol{margin:0 0 1rem;padding-left:1.25rem}
.da-body small{font-size:.85rem}
.da-wrap{width:min(100% - 40px,var(--da-wrap));margin-inline:auto}
.da-wrap .da-wrap{width:100%;padding:0}
.da-section{padding-block:clamp(44px,7vw,80px)}
.da-section--soft{background:var(--da-silikon-50)}
.da-reading{max-width:68ch}
.da-prose h2{margin-top:2rem}
.da-prose h3{margin-top:1.5rem}
.da-prose>:first-child{margin-top:0}
.da-lead{font-size:1.2rem;line-height:1.5}
.da-text-link{font-weight:700}
@media(min-width:700px){.da-body{font-size:17px}}
@media(prefers-reduced-motion:reduce){.da-body *{transition:none!important}}

/* Sidhuvud och meny (checkbox-syskon) */
.da-header{position:relative;z-index:40;background:var(--da-silikon-100);border-bottom:1px solid var(--da-silikon-200)}
.da-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.da-body .da-wordmark{display:inline-flex;align-items:center;font-family:var(--da-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;line-height:1;text-decoration:none;color:var(--da-gummi-950);white-space:nowrap;padding:.5rem .8rem;border-radius:12px;background:var(--da-silikon-50);box-shadow:var(--da-lip);text-shadow:0 1px 0 rgb(255 255 255/.8)}
.da-body .da-wordmark:hover{background:var(--da-stengods-50)}
.da-menu-check{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.da-header__menu{display:flex;align-items:center}
.da-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;color:var(--da-gummi-900);border-radius:12px}
.da-burger svg{width:26px;height:26px}
.da-burger svg.da-burger__close{display:none}
.da-header__menu nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--da-silikon-50);border-bottom:1px solid var(--da-silikon-200);box-shadow:0 4px 0 rgb(169 191 180/.35);padding:.5rem 20px 1rem}
.da-menu-check:checked~.da-header__menu nav{display:block}
.da-menu-check:checked~.da-header__menu .da-burger svg.da-burger__open{display:none}
.da-menu-check:checked~.da-header__menu .da-burger svg.da-burger__close{display:block}
.da-menu-check:focus-visible~.da-header__menu .da-burger{outline:3px solid var(--da-lingon-600);outline-offset:2px}
.da-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.da-nav-list a{display:block;padding:.65rem 0;color:var(--da-gummi-950);font-weight:700;text-decoration:none;border-bottom:1px solid var(--da-silikon-200);border-radius:0}
.da-nav-list a:hover,.da-nav-list a[aria-current]{color:var(--da-lingon-700);background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(min-width:960px){.da-burger{display:none}.da-header__menu nav{display:block;position:static;background:none;border:0;box-shadow:none;padding:0}.da-nav-list{flex-direction:row;flex-wrap:wrap;gap:0 1.2rem}.da-nav-list a{border:0;padding:.4rem 0;font-size:.93rem}}

/* Hero: rubrik på silikonen, underlägget bär verdiktet */
.da-hero{padding:clamp(1.25rem,4vw,2.5rem) 0 clamp(1.5rem,4vw,2.75rem)}
.da-breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.9rem;color:var(--da-gummi-700);margin-bottom:1.1rem}
.da-breadcrumbs a{font-weight:600}
.da-dateline,.da-ad-notice{color:var(--da-gummi-700);font-size:.9rem;margin:0}
.da-dateline{margin-top:.5rem}
.da-ad-notice{margin-bottom:1.1rem}
.da-hero__lead{font-size:1.2rem;line-height:1.5;max-width:64ch}
.da-mat{position:relative;display:grid;gap:1.5rem 2.25rem;align-items:center;margin-top:1.5rem;background:var(--da-gummi-900);color:var(--da-silikon-50);border:10px solid var(--da-gummi-800);border-radius:26px;padding:clamp(1.15rem,3vw,2rem) clamp(1.15rem,3vw,2.1rem);box-shadow:inset 0 3px 8px rgb(0 0 0/.55),inset 0 -1px 0 rgb(255 255 255/.06),0 1px 0 rgb(255 255 255/.6)}
@media(min-width:820px){.da-mat{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.da-mat__label{display:block;font:600 .8rem/1.2 var(--da-body);letter-spacing:.08em;text-transform:uppercase;color:var(--da-lingon-300);margin-bottom:.55rem}
.da-mat h2{font-size:clamp(1.45rem,2.6vw,1.9rem);color:var(--da-vit);margin:0 0 .5rem}
.da-mat p{color:var(--da-silikon-50)}
.da-mat__text>:last-child{margin-bottom:0}
.da-mat a:not(.da-button){color:var(--da-lingon-300)}
.da-mat a:not(.da-button):hover{background:rgb(255 255 255/.12)}
.da-mat .da-button{margin-top:.6rem}
.da-mat__seat{position:relative;margin:0;justify-self:center;width:min(100%,340px);aspect-ratio:1;background:var(--da-vit);border-radius:30px;box-shadow:inset 0 5px 12px rgb(0 0 0/.38),inset 0 1px 0 rgb(0 0 0/.3),0 1px 0 rgb(255 255 255/.14);overflow:hidden}
.da-mat__seat img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%}
.da-mat__seat figcaption{position:absolute;left:0;right:0;bottom:0;padding:.45rem .8rem;font-size:.8rem;color:var(--da-gummi-700);background:rgb(255 255 255/.92);text-align:center}
@media(max-width:699px){.da-hero{padding-top:1rem}.da-breadcrumbs{margin-bottom:.6rem}.da-body .da-hero h1{margin-bottom:.35em}.da-ad-notice{margin-bottom:.75rem}.da-hero__lead{font-size:1.05rem;line-height:1.45;margin-bottom:.75rem}.da-body .da-hero h1{font-size:2.05rem}.da-mat{margin-top:.75rem;gap:1.1rem;border-width:8px;border-radius:22px;padding:1.05rem 1.1rem 1.2rem}.da-mat__seat{width:min(100%,260px);border-radius:24px}}

/* Knappar (gummiknapp; ghost-kontrast på mörk grund inbakad) */
.da-body .da-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.7rem 1.4rem;background:var(--da-lingon-600);color:var(--da-vit);font:600 1rem/1.2 var(--da-display);letter-spacing:.005em;text-decoration:none;text-shadow:none;border:0;border-radius:14px;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),inset 0 -3px 0 rgb(0 0 0/.22);transition:background-color .15s;cursor:pointer}
.da-body .da-button:hover{background:var(--da-lingon-700);color:var(--da-vit)}
.da-body .da-button--ghost{background:transparent;color:var(--da-lingon-700);box-shadow:inset 0 0 0 2px var(--da-lingon-700)}
.da-body .da-button--ghost:hover{background:var(--da-lingon-100);color:var(--da-lingon-700)}
.da-body .da-mat .da-button--ghost,.da-body .da-cta .da-button--ghost,.da-body .da-footer .da-button--ghost{color:var(--da-vit);box-shadow:inset 0 0 0 2px var(--da-vit);background:transparent}
.da-body .da-mat .da-button--ghost:hover,.da-body .da-cta .da-button--ghost:hover,.da-body .da-footer .da-button--ghost:hover{background:rgb(255 255 255/.14);color:var(--da-vit)}
.da-button--wide{width:100%}

/* Stengodsytor (mjuk lip, ingen kant, ingen skugga utåt) */
.da-slab,.da-answer{background:var(--da-stengods-50);border-radius:18px;box-shadow:var(--da-lip);padding:1.25rem 1.35rem}
.da-answer{margin:0 0 1.5rem}
.da-answer>:first-child{margin-top:0}
.da-answer>:last-child{margin-bottom:0}
.da-product-grid{display:grid;gap:var(--da-gap);margin:0 0 1.5rem}
@media(min-width:700px){.da-product-grid--2,.da-product-grid--3,.da-product-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.da-product-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.da-product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.da-card{position:relative;display:flex;flex-direction:column;background:var(--da-stengods-50);border-radius:18px;box-shadow:var(--da-lip);padding:8px}
.da-card__media{position:relative;aspect-ratio:4/3;background:var(--da-vit);overflow:hidden;border-radius:12px;box-shadow:var(--da-recess)}
.da-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%}
.da-card__body{flex:1;display:flex;flex-direction:column;gap:.6rem;padding:1rem .9rem .9rem}
.da-badge{align-self:flex-start;background:var(--da-lingon-100);color:var(--da-lingon-700);font:600 .78rem/1.2 var(--da-display);letter-spacing:.05em;text-transform:uppercase;padding:.34rem .65rem;border-radius:999px}
.da-card h3{margin:0;font-size:1.18rem;line-height:1.25}
.da-card__price{font-weight:700;font-size:1.35rem;line-height:1.2;font-variant-numeric:tabular-nums;margin:0}
.da-card__price small{display:block;font-weight:400;font-size:.85rem;color:var(--da-gummi-700);margin-top:.15rem}
.da-card__facts{list-style:none;margin:0;padding:0;font-size:.95rem}
.da-card__facts li{padding-left:1.1rem;position:relative;margin:.2rem 0}
.da-card__facts li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--da-lingon-600)}
.da-procon{display:grid;gap:.55rem;font-size:.93rem;margin:0}
.da-plus,.da-minus{list-style:none;margin:0;padding:0}
.da-plus li,.da-minus li{position:relative;padding-left:1.6rem;margin:.25rem 0}
.da-plus li::before,.da-minus li::before{position:absolute;left:0;top:.15em;width:1.1rem;height:1.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;line-height:1}
.da-plus li::before{content:"+";background:var(--da-gummi-900);color:var(--da-vit)}
.da-minus li::before{content:"\2212";background:var(--da-silikon-200);color:var(--da-gummi-900)}
.da-card__cta{margin-top:auto;padding-top:.5rem;display:flex;flex-direction:column;gap:.45rem}
.da-card__cta .da-button{width:100%}
.da-ad-label{font-size:.78rem;color:var(--da-gummi-700);margin:0}
.da-card--top{outline:3px solid var(--da-lingon-600);outline-offset:-3px}
.da-card--top .da-badge{background:var(--da-lingon-600);color:var(--da-vit)}
@media(min-width:700px){.da-product-grid--1 .da-card{flex-direction:row;gap:.5rem}.da-product-grid--1 .da-card__media{flex:0 0 42%;aspect-ratio:auto}}

/* Rangsätet (signaturmodul 3): rund fördjupning i silikonen */
.da-rank{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--da-silikon-100);color:var(--da-gummi-950);font:800 1.35rem/1 var(--da-display);box-shadow:inset 0 3px 6px rgb(38 40 43/.26),inset 0 -1px 0 var(--da-vit),0 0 0 3px var(--da-stengods-50),0 0 0 4px var(--da-silikon-200)}
.da-card .da-rank{position:absolute;top:16px;left:16px;z-index:2}

/* Snabbval, tabell, topplista */
.da-quick-choice{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:var(--da-gap)}
.da-quick-choice li{background:var(--da-stengods-50);border-radius:14px;box-shadow:var(--da-lip);padding:.95rem 1.05rem}
.da-quick-choice li strong{display:block;margin-bottom:.15rem}
.da-quick-choice li.da-quick-choice__lead{background:var(--da-lingon-100);box-shadow:inset 0 2px 0 var(--da-vit),inset 0 -3px 0 rgb(140 14 60/.22)}
@media(min-width:720px){.da-quick-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.da-quick-choice li:last-child:nth-child(odd){grid-column:1/-1}}
.da-table-wrap{overflow-x:auto;background:var(--da-stengods-50);border-radius:18px;box-shadow:var(--da-lip);margin:0 0 1.5rem;padding:4px 0 6px}
.da-table{width:100%;border-collapse:collapse;font-size:.95rem}
.da-table caption{text-align:left;padding:.9rem 1.1rem .5rem;font-weight:700;color:var(--da-gummi-700)}
.da-table th,.da-table td{padding:.7rem 1rem;text-align:left;vertical-align:top;border-top:1px solid var(--da-silikon-200)}
.da-table thead th{background:var(--da-silikon-200);color:var(--da-gummi-950);font:600 .8rem/1.3 var(--da-display);letter-spacing:.04em;text-transform:uppercase;border:0}
.da-table td{font-variant-numeric:tabular-nums}
.da-table__row--pick td{background:var(--da-lingon-100)}
@media(max-width:639px){.da-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.da-table tr{display:block;border-top:2px solid var(--da-silikon-200);padding:.45rem 0}.da-table td{display:grid;grid-template-columns:40% 1fr;gap:.5rem;border:0;padding:.3rem 1rem}.da-table td::before{content:attr(data-label);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--da-gummi-700)}.da-table caption{padding-bottom:.25rem}}
.da-toplist{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:var(--da-gap)}
.da-toplist li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1.1rem;align-items:start;background:var(--da-stengods-50);border-radius:18px;box-shadow:var(--da-lip);padding:1.15rem 1.15rem 1.15rem 1.25rem}
.da-toplist__name{grid-column:2;margin:0;font:700 1.15rem/1.3 var(--da-body);align-self:center}
.da-toplist li .da-rank{grid-row:1/span 3;align-self:start;margin-top:.1rem}
.da-toplist li p{grid-column:2;margin:0}
.da-toplist li .da-button{grid-column:2;justify-self:start}

/* FAQ, steg, notiser, bilder */
.da-faq{display:grid;gap:10px;margin:0 0 1.5rem}
.da-faq details{background:var(--da-stengods-50);border-radius:14px;box-shadow:var(--da-lip)}
.da-faq summary{position:relative;cursor:pointer;padding:1rem 3rem 1rem 1.1rem;font-weight:700;list-style:none;border-radius:14px}
.da-faq summary::-webkit-details-marker{display:none}
.da-faq summary::after{content:"";position:absolute;right:1.2rem;top:50%;width:.6rem;height:.6rem;border-right:2px solid var(--da-lingon-600);border-bottom:2px solid var(--da-lingon-600);transform:translateY(-70%) rotate(45deg)}
.da-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.da-faq__answer{padding:0 1.1rem 1.1rem}
.da-faq__answer>:last-child{margin-bottom:0}
.da-steps{list-style:none;counter-reset:da-steg;margin:0 0 1.5rem;padding:0}
.da-steps li{counter-increment:da-steg;position:relative;padding-left:3.1rem;margin:0 0 1.1rem;min-height:2.2rem}
.da-steps li::before{content:counter(da-steg);position:absolute;left:0;top:-.1rem;width:2.2rem;height:2.2rem;border:2px solid var(--da-gummi-900);border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 1.2rem/1 var(--da-display);color:var(--da-gummi-900)}
.da-steps li>:last-child{margin-bottom:0}
.da-note{background:var(--da-stengods-50);border-radius:14px;box-shadow:var(--da-lip);padding:1rem 1.15rem;margin:1.25rem 0}
.da-note--warn{outline:2px solid var(--da-lingon-600);outline-offset:-2px}
.da-note__label{display:block;font:600 .78rem/1.2 var(--da-display);letter-spacing:.07em;text-transform:uppercase;color:var(--da-lingon-700);margin-bottom:.4rem}
.da-note>:last-child{margin-bottom:0}
.da-figure{margin:1.5rem 0}
.da-figure img{width:100%;border-radius:14px}
.da-figure figcaption{font-size:.875rem;color:var(--da-gummi-700);margin-top:.5rem}

/* CTA-band, relaterat, partner */
.da-cta{background:var(--da-gummi-900);color:var(--da-silikon-50);padding:clamp(2rem,5vw,3.5rem) 0}
.da-cta h2{color:var(--da-vit)}
.da-cta p{color:var(--da-silikon-50)}
.da-cta a:not(.da-button){color:var(--da-lingon-300)}
.da-cta a:not(.da-button):hover{background:rgb(255 255 255/.12)}
.da-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.da-related ul{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:10px}
.da-related li a{display:block;padding:.85rem 1.05rem;background:var(--da-stengods-50);border-radius:14px;box-shadow:var(--da-lip)}
.da-related li a:hover{background:var(--da-lingon-100)}
@media(min-width:700px){.da-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}.da-related li:last-child:nth-child(odd){grid-column:1/-1}}
.da-partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--da-gap);margin:0 0 1.5rem}
.da-partner{background:var(--da-stengods-50);border-radius:18px;box-shadow:var(--da-lip);padding:8px 8px 1rem}
.da-partner__logo{display:flex;align-items:center;justify-content:center;height:60px;background:var(--da-vit);border-radius:12px;box-shadow:var(--da-recess);margin-bottom:.7rem}
.da-partner__logo img{max-height:40px;width:auto}
.da-partner p{margin:0 .5rem;font-size:.93rem}

/* Sticky mobil-CTA */
.da-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--da-lingon-600);padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom));box-shadow:inset 0 3px 0 rgb(255 255 255/.18)}
.da-sticky a{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;color:var(--da-vit);font:600 1.05rem/1.2 var(--da-display);text-decoration:none;border-radius:0}
.da-sticky a:hover{background:none}
@media(max-width:899px){.da-has-sticky .da-sticky{display:block}.da-has-sticky{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}

/* Sidfot */
.da-cta+.da-footer{margin-top:0}
.da-footer{background:var(--da-gummi-900);color:var(--da-silikon-200);padding:2.5rem 0 1.5rem;margin-top:clamp(2rem,6vw,4rem)}
.da-footer__grid{display:grid;gap:1.75rem}
@media(min-width:760px){.da-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.da-footer h2{font:600 .8rem/1.2 var(--da-body);letter-spacing:.08em;text-transform:uppercase;color:var(--da-silikon-300);margin:0 0 .6rem}
.da-footer ul{list-style:none;margin:0;padding:0}
.da-footer li{margin:.3rem 0}
.da-footer a{color:var(--da-vit);text-decoration-color:var(--da-lingon-300)}
.da-footer a:hover{background:rgb(255 255 255/.12)}
.da-footer p{color:var(--da-silikon-200)}
.da-body .da-wordmark--footer{padding:0;background:none;box-shadow:none;text-shadow:none;color:var(--da-vit);margin-bottom:.6rem}
.da-body .da-wordmark--footer:hover{background:none;text-decoration:underline;text-decoration-color:var(--da-lingon-300)}
.da-footer__bottom{border-top:1px solid var(--da-gummi-700);margin-top:1.75rem;padding-top:1rem;font-size:.85rem;color:var(--da-silikon-300)}
.da-footer__bottom p{margin:0;color:var(--da-silikon-300)}

/* 404 */
.da-error{padding:clamp(3rem,10vw,6rem) 0}
.da-error__code{font:900 clamp(5rem,18vw,9rem)/1 var(--da-display);color:var(--da-silikon-300);margin:0 0 .5rem}
.da-error .da-button{margin-right:.75rem}

/* Logotyp (gpt-image-1, 2026-09-02): skål i underlägg + domännamn — ingen pill, anpassad höjd, ljus variant i footern */
.da-body .da-wordmark,.da-body .da-wordmark:hover{padding:0;background:none;border:0;box-shadow:none;border-radius:0;text-decoration:none}
.da-body .da-wordmark__img{display:block;height:30px;width:auto;max-width:58vw}
@media (min-width:768px){.da-body .da-wordmark__img{height:36px}}
.da-body .da-wordmark--footer .da-wordmark__img{height:32px;opacity:.95}