/* Lim inn alt i denne blokken på kundens side. Alt er avgrenset med prefikset «pbm». */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100..125,500..800&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;700&display=swap");

.pbm{
  --pbm-skog:#1E4431;      /* bærende farge — fra deres egen CSS */
  --pbm-natt:#122A1E;      /* dypeste flate, tverrsnittspanel og bunn */
  --pbm-lab:#EEF1EC;       /* kjølig, lys bakgrunn */
  --pbm-hvit:#FFFFFF;
  --pbm-spire:#92B743;     /* G-pad-grønn: markør for komposterbar — aldri tekst på lyst */
  --pbm-vaeske:#E7AD7A;    /* deres kobberfarge, brukt som væsken i tverrsnittet */
  --pbm-grafitt:#1F2A25;   /* brødtekst */
  --pbm-dempet:#56615B;    /* sekundærtekst, 6:1 på hvit */
  --pbm-linje:#C9D2CB;
  --pbm-lys:#E6EDE6;       /* tekst på mørkt */
  --pbm-lys-dempet:#A9BBAE;
  --pbm-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --pbm-tekst:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pbm-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --pbm-bredde:76rem;
  --pbm-kant:clamp(1rem,4vw,2.5rem);
  --pbm-luft:clamp(4rem,9vw,7rem);
  --pbm-fokus:var(--pbm-skog);
  color-scheme:light;
  font-family:var(--pbm-tekst);
  font-size:1rem;
  font-weight:400;
  line-height:1.6;
  color:var(--pbm-grafitt);
  text-align:start;
  -webkit-text-size-adjust:100%;
}
.pbm,.pbm *,.pbm *::before,.pbm *::after{box-sizing:border-box}

