/* ============================================================================
   Tema «dem» for dittekstralager.no – css/dem.css, versjon 1.0.0 (22.10.2026)
   Lastes fra functions.php med DEM_VERSJON i adressen. Endre versjonen der når denne fila endres.
   Utseende: utkast A (tema/utkast-topp-bunn/LES-MEG.md). Grunnlinje og skjelett: Kallyas' mål
   (temabytte.md punkt 20), så blokkene og skjema 17 ligger der de lå.
   Farger (designsystem.md): blekk #231F20, merkegul #FFF309, lys flate #F7F7F7, linje #D5D5D5,
   sekundærtekst #4B4B4B. Ingen skygger, 3 px hjørner, Poppins.
   ============================================================================ */

/* ---------- 1. Poppins (fra Kallyas Options Custom css, samme filer i uploads/fonts) ---------- */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/poppins-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/poppins-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/poppins-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/poppins-latin-800-normal.woff2') format('woff2')}

/* ---------- 2. Grunnlinje: det blokkene og skjemaene arvet fra Bootstrap 3 og Kallyas ---------- */
/* 2a. Bootstrap 3.3.7 (kallyas/css/bootstrap.min.css): alle regler uten klasse eller ID, ordrett, i samme
   rekkefølge. Hentet 22.10.2026. Skjema 17 (fieldset, legend, label, input) ligger på disse. */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:hover,a:focus{color:#23527c;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
[role="button"]{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
p{margin:0 0 10px}
small{font-size:85%}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:bold}
dd{margin-left:0}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}
kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;line-height:normal}
input[type="file"]{display:block}
input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}
input[type="search"]{-webkit-appearance:none}
/* 2b. Kallyas template.min.css: elementreglene (ordrett, uten Kallyas-spesifikke selektorer).
   body-regelen er den første i fila og gir linjehøyden 1.7 som skjema 17 og blokkene arver (målt 22.10.2026:
   22,1 px mot Bootstraps 18,6 px – uten den ble bestillingsskjemaet 350 px kortere). */
