/* Alver Optikk, utkast. Oppsett frå lindberg.com (fliser i avrunda rammer, tynn display), hero 2 frå luneteyewear.com (delt 50/50). */
@font-face{font-family:'Chillax';src:url('../assets/fonts/chillax-normal.woff2') format('woff2');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:'GT Sectra Fine';src:url('../assets/fonts/gt-sectra-fine-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'GT Sectra Fine';src:url('../assets/fonts/gt-sectra-fine-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Zodiak';src:url('../assets/fonts/zodiak-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../assets/fonts/satoshi-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* Palett 1: butikken (kvit som Lindberg, leirrosa og koksgrå frå veggane i fotoet) */
  --c-papir:#FFFFFF; --c-flate:#F1ECE8; --c-blekk:#24201C; --c-dempa:#5E5650;
  --c-aksent:#8C5A43; --c-aksent-tekst:#FFFFFF; --c-mork:#3B342F; --c-mork-tekst:#F6F1EC; --c-mork-dempa:#D9CFC7;
  --c-linje:rgba(36,32,28,.16); --c-linje-sterk:rgba(36,32,28,.3); --c-stjerne:#8C5A43; --c-stjerne-lys:#F2D3C1;
  --c-fokus:#8C5A43; --c-fokus-lys:#F2D3C1; --c-feil:#A3271B;

  --f-display:'Chillax','Avenir Next',sans-serif; --w-display:200; --lh-display:1.0; --ls-display:-.01em;
  --f-tekst:'Satoshi','Helvetica Neue',Arial,sans-serif;

  --fs-hero:clamp(2.75rem,6.4vw,6rem); --fs-h2:clamp(2rem,3.6vw,3.25rem); --fs-flis:clamp(2rem,3.2vw,2.8rem);
  --fs-tal:clamp(6rem,17vw,15rem); --fs-tekst:1.0625rem; --fs-liten:.9375rem;

  --kant:12px; --gap:12px; --r:8px; --side:clamp(20px,4vw,56px); --topp-h:72px;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:72px; --s-7:112px;
  --ease:cubic-bezier(.23,1,.32,1);
  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
}
/* Palett 2: kjedefargen til c)optikk (#004f68 frå dagens side) */
[data-pal="2"]{--c-papir:#FFFFFF;--c-flate:#E6EFF1;--c-blekk:#0E2A33;--c-dempa:#3F5B65;--c-aksent:#004F68;--c-mork:#0E2A33;--c-mork-tekst:#EEF5F7;--c-mork-dempa:#C3D6DC;
  --c-linje:rgba(14,42,51,.16);--c-linje-sterk:rgba(14,42,51,.3);--c-stjerne:#004F68;--c-stjerne-lys:#BFE3EE;--c-fokus:#004F68;--c-fokus-lys:#BFE3EE}
/* Palett 3: svart-kvitt som Lindberg */
[data-pal="3"]{--c-papir:#FBFBFB;--c-flate:#E9E9E9;--c-blekk:#111111;--c-dempa:#5E5C5B;--c-aksent:#111111;--c-mork:#1A1A1A;--c-mork-tekst:#FBFBFB;--c-mork-dempa:#D3D3D3;
  --c-linje:rgba(0,0,0,.16);--c-linje-sterk:rgba(0,0,0,.32);--c-stjerne:#111111;--c-stjerne-lys:#FFFFFF;--c-fokus:#111111;--c-fokus-lys:#FFFFFF}
[data-font="2"]{--f-display:'GT Sectra Fine',Georgia,serif;--w-display:300;--lh-display:1.04;--ls-display:-.015em;--fs-hero:clamp(2.6rem,6vw,5.6rem)}
[data-font="3"]{--f-display:'Zodiak',Georgia,serif;--w-display:300;--lh-display:1.04;--ls-display:-.02em;--fs-hero:clamp(2.6rem,6vw,5.6rem)}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--topp-h) + 12px)}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font:400 var(--fs-tekst)/1.55 var(--f-tekst);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.tal :focus-visible,.tilpass :focus-visible,.botn :focus-visible,.hero--ramme .hero__ramme :focus-visible{outline-color:var(--c-fokus-lys)}
.vis-skjermleser{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hopp{position:absolute;left:var(--side);top:-60px;z-index:var(--z-varsel);background:var(--c-blekk);color:var(--c-papir);padding:12px 16px}
.hopp:focus{top:8px}
.sprite{display:none}
.ikon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Knappar: piller (begge referansane) ---------- */
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;
  font:500 var(--fs-liten)/1 var(--f-tekst);text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.knapp:active{transform:scale(.97)}
.knapp--fylt{background:var(--c-blekk);color:var(--c-papir)}
.knapp--ramme{border-color:currentColor;background:transparent}
.knapp--lys{background:var(--c-papir);color:var(--c-blekk)}
@media (hover:hover) and (pointer:fine){
  .knapp--fylt:hover{background:var(--c-aksent)}
  .knapp--ramme:hover{background:var(--c-blekk);color:var(--c-papir);border-color:var(--c-blekk)}
  .knapp--lys:hover{background:var(--c-flate)}
  .topp__nav a:hover{color:var(--c-aksent)}
}

/* ---------- Toppen ---------- */
.topp{position:sticky;top:0;z-index:var(--z-sticky);background:var(--c-papir)}
.topp__rad{display:flex;align-items:center;gap:var(--s-4);height:var(--topp-h);padding:0 calc(var(--kant) + 16px)}
.merke{display:flex;align-items:center;min-height:44px}
.merke__logo{width:190px}
[data-pal="2"] .merke__logo,[data-pal="3"] .merke__logo{filter:brightness(0)}
.topp__nav{display:flex;gap:var(--s-4);margin:0 auto}
.topp__nav a{font-size:var(--fs-liten);text-decoration:none;padding:12px 2px;color:var(--c-blekk)}
.topp__handling{display:flex;align-items:center;gap:var(--s-2)}
.topp__tlf{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--fs-liten);text-decoration:none}
.topp__time{min-height:44px;padding:0 20px}