/* Skjold mot kundens nakne elementregler */
.pbm :where(h1,h2,h3,h4,h5,h6):not(#pbm-skjold):not(#pbm-skjold){color:inherit;text-transform:none;text-align:inherit;background:none;border:0;padding:0;overflow-wrap:normal}
.pbm :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
.pbm :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
.pbm :where(a){background:none;border:0;box-shadow:none}
.pbm :where(b,strong,i,em,small,mark,data,code){color:inherit;background:none}
.pbm:where(header,section,footer,aside){margin:0;padding-inline:0;border:0;float:none;width:auto;max-width:none}

/* Grunnstil */
.pbm :where(h1,h2,h3,h4):not(#pbm-skjold):not(#pbm-skjold){margin:0}
.pbm :where(figure,address){margin:0}
.pbm :where(img){display:block;max-width:100%;height:auto}
.pbm :where(h1,h2,h3):not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-display);font-stretch:115%;font-weight:700;line-height:1.05;letter-spacing:-.015em;color:var(--pbm-skog)}
.pbm :where(h2):not(#pbm-skjold):not(#pbm-skjold){font-size:clamp(1.9rem,4.2vw,3rem)}
.pbm :where(h3):not(#pbm-skjold):not(#pbm-skjold){font-size:1.2rem;letter-spacing:0}
.pbm :where(a){color:var(--pbm-skog);text-decoration-thickness:1px;text-underline-offset:.2em}
.pbm :where(a:hover){text-decoration-thickness:2px}
/* CMS-skjold: ID-løftet :not(#pbm-skjold):not(#pbm-skjold) (2,0,0) slår publiseringsløsningens stiler for lister, tabeller
   og avsnitt i tekstblokker. Alle regler som treffer disse elementene har samme løft (se CLAUDE.md). */
.pbm :where(ul,ol):not(#pbm-skjold):not(#pbm-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;text-align:inherit;text-indent:0}
.pbm :where(li):not(#pbm-skjold):not(#pbm-skjold){display:block;margin:0;padding:0;list-style:none !important;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;background:none;border:0}
.pbm :where(li):not(#pbm-skjold):not(#pbm-skjold)::marker{content:none}
.pbm :where(p):not(#pbm-skjold):not(#pbm-skjold){margin:0;padding:0;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
.pbm :where(table):not(#pbm-skjold):not(#pbm-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
.pbm :where(thead,tbody,tfoot,tr):not(#pbm-skjold):not(#pbm-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
.pbm :where(td,th):not(#pbm-skjold):not(#pbm-skjold){border:0;padding:0;background:none;box-shadow:none;font:inherit;color:inherit;vertical-align:top;text-align:inherit;width:auto;word-break:normal}
.pbm :where(caption):not(#pbm-skjold):not(#pbm-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
.pbm :where(strong,b){font-weight:700}
.pbm :where(address){font-style:normal}
.pbm :where(a,button,summary):focus-visible{outline:3px solid var(--pbm-fokus);outline-offset:3px;border-radius:2px}

.pbm-ramme{max-width:var(--pbm-bredde);margin-inline:auto;padding-inline:var(--pbm-kant)}
.pbm .pbm-hel{font:inherit;color:inherit;white-space:nowrap}
.pbm .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-dempet)}

/* Knapper */
.pbm .pbm-knapp{display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1.35rem;border-radius:4px;background:var(--pbm-skog);color:var(--pbm-hvit);font-family:var(--pbm-tekst);font-weight:700;font-size:1rem;line-height:1.2;white-space:nowrap;text-decoration:none;border:2px solid var(--pbm-skog);transition:background-color .15s,color .15s}
.pbm .pbm-knapp:hover{background:var(--pbm-natt);border-color:var(--pbm-natt)}
.pbm .pbm-knapp-linje{background:transparent;color:var(--pbm-skog)}
.pbm .pbm-knapp-linje:hover{background:var(--pbm-skog);color:var(--pbm-hvit);border-color:var(--pbm-skog)}
.pbm .pbm-knapp svg{width:1.15rem;height:1.15rem;flex:none}

/* Ikoner: 24-rutenett, 1.75 strek, runde ender */
.pbm .pbm-ikon{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* ── Hopp-lenke ───────────────────────────── */
.pbm-hopp{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;z-index:100;padding:.75rem 1.1rem;background:var(--pbm-skog);color:var(--pbm-hvit);font-family:var(--pbm-tekst);font-weight:700;border-radius:4px;text-decoration:none}
.pbm-hopp:focus{inset-block-start:1rem}

/* ── Toppmeny ─────────────────────────────── */
.pbm-topp{background:var(--pbm-hvit);border-block-end:1px solid var(--pbm-linje)}
.pbm-topp .pbm-topp-rad{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.75rem}
.pbm-topp .pbm-logo{display:block;flex:none}
.pbm-topp .pbm-logo img{width:clamp(128px,22vw,168px)}
.pbm-topp .pbm-meny{order:3;flex-basis:calc(100% + 2 * var(--pbm-kant));min-width:0;margin-inline:calc(var(--pbm-kant) * -1);border-block-start:1px solid var(--pbm-linje)}
.pbm-topp .pbm-meny ul:not(#pbm-skjold):not(#pbm-skjold){display:flex;gap:.25rem;min-width:0;overflow-x:auto;padding:.4rem var(--pbm-kant);padding-inline-start:var(--pbm-kant) !important;scrollbar-width:none}
.pbm-topp .pbm-meny a{display:block;padding:.55rem .7rem;white-space:nowrap;font-size:.92rem;font-weight:500;color:var(--pbm-grafitt);text-decoration:none;border-radius:3px}
.pbm-topp .pbm-meny a:hover{background:var(--pbm-lab)}
.pbm-topp .pbm-meny a[aria-current]{color:var(--pbm-skog);font-weight:700;box-shadow:inset 0 -2px 0 var(--pbm-spire)}
.pbm-topp .pbm-knapp{min-height:2.6rem;padding:.5rem 1rem;font-size:.92rem}
.pbm-topp .pbm-topp-rad{flex-wrap:wrap}
@media (min-width:64rem){
  .pbm-topp .pbm-topp-rad{flex-wrap:nowrap}
  .pbm-topp .pbm-meny{order:0;flex-basis:auto;margin:0;border:0;margin-inline-start:auto}
  .pbm-topp .pbm-meny ul:not(#pbm-skjold):not(#pbm-skjold){padding:0;padding-inline-start:0 !important;overflow:visible}
}

/* ── Hero ─────────────────────────────────── */
.pbm-hero{background:var(--pbm-lab);padding-block:clamp(1.5rem,4vw,3rem) var(--pbm-luft)}
.pbm-hero .pbm-sti ol:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.35rem;font-family:var(--pbm-mono);font-size:.78rem;color:var(--pbm-dempet)}
.pbm-hero .pbm-sti li + li:not(#pbm-skjold):not(#pbm-skjold)::before{content:"/";margin-inline-end:.35rem;color:var(--pbm-linje)}
.pbm-hero .pbm-sti a{color:var(--pbm-dempet)}
.pbm-hero .pbm-sti li[aria-current]:not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-grafitt)}
.pbm-hero-grid{display:grid;gap:clamp(2rem,5vw,4.5rem);margin-block-start:clamp(2rem,5vw,3.5rem);align-items:center}
@media (min-width:62rem){ .pbm-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.pbm-hero h1:not(#pbm-skjold):not(#pbm-skjold){margin-block:.9rem 1.1rem;white-space:nowrap;font-size:clamp(4rem,15vw,7.25rem);font-stretch:125%;font-weight:800;line-height:.86;letter-spacing:-.04em}
.pbm-hero .pbm-ingress:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-display);font-stretch:100%;font-size:clamp(1.3rem,2.3vw,1.6rem);font-weight:500;line-height:1.3;color:var(--pbm-skog);max-width:26ch}
.pbm-hero .pbm-hero-tekst:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1.1rem;max-width:42ch;color:var(--pbm-grafitt)}
.pbm-hero .pbm-handlinger{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}
.pbm-hero .pbm-merker{display:flex;align-items:center;gap:1rem;margin-block-start:2.25rem;padding-block-start:1.25rem;border-block-start:1px solid var(--pbm-linje)}
.pbm-hero .pbm-merker img{width:248px;background:var(--pbm-hvit);padding:.4rem .5rem;border-radius:3px}
.pbm-hero .pbm-merker figcaption{font-family:var(--pbm-mono);font-size:.75rem;line-height:1.45;color:var(--pbm-dempet)}

/* Tverrsnittet — signaturelementet */
.pbm-snitt{position:relative;margin:0;padding:clamp(1rem,3vw,1.75rem);border-radius:6px;color:var(--pbm-lys);background-color:var(--pbm-natt);
  background-image:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);
  background-size:24px 24px;background-position:-1px -1px;--pbm-fokus:var(--pbm-spire)}
.pbm-snitt .pbm-snitt-topp:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-family:var(--pbm-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-lys-dempet)}
.pbm-snitt .pbm-snitt-topp strong{color:var(--pbm-spire);font-weight:500}
.pbm-snitt svg.pbm-snitt-tegning{display:block;width:100%;height:auto;margin-block:.5rem}
.pbm-snitt .pbm-snitt-tegning text{font-family:var(--pbm-mono);font-size:13px;font-weight:500}
.pbm-snitt .pbm-forklaring:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.9rem 1.5rem;counter-reset:pbm-lag;padding-block-start:1rem;border-block-start:1px solid rgb(255 255 255 / .12)}
@media (min-width:36rem){ .pbm-snitt .pbm-forklaring:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr} }
.pbm-snitt .pbm-forklaring li:not(#pbm-skjold):not(#pbm-skjold){position:relative;padding-inline-start:2.4rem;font-size:.9rem;line-height:1.45;color:var(--pbm-lys-dempet)}
.pbm-snitt .pbm-forklaring li strong{display:block;color:var(--pbm-lys);font-weight:700}
.pbm-snitt .pbm-forklaring li:not(.pbm-nokkel):not(#pbm-skjold):not(#pbm-skjold){counter-increment:pbm-lag}
.pbm-snitt .pbm-forklaring li:not(.pbm-nokkel):not(#pbm-skjold):not(#pbm-skjold)::before{content:counter(pbm-lag);position:absolute;inset-inline-start:0;inset-block-start:0;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1.5px solid var(--pbm-spire);border-radius:50%;font-family:var(--pbm-mono);font-size:.8rem;font-weight:500;color:var(--pbm-spire)}
.pbm-snitt .pbm-forklaring .pbm-nokkel:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";position:absolute;inset-inline-start:.42rem;inset-block-start:.3rem;width:.8rem;height:.8rem;background:var(--pbm-vaeske);border-radius:0 50% 50% 50%;transform:rotate(45deg)}
.pbm-snitt figcaption{margin-block-start:1rem;font-family:var(--pbm-mono);font-size:.72rem;color:var(--pbm-lys-dempet)}

@keyframes pbm-drape{
  0%{transform:translateY(0);opacity:0}
  12%{opacity:1}
  72%{transform:translateY(var(--pbm-fall));opacity:1}
  86%,100%{transform:translateY(var(--pbm-fall));opacity:0}
}
@keyframes pbm-flekk{0%,60%{opacity:.35}80%,100%{opacity:.7}}
@media (prefers-reduced-motion:no-preference){
  .pbm-snitt .pbm-drape{animation:pbm-drape 3.6s cubic-bezier(.45,0,.75,1) infinite}
  .pbm-snitt .pbm-drape-2{animation-delay:1.2s}
  .pbm-snitt .pbm-drape-3{animation-delay:2.4s}
  .pbm-snitt .pbm-flekk{animation:pbm-flekk 3.6s ease-out infinite}
  .pbm-snitt .pbm-flekk-2{animation-delay:1.2s}
  .pbm-snitt .pbm-flekk-3{animation-delay:2.4s}
}

/* ── Datablad ─────────────────────────────── */
.pbm-datablad{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-datablad .pbm-datablad-grid{display:grid;gap:2rem 4rem}
@media (min-width:56rem){
  .pbm-datablad .pbm-datablad-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .pbm-datablad .pbm-datablad-hode{position:sticky;inset-block-start:2rem;align-self:start}
}
.pbm-datablad h2:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:.75rem}
.pbm-datablad .pbm-datablad-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1rem;color:var(--pbm-dempet);max-width:34ch}
.pbm-spek:not(#pbm-skjold):not(#pbm-skjold){border-block-end:1px solid var(--pbm-linje)}
.pbm-spek .pbm-spek-rad:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.25rem 2rem;padding-block:1.05rem;border-block-start:1px solid var(--pbm-linje)}
@media (min-width:40rem){ .pbm-spek .pbm-spek-rad:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:12rem minmax(0,1fr);align-items:baseline} }
.pbm-spek .pbm-spek-navn{display:block;font-family:var(--pbm-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pbm-dempet)}
.pbm-spek .pbm-spek-verdi{font-size:1.02rem}
.pbm-spek .pbm-spek-hoved:not(#pbm-skjold):not(#pbm-skjold){padding-block:1.5rem}
.pbm-spek .pbm-tall{font-family:var(--pbm-display);font-stretch:125%;font-weight:800;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;letter-spacing:-.03em;color:var(--pbm-skog)}
.pbm-spek .pbm-tall small{font-family:var(--pbm-mono);font-stretch:100%;font-size:.38em;font-weight:500;letter-spacing:0;margin-inline-start:.25em}
.pbm-spek .pbm-forbehold{display:block;margin-block-end:.35rem;font-family:var(--pbm-mono);font-size:.78rem;color:var(--pbm-dempet)}
.pbm-spek .pbm-valg:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.5rem}
.pbm-spek .pbm-valg li:not(#pbm-skjold):not(#pbm-skjold){display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .5rem;border:1px solid var(--pbm-linje);border-radius:3px;font-size:.95rem}
.pbm-spek .pbm-valg .pbm-ikon{width:1.35rem;height:1.35rem;color:var(--pbm-skog)}
.pbm-spek .pbm-farger li:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";width:1rem;height:1rem;border-radius:2px;border:1px solid rgb(0 0 0 / .25)}
.pbm-spek .pbm-farger .pbm-farge-hvit:not(#pbm-skjold):not(#pbm-skjold)::before{background:#FFFFFF}
.pbm-spek .pbm-farger .pbm-farge-rod:not(#pbm-skjold):not(#pbm-skjold)::before{background:#C8252F}
.pbm-spek .pbm-farger .pbm-farge-svart:not(#pbm-skjold):not(#pbm-skjold)::before{background:#1A1A1A}
.pbm-spek .pbm-farger .pbm-farge-rosa:not(#pbm-skjold):not(#pbm-skjold)::before{background:#EFA3B8}
.pbm-spek .pbm-mangler{font-family:var(--pbm-mono);font-size:.85rem;background:#FFF3C4;color:#5A4500;padding:.15rem .45rem;border-radius:2px}

/* ── I detalj ─────────────────────────────── */
.pbm-detalj{background:var(--pbm-lab);padding-block:var(--pbm-luft)}
.pbm-detalj .pbm-detalj-grid{display:grid;gap:2.5rem 4rem;align-items:center}
@media (min-width:56rem){ .pbm-detalj .pbm-detalj-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)} }
.pbm-detalj h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 2rem}
.pbm-detalj .pbm-egenskaper:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:1.6rem}
.pbm-detalj .pbm-egenskaper li:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.3rem;padding-inline-start:1.25rem;border-inline-start:2px solid var(--pbm-spire);max-width:56ch}
.pbm-detalj .pbm-egenskaper h3:not(#pbm-skjold):not(#pbm-skjold){font-size:1.1rem}
.pbm-detalj figure{position:relative;background:var(--pbm-hvit);border-radius:6px;overflow:hidden}
.pbm-detalj figure img{width:100%;aspect-ratio:1032/1000;object-fit:cover;object-position:50% 40%}
.pbm-detalj figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet);border-block-start:1px solid var(--pbm-linje)}

/* ── Livsløp ──────────────────────────────── */
.pbm-livslop{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-livslop .pbm-livslop-hode{max-width:44rem}
.pbm-livslop h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1rem}
.pbm-livslop .pbm-livslop-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-dempet);font-size:1.08rem}
.pbm-livslop .pbm-livslop-grid{display:grid;gap:2.5rem 4rem;margin-block-start:clamp(2rem,5vw,3.5rem);align-items:start}
@media (min-width:56rem){ .pbm-livslop .pbm-livslop-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.pbm-livslop figure img{width:100%;border-radius:6px}
.pbm-livslop figure figcaption{margin-block-start:.6rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet)}
.pbm-steg:not(#pbm-skjold):not(#pbm-skjold){position:relative;display:grid;gap:2.25rem}
.pbm-steg:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";position:absolute;inset-block:1.5rem 1.5rem;inset-inline-start:1.5rem;border-inline-start:2px dashed var(--pbm-linje)}
.pbm-steg li:not(#pbm-skjold):not(#pbm-skjold){position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 1.25rem}
.pbm-steg .pbm-steg-ikon{grid-row:span 3;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--pbm-skog);color:var(--pbm-hvit);position:relative}
.pbm-steg li:last-child .pbm-steg-ikon{background:var(--pbm-spire);color:var(--pbm-natt)}
.pbm-steg .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){padding-block-start:.2rem}
.pbm-steg h3:not(#pbm-skjold):not(#pbm-skjold){margin-block:.2rem .4rem;font-size:1.3rem}
.pbm-steg p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){max-width:52ch}
.pbm-livslop .pbm-merk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;margin-block-start:clamp(2.5rem,5vw,3.5rem);padding:1.1rem 1.25rem;background:var(--pbm-lab);border-inline-start:3px solid var(--pbm-skog);border-radius:0 4px 4px 0}
.pbm-livslop .pbm-merk strong{font-family:var(--pbm-mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-skog);padding-block-start:.15rem}
.pbm-livslop .pbm-merk p:not(#pbm-skjold):not(#pbm-skjold){max-width:70ch}
.pbm-livslop .pbm-videre:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1.5rem;font-weight:700}

/* ── Familien ─────────────────────────────── */
.pbm-familie{background:var(--pbm-lab);padding-block:var(--pbm-luft)}
.pbm-familie h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem clamp(1.75rem,4vw,2.5rem)}
.pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){display:grid;border-block-start:1px solid var(--pbm-linje)}
@media (min-width:44rem){ .pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr;column-gap:3rem} }
@media (min-width:68rem){ .pbm-familie ul:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:1fr 1fr 1fr} }
.pbm-familie li:not(#pbm-skjold):not(#pbm-skjold){border-block-end:1px solid var(--pbm-linje)}
.pbm-familie a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;padding-block:1.1rem;text-decoration:none;color:var(--pbm-grafitt)}
.pbm-familie a strong{font-family:var(--pbm-display);font-stretch:112%;font-size:1.1rem;color:var(--pbm-skog)}
.pbm-familie a small{grid-column:1;font-size:.9rem;color:var(--pbm-dempet);line-height:1.45}
.pbm-familie a::after{content:"→";grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--pbm-mono);color:var(--pbm-skog);transition:transform .15s}
.pbm-familie a:hover strong{text-decoration:underline;text-underline-offset:.2em}
.pbm-familie a:hover::after{transform:translateX(4px)}