body{font-size:13px;line-height:1.7;color:#535353;background-color:#f5f5f5}
p{margin:0 0 20px}
iframe{border:0}
a{color:#000}
a:focus,a:hover{text-decoration:none}
a:focus{outline:none;color:initial;text-shadow:none}
blockquote{margin:25px 40px}
legend{padding-bottom:10px}
img{height:auto}
embed,iframe,img,object{max-width:100%}
figure{margin:0}
button::-moz-focus-inner{padding:0;border:0}
audio,canvas,video{max-width:100%}
/* 2c. Zion-byggerens znb_frontend.css (lastes på alle sider i Kallyas): normalize-reglene, ordrett.
   Gir bl.a. fieldset luft, legend display:table og linjehøyde 1.15 i feltene – skjema 17 ligger på dem. */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:0}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
audio,video{display:inline-block}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
/* 2d. Kallyas Options (uploads/zn_dynamic.css): typografi og farger, ordrett. */
h1{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:36px;line-height:40px;font-weight:400;font-style:normal}
h2{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:30px;line-height:40px;font-weight:400;font-style:normal}
h3{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:24px;line-height:40px;font-weight:400;font-style:normal}
h4{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:14px;line-height:20px;font-weight:400;font-style:normal}
h5{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:12px;line-height:20px;font-weight:400;font-style:normal}
h6{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:12px;line-height:20px;font-weight:400;font-style:normal}
body{font-family:"Poppins", Helvetica, Arial, sans-serif;font-size:13px;color:#231f20}
a{color:#231f20}
a:focus,a:hover{color:#231f20}
/* 2e. Kallyas Options → Advanced → Custom css (skrives ut sist i zn_dynamic.css), ordrett uten Poppins-fontene
   (del 1) og overlay-menyen. Skjema 17 har klassen kl-style-gform. */
.site-footer .contact-details {background-image:none;}
.logo-infocard .contact-details {background-image:none;}
.gform_wrapper .kl-style-gform input,.gform_wrapper .kl-style-gform select,.gform_wrapper .kl-style-gform textarea {outline:0!important;}
.gform_wrapper .kl-style-gform .gfield {margin-bottom:30px;}
.gform_wrapper .kl-style-gform .gfield_label {text-transform:uppercase;font-size:13px;font-weight:normal;}
.gform_wrapper .kl-style-gform input[type=email],.gform_wrapper .kl-style-gform input[type=number],.gform_wrapper .kl-style-gform input[type=password],.gform_wrapper .kl-style-gform input[type=tel],.gform_wrapper .kl-style-gform input[type=text],.gform_wrapper .kl-style-gform input[type=url],.gform_wrapper .kl-style-gform textarea,.gform_wrapper .kl-style-gform select {display:block;width:100%;height:auto;padding:8px 12px 8px 8px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.gform_wrapper .kl-style-gform .ginput_container label {color:#969696;letter-spacing:0;text-transform:uppercase;font-size:11px;-webkit-transition:all .25s ease;transition:all .25s ease;}
.gform_wrapper .kl-style-gform .ginput_container_radio label,.gform_wrapper .kl-style-gform .ginput_container_checkbox label {font-size:14px;text-transform:none;font-weight:normal;}
.gform_wrapper .kl-style-gform .ginput_container_text input:focus + label,.gform_wrapper .kl-style-gform .ginput_container_email input:focus + label,.gform_wrapper .kl-style-gform .ginput_container_name input:focus + label {color:silver;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;white-space:nowrap}

/* ---------- 3. Skjelett (Kallyas-mål, samme ID-er) ---------- */
#page_wrapper{position:relative;overflow-x:clip;min-height:100vh;background:#FFFFFF}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.site-content{position:relative}
#th-content-page{padding-bottom:60px}
/* Innholdsspalten: Kallyas la .row > .col-md-12 (15 px luft) inni .container (15 px luft), så blokkene er
   1110 px brede ved 1170-container og 315 px ved 375 px skjerm. Målt 22.10.2026. Samme her. */
.demt-innhold{padding-left:30px;padding-right:30px}
.demt-hopp{position:absolute;left:-9999px;top:0;z-index:100;background:#FFF309;color:#231F20;padding:12px 18px;font-weight:700;border-radius:3px}
.demt-hopp:focus{left:16px;top:16px;text-decoration:none;outline:3px solid #231F20}

/* ---------- 4. Toppen ---------- */
.demt-hd{background:#FFFFFF;border-bottom:3px solid #FFF309;position:sticky;top:0;z-index:50}
.demt-hd-in{display:flex;align-items:center;gap:18px;height:76px}
.demt-logo{display:block;flex:0 0 auto;line-height:0}
.demt-logo img,.demt-logo .custom-logo{display:block;height:52px;width:auto}
.demt-nav{margin-left:auto;display:none}
.demt-nav-ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.demt-nav-ul>li{position:relative;margin:0;padding:0}
.demt-nav-ul>li.har-mega{position:static}
.demt-nav-ul>li>a{display:flex;align-items:center;gap:7px;height:76px;padding:0 12px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#231F20;border-bottom:3px solid transparent;margin-bottom:-3px}
.demt-nav-ul>li>a:hover,.demt-nav-ul>li>a:focus{text-decoration:none}
.demt-nav-ul>li:hover>a,.demt-nav-ul>li:focus-within>a{border-bottom-color:#231F20}
.demt-nav-ul>li.na>a{border-bottom-color:#FFF309}
.demt-pil{flex:0 0 auto}
.demt-dd{display:none;position:absolute;top:calc(100% + 3px);left:0;background:#FFFFFF;border:1px solid #D5D5D5;border-top:3px solid #FFF309;border-radius:0 0 3px 3px;min-width:280px;padding:10px 0;z-index:60}
.demt-dd::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px}
.demt-nav-ul>li:hover>.demt-dd,.demt-nav-ul>li:focus-within>.demt-dd{display:block}
.demt-dd a{display:block;padding:11px 22px;font-size:15px;line-height:1.4;text-decoration:none;color:#231F20}
.demt-dd a:hover,.demt-dd a:focus{background:#F7F7F7;text-decoration:none}
.demt-dd a[aria-current="page"]{font-weight:700}
.demt-mega{left:50%;transform:translateX(-50%);width:min(840px,calc(100% - 30px));padding:24px 30px 22px}
.demt-nav-ul>li:hover>.demt-mega,.demt-nav-ul>li:focus-within>.demt-mega{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 28px}
.demt-mega-kol h3{margin:0 0 6px;padding:0 0 8px;border-bottom:1px solid #D5D5D5;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4B4B4B}
.demt-mega-kol a{padding:8px 6px;margin:0 -6px;border-radius:3px}
.demt-mega-alle{grid-column:1/-1;margin:12px -6px 0;padding:14px 6px 0;border-top:1px solid #D5D5D5;font-weight:700}
.demt-knapp-gul{display:inline-block;background:#FFF309;color:#231F20;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:13px 22px;border:2px solid #FFF309;border-radius:3px;text-decoration:none;line-height:1.2;white-space:nowrap}
.demt-knapp-gul:hover,.demt-knapp-gul:focus{background:#FFFFFF;border-color:#231F20;color:#231F20;text-decoration:none}
.demt-pc-bestill{display:none;flex:0 0 auto}
@media (min-width:992px){
.demt-nav{display:block}
.demt-pc-bestill{display:inline-block}
.demt-mm{display:none}
}

/* ---------- 5. Mobilmenyen (details, uten JavaScript); bunnlinja på mobil ble tatt bort i 1.1.4 ---------- */
.demt-mm{margin-left:auto}
.demt-mm>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:12px 12px;border:1.5px solid #D6D1CA;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;position:relative;z-index:70;background:#FFFFFF;color:#231F20;user-select:none}
.demt-mm>summary::-webkit-details-marker{display:none}
.demt-mm>summary:focus-visible{outline:3px solid #231F20;outline-offset:2px}
.demt-bars{position:relative;width:18px;height:14px;display:block}
.demt-bars span{position:absolute;left:0;width:18px;height:2.5px;border-radius:3px;background:#231F20;transition:transform .2s,top .2s,opacity .2s}
.demt-bars span:nth-child(1){top:0}
.demt-bars span:nth-child(2){top:5.75px}
.demt-bars span:nth-child(3){top:11.5px}
.demt-mm[open] .demt-bars span:nth-child(1){top:5.75px;transform:rotate(45deg)}
.demt-mm[open] .demt-bars span:nth-child(2){opacity:0}
.demt-mm[open] .demt-bars span:nth-child(3){top:5.75px;transform:rotate(-45deg)}
.demt-t-open{display:inline}
.demt-t-close{display:none}
.demt-mm[open] .demt-t-open{display:none}
.demt-mm[open] .demt-t-close{display:inline}
/* Panelet henger under toppen (absolutt i den faste .demt-hd, top:100 % + den gule kanten), ikke på skjermkanten: da
   stemmer det også når WordPress' admin-linje dytter toppen ned for innloggede (1.1.4 – Aleks så en glippe på kopien).
   Høyden er resten av skjermen; innholdet ruller inni. */
.demt-mm-panel{position:absolute;left:0;right:0;top:calc(100% + 3px);height:calc(100vh - 63px);height:calc(100dvh - 63px);background:#231F20;color:#FFFFFF;overflow:auto;-webkit-overflow-scrolling:touch;z-index:40;padding:6px 20px 10px;display:flex;flex-direction:column}
/* 1.1.4 (Aleks 25.10.2026): BESTILLING nederst i lista som gul knapp i full bredde, under den grå streken etter siste
   punkt; telefon og åpningstid nederst til høyre i panelet (margin-top:auto skyver den ned når lista er kort). */
.demt-mm-item.demt-mm-bestill-item{border-bottom:0;padding:18px 0 4px}
.demt-mm-bestill{display:flex;align-items:center;justify-content:center;width:100%;height:54px;padding:0 20px;font-size:14px;letter-spacing:.06em}
/* Telefonen er en pille på linje med Cookiebot-knappen nederst til venstre (målt 25.10.2026: 48 × 48 px, 10 px fra bunn
   og kant): samme høyde, 10 px fra bunnen (panelets padding) og 10 px fra høyre kant (−10 px inn i panelets 20 px luft).
   Begge er festet til bunnen med faste mål, så de står i samme høyde uansett skjerm. */
.demt-mm-ul{margin-bottom:24px}
.demt-mm-tel{margin:auto -10px 0 0;align-self:flex-end;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 14px;border:1.5px solid #6B6B6B;border-radius:24px;color:#FFFFFF;text-decoration:none;text-align:left;line-height:1.15}
.demt-mm-tel svg{flex:0 0 auto}
.demt-mm-tel strong{display:block;font-size:15px;font-weight:700;white-space:nowrap}
.demt-mm-tel small{display:block;font-size:11px;color:#D5D5D5;white-space:nowrap}
.demt-mm-tel:hover,.demt-mm-tel:focus{color:#FFF309;border-color:#FFF309;text-decoration:none}
.demt-mm-ul{list-style:none;margin:0;padding:0}
.demt-mm-item{position:relative;border-bottom:1px solid #3A3536;margin:0;padding:0}
.demt-mm-link{display:block;padding:17px 64px 17px 0;color:#FFFFFF;font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;line-height:1.3}
.demt-mm-link:hover,.demt-mm-link:focus{color:#FFF309;text-decoration:none}
.demt-mm-item.na>.demt-mm-link{color:#FFF309}
.demt-mm-sub>summary{position:absolute;top:8px;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid #6B6B6B;border-radius:3px;color:#FFFFFF;list-style:none;cursor:pointer}
.demt-mm-sub>summary::-webkit-details-marker{display:none}
.demt-mm-sub>summary:focus-visible{outline:3px solid #FFF309;outline-offset:2px}
.demt-mm-sub[open]>summary{background:#FFFFFF;color:#231F20;border-color:#FFFFFF}
.demt-mm-sub[open]>summary .demt-pil{transform:rotate(180deg)}
.demt-mm-sub-ul{list-style:none;margin:0;padding:0 0 12px}
.demt-mm-sub-ul li{margin:0;padding:0}
.demt-mm-sub-ul a{display:block;padding:11px 0 11px 14px;color:#E8E8E8;font-size:16px;line-height:1.4;text-decoration:none;border-left:2px solid #4B4B4B}
.demt-mm-sub-ul a:hover,.demt-mm-sub-ul a:focus{color:#FFF309;border-left-color:#FFF309;text-decoration:none}
.demt-mm-sub-ul a[aria-current="page"]{color:#FFF309;border-left-color:#FFF309}
.demt-mm-grp{padding:12px 0 2px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A9A9A9}
/* Avdelingene i mobilmenyen (1.1.4, variant A – Aleks 25.10.2026): gule områdenavn helt til venstre, avdelingene under
   med samme grå linje og innrykk som de andre undermenyene (så det ser likt ut når flere er åpne), «Alle avdelinger
   med kart» øverst i gult, avdelingene med kort navn (området står alt som overskrift). */
.demt-mm-sub-av{padding-bottom:16px}
.demt-mm-sub-av .demt-mm-alle a{font-weight:700;color:#FFF309}
.demt-mm-sub-av .demt-mm-grp{padding:22px 0 8px;font-size:12px;letter-spacing:.14em;color:#FFF309}
@media (max-width:991px){
/* 1.1.4: toppen er 60 px (+3 px gul kant) på mobil og nettbrett, siden den henger igjen (del 9); logoen 40 px. */
.demt-hd-in{height:60px;gap:12px}
.demt-logo img,.demt-logo .custom-logo{height:40px}
.demt-mm>summary{padding:10px 11px}
}

/* ---------- 6. Bunnen ---------- */
.site-footer{border-top:4px solid #FFF309}
.demt-ft{background:#231F20;color:#D5D5D5;padding:52px 0 22px;font-size:14px;line-height:1.5}
.demt-ft a{color:#FFFFFF;text-decoration:none}
.demt-ft a:hover,.demt-ft a:focus{color:#FFF309;text-decoration:none}
.demt-ft-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:36px}
.demt-ft-h{margin:0 0 14px;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF}
.demt-ft-h::before{content:"";display:block;width:32px;height:3px;background:#FFF309;margin:0 0 10px}
.demt-ft-ul{list-style:none;margin:0;padding:0}
.demt-ft-ul li{margin:0;padding:5px 0;break-inside:avoid}
.demt-ft-ul.to{columns:2;column-gap:22px}
.demt-ft p{margin:0 0 12px}
.demt-ft-medlem{margin:18px 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#A9A9A9}
.demt-ft-logoer{display:flex;gap:12px;flex-wrap:wrap}
.demt-ft-logoer a{display:inline-flex;align-items:center;background:#FFFFFF;border-radius:3px;padding:7px 10px}
.demt-ft-logoer img{display:block;height:auto}
.demt-ft-bottom{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:18px;border-top:1px solid #484848;font-size:13px}
.demt-ft-bottom p{margin:0}
.demt-ft-bottom img{display:block}
@media (max-width:767px){
.demt-ft-grid{grid-template-columns:1fr;gap:30px}
.demt-ft-bottom{align-items:flex-start}
}

/* ---------- 7. Blogg, lister, søk og 404 ---------- */
.demt-innlegg{max-width:760px;margin:0 auto;padding:44px 0 10px}
.demt-innlegg-topp{margin:0 0 28px}
.demt-innlegg-tittel{font-size:40px;line-height:1.15;font-weight:800;color:#231F20;text-transform:none;letter-spacing:0;margin:0 0 14px;padding:0}
.demt-innlegg-tittel::after{content:"";display:block;width:48px;height:3px;background:#FFF309;margin:18px 0 0}
.demt-innlegg-dato{font-size:14px;line-height:1.5;color:#4B4B4B;margin:0}
.demt-innlegg-tekst{color:#231F20}
.demt-innlegg-tekst p,.demt-innlegg-tekst li{font-size:17px;line-height:1.7;color:#231F20}
.demt-innlegg-tekst p{margin:0 0 18px}
.demt-innlegg-tekst p:empty{display:none}
.demt-innlegg-tekst>p:first-of-type{font-size:19px;line-height:1.6}
.demt-innlegg-tekst h2{font-size:26px;line-height:1.25;font-weight:700;text-transform:none;letter-spacing:0;margin:40px 0 14px}
.demt-innlegg-tekst h2::before{content:"";display:block;width:40px;height:3px;background:#FFF309;margin:0 0 14px}
.demt-innlegg-tekst h3{font-size:20px;line-height:1.35;font-weight:700;text-transform:none;letter-spacing:0;margin:28px 0 10px}
.demt-innlegg-tekst h4{font-size:17px;line-height:1.4;font-weight:700;margin:22px 0 8px}
.demt-innlegg-tekst ul,.demt-innlegg-tekst ol{margin:0 0 20px;padding-left:22px}
.demt-innlegg-tekst li{margin:0 0 8px}
.demt-innlegg-tekst li>p{margin:0}
.demt-innlegg-tekst :is(h2,h3,h4) br:first-child{display:none}
.demt-innlegg-tekst a{color:#231F20;text-decoration:underline;text-underline-offset:3px}
.demt-innlegg-tekst a:hover{color:#4B4B4B}
.demt-innlegg-tekst img{max-width:100%;height:auto;border-radius:3px}
.demt-innlegg-tekst figure{margin:8px 0 28px;max-width:100%}
.demt-innlegg-tekst figcaption{font-size:14px;line-height:1.5;color:#4B4B4B;margin:8px 0 0}
.demt-innlegg-tekst hr{border:0;border-top:1px solid #D5D5D5;margin:32px 0}
.demt-innlegg-tekst .dem-blogg-boks{background:#F7F7F7;border-top:4px solid #FFF309;border-radius:3px;padding:22px 26px 4px;margin:8px 0 28px}
.demt-innlegg-tekst .dem-blogg-boks ul{margin:0 0 18px}
.demt-innlegg-tekst .dem-blogg-cta{background:#231F20;border-radius:3px;padding:26px 28px;margin:36px 0 10px;color:#FFFFFF}
.demt-innlegg-tekst .dem-blogg-cta p{color:#FFFFFF;margin:0 0 16px}
.demt-innlegg-tekst .dem-blogg-cta p:last-child{margin:0}
.demt-innlegg-tekst a.dem-blogg-knapp{display:inline-block;background:#FFF309;color:#231F20;font-weight:700;font-size:16px;line-height:1.2;padding:14px 24px;border-radius:3px;text-decoration:none;margin:0 8px 8px 0}
.demt-innlegg-tekst a.dem-blogg-knapp:hover{background:#FFFFFF;color:#231F20}
.demt-innlegg-tilbake{margin:34px 0 0;font-size:15px}
.demt-innlegg-tilbake a{text-decoration:underline;text-underline-offset:3px}
.demt-liste{padding-top:44px}
.demt-liste-topp{margin:0 0 28px}
.demt-liste-topp h1{font-size:36px;line-height:1.15;font-weight:800;margin:0 0 12px}
.demt-liste-topp h1::after{content:"";display:block;width:48px;height:3px;background:#FFF309;margin:16px 0 0}
.demt-liste-ingress{font-size:16px;color:#4B4B4B;max-width:680px}
.demt-liste-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:0 0 30px}
.demt-kort{background:#F7F7F7;border-top:4px solid #FFF309;border-radius:3px;padding:22px 24px 18px}
.demt-kort-tittel{font-size:20px;line-height:1.3;font-weight:700;margin:0 0 6px;text-transform:none}
.demt-kort-tittel a{text-decoration:none}
.demt-kort-tittel a:hover{text-decoration:underline;text-underline-offset:3px}
.demt-kort-dato{font-size:13px;color:#4B4B4B;margin:0 0 10px}
.demt-kort-utdrag p{font-size:15px;line-height:1.6;margin:0 0 10px}
.demt-kort-mer{margin:0;font-size:15px;font-weight:700}
.demt-kort-mer a::after{content:"\2192";display:inline-block;margin-left:8px}
.demt-liste-tom{font-size:16px}
.demt-liste .pagination,.demt-liste .navigation{margin:10px 0 0;font-size:15px}
.demt-liste .nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.demt-liste .nav-links .page-numbers{display:inline-block;padding:9px 14px;border:1px solid #D5D5D5;border-radius:3px;text-decoration:none}
.demt-liste .nav-links .page-numbers.current{background:#231F20;color:#FFFFFF;border-color:#231F20}
.demt-sok{margin:0 0 24px;max-width:560px}
.demt-sok-etikett{display:block;font-size:14px;font-weight:700;margin:0 0 8px}
.demt-sok-rad{display:flex;gap:8px}
.demt-sok input[type="search"]{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1px solid #D5D5D5;border-radius:3px;background:#FFFFFF;font-size:16px;color:#231F20;-webkit-appearance:none;appearance:none}
.demt-sok input[type="search"]:focus{outline:none;border-color:#231F20}
.demt-sok button{height:48px;padding:0 22px;background:#231F20;color:#FFFFFF;border:0;border-radius:3px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.demt-sok button:hover{background:#4B4B4B}
.demt-404{padding-top:44px;max-width:760px}
.demt-404 h1{font-size:36px;line-height:1.15;font-weight:800;margin:0 0 12px}
.demt-404 h1::after{content:"";display:block;width:48px;height:3px;background:#FFF309;margin:16px 0 0}
.demt-404-ingress{font-size:17px;line-height:1.6;color:#4B4B4B;margin:0 0 24px}
.demt-404-lenker{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.demt-404-lenker a{display:inline-block;padding:11px 16px;background:#F7F7F7;border:1px solid #D5D5D5;border-radius:3px;font-size:15px;text-decoration:none}
.demt-404-lenker a:hover{border-color:#231F20;text-decoration:none}
@media (max-width:767px){
.demt-innlegg{padding-top:28px}
.demt-innlegg-tittel{font-size:28px;line-height:1.2}
.demt-innlegg-tekst p,.demt-innlegg-tekst li{font-size:16px}
.demt-innlegg-tekst>p:first-of-type{font-size:17px}
.demt-innlegg-tekst h2{font-size:22px;margin:32px 0 12px}
.demt-innlegg-tekst h3{font-size:18px}
.demt-innlegg-tekst .dem-blogg-boks{padding:18px 18px 2px}
.demt-innlegg-tekst .dem-blogg-cta{padding:22px 20px}
.demt-liste{padding-top:28px}
.demt-liste-topp h1,.demt-404 h1{font-size:28px}
}

/* ---------- 8. Skjemaer ---------- */
/* Kontaktskjemaer (GF 6, 9, 11) – flyttet uendret fra Tilleggs-CSS (DEM 09.10.2026): uten kulepunkter,
   etiketter i vanlig skrift, fulle felt, blekk-knapp. */
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11){margin:18px 0 0;max-width:none}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) ul.gform_fields{list-style:none;margin:0;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) li.gfield{list-style:none;margin:0 0 18px;padding:0;background:transparent;border:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) li.gfield.gfield_error{background:transparent;border:0;padding:0;margin-bottom:18px}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_label{display:block;font-family:Poppins,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.4;text-transform:none !important;letter-spacing:0;color:#231F20;margin:0 0 6px;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_required{color:#231F20;margin-left:2px}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container input[type=text],
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container input[type=email],
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container input[type=tel],
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container input[type=number],
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container select,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container textarea{display:block;width:100% !important;max-width:100%;box-sizing:border-box;height:auto;min-height:48px;margin:0;padding:12px 14px;border:1px solid #D5D5D5;border-radius:3px;background:#FFFFFF;font-family:Poppins,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;color:#231F20;box-shadow:none}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container textarea{min-height:160px;resize:vertical}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) input:focus,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) select:focus,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) textarea:focus{outline:2px solid #231F20!important;outline-offset:2px;border-color:#231F20}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container_select{position:relative}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container_select::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #231F20;border-bottom:2px solid #231F20;transform:translateY(-70%) rotate(45deg);pointer-events:none}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;cursor:pointer}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_complex{display:flex;gap:14px;margin:0;padding:0;width:100%}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_complex span{flex:1;margin:0;padding:0;min-width:0;width:auto}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_complex label{display:block;font-size:13px;font-weight:400;text-transform:none !important;letter-spacing:0;color:#4B4B4B;margin:5px 0 0;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_description{font-size:14px;line-height:1.5;color:#4B4B4B;margin:6px 0 0;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_checkbox li,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_radio li{list-style:none;margin:0 0 8px;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_checkbox label,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gfield_radio label{font-size:15px;font-weight:400;text-transform:none !important;color:#231F20;margin:0 0 0 6px}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .validation_message,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .validation_error{background:#FFF309;color:#231F20;border:0;border-radius:3px;font-size:14px;line-height:1.5;font-weight:400;padding:8px 12px;margin:8px 0 0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer{margin:4px 0 14px;padding:0}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer input[type=submit],
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer input.button,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer button{display:inline-block;width:auto;height:auto;margin:0;padding:14px 32px;background:#231F20;color:#FFFFFF;border:0;border-radius:3px;font-family:Poppins,Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:none}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer input[type=submit]:hover,
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_footer button:hover{background:#4B4B4B}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .gform_confirmation_message{font-size:16px;line-height:1.6;color:#231F20;padding:0 0 14px}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .clear-multi{display:flex;flex-wrap:wrap;gap:10px}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .clear-multi .ginput_container{flex:1 1 120px;margin:0;position:relative}
body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_container_date::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #231F20;border-bottom:2px solid #231F20;transform:translateY(-70%) rotate(45deg);pointer-events:none}
@media (max-width:480px){body .gform_legacy_markup_wrapper:is(#gform_wrapper_6,#gform_wrapper_9,#gform_wrapper_11) .ginput_complex{flex-direction:column;gap:12px}}
/* /bestilling/ (skjema 17): pil i nedtrekksmenyene – gf-addon peker på en fil som ikke finnes (Tilleggs-CSS 13.10.2026). */
body .BestSellingForm select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23231F20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important}
body .BestSellingForm .gfield_select,body .BestSellingForm .ginput_container_date select{padding-right:40px!important}
.validation_message{color:red}

/* Styler for Gravity Forms: se css/styler-gf.css – skrives sent i head fra functions.php (dem_styler_css). */
/* Skjema 17: feltene i Poppins (barnetemaets dem-epost-css, 19.10.2026) – ligger her i stedet for i mu-pluginen. */
#gform_wrapper_17 input,#gform_wrapper_17 select,#gform_wrapper_17 textarea{font-family:Poppins,Helvetica,Arial,sans-serif}

/* ---------- 9. Sidejusteringer for dette temaet ---------- */
/* Kallyas-toppen lå oppå siden med 200 px (PC) / 80 px (mobil) luft, og forsiden, /bestilling/ og /lagerstorrelser/
   trakk toppbåndet 40 px opp og forlenget fargen 160 px opp bak toppen. Her ligger toppen i flyt, så båndet
   starter rett under den gule stripa og får vanlig luft i stedet. Reglene vinner over sidenes egne fordi
   body.dem-tema gir høyere spesifisitet; sidenes CSS ryddes i temabytte.md steg 8. (Tema 1.0.3, 22.10.2026.) */
body.dem-tema .dem-fo-hero{margin-top:0;clip-path:inset(0 -100vmax 0);padding-top:56px}
body.dem-tema .dem-be-band{margin-top:0;clip-path:inset(0 -100vmax 0);padding-top:56px}
body.dem-tema .dem-ls{margin-top:0;padding-top:48px}
/* 1.1.3 (24.10.2026, byttekvelden): kontaktsidens bånd (bygget 22.10) trakk seg også 40 px opp, så «Kontakt oss»
   lå delvis bak toppen. Sett i etter-bildene (kanarisjekk 11), samme løsning som for de tre andre båndene. */
body.dem-tema .dem-ko-hero{margin-top:0;clip-path:inset(0 -100vmax 0);padding-top:56px}
@media (max-width:767px){
body.dem-tema .dem-fo-hero{padding-top:28px}
body.dem-tema .dem-be-band{padding-top:24px}
body.dem-tema .dem-ls{padding-top:20px}
body.dem-tema .dem-ko-hero{padding-top:28px}
}
/* 1.1.2 (23.10.2026) – funn fra den uavhengige gjennomgangen før byttet. */
/* «Din bestilling» på /bestilling/ (gf-addon/form.css: sticky, top 0) starter under toppen i stedet for bak den. */
body.dem-tema .BestSellingForm>.gform_body.gform-body>.gform_fields>.gfmc-container:last-child{top:90px}
/* 1.1.4 (25.10.2026, variant B, Aleks): toppen henger igjen på alle bredder. gf-addon/responsive-form.css setter
   #page_wrapper{overflow:hidden!important} under 1257 px, og det slår av position:sticky; clip sperrer sideveis rulling
   like godt, men lar toppen henge. Bunnlinja på mobil er tatt bort (Cookiebot-knappen la seg over telefonnummeret);
   telefon og Bestill ligger øverst i mobilmenyen (del 5). */
body.dem-tema #page_wrapper{overflow:visible!important;overflow-x:clip!important}
/* Hopp til første feil og ankerlenker (#skjema på /bestilling/) lander under den faste toppen: 63 px på mobil, 79 px på PC. */
html:has(body.dem-tema){scroll-padding-top:76px}
@media (min-width:992px){html:has(body.dem-tema){scroll-padding-top:90px}}
/* Skjemaboksen på /bestilling/ har scroll-margin-top 100 px fra Kallyas-tiden (toppen lå oppå siden); med scroll-padding
   over ble hoppet 100 px for langt. */
body.dem-tema #skjema{scroll-margin-top:0}
/* Sidenes egne faste bunnlinjer på mobil (/avdelinger/ .dem-av-fast, Hamar-sidene .dem-hs-sticky, laget i Kallyas-tiden
   da toppen ikke hang igjen) skjules av samme grunn som temaets: toppen er fast, og Cookiebot-knappen lå over dem
   (Aleks 25.10.2026). Innholdet i sidene er urørt; regelen kan tas bort om de skal tilbake. */
body.dem-tema .dem-av .dem-av-fast,body.dem-tema .dem-hs .dem-hs-sticky{display:none}
@media (max-width:767px){body.dem-tema .dem-av{padding-bottom:0}}
/* Kalkulatoren på /lagerstorrelser/ er tilpasset skjermhøyden (sidens egen regel: 100svh − 72 px); den faste toppen
   (63 px) trekkes fra i tillegg, så bunnen ikke dekkes. Til og med 1.1.3 var det bunnlinja (67 px) som ble trukket fra. */
@media (max-width:767px){body.dem-tema .dem-ls-kalk iframe{height:calc(100vh - 135px);height:calc(100svh - 135px);min-height:500px}}