/* ---------- Stjerner ---------- */
.stjerner{position:relative;display:inline-block;width:88px;height:16px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") 0 0/17.6px 16px repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") 0 0/17.6px 16px repeat-x;
  background-color:var(--c-linje-sterk)}
.stjerner__fylt{position:absolute;inset:0 auto 0 0;background:var(--c-stjerne)}
.stjerner--stor{width:132px;height:24px;-webkit-mask-size:26.4px 24px;mask-size:26.4px 24px}
.hero__vurdering{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:var(--fs-liten);text-decoration:none}

/* ---------- Hero, felles ---------- */
.hero{display:none}
[data-hero="1"] .hero[data-hero="1"]{display:block}
[data-hero="2"] .hero--delt[data-hero="2"]{display:grid}
.hero__tittel{display:flex;flex-direction:column;font:var(--w-display) var(--fs-hero)/var(--lh-display) var(--f-display);letter-spacing:var(--ls-display)}
.hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero__line-in{display:block}
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero .hero__sub{opacity:0}
.hero__ingress{max-width:34ch;color:var(--c-dempa)}

/* Hero 1: foto i ramme (Lindberg), skjemastripe under */
.hero--ramme{padding:0 var(--kant)}
.hero__ramme{position:relative;height:clamp(420px,calc(100svh - var(--topp-h) - 200px),760px);border-radius:var(--r);overflow:hidden;background:var(--c-mork);isolation:isolate}
.hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;z-index:-1}
.hero__ramme::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(20,17,15,.84) 0%,rgba(20,17,15,.66) 30%,rgba(20,17,15,.28) 52%,rgba(20,17,15,0) 68%),linear-gradient(90deg,rgba(20,17,15,.5) 0%,rgba(20,17,15,0) 50%)}
.hero--ramme .hero__tekst{position:absolute;left:0;right:0;bottom:0;padding:var(--s-5) calc(var(--side) - var(--kant));color:#FFFFFF}
.hero--ramme .hero__vurdering{margin-bottom:var(--s-2);color:#FFFFFF}
.hero--ramme .stjerner{background-color:rgba(255,255,255,.35)}
.hero--ramme .stjerner__fylt{background:var(--c-stjerne-lys)}
.hero__stripe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:var(--s-5);align-items:center;padding:var(--s-4) calc(var(--side) - var(--kant)) var(--s-4)}
.skjema__rad{display:grid;grid-template-columns:1fr 1fr 1.1fr auto;gap:var(--s-1);align-items:end}

/* Felt */
.felt{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;color:var(--c-dempa)}
.felt input,.felt select{min-height:48px;padding:0 14px;border:1px solid var(--c-linje-sterk);border-radius:var(--r);background:var(--c-papir);color:var(--c-blekk);font-size:1rem;width:100%}
.felt select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.felt input[aria-invalid="true"]{border-color:var(--c-feil)}
.skjema__feil{margin-top:var(--s-1);color:var(--c-feil);font-size:var(--fs-liten)}
.hero__skjema-takk{margin-top:var(--s-1)}
.takk__tittel{font:var(--w-display) 1.6rem/1.2 var(--f-display)}
.hero__skjema.er-sendt .skjema__rad,.hero__skjema.er-sendt > .felt,.hero__skjema.er-sendt > .knapp{display:none}

/* Hero 2: delt 50/50 (Lunet) */
.hero--delt{grid-template-columns:1fr 1fr;gap:var(--gap);padding:0 var(--kant);min-height:calc(100svh - var(--topp-h) - var(--kant))}
.hero__panel{display:flex;flex-direction:column;justify-content:center;gap:var(--s-3);padding:var(--s-5) clamp(24px,5vw,80px);background:var(--c-flate);border-radius:var(--r)}
.hero--delt .hero__ingress{color:var(--c-blekk)}
.hero--delt .hero__tittel{font-size:clamp(2.5rem,5vw,5rem)}
.hero__skjema--loddrett{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1);max-width:520px}
.hero__skjema--loddrett .felt:nth-of-type(3),.hero__skjema--loddrett .knapp,.hero__skjema--loddrett .skjema__feil,.hero__skjema--loddrett .hero__skjema-takk{grid-column:1/-1}
.hero__skjema--loddrett .knapp{justify-self:start;margin-top:var(--s-1)}
.hero__film{position:relative;border-radius:var(--r);overflow:hidden;background:var(--c-mork) url("../assets/video/butikken.jpg") 50% 50%/cover}
.hero__film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- To fliser (Lindberg) ---------- */
.fliser{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:var(--gap) var(--kant) 0}
.flis{position:relative;border-radius:var(--r);overflow:hidden;background:var(--c-flate);display:grid;grid-template-rows:auto 1fr}
.flis img{width:100%;aspect-ratio:3/2;object-fit:cover}
.flis__tekst{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2);padding:var(--s-5) var(--s-4) var(--s-5)}
.flis__tekst p{max-width:32ch;color:var(--c-dempa)}
.flis__tittel{font:var(--w-display) var(--fs-flis)/var(--lh-display) var(--f-display);letter-spacing:var(--ls-display)}