/* ── Kontakt ──────────────────────────────── */
.pbm-kontakt{background:var(--pbm-skog);color:var(--pbm-lys);padding-block:var(--pbm-luft);--pbm-fokus:var(--pbm-spire)}
.pbm-kontakt .pbm-kontakt-grid{display:grid;gap:3rem 5rem}
@media (min-width:56rem){ .pbm-kontakt .pbm-kontakt-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end} }
.pbm-kontakt .pbm-merke:not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-lys-dempet)}
.pbm-kontakt h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1.1rem;color:var(--pbm-hvit);font-size:clamp(2.2rem,5vw,3.75rem);font-stretch:125%;font-weight:800;letter-spacing:-.03em}
.pbm-kontakt p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){max-width:50ch;color:var(--pbm-lys)}
.pbm-kontakt .pbm-handlinger{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}
.pbm-kontakt .pbm-knapp{background:var(--pbm-spire);border-color:var(--pbm-spire);color:var(--pbm-natt)}
.pbm-kontakt .pbm-knapp:hover{background:var(--pbm-hvit);border-color:var(--pbm-hvit)}
.pbm-kontakt .pbm-knapp-linje{background:transparent;border-color:var(--pbm-lys-dempet);color:var(--pbm-hvit)}
.pbm-kontakt .pbm-knapp-linje:hover{background:var(--pbm-hvit);color:var(--pbm-skog)}
.pbm-kontakt .pbm-kanaler:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:0}
.pbm-kontakt .pbm-kanaler > li:not(#pbm-skjold):not(#pbm-skjold){display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.1rem 1rem;padding-block:1rem;border-block-start:1px solid rgb(255 255 255 / .16)}
.pbm-kontakt .pbm-kanaler .pbm-ikon{grid-row:span 2;color:var(--pbm-spire);margin-block-start:.15rem}
.pbm-kontakt .pbm-kanaler .pbm-kanal-navn{display:block;font-family:var(--pbm-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-lys-dempet)}
.pbm-kontakt .pbm-kanaler .pbm-kanal-verdi:not(#pbm-skjold):not(#pbm-skjold){font-size:1.1rem;font-weight:700}
.pbm-kontakt .pbm-kanaler a{color:var(--pbm-hvit);text-decoration-color:rgb(255 255 255 / .4)}
.pbm-kontakt .pbm-kanaler a:hover{text-decoration-color:var(--pbm-spire)}

/* ── Bunn ─────────────────────────────────── */
.pbm-bunn{background:var(--pbm-natt);color:var(--pbm-lys-dempet);padding-block:2.5rem;font-size:.9rem;--pbm-fokus:var(--pbm-spire)}
.pbm-bunn .pbm-bunn-rad{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem}
.pbm-bunn img{width:140px}
.pbm-bunn p:not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-mono);font-size:.78rem;line-height:1.7}
.pbm-bunn ul:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.pbm-bunn a{color:var(--pbm-lys)}