/* ---------- Stort tal over heile breidda ---------- */
.tal{position:relative;margin:var(--gap) var(--kant) 0;border-radius:var(--r);overflow:hidden;min-height:620px;display:grid;align-items:end;color:#FFFFFF;isolation:isolate;background:var(--c-mork)}
.tal__bilde{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1)}
.tal::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,17,15,.86) 0%,rgba(20,17,15,.7) 45%,rgba(20,17,15,.3) 100%)}
.tal__innhald{padding:var(--s-6) calc(var(--side) - var(--kant));max-width:760px}
.tal__tal{font:var(--w-display) var(--fs-tal)/.9 var(--f-display);letter-spacing:-.03em}
.tal__tittel{font:var(--w-display) var(--fs-h2)/1.05 var(--f-display);margin:var(--s-2) 0 var(--s-3)}
.tal__tekst{max-width:46ch;margin-bottom:var(--s-4);color:#EDE6E0}

/* ---------- Mørk flis: briller og glas ---------- */
.tilpass{margin:var(--gap) var(--kant) 0;border-radius:var(--r);background:var(--c-mork);color:var(--c-mork-tekst);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);padding:var(--s-7) calc(var(--side) - var(--kant))}
.seksjon__tittel{font:var(--w-display) var(--fs-h2)/1.05 var(--f-display);letter-spacing:var(--ls-display);margin-bottom:var(--s-3)}
.tilpass__tekst p{max-width:52ch;color:var(--c-mork-dempa)}
.tilpass__tekst p + p{margin-top:var(--s-2)}
.tilpass__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid rgba(255,255,255,.18)}
.tilpass__liste li{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:1.125rem}
.tilpass__liste li:nth-child(odd){padding-right:var(--s-3)}
.tilpass__liste .ikon{width:26px;height:26px;color:var(--c-stjerne-lys)}

/* ---------- Velgjar ---------- */
.velgjar{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--s-6);padding:var(--s-7) var(--side)}
.velgjar__intro p{max-width:36ch;color:var(--c-dempa)}
.sjekk{background:var(--c-flate);border-radius:var(--r);padding:var(--s-5)}
.sjekk__topp{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-liten);color:var(--c-dempa);margin-bottom:var(--s-3)}
.sjekk__bar{flex:1;height:2px;background:var(--c-linje)}
.sjekk__bar span{display:block;height:100%;background:var(--c-blekk);transform:scaleX(.2);transform-origin:0 50%;transition:transform .3s var(--ease)}
.sjekk fieldset{border:0;margin:0;padding:0;display:grid;gap:var(--s-1)}
.sjekk legend{font:var(--w-display) clamp(1.6rem,2.4vw,2.1rem)/1.15 var(--f-display);margin-bottom:var(--s-3);padding:0}
.val{display:flex;align-items:center;gap:var(--s-2);min-height:56px;padding:0 var(--s-2);border:1px solid var(--c-linje-sterk);border-radius:var(--r);background:var(--c-papir);cursor:pointer;transition:border-color .15s var(--ease)}
.val input{position:absolute;opacity:0;pointer-events:none}
.val__bokstav{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--c-linje-sterk);font-size:.8125rem;flex:none}
.val:has(input:checked){border-color:var(--c-blekk)}
.val:has(input:checked) .val__bokstav{background:var(--c-blekk);color:var(--c-papir);border-color:var(--c-blekk)}
.val:has(input:focus-visible){outline:2px solid var(--c-fokus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.val:hover{border-color:var(--c-blekk)}}
.sjekk__merke{font-size:var(--fs-liten);color:var(--c-dempa)}
.sjekk__resultat{font:var(--w-display) clamp(1.7rem,2.6vw,2.3rem)/1.15 var(--f-display);margin:6px 0 var(--s-2)}
.sjekk__felt{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1);margin-top:var(--s-3)}
.samtykke{display:flex;gap:12px;align-items:flex-start;margin-top:var(--s-2);font-size:var(--fs-liten);cursor:pointer;min-height:44px}
.samtykke input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--c-blekk);flex:none}
.sjekk__knappar{display:flex;gap:var(--s-1);justify-content:space-between;margin-top:var(--s-3)}
.sjekk__knappar .knapp--fylt{margin-left:auto}

/* ---------- Omtaler ---------- */
.omtaler{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin:0 var(--kant);padding:var(--s-5) calc(var(--side) - var(--kant));border-top:1px solid var(--c-linje);border-bottom:1px solid var(--c-linje)}
.omtaler__snitt{display:flex;align-items:center;gap:var(--s-3);font-size:1.125rem}
.omtaler__tal{font:var(--w-display) clamp(3.5rem,6vw,5rem)/1 var(--f-display)}