/* ════════════════════════════════════════════════════════════════
   Barrierelaken — tillegg til G-pad-CSS-en over. Alt over er uendret,
   så én og samme blokk kan ligge i «Custom CSS» for begge sidene.
   ════════════════════════════════════════════════════════════════ */
.pbm{--pbm-film:#7CC8D4}   /* barrierefilmen — turkis som stripen på lakenene; bare i tegninger og på mørkt */
/* Skjold som manglet i G-pad-utgaven (funnet i innlimingstesten): kundens header{padding} og figure{border} */
.pbm-topp{padding-block:0}
.pbm :where(figure){border:0}
/* Toppmenyen på én rad fra 64rem var 54 px for bred rett over 1024 px */
@media (min-width:64rem) and (max-width:75rem){ .pbm-topp .pbm-meny a{padding-inline:.45rem} }
.pbm .pbm-mangler{font-family:var(--pbm-mono);font-size:.85rem;background:#FFF3C4;color:#5A4500;padding:.15rem .45rem;border-radius:2px}

/* Hero: lang tittel deles med myk bindestrek */
.pbm-hero h1.pbm-tittel-lang:not(#pbm-skjold):not(#pbm-skjold){white-space:normal;hyphens:manual;font-size:clamp(3rem,11.5vw,5.6rem);line-height:.9}
/* Tittelen skalerer etter tekstkolonnen, ikke vinduet: «Barriere-» er ca. 5 × font-size bred */
.pbm-hero .pbm-hero-grid > :first-child{container:pbm-herotekst / inline-size}
@container pbm-herotekst (min-width:1px){
  .pbm-hero h1.pbm-tittel-lang:not(#pbm-skjold):not(#pbm-skjold){font-size:clamp(2.75rem,18.5cqi,5.6rem)}
}
.pbm-hero .pbm-krav:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-block-start:2.25rem;padding-block-start:1.25rem;border-block-start:1px solid var(--pbm-linje)}
.pbm-hero .pbm-krav li:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.1rem}
.pbm-hero .pbm-krav strong{font-family:var(--pbm-display);font-stretch:115%;font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--pbm-skog)}
.pbm-hero .pbm-krav small{font-family:var(--pbm-mono);font-size:.75rem;line-height:1.45;color:var(--pbm-dempet)}
.pbm-hero .pbm-krav .pbm-krav-miljo strong::before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-inline-end:.45rem;border-radius:50%;background:var(--pbm-spire);vertical-align:.12em}