/* ---------- Kontakt ---------- */
.kontakt{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--gap);padding:var(--gap) var(--kant) 0}
.kart{position:relative;margin:0;border-radius:var(--r);overflow:hidden;min-height:480px;background:#EEE}
.kart__bilde{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kart__nal{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--c-blekk);color:var(--c-papir);font-size:.875rem;white-space:nowrap}
.kart__nal .ikon{width:18px;height:18px}
.kart__kreditt{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.9);padding:0 10px;border-radius:4px;font-size:.75rem}
.kart__kreditt a{display:inline-flex;align-items:center;min-height:44px}
.kontakt__info{background:var(--c-flate);border-radius:var(--r);padding:var(--s-6) var(--s-5)}
.kontakt__liste{list-style:none;margin:0 0 var(--s-4);padding:0}
.kontakt__liste li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--c-linje)}
.kontakt__liste li .ikon{margin-top:12px}
.kontakt__liste a,.kontakt__liste li > span > span:first-child{display:inline-flex;align-items:center;min-height:44px}
.kontakt__veg{display:flex;gap:var(--s-3)}
.kontakt__veg a{font-size:var(--fs-liten);color:var(--c-dempa)}
.kontakt__liste li > span{display:flex;flex-direction:column}
.opningstider{margin:0;display:grid;gap:4px}
.opningstider div{display:flex;justify-content:space-between;gap:var(--s-2);padding:6px 0}
.opningstider dt{display:flex;align-items:center;gap:14px;position:relative;padding-left:34px}
.opningstider dt .ikon{position:absolute;left:0}
.opningstider dd{margin:0;font-variant-numeric:tabular-nums}

/* ---------- Botn ---------- */
.botn{margin:var(--gap) var(--kant) var(--kant);border-radius:var(--r);background:var(--c-mork);color:var(--c-mork-tekst);padding:var(--s-6) calc(var(--side) - var(--kant)) var(--s-4)}
.botn__rad{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}
.botn__logo{width:200px}
.botn__lenkjer{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-left:auto}
.botn__lenkjer a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-mork-dempa);font-size:var(--fs-liten)}
.botn__kreditt{margin-top:var(--s-5);padding-top:var(--s-3);border-top:1px solid rgba(255,255,255,.16);font-size:.8125rem;color:var(--c-mork-dempa);display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:space-between}
.botn__kreditt a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-mork-tekst)}
.botn__kreditt span{display:inline-flex;align-items:center}

/* ---------- Dokk (mobil) ---------- */
.dokk{display:none}

/* ---------- Design Lab ---------- */
.lab{position:fixed;left:16px;bottom:16px;z-index:var(--z-panel);display:flex;flex-direction:column-reverse;align-items:flex-start;font-family:var(--f-tekst);color:#1C1A18}
.lab__veksle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:100px;border:.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);color:#1C1A18;font:600 .9375rem/1 var(--f-tekst);cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.16),inset 0 1.5px .5px rgba(255,255,255,.65);transition:transform .16s var(--ease)}
.lab__panel{margin-bottom:10px;padding:14px;border-radius:24px;border:.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:0 8px 32px rgba(0,0,0,.16),inset 0 1.5px .5px rgba(255,255,255,.65)}
.lab__gruppe{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.lab__merke{width:28px;text-align:center}
.lab__gruppe button{width:44px;height:44px;border-radius:100px;border:1px solid rgba(28,26,24,.18);background:rgba(255,255,255,.55);color:#1C1A18;font:600 1rem/1 var(--f-tekst);cursor:pointer;transition:transform .16s var(--ease),background-color .15s var(--ease)}
.lab__gruppe button[aria-pressed="true"]{background:#1C1A18;color:#fff}
.lab__gruppe button:active,.lab__veksle:active{transform:scale(.96)}
.design-lab__credit{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;color:#4A4642}
.design-lab__credit-logo{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:#1C1A18;text-decoration:none}
.design-lab__credit-dot,.design-lab__credit-spark{color:#B4471A}
.design-lab__credit-spark{width:12px;height:12px}

/* ---------- Nettbrett ---------- */
@media (max-width:1100px){
  .topp__nav{display:none}
  .topp__handling{margin-left:auto}
  .hero__stripe{grid-template-columns:1fr;gap:var(--s-2)}
  .velgjar{grid-template-columns:1fr;gap:var(--s-4)}
}

/* ---------- Mobil: rute, ikkje ramse opp ---------- */
@media (max-width:767px){
  :root{--topp-h:60px;--kant:8px;--gap:8px;--side:20px;--fs-tekst:1rem}
  .topp__rad{padding:0 16px;gap:var(--s-2)}
  .merke__logo{width:150px}
  .topp__tlf span{display:none}
  .topp__tlf{width:44px;justify-content:center}
  .topp__time{padding:0 16px}

  .hero__ramme{height:min(54svh,460px)}
  .hero--ramme .hero__tekst{padding:var(--s-3) 16px}
  .hero__ramme::after{background:linear-gradient(0deg,rgba(20,17,15,.88) 0%,rgba(20,17,15,.74) 40%,rgba(20,17,15,.4) 62%,rgba(20,17,15,0) 80%)}
  .hero__stripe{padding:var(--s-3) 12px var(--s-2)}
  .hero__ingress{font-size:var(--fs-liten)}
  .skjema__rad{grid-template-columns:1fr 1fr}
  .skjema__rad .felt:nth-child(3),.skjema__rad .knapp{grid-column:1/-1}

  .hero--delt{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
  .hero__film{order:-1;height:min(34svh,300px)}
  .hero__panel{padding:var(--s-3) 16px;gap:var(--s-2)}

  .fliser{grid-template-columns:1fr 1fr}
  .flis img{aspect-ratio:1}
  .flis__tekst{padding:var(--s-2) 12px var(--s-3);gap:10px}
  .flis__tekst p{display:none}
  .flis__tittel{font-size:1.5rem}
  .flis .knapp{padding:0 14px;font-size:.875rem}

  .tal{min-height:0}
  .tal::after{background:linear-gradient(0deg,rgba(20,17,15,.88) 0%,rgba(20,17,15,.78) 60%,rgba(20,17,15,.55) 100%)}
  .tal__innhald{padding:var(--s-5) 16px}
  .tal__tekst{font-size:var(--fs-liten)}

  .tilpass{grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-5) 16px}
  .tilpass__tekst p + p{display:none}
  .tilpass__liste li{padding:14px 0;font-size:1rem;gap:10px}

  .velgjar{padding:var(--s-5) var(--side)}
  .sjekk{padding:var(--s-3) 16px}
  .sjekk__felt{grid-template-columns:1fr}

  .omtaler{padding:var(--s-4) 8px;gap:var(--s-2)}
  .omtaler__snitt{gap:var(--s-2)}

  .kontakt{grid-template-columns:1fr}
  .kart{min-height:220px}
  .kontakt__info{padding:var(--s-4) 16px}

  .botn{padding:var(--s-5) 16px var(--s-3)}
  .botn__lenkjer{margin-left:0;gap:var(--s-2)}
  .botn{margin-bottom:84px}

  .dokk{display:flex;gap:8px;position:fixed;left:8px;right:8px;bottom:8px;z-index:var(--z-dokk);padding:8px;border-radius:999px;background:var(--c-papir);box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateY(130%);transition:transform .3s var(--ease)}
  .dokk.er-synleg{transform:none}
  .dokk .knapp{flex:1}

  .lab{left:auto;right:12px;bottom:auto;top:calc(var(--topp-h) + 12px);flex-direction:column;align-items:flex-end}
  .lab__veksle-tekst{display:none}
  .lab__panel{margin:10px 0 0}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}