/* Tegningene: fibrene i overflaten og damp gjennom filmen */
@keyframes pbm-damp{to{stroke-dashoffset:-27}}
@media (prefers-reduced-motion:no-preference){
  .pbm-snitt .pbm-damp{animation:pbm-damp 1.6s linear infinite}
}

/* ── Slik virker det ──────────────────────── */
.pbm-virkning{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-virkning .pbm-virkning-hode{max-width:46rem}
.pbm-virkning h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1rem}
.pbm-virkning .pbm-virkning-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-dempet);font-size:1.08rem;max-width:52ch}
.pbm-virkning .pbm-snitt{margin-block-start:clamp(2rem,5vw,3rem)}
.pbm-virkning .pbm-virkning-liste:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:2rem 3rem;margin-block-start:clamp(1.75rem,4vw,2.5rem)}
@media (min-width:48rem){ .pbm-virkning .pbm-virkning-liste:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:repeat(3,minmax(0,1fr))} }
.pbm-virkning .pbm-virkning-liste li:not(#pbm-skjold):not(#pbm-skjold){display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.35rem 1rem;align-content:start}
.pbm-virkning .pbm-virkning-ikon{grid-row:span 2;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1.5px solid var(--pbm-skog);color:var(--pbm-skog)}
.pbm-virkning h3:not(#pbm-skjold):not(#pbm-skjold){font-size:1.3rem;padding-block-start:.55rem}
.pbm-virkning .pbm-virkning-liste p:not(#pbm-skjold):not(#pbm-skjold){max-width:40ch}

/* ── Kvalitetene ──────────────────────────── */
.pbm-kvaliteter{background:var(--pbm-lab);padding-block:var(--pbm-luft)}
.pbm-kvaliteter .pbm-kvaliteter-hode{display:grid;gap:1rem 4rem;align-items:end}
@media (min-width:56rem){ .pbm-kvaliteter .pbm-kvaliteter-hode{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} }
.pbm-kvaliteter h2:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:.75rem}
.pbm-kvaliteter .pbm-felles:not(#pbm-skjold):not(#pbm-skjold){padding:1rem 1.15rem;background:var(--pbm-hvit);border-inline-start:3px solid var(--pbm-skog);border-radius:0 4px 4px 0;font-size:.95rem}
.pbm-kvaliteter .pbm-felles strong{display:block;font-family:var(--pbm-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-skog)}
.pbm-kvalitet-liste:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:clamp(2rem,5vw,3rem);border-block-end:1px solid var(--pbm-linje)}
.pbm-kvalitet-liste > li:not(#pbm-skjold):not(#pbm-skjold){display:grid;gap:.75rem 3rem;padding-block:1.6rem;border-block-start:1px solid var(--pbm-linje)}
@media (min-width:60rem){ .pbm-kvalitet-liste > li:not(#pbm-skjold):not(#pbm-skjold){grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);align-items:start} }
.pbm-kvalitet-liste h3:not(#pbm-skjold):not(#pbm-skjold){font-size:1.35rem}
.pbm-kvalitet-liste .pbm-serie:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:.3rem;font-family:var(--pbm-mono);font-size:.78rem;color:var(--pbm-dempet)}
.pbm-kvalitet-liste .pbm-kvalitet-tekst p:not(#pbm-skjold):not(#pbm-skjold){max-width:58ch}
.pbm-kvalitet-liste .pbm-kvalitet-tekst p + p:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:.5rem;font-size:.92rem;color:var(--pbm-dempet)}
.pbm-etiketter:not(#pbm-skjold):not(#pbm-skjold){display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.85rem}
.pbm-etiketter li:not(#pbm-skjold):not(#pbm-skjold){display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border:1px solid var(--pbm-linje);border-radius:3px;background:var(--pbm-hvit);font-size:.85rem;line-height:1.4}
.pbm-etiketter li:not(#pbm-skjold):not(#pbm-skjold)::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--pbm-skog)}
.pbm-etiketter .pbm-etikett-barriere:not(#pbm-skjold):not(#pbm-skjold)::before{border-radius:1px;height:.22rem;width:.7rem;background:#3A97A7}
.pbm-etiketter .pbm-etikett-miljo:not(#pbm-skjold):not(#pbm-skjold)::before{background:var(--pbm-spire)}
/* Bruddstyrke som måler, skala 0–300 kg (--pbm-verdi = kg/300) */
.pbm-styrke:not(#pbm-skjold):not(#pbm-skjold){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.15rem 1rem}
.pbm-styrke small{font-family:var(--pbm-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pbm-dempet)}
.pbm-styrke data{font-family:var(--pbm-display);font-stretch:125%;font-weight:800;font-size:1.9rem;line-height:1;letter-spacing:-.02em;color:var(--pbm-skog)}
.pbm-styrke data small{font-stretch:100%;font-size:.45em;font-weight:500;letter-spacing:0;text-transform:none;color:var(--pbm-skog);margin-inline-start:.15em}
.pbm-styrke:not(#pbm-skjold):not(#pbm-skjold)::after{content:"";grid-column:1 / -1;height:.6rem;margin-block-start:.5rem;border-radius:1px;
  background:linear-gradient(90deg,transparent calc(33.333% - 1px),var(--pbm-lab) 0 calc(33.333% + 1px),transparent 0 calc(66.666% - 1px),var(--pbm-lab) 0 calc(66.666% + 1px),transparent 0),
             linear-gradient(90deg,var(--pbm-skog) calc(var(--pbm-verdi,0) * 100%),var(--pbm-linje) 0)}
.pbm-styrke.pbm-styrke-ukjent:not(#pbm-skjold):not(#pbm-skjold)::after{background:none;border:1px dashed #9AA69D}
.pbm-styrke .pbm-mangler{grid-column:1 / -1;justify-self:start;font-size:.78rem}
.pbm-kvaliteter .pbm-skala:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet)}

/* ── Størrelser ───────────────────────────── */
.pbm-storrelser{background:var(--pbm-hvit);padding-block:var(--pbm-luft)}
.pbm-storrelser .pbm-storrelser-grid{display:grid;gap:2.5rem 4rem;align-items:start}
.pbm-storrelser .pbm-storrelser-grid > *{min-width:0}
@media (min-width:56rem){ .pbm-storrelser .pbm-storrelser-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.pbm-storrelser h2:not(#pbm-skjold):not(#pbm-skjold){margin-block:.75rem 1rem}
.pbm-storrelser .pbm-storrelser-hode p:not(.pbm-merke):not(#pbm-skjold):not(#pbm-skjold){color:var(--pbm-dempet);max-width:40ch}
.pbm-storrelser figure{margin-block-start:2rem;background:var(--pbm-lab);border-radius:6px;overflow:hidden}
.pbm-storrelser figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pbm-storrelser figcaption{padding:.8rem 1rem;font-family:var(--pbm-mono);font-size:.75rem;color:var(--pbm-dempet);border-block-start:1px solid var(--pbm-linje)}
.pbm-tabell:not(#pbm-skjold):not(#pbm-skjold){font-size:.95rem;border-block-end:1px solid var(--pbm-linje)}
.pbm-tabell caption:not(#pbm-skjold):not(#pbm-skjold){padding-block-end:.75rem;font-family:var(--pbm-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pbm-dempet);text-align:start}
.pbm-tabell th:not(#pbm-skjold):not(#pbm-skjold){padding:.55rem .75rem .55rem 0;font-family:var(--pbm-mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pbm-dempet);text-align:start;border-block-end:1.5px solid var(--pbm-skog)}
.pbm-tabell td:not(#pbm-skjold):not(#pbm-skjold){padding:.7rem .75rem .7rem 0;border-block-start:1px solid var(--pbm-linje);vertical-align:baseline}
.pbm-tabell td:first-child:not(#pbm-skjold):not(#pbm-skjold){font-weight:700;color:var(--pbm-skog)}
.pbm-tabell td:nth-child(2):not(#pbm-skjold):not(#pbm-skjold),.pbm-tabell td:nth-child(3):not(#pbm-skjold):not(#pbm-skjold){font-family:var(--pbm-mono);font-size:.85rem}
.pbm-tabell td:nth-child(3):not(#pbm-skjold):not(#pbm-skjold){white-space:nowrap}
.pbm-tabell td:last-child:not(#pbm-skjold):not(#pbm-skjold),.pbm-tabell th:last-child:not(#pbm-skjold):not(#pbm-skjold){padding-inline-end:0;text-align:end}
.pbm-tabell .pbm-mangler{white-space:normal;font-size:.75rem}
.pbm-storrelser .pbm-tabell-merk:not(#pbm-skjold):not(#pbm-skjold){margin-block-start:1rem}

/* ── WIPS-tilpasning (bare på WIPS-siden, ikke i utkastet) ─────────────
   Blokker som inneholder en av våre seksjoner går kant i kant: WIPS sin luft rundt
   tekstblokker (padding 20px !important, marger på omslagene) nulles. */
.tf-block:has(.pbm):not(#pbm-skjold):not(#pbm-skjold):not(#pbm-skjold),
.tf-block:has(.pbm) :not(.pbm,.pbm *):not(#pbm-skjold):not(#pbm-skjold):not(#pbm-skjold){padding:0 !important;margin:0 !important}