#wbk2{position:fixed;inset:0;z-index:99999;display:none;flex-direction:column;background:#0c0a08; /* v8.75: var #12100d — mørkere enn scenen, så scenekanten synes */
  font-family:var(--font-body,'Source Sans 3',sans-serif)}
body.wbk2-open{overflow:hidden!important}
body.wbk2-open #wbk2{display:flex}
@media (min-width:920px){ body.wbk2-open #wbk2{flex-direction:row;justify-content:center} }
/* SCENEN */
#wbk2 .w2-scene{position:relative;flex:0 0 42%;overflow:hidden;display:flex;align-items:center;justify-content:center;
  touch-action:none; /* v8.16: knipet er VÅRT (motiv-skalering / bilde-zoom) — scenen scroller aldri */
  background:radial-gradient(120% 90% at 50% 14%,#322a20 0%,#241d17 46%,#191411 100%)}
@media (min-width:920px){ #wbk2 .w2-scene{flex:1 1 auto;min-width:0;max-width:1400px} } /* v8.75: fyller alt til venstre for panelet (var 0 1 1060px — kortet så «sidesatt» ut på brede skjermer); taket holder ultrabrede i sjakk */
#wbk2 .w2-brand{position:absolute;top:14px;left:18px;z-index:5;font-family:var(--font-logo,'Cinzel',serif);
  font-size:12px;letter-spacing:.34em;color:#cbb98e;pointer-events:none}
@media (min-width:920px){ #wbk2 .w2-brand{top:22px;left:28px;font-size:15px} }
#wbk2 .w2-close{position:absolute;top:10px;right:12px;z-index:6;width:40px;height:40px;border-radius:30px;
  border:1px solid rgba(246,240,229,.18);background:rgba(25,20,17,.72);color:#d8cbb2;font-size:15px;cursor:pointer}
#wbk2 .w2-kort{position:relative;max-width:min(86%,660px);max-height:calc(100% - 72px);border-radius:16px;
  overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.5);background:#f6f0e5;
  transition:transform .6s cubic-bezier(.22,1,.36,1)}
#wbk2.w2-zoomet .w2-kort{transform:scale(2.25)} /* v7.74: ekte nærbilde (var 1.55) */
#wbk2 .w2-kort img.w2-foto{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
/* v7.73: KORTET ALLTID KVADRATISK (fotoene er 1:1) — på mobil begrenset HØYDEN kortet,
   bildeboksen ble bredere enn fotoet (letterbox) og sonen (% av boksen) bommet på glasset. */
#wbk2 .w2-kort{width:var(--w2side);height:var(--w2side);max-width:none;max-height:none}
#wbk2{--w2side:min(86vw, 42dvh - 84px)}
@media (min-width:920px){ #wbk2{--w2side:min(660px, 56vw, 76vh)} }
#wbk2 .w2-kort img.w2-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* v7.73: hint-notisen lesbar oppå scenen (pille) — teksten lå bak glasset */
#wbk2 .w2-hint{background:rgba(25,20,17,.6);padding:7px 10px;border-radius:9px;max-width:44%;backdrop-filter:blur(3px)}
/* v8.52: KLIPPINGEN BOR I .w2-klipp, IKKE I SONEN. Motivet skal fortsatt klippes
   ved sonekanten (glass: klem='sone') — men rammen med dra-håndtakene lå inne i
   samme boks og ble klippet bort så snart motivet var større enn sonen
   (Andreas: «om man skalerer motivet utenfor graveringssonen så forsvinner
   punktene man kan dra i»). Klippelaget tar seg av motiv + tekst; rammen ligger
   utenfor det, men fortsatt inne i sonen — så oppdaterRamme() regner i samme
   koordinatsystem som før og trengte ingen endring. */
#wbk2 .w2-sone{position:absolute;display:flex;align-items:center;justify-content:center}
#wbk2 .w2-klipp{position:absolute;inset:0;overflow:hidden;border-radius:inherit;
  display:flex;align-items:center;justify-content:center}
#wbk2 .w2-sone.rund{border-radius:50%}
#wbk2 .w2-motiv{position:absolute;inset:5%;color:#4d4d4d;opacity:.94;transition:opacity .22s ease}
#wbk2 .w2-motiv.swap{opacity:0}
#wbk2 .w2-motiv svg{width:100%;height:100%;display:block}
#wbk2 .w2-tekst{position:relative;z-index:2;text-align:center;color:#4d4d4d;line-height:1.16;width:92%}
/* ── v8.53 «Bygg selv» — komposisjonen i scenen ──────────────────────────
   Ligger inne i .w2-motiv, så plassering/skalering og dra-rammen arves. */
#wbk2 .w2-bygg{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;line-height:1.05}
#wbk2 .w2-bygg.tom{opacity:.42}
#wbk2 .w2-bbok{display:block;white-space:nowrap;line-height:.9}
#wbk2 .w2-bnavn{display:block;white-space:nowrap;line-height:1.1}
#wbk2 .w2-bstrek{display:block;width:74%;background:currentColor;border-radius:1px;flex:0 0 auto}
#wbk2 .w2-bstrek[data-t="heltrukket"]{height:4%;margin:3% 0 2%}
#wbk2 .w2-bstrek[data-t="tynn"]{height:1.6%;margin:3% 0 2%}
#wbk2 .w2-bstrek[data-t="dobbel"]{height:5%;margin:3% 0 2%;
  background:linear-gradient(currentColor 0 28%,transparent 28% 72%,currentColor 72% 100%)}
#wbk2 .w2-bstrek[data-t="ingen"]{display:none}
#wbk2 .w2-bstrek + .w2-bnavn + .w2-bstrek{margin:2% 0 0}
#wbk2 .w2-bpynt{display:block;height:11%;margin-top:4%}
#wbk2 .w2-bpynt svg{height:100%;width:auto;display:block;margin:0 auto}
/* panelet */
#wbk2 .w2-bskrifter{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
#wbk2 .w2-bskrift{padding:12px 6px 9px;gap:4px;min-height:74px}
#wbk2 .w2-bprv{display:block;font-size:1.5rem;line-height:1.15;color:#1e1510;
  white-space:nowrap;overflow:hidden;max-width:100%}
#wbk2 .w2-brad{margin-top:10px}
#wbk2 .w2-brad label{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:#8a7b68;margin-bottom:5px}
#wbk2 .w2-bmer{width:100%;padding:10px 12px;border:1px solid #d8cdbe;border-radius:6px;
  background:#fff;color:#1e1510;font-family:inherit;font-size:.9rem}
#wbk2 .w2-brad2{display:flex;gap:9px;align-items:center}
#wbk2 .w2-binp{width:92px;text-align:center;font-size:1.3rem;flex:0 0 auto}
#wbk2 .w2-binp:disabled{background:#f4ede2;color:#8a7b68}
#wbk2 .w2-bfolg{padding:10px 14px;border:1.5px solid #d8cdbe;background:#fff;border-radius:6px;
  font-family:inherit;font-size:.85rem;color:#5c4e3e;cursor:pointer;white-space:nowrap}
#wbk2 .w2-bfolg.on{border-color:#a37333;color:#7a5520;background:rgba(163,115,51,.08);font-weight:600}
#wbk2 .w2-brekke{display:flex;align-items:center;gap:12px}
#wbk2 .w2-brekke input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#a37333 0%,#a37333 var(--p,50%),#d8cdbe var(--p,50%));outline:none}
#wbk2 .w2-brekke input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;
  border-radius:50%;background:#faf6ec;border:2px solid #7a5520;cursor:grab;box-shadow:0 1px 5px rgba(30,21,16,.26)}
#wbk2 .w2-brekke input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;
  background:#faf6ec;border:2px solid #7a5520;cursor:grab;box-shadow:0 1px 5px rgba(30,21,16,.26)}
#wbk2 .w2-brekke output{font-size:.82rem;font-weight:600;color:#7a5520;min-width:52px;text-align:right}
#wbk2 .w2-btrinn{display:flex;justify-content:space-between;font-size:.66rem;color:#8a7b68;margin-top:3px}
#wbk2 .w2-btrinn span{cursor:pointer}
#wbk2 .w2-btrinn span:hover{color:#7a5520}
#wbk2 .w2-bpynt.w2-grid{grid-template-columns:repeat(4,1fr);gap:7px}
#wbk2 .w2-bpk{padding:11px 4px 8px;gap:5px;min-height:66px}
#wbk2 .w2-bsv{display:block;width:32px;height:10px;margin:0 auto;background:currentColor;border-radius:1px;color:#1e1510}
#wbk2 .w2-bsv[data-t="heltrukket"]{height:5px}
#wbk2 .w2-bsv[data-t="tynn"]{height:2px}
#wbk2 .w2-bsv[data-t="dobbel"]{height:7px;background:linear-gradient(currentColor 0 2px,transparent 2px 5px,currentColor 5px 7px)}
#wbk2 .w2-bsv.tom{background:none;font-size:.66rem;color:#8a7b68;height:auto;width:auto}
#wbk2 .w2-bpv{display:block;height:22px;color:#1e1510}
#wbk2 .w2-bpv svg{height:100%;width:auto;display:block;margin:0 auto}
@media (max-width:919px){
  #wbk2 .w2-bprv{font-size:1.2rem}
  #wbk2 .w2-bskrift{min-height:64px;padding:10px 4px 8px}
}

/* ── v7.92 «Bare tekst» ────────────────────────────────────────────────────
   .w2-tblokk posisjoneres i % AV SONEN (.w2-tekst ligger inne i .w2-sone), og
   sentreres på punktet med translate(-50%,-50%) — samme modell som
   _build_text_svg() i app.py, som sentrerer blokka på kundens (x, y). */
#wbk2.tekstmodus .w2-tekst{position:absolute;inset:0;width:auto}
/* v7.94: GJØR GRENSEN SYNLIG. Uten dette drar kunden teksten inntil en usynlig
   vegg og tror det er en feil. Feltet er diskré i ro og tydeligere mens man drar. */
#wbk2.tekstmodus .w2-sone{outline:1px dashed rgba(201,184,146,.42);outline-offset:2px;
  transition:outline-color .2s}
#wbk2.tekstmodus .w2-sone.rund{border-radius:50%}
#wbk2.tekstmodus.drar-tekst .w2-sone{outline-color:rgba(201,184,146,.85)}
/* v7.98: hver linje er sitt eget element, plassert i % av sonen og sentrert
   på sitt punkt. Da kan de dras hver for seg — og alle tre posisjonene sendes
   med ordren, så produksjonsfila plasserer i stedet for å regne på nytt. */
#wbk2 .w2-tl{position:absolute;transform:translate(-50%,-50%);cursor:grab;
  touch-action:none;user-select:none;white-space:nowrap;line-height:1.18;display:block}
#wbk2 .w2-tl.drar{cursor:grabbing}
#wbk2 .w2-tl::after{content:'';position:absolute;inset:-5px -9px;border:1px dashed transparent;
  border-radius:3px;transition:border-color .2s}
#wbk2 .w2-kort:hover .w2-tl::after,#wbk2 .w2-tl.drar::after{border-color:rgba(201,184,146,.45)}
#wbk2 .w2-tl.w2-ttom{cursor:default}
#wbk2 .w2-ttom{opacity:.38}
/* panelet: tre linjer m/ hver sin størrelse-slider (samme form som skiltseksjonen) */
#wbk2 .w2-tlinje{margin:0 0 14px}
#wbk2 .w2-tlab{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(30,21,16,.6);margin:0 0 6px}
#wbk2 .w2-valgfri{text-transform:none;letter-spacing:0;opacity:.6}
#wbk2 .w2-tinp{width:100%;padding:11px 13px;border:1px solid #d8cdbe;background:#fff;border-radius:6px;
  font-size:1rem;color:#1e1510;font-family:inherit}
#wbk2 .w2-tinp:focus{outline:none;border-color:#a37333;box-shadow:0 0 0 3px rgba(163,115,51,.13)}
/* v8.71: Gravørbenken 3D (snusboks) — canvas i kortet, sonen flyttes med transform i 3D */
#wbk2 .w2-3d{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:3}
#wbk2.w2-3dmodus .w2-3d{pointer-events:auto;cursor:grab;z-index:1;touch-action:none}
#wbk2.w2-3dmodus .w2-3d.drar{cursor:grabbing}
#wbk2.w2-3dmodus .w2-foto,#wbk2.w2-3dmodus .w2-silsvg,#wbk2.w2-3dmodus .w2-sweep{visibility:hidden}
#wbk2.w2-3dmodus .w2-sone{pointer-events:none;z-index:2;outline:none!important;transition:none}
#wbk2.w2-3dmodus .w2-sone .w2-ramme{display:none}
#wbk2.w2-r3bak .w2-sone{visibility:hidden}
#wbk2 .w2-r3grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}
#wbk2 .w2-valg.w2-r3bord{padding:8px 4px 8px;gap:5px}
#wbk2 .w2-valg.w2-r3bord canvas{width:100%;aspect-ratio:16/9;display:block}
#wbk2 .w2-valg.w2-r3bord span{font-size:9.5px;letter-spacing:.06em}
#wbk2 .w2-valg.w2-r3jn{padding:16px 14px;gap:4px;min-height:84px}
#wbk2 .w2-valg.w2-r3jn b{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.15rem;font-weight:600;color:var(--text,#1e1510)}
#wbk2 .w2-valg.w2-r3jn span{text-transform:none;letter-spacing:0;font-weight:400;font-size:12.5px;color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-r3inp{width:100%;padding:11px 13px;border:1px solid var(--sand-line,#d8cdbe);background:#fff;border-radius:6px;font-family:inherit;font-size:16px;color:var(--text,#1e1510)}
#wbk2 .w2-r3inp:focus{outline:none;border-color:var(--gold,#a37333);box-shadow:0 0 0 3px rgba(163,115,51,.13)}
#wbk2 .w2-tstr{display:flex;align-items:center;gap:10px;margin-top:7px}
#wbk2 .w2-tstr span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(30,21,16,.55);white-space:nowrap}
#wbk2 .w2-tstr input[type=range]{flex:1;accent-color:#7a5520;min-width:0}
#wbk2 .w2-tstr output{font-size:.72rem;color:#5c4e3e;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
/* v8.00: skrift per linje — diskré utløser + kompakt Aa-rad */
#wbk2 .w2-tsk-trig{display:inline-flex;align-items:center;gap:6px;background:none;border:none;
  padding:6px 0 2px;margin-top:4px;font-family:inherit;font-size:.72rem;color:rgba(30,21,16,.55);
  cursor:pointer;min-height:32px}
#wbk2 .w2-tsk-trig b{font-weight:600;color:#7a5520}
#wbk2 .w2-tsk-trig:hover{color:#7a5520}
#wbk2 .w2-tsk-pil{width:6px;height:6px;border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .25s}
#wbk2 .w2-tsk-trig.on .w2-tsk-pil{transform:rotate(-135deg) translateY(-1px)}
#wbk2 .w2-tsk-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 2px}
#wbk2 .w2-tsk-kort{background:#fff;border:1px solid #d8cdbe;border-radius:5px;padding:8px 3px;
  cursor:pointer;font-family:inherit;min-height:52px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px}
#wbk2 .w2-tsk-kort.on{border-color:#7a5520;box-shadow:0 0 0 1px #7a5520}
#wbk2 .w2-tsk-kort .aa{font-size:1.15rem;line-height:1;color:#1e1510}
#wbk2 .w2-tsk-kort .nv{font-size:.56rem;letter-spacing:.06em;color:rgba(30,21,16,.55)}
#wbk2 .w2-tfoot{margin-top:4px;min-height:34px;display:flex;align-items:center}
#wbk2 .w2-tnull{background:none;border:1px solid #c9bca8;border-radius:4px;padding:8px 13px;
  font-size:.72rem;letter-spacing:.08em;color:#5c4e3e;cursor:pointer;font-family:inherit}
#wbk2 .w2-tnull:hover{border-color:#a37333;color:#7a5520}
#wbk2 .w2-thint{font-size:.75rem;color:rgba(30,21,16,.55);font-style:italic}
/* v7.95: visningsfarge-bryter (auto / lys / mørk) */
#wbk2 .w2-visrad{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:16px 0 4px;flex-wrap:wrap}
#wbk2 .w2-visrad>span{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(30,21,16,.6)}
#wbk2 .w2-visk{display:flex;gap:0;border:1px solid #d8cdbe;border-radius:5px;overflow:hidden}
#wbk2 .w2-visf{background:#fff;border:none;padding:9px 15px;font-size:.75rem;color:#5c4e3e;
  cursor:pointer;font-family:inherit;border-right:1px solid #d8cdbe;min-height:38px}
#wbk2 .w2-visf:last-child{border-right:none}
#wbk2 .w2-visf.on{background:#7a5520;color:#faf6ec;font-weight:600}
#wbk2 .w2-visnote{font-size:.72rem;color:rgba(30,21,16,.5);line-height:1.55;margin:0 0 6px}
/* ── v8.11: «Velg skrift og plassering» ──────────────────────────────────────
   Trinnstørrelser (faste steg, ikke slider), Google-skrift-utfolding, og rammen
   m/ 4 hjørnehåndtak rundt motiv-gruppen. Rammen vises kun i plasser-modus. */
#wbk2 .w2-trinn{display:flex;gap:6px;flex-wrap:wrap;flex:1}
#wbk2 .w2-trinnk{background:#fff;border:1px solid #d8cdbe;border-radius:5px;padding:8px 11px;
  font-size:.7rem;letter-spacing:.05em;color:#5c4e3e;cursor:pointer;font-family:inherit;min-height:36px}
#wbk2 .w2-trinnk.on{background:#7a5520;border-color:#7a5520;color:#faf6ec;font-weight:600}
#wbk2 .w2-gf{margin:10px 0 2px}
#wbk2 .w2-gf-trig{display:inline-flex;align-items:center;gap:6px;background:none;border:none;
  padding:6px 0 2px;font-family:inherit;font-size:.74rem;color:rgba(30,21,16,.55);cursor:pointer;min-height:34px}
#wbk2 .w2-gf-trig b{font-weight:600;color:#7a5520}
#wbk2 .w2-gf-trig:hover{color:#7a5520}
#wbk2 .w2-gf-rad{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
#wbk2 .w2-gf-velg{flex:1;min-width:180px;padding:10px 12px;border:1px solid #d8cdbe;border-radius:6px;
  background:#fff;color:#1e1510;font-size:.88rem;font-family:inherit}
#wbk2 .w2-gf-velg:focus{outline:none;border-color:#a37333;box-shadow:0 0 0 3px rgba(163,115,51,.13)}
#wbk2 .w2-gf-status{font-size:.72rem;color:#5c4e3e}
#wbk2 .w2-plassrad{margin-top:12px;min-height:34px;display:flex;align-items:center}
/* rammen: flate = sonens boks × skala, forskjøvet med plasseringen (oppdaterRamme) */
/* v8.16: rammen er ALLTID hitflaten, men vises først når motivet er VALGT
   (.aktiv). Ikke valgt = knip zoomer bildet; valgt = knip skalerer motivet. */
#wbk2 .w2-ramme{position:absolute;z-index:4;border:1px dashed transparent;
  cursor:grab;touch-action:none;pointer-events:auto}
#wbk2 .w2-ramme.aktiv{border-color:rgba(201,184,146,.75)}
#wbk2 .w2-ramme:active{cursor:grabbing}
/* håndtakene POSISJONERES av oppdaterRamme() (left/top i % av rammen) og klemmes
   inn i den synlige flaten — på maks skala lå hjørnene utenfor kortet og ble
   klippet bort av .w2-kort{overflow:hidden} (Andreas' funn v8.15). */
#wbk2 .w2-ramme i{position:absolute;display:none;width:14px;height:14px;background:#faf6ec;
  border:1.5px solid #7a5520;border-radius:50%;touch-action:none;transform:translate(-50%,-50%);
  box-shadow:0 1px 4px rgba(30,21,16,.28)}
#wbk2 .w2-ramme.aktiv i{display:block}
#wbk2 .w2-ramme i::after{content:'';position:absolute;inset:-15px} /* 44px trykkflate */
#wbk2 .w2-ramme i[data-h=nw]{cursor:nwse-resize}
#wbk2 .w2-ramme i[data-h=ne]{cursor:nesw-resize}
#wbk2 .w2-ramme i[data-h=sw]{cursor:nesw-resize}
#wbk2 .w2-ramme i[data-h=se]{cursor:nwse-resize}
/* plasserings-pillen i scenen — forteller hva knipet gjør akkurat nå */
#wbk2 .w2-plasshint{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);z-index:6;
  max-width:min(92%,420px);text-align:center;font-size:10.5px;line-height:1.45;color:#e0d4bb;
  background:rgba(25,20,17,.72);border:1px solid rgba(246,240,229,.14);border-radius:99px;
  padding:6px 12px;pointer-events:none}
#wbk2 .w2-plasshint[hidden]{display:none}
/* v8.19 (Andreas: «på pc kan vi få den teksten under bildet?»): på desktop legger
   pillen seg som en egen linje UNDER produktkortet i stedet for oppå scenen — der
   kolliderte den med «Om fargen»-notisen nede til venstre. Scenen blir kolonne-flex
   (kortet er eneste element i flyten; merke/lukk/hint/chips er absolutt-plassert),
   og bunnpadding holder linjen klar av chips-raden. Mobil beholder pillen i bildet,
   der er det ingen plass under. */
@media (min-width:920px){
  #wbk2 .w2-scene{flex-direction:column;padding-bottom:56px}
  #wbk2 .w2-plasshint{position:static;transform:none;margin:16px 0 0;max-width:min(92%,560px);
    font-size:11.5px;line-height:1.5;background:rgba(25,20,17,.5)}
}
/* motivet skal kunne stikke UTENFOR sonen på 'kort'-produkter (skinn/metall) —
   glass og runde soner beholder klippingen (kurvatur/lokk) */
#wbk2 .w2-sone.w2-fri .w2-klipp{overflow:visible}
#wbk2.plasser-modus .w2-sone{outline:1px dashed rgba(201,184,146,.42);outline-offset:2px}
#wbk2.plasser-modus .w2-motiv{transition:none} /* dra skal følge fingeren, ikke gli */
#wbk2 .w2-skriftkort{min-height:110px}
/* v8.14: Nærbilde-chippen puster rolig gull — kunden skal SE at zoom finnes.
   Diskré (quiet luxury): lav intensitet, 3,6s syklus, av ved reduced-motion. */
@keyframes w2zoomglod{0%,100%{box-shadow:0 0 0 0 rgba(163,115,51,0);border-color:rgba(201,184,146,.55)}
  50%{box-shadow:0 0 12px 2px rgba(187,144,77,.4);border-color:rgba(187,144,77,.9)}}
#wbk2 .w2-chip.w2-zoom{animation:w2zoomglod 3.6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){#wbk2 .w2-chip.w2-zoom{animation:none}}
/* v8.13 MOBIL (Andreas: «gripepunktene er veldig store — optimaliser mer for mobil»):
   håndtakene 22 → 13px synlig prikk (44px trykkflate BESTÅR via ::after), tynnere
   ramme, kompaktere skriftkort/trinn/visningsvalg — pinch gjør grovjobben på mobil,
   håndtakene er presisjonen. */
@media (max-width:919px){
  #wbk2 .w2-ramme{border-width:1px}
  /* v8.16 (Andreas: «rundingene er veldig store på mobil — halvparten»): 13 → 7px
     synlig prikk. Trykkflaten BESTÅR på 45px via ::after, så presisjonen er intakt. */
  #wbk2 .w2-ramme i{width:7px;height:7px;border-width:1px;box-shadow:0 1px 3px rgba(30,21,16,.22)}
  #wbk2 .w2-ramme i::after{inset:-19px} /* 45px reell trykkflate */
  #wbk2 .w2-plasshint{bottom:48px;font-size:9.5px;padding:5px 10px;max-width:94%}
  #wbk2 .w2-skriftkort{min-height:78px;padding:8px 4px}
  #wbk2 .w2-skriftkort .demo{font-size:1.25rem}
  #wbk2 .w2-skriftkort .fdesc{display:none} /* beskrivelsene tar plass — kortnavnet holder */
  #wbk2 .w2-trinnk{padding:7px 9px;font-size:.64rem;min-height:34px}
  #wbk2 .w2-visf{padding:8px 12px;font-size:.7rem;min-height:34px}
  #wbk2 .w2-gf-velg{padding:9px 10px;font-size:.85rem}
  #wbk2 .w2-plassrad{margin-top:8px}
}
/* v7.54: siluett-visning — foto byttes mot parametrisk linjetegning på mørkt kort.
   visibility (ikke display) på fotoet: kortets geometri består — sonen er % av kortet. */
#wbk2 .w2-silsvg{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:1}
#wbk2.w2-silu .w2-silsvg{display:block}
#wbk2.w2-silu .w2-foto{visibility:hidden}
#wbk2.w2-silu .w2-kort{background:radial-gradient(130% 110% at 50% 18%,#33291d 0%,#221a13 58%,#171310 100%)}
#wbk2.w2-silu .w2-motiv,#wbk2.w2-silu .w2-tekst{color:#e9e3d6!important} /* alltid lys gravering mot mørk siluett */
#wbk2 .w2-tekst .l-par{font-size:clamp(20px,7cqw,46px)}
#wbk2 .w2-tekst .l-tekst{font-size:clamp(11px,3.4cqw,22px)}
#wbk2 .w2-tekst .l-dato{font-size:clamp(9px,2.6cqw,16px);opacity:.9}
#wbk2 .w2-sweep{position:absolute;top:0;bottom:0;left:50%;width:64px;margin-left:-32px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)}
#wbk2 .w2-kort.sveiper .w2-sweep{animation:w2sweep 1.35s cubic-bezier(.22,1,.36,1)}
@keyframes w2sweep{0%{opacity:0;transform:translateX(-260px)}16%{opacity:1}84%{opacity:1}100%{opacity:0;transform:translateX(260px)}}
#wbk2 .w2-hint{position:absolute;left:16px;bottom:12px;z-index:5;max-width:46%;font-size:10.5px;line-height:1.45;
  color:rgba(216,203,178,.72)}
#wbk2 .w2-chips{position:absolute;right:14px;bottom:12px;z-index:6;display:flex;gap:8px;
  flex-wrap:wrap;justify-content:flex-end;max-width:62%} /* v7.60: bryt pent over hint-teksten på smale skjermer */
#wbk2 .w2-chip{height:34px;padding:0 13px;border-radius:99px;border:1px solid rgba(246,240,229,.18);
  background:rgba(25,20,17,.55);color:#cfc2a9;font-family:inherit;font-size:11.5px;letter-spacing:.08em;cursor:pointer;
  transition:border-color .2s,color .2s}
#wbk2 .w2-chip:hover{border-color:rgba(176,136,73,.65);color:#e6d9bd}
#wbk2 .w2-chip.on{border-color:rgba(176,136,73,.65);color:#e6d9bd}
/* v8.75: chip-raden rett under kortet på PC (i scenens kolonne, etter kortet, før plassering-pillen) */
@media (min-width:920px){
  #wbk2 .w2-chips{position:relative;z-index:6;order:1;right:auto;bottom:auto;margin:14px 0 0;justify-content:center;max-width:none}
  #wbk2 .w2-plasshint{order:2}
}
/* v8.75: Foto | 3D som todelt bryter (snusboksene) */
#wbk2 .w2-3dvalg{display:inline-flex;height:34px;border-radius:99px;border:1px solid rgba(176,136,73,.6);background:rgba(25,20,17,.55);overflow:hidden}
#wbk2 .w2-3dvalg button{height:100%;padding:0 15px;border:0;background:transparent;color:#cfc2a9;font-family:inherit;font-size:11.5px;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s}
#wbk2 .w2-3dvalg button:hover:not(.on){color:#e6d9bd}
#wbk2 .w2-3dvalg button.on{background:rgba(176,136,73,.34);color:#f4ecd9;font-weight:600}
@media (max-width:919px){ #wbk2 .w2-3dvalg{height:30px} #wbk2 .w2-3dvalg button{padding:0 12px;font-size:10.5px} }
/* v7.89: MOBIL — mindre trengsel rundt fotokortet: hint = kollapset «Om fargen ⓘ»-pille
   (tapp folder ut/inn), chips-raden tettere og med mer plass. Desktop uendret. */
#wbk2 .w2-hint-i{display:none}
@media (max-width:919px){
  #wbk2 .w2-hint{cursor:pointer;-webkit-tap-highlight-color:transparent;max-width:none}
  #wbk2 .w2-hint:not(.open) .w2-hint-t,#wbk2 .w2-hint:not(.open) .w2-hint-k{display:none}
  #wbk2 .w2-hint:not(.open) .w2-hint-i{display:inline}
  #wbk2 .w2-hint.open{max-width:58%}
  #wbk2 .w2-chips{max-width:calc(100% - 132px);gap:6px}
  #wbk2 .w2-chip{height:30px;padding:0 11px;font-size:10.5px}
}
/* Lysboks (Flere bilder) */
#wbk2 .w2-lys{position:absolute;inset:0;z-index:20;background:rgba(15,12,10,.95);display:flex;align-items:center;justify-content:center}
#wbk2 .w2-lys[hidden]{display:none}
#wbk2 .w2-lys img{max-width:82%;max-height:82%;border-radius:14px}
#wbk2 .w2-lys-lukk{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:99px;
  border:1px solid rgba(246,240,229,.18);background:rgba(25,20,17,.7);color:#d8cbb2;font-size:16px;cursor:pointer}
#wbk2 .w2-lys-pil{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:99px;
  border:1px solid rgba(246,240,229,.18);background:rgba(25,20,17,.7);color:#d8cbb2;font-size:18px;cursor:pointer}
#wbk2 .w2-lys-prev{left:14px}
#wbk2 .w2-lys-next{right:14px}
#wbk2 .w2-lys-tall{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:11px;
  letter-spacing:.16em;color:rgba(216,203,178,.6)}
/* PANELET */
#wbk2 .w2-panel{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;
  background:var(--surface,#faf6ec);border-radius:18px 18px 0 0;margin-top:-14px;z-index:2;
  box-shadow:0 -14px 34px rgba(40,31,22,.12)}
@media (min-width:920px){
  #wbk2 .w2-panel{flex:0 0 470px;width:470px;border-radius:0;margin:0;border-left:1px solid var(--sand-line,#d8cdbe);
    box-shadow:-26px 0 56px rgba(0,0,0,.42)}
}
#wbk2 .w2-panel::before{content:"";position:absolute;top:9px;left:50%;width:42px;height:4px;margin-left:-21px;
  border-radius:99px;background:var(--sand-line-strong,#c9bca8);opacity:.7}
@media (min-width:920px){ #wbk2 .w2-panel::before{content:none} }
#wbk2 .w2-dots{display:flex;align-items:center;justify-content:center;padding:22px 20px 4px;flex:0 0 auto}
#wbk2 .w2-dot{width:27px;height:27px;flex:none;border-radius:99px;border:1.5px solid var(--sand-line-strong,#c9bca8);
  background:transparent;color:var(--text-dim,#5c4e3e);font-size:12px;font-weight:600;display:flex;align-items:center;
  justify-content:center;padding:0;font-family:inherit;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
#wbk2 .w2-dot.act{border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520);transform:scale(1.18);
  box-shadow:0 0 0 4px rgba(122,85,32,.12)}
#wbk2 .w2-dot.done{border-color:var(--gold-dark,#7a5520);cursor:pointer;
  background:var(--gold-dark,#7a5520) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f6f0e5" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12.5l5 5 10-11"/></svg>') center/12px no-repeat}
#wbk2 .w2-dot.done span{display:none}
#wbk2 .w2-line{width:22px;height:1.5px;flex:none;background:var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-line.fill{background:var(--gold-dark,#7a5520)}
#wbk2 .w2-track{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:10px 22px calc(96px + env(safe-area-inset-bottom))}
@media (min-width:920px){ #wbk2 .w2-track{padding:12px 28px 104px} }
#wbk2 .w2-q{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.5rem;font-weight:600;
  color:var(--text,#1e1510);line-height:1.15;margin:6px 0 2px}
@media (min-width:920px){ #wbk2 .w2-q{font-size:1.65rem} }
#wbk2 .w2-sub{font-size:.82rem;color:var(--text-muted,rgba(30,21,16,.68));margin:2px 0 12px}
#wbk2 .w2-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
#wbk2 .w2-grid.to{grid-template-columns:1fr 1fr}
#wbk2 .w2-valg{position:relative;background:#fff;border:1.5px solid var(--sand-line,#d8cdbe);border-radius:14px;
  cursor:pointer;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;
  transition:border-color .1s ease-out,box-shadow .1s ease-out,transform .25s cubic-bezier(.22,1,.36,1)}
#wbk2 .w2-valg:hover{transform:translateY(-2px);border-color:var(--sand-line-strong,#c9bca8);
  box-shadow:0 8px 20px rgba(40,31,22,.09)}
#wbk2 .w2-valg.on{border-color:var(--gold-dark,#7a5520);
  box-shadow:0 0 0 1px var(--gold-dark,#7a5520),0 10px 22px rgba(122,85,32,.14)}
#wbk2 .w2-valg.on::after{content:"";display:block;position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:99px; /* v8.57: display:block MÅ stå — Storefront resetter button::after til display:none */
  background:var(--gold-dark,#7a5520) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f6f0e5" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12.5l5 5 10-11"/></svg>') center/11px no-repeat;z-index:3}
#wbk2 .w2-valg img{width:100%;aspect-ratio:1;object-fit:contain}
#wbk2 .w2-valg i{width:48px;height:48px;border-radius:99px;border:1px solid var(--sand-line-strong,#c9bca8);font-style:normal}
#wbk2 .w2-valg span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim,#5c4e3e);font-weight:600}
#wbk2 .w2-valg .demo{font-size:26px;color:var(--text,#1e1510);line-height:1.2}
#wbk2 .w2-valg .fdesc{font-size:10px;letter-spacing:.02em;text-transform:none;font-weight:400;
  color:var(--text-muted,rgba(30,21,16,.68));line-height:1.3;text-align:center}
/* v7.55: skrift per felt — diskré linje + kompakt Aa-kortrad i tekst-steget */
#wbk2 .w2-fskrift{margin-top:12px}
#wbk2 .w2-fs-trigger{background:none;border:0;padding:4px 0;font-family:inherit;font-size:11.5px;
  letter-spacing:.04em;color:var(--text-dim,#5c4e3e);cursor:pointer}
#wbk2 .w2-fs-trigger b{font-weight:600;font-size:14px;color:var(--text,#1e1510)}
#wbk2 .w2-fs-trigger i{font-style:normal;color:var(--gold-dark,#7a5520)}
#wbk2 .w2-fs-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
#wbk2 .w2-fs-kort{background:#fff;border:1.5px solid var(--sand-line,#d8cdbe);border-radius:10px;
  padding:8px 4px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;
  font-family:inherit;transition:border-color .1s ease-out,box-shadow .1s ease-out}
#wbk2 .w2-fs-kort:hover{border-color:var(--sand-line-strong,#c9bca8);box-shadow:0 4px 12px rgba(40,31,22,.08)}
#wbk2 .w2-fs-kort .fa{font-size:20px;line-height:1.15;color:var(--text,#1e1510)}
#wbk2 .w2-fs-kort small{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-fs-kort.on{border-color:var(--gold-dark,#7a5520);box-shadow:0 0 0 1px var(--gold-dark,#7a5520)}
/* v7.56: filopplasting på Eget design + gråtonet forhåndsvisning i sonen */
#wbk2 .w2-fil{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
#wbk2 .w2-filknapp{background:#fff;border:1.5px dashed var(--sand-line-strong,#c9bca8);border-radius:10px;
  padding:10px 16px;font-family:inherit;font-size:12px;letter-spacing:.06em;color:var(--text-dim,#5c4e3e);
  cursor:pointer;transition:border-color .15s,color .15s}
#wbk2 .w2-filknapp:hover{border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520)}
#wbk2 .w2-filnavn{font-size:12px;color:var(--text,#1e1510);max-width:200px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
#wbk2 .w2-filfjern{width:26px;height:26px;border-radius:99px;border:1px solid var(--sand-line,#d8cdbe);
  background:#fff;color:var(--text-dim,#5c4e3e);font-size:11px;cursor:pointer}
#wbk2 .w2-filprev{max-width:78%;max-height:70%;object-fit:contain;border-radius:4px;
  filter:grayscale(1) contrast(1.04);opacity:.88;display:block;margin:0 auto 6px}
/* v8.20: opplastet motiv ligger i MOTIV-laget (samme transform-mål som SVG-motivene)
   → kunden kan dra og skalere det med de samme reglene. Bildet er allerede konvertert
   til ekte gråtone på lerret, så CSS-filteret er bare et sikkerhetsnett. */
#wbk2 .w2-motiv .w2-filprev{max-width:100%;max-height:100%;width:auto;height:auto;
  margin:0;opacity:.95;border-radius:2px}
#wbk2 .w2-motiv{display:flex;align-items:center;justify-content:center}
/* ── v8.22: VAKT MOT USYNLIG PRODUKTBILDE ──────────────────────────────────
   WAPF Layers setter galleribildet til opacity:0 og fader det inn igjen med
   sin EGEN JS når lagene er bygget. På benk2-produkter er WAPF nøytralisert
   på front-end (functions v2.5), så den JS-en får aldri feltdataene, kjører
   aldri ferdig — og bildet blir stående usynlig. Traff tre produkter, bl.a.
   4172 (mest besøkte produktside), uten at noe så galt ut i admin.
   Konfigurasjonen er ryddet 02.08, men regelen står som sperre: benken tegner
   uansett forhåndsvisningen selv, så galleribildet skal ALLTID være synlig.
   Denne CSS-en lastes kun på benk2-sider — native WAPF-produkter (WM 6062,
   RedBeavers 6322) beholder Layers-oppførselen sin. */
.woocommerce-product-gallery__image.wapflayers-gallery-img,
.woocommerce-product-gallery__image[style*="opacity: 0"]{opacity:1!important}
/* ── v8.21: fontmonogrammer ─────────────────────────────────────────────────
   Gruppeoverskrifter INNE i monogram-griden, kort m/ sprite-forhåndsvisning
   (to PNG-er i stedet for 17 småfiler), og bokstavvelger som rutenett på PC /
   nedtrekk på mobil — samme brekkpunkt (920px) som resten av benken. */
#wbk2 .w2-mgrp{grid-column:1/-1;margin:16px 0 -2px;font:600 .6rem/1.3 var(--font-label,sans-serif);
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark,#7a5520)}
#wbk2 .w2-mgrp:first-child{margin-top:0}
#wbk2 .w2-mkort{padding:8px 6px 9px}
#wbk2 .w2-mkort .prov{display:block;width:100%;aspect-ratio:1/1;background-repeat:no-repeat;
  background-image:var(--mprov);background-size:var(--msize) 100%;background-position:var(--mpos) center}
#wbk2 .w2-mnavn{display:block;margin-top:4px;font-size:.68rem;line-height:1.25;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-bokrad{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
#wbk2 .w2-bok{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--sand-line,#d8cdbe);
  background:#fff;color:var(--text-dim,#5c4e3e);font:600 15px/1 var(--font-display,serif);cursor:pointer}
#wbk2 .w2-bok.on{background:var(--gold-dark,#7a5520);border-color:var(--gold-dark,#7a5520);color:#faf6ec}
#wbk2 .w2-bok:disabled{opacity:.42;cursor:not-allowed;border-style:dashed}
#wbk2 .w2-boklist{display:none;width:100%;margin-top:7px;padding:11px 12px;border-radius:10px;
  border:1.5px solid var(--sand-line,#d8cdbe);background:#fff;font:inherit;font-size:15px;color:var(--text,#1e1510)}
#wbk2 .w2-blab{display:block;margin:12px 0 0;font:600 .6rem/1.3 var(--font-label,sans-serif);
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark,#7a5520)}
#wbk2 .w2-skriftprov{display:block;height:34px;background-repeat:no-repeat;background-image:var(--nprov);
  background-size:100% var(--nsize);background-position:center var(--npos)}
#wbk2 .w2-msavn{margin-top:9px}
@media(max-width:919px){#wbk2 .w2-bokrad{display:none}#wbk2 .w2-boklist{display:block}}
/* v7.62: lagersjekk — bestill-inn-valget på antall-steget */
#wbk2 .w2-lagernotis{margin-top:12px;padding:13px 14px;border-radius:12px;background:rgba(122,85,32,.07);
  border:1px solid var(--sand-line-strong,#c9bca8);font-size:12.5px;line-height:1.55;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-lagernotis b{color:var(--text,#1e1510)}
#wbk2 .w2-bestillinn{display:block;width:100%;margin:10px 0 6px;padding:11px 14px;border-radius:10px;
  border:1.5px solid var(--gold-dark,#7a5520);background:#fff;color:var(--gold-dark,#7a5520);
  font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.05em;cursor:pointer;
  transition:background .15s,color .15s,box-shadow .15s}
#wbk2 .w2-bestillinn:hover{box-shadow:0 4px 12px rgba(122,85,32,.14)}
#wbk2 .w2-bestillinn.on{background:var(--gold-dark,#7a5520);color:#f6f0e5}
#wbk2 .w2-lagernotis .alt{display:block;font-size:11px;color:var(--text-muted,rgba(30,21,16,.68));margin-top:9px}
/* v7.87: konkrete lager-alternativer — pakke-ned-knapp + farge-piller */
#wbk2 .w2-lagerned{display:block;width:100%;margin-top:8px;padding:9px 12px;background:#fff;border:1px solid var(--sand-line-strong,#c9bca8);border-radius:9px;font-family:var(--font-label,'Source Sans 3',sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text,#1e1510);cursor:pointer;transition:border-color .2s}
#wbk2 .w2-lagerned:hover{border-color:var(--gold-dark,#7a5520)}
#wbk2 .w2-lagerfarger{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
#wbk2 .w2-lagerfarge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#fff;border:1px solid var(--sand-line,#d8cdbe);border-radius:20px;font-family:var(--font-label,'Source Sans 3',sans-serif);font-size:11.5px;color:var(--text,#1e1510);cursor:pointer;transition:border-color .2s}
#wbk2 .w2-lagerfarge img{width:16px;height:16px;border-radius:50%;object-fit:cover}
#wbk2 .w2-lagerfarge:hover{border-color:var(--gold-dark,#7a5520)}
/* v8.51: lager-antydning på fargekortene (farge-steget) + fotnote under griden */
#wbk2 .w2-fmerke{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;
  font-size:9.5px;font-weight:600;letter-spacing:.01em;text-transform:none;line-height:1.25;text-align:center;
  color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-fmerke::before{content:"";flex:none;width:6px;height:6px;border-radius:99px;background:#5f8a63}
#wbk2 .w2-fmerke.tom{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-fmerke.tom::before{background:var(--sand-line-strong,#c9bca8)}
/* v8.51: FOTOET RØRES IKKE (Andreas) — kunden skal se boksen nøyaktig som den er.
   Tilstanden bæres av kortet: sandtonet flate + stiplet kant. Kantbredden er den
   samme (1,5 px), så ingenting hopper når fargen fylles på lager igjen. */
#wbk2 .w2-valg.w2-ftom{background:#f5efe4}
#wbk2 .w2-valg.w2-ftom:not(.on){border-style:dashed;border-color:var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-valg.w2-ftom span:not(.w2-fmerke){color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-fotnote{display:block;margin-top:11px;font-size:11.5px;line-height:1.5;
  color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-fotnote b{font-weight:600;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-valg .tot{font-size:1.1rem;font-weight:600;color:var(--text,#1e1510)}
#wbk2 .w2-valg .per{font-size:11px;color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-valg.antall{align-items:flex-start;padding:14px;gap:4px;min-height:96px;overflow:visible}
/* v8.40: Anbefalt som overheng-pille oppe til VENSTRE (serietopp-mønsteret) — den
   gamle inline-pillen brakk til en klump oppå de lange kuvert-etikettene (Andreas'
   skjermbilde på 6046). Spar-pillen flyttes tilsvarende ut oppe til HØYRE. */
#wbk2 .w2-anbef{position:absolute;top:-9px;left:10px;margin:0;font-style:normal;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(160deg,#bb904d,#93672a);color:#fdf8ec;padding:3px 9px;border-radius:99px;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 2px #faf6ec,0 2px 6px rgba(60,42,18,.22)} /* v7.81 → v8.40 */
#wbk2 .w2-serietill{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.02em;text-transform:none;color:#6b5c49} /* v7.83: pris på eget design-kortet */
#wbk2 .w2-serietill.kamp{color:#7a5520;font-weight:600}
/* v7.86: «Sommertilbud»-pille som flyter over kortets overkant (erstatter den
   brukne sommerpris-teksten inni kortet). Kun når kampanjen er aktiv. */
#wbk2 .w2-valg.har-topp{position:relative;overflow:visible}
#wbk2 .w2-serietopp{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:linear-gradient(160deg,#bb904d,#93672a);color:#fdf8ec;font-size:8.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:11px;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 2px #faf6ec,0 2px 6px rgba(60,42,18,.22)} /* v7.89: varmere gull-gradient (var flat #7a5520) */
#wbk2 .w2-valg .spar{position:absolute;top:-9px;right:10px;left:auto;padding:3px 9px;border-radius:99px;
  background:#f3ead9;color:var(--gold-dark,#7a5520);font-size:9px;font-weight:600;letter-spacing:.1em;
  white-space:nowrap;pointer-events:none;box-shadow:0 0 0 2px #faf6ec,0 2px 6px rgba(60,42,18,.14)} /* v8.40: overheng — kolliderte m/ kuvert-etikettene */
/* v7.90: «Skriv inn antall selv» — kort + stepper-panel (kurveprising) */
#wbk2 .w2-egenknapp{display:block;width:100%;margin-top:10px;border-style:dashed;text-align:left;min-height:0;padding:13px 14px}
#wbk2 .w2-egenknapp .w2-egensub{display:block;font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--text-muted,rgba(30,21,16,.68));margin-top:3px}
#wbk2 .w2-egenpanel{margin-top:10px;background:#fff;border:1.5px solid var(--gold-dark,#7a5520);border-radius:14px;padding:13px 14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#wbk2 .w2-egenstep{display:flex;align-items:center;border:1.5px solid var(--sand-line-strong,#c9bca8);border-radius:12px;overflow:hidden;background:#fff}
#wbk2 .w2-egenstep button{width:44px;height:50px;border:0;background:var(--bg2,#efe5d6);font-size:19px;font-weight:600;color:var(--gold-dark,#7a5520);cursor:pointer;font-family:inherit}
#wbk2 .w2-egenstep input{width:64px;height:50px;border:0;text-align:center;font-size:19px;font-weight:700;font-family:inherit;outline:none;-moz-appearance:textfield}
#wbk2 .w2-egenstep input::-webkit-inner-spin-button{-webkit-appearance:none}
#wbk2 .w2-egenpris{flex:1;min-width:150px}
#wbk2 .w2-egenpris b{display:block;font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.45rem;font-weight:600;color:var(--gold-dark,#7a5520);font-variant-numeric:tabular-nums;line-height:1.1}
#wbk2 .w2-egenper{font-size:12px;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-egenb2b{flex-basis:100%;font-size:11.5px;color:var(--text-dim,#5c4e3e);border-top:1px dashed var(--sand-line,#d8cdbe);padding-top:8px}
#wbk2 .w2-egenb2b a{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-valg.antall.on::after{top:auto;bottom:8px;right:8px} /* hake nederst — SPAR eier hjørnet oppe */
#wbk2 .w2-felt label{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-dim,#5c4e3e);margin:0 0 7px}
#wbk2 .w2-felt input,#wbk2 .w2-felt textarea{width:100%;min-height:54px;background:#fff;color:var(--text,#1e1510);
  border:1.5px solid var(--sand-line-strong,#c9bca8);border-radius:12px;font-size:17px;padding:12px 16px;
  font-family:inherit;outline:none}
#wbk2 .w2-felt input:focus,#wbk2 .w2-felt textarea:focus{border-color:var(--gold-dark,#7a5520);
  box-shadow:0 0 0 3px rgba(122,85,32,.13)}
#wbk2 .w2-fdots{display:flex;gap:6px;margin:0 0 12px}
#wbk2 .w2-fdots i{height:3px;flex:1;border-radius:99px;background:var(--sand-line,#d8cdbe)}
#wbk2 .w2-fdots i.on{background:var(--gold-dark,#7a5520)}
#wbk2 .w2-note{font-size:12px;color:var(--text-muted,rgba(30,21,16,.68));margin-top:12px;line-height:1.5}
#wbk2 .w2-sum{border-top:1px solid var(--sand-line,#d8cdbe)}
#wbk2 .w2-sumrad{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;
  border-bottom:1px solid var(--sand-line,#d8cdbe);font-size:14px}
#wbk2 .w2-sumrad b{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-muted,rgba(30,21,16,.68));flex:none;width:96px}
#wbk2 .w2-sumrad span{flex:1;text-align:right;font-family:var(--font-display,'Cormorant Garamond',serif);
  font-style:italic;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-total{display:flex;justify-content:space-between;padding:14px 2px;font-weight:600;
  color:var(--gold-dark,#7a5520);font-size:1.05rem}
/* v7.58: visuelt sum-hode + tekstverdier i valgt skrift */
#wbk2 .w2-sumhode{display:flex;gap:14px;align-items:center;background:#fff;
  border:1.5px solid var(--sand-line,#d8cdbe);border-radius:14px;padding:12px 14px;margin:4px 0 14px}
#wbk2 .w2-sumhode img.mot{width:64px;height:64px;object-fit:contain;flex:none}
#wbk2 .w2-sumhode>div{min-width:0}
#wbk2 .w2-sumhode b{display:block;font-family:var(--font-display,'Cormorant Garamond',serif);
  font-size:1.15rem;font-weight:600;color:var(--text,#1e1510);line-height:1.2}
#wbk2 .w2-sumhode span{display:block;font-size:11.5px;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-sumhode .w2-sumfarge{display:flex;align-items:center;gap:6px;margin-top:5px}
#wbk2 .w2-sumfarge img{width:20px;height:20px;border-radius:99px;object-fit:cover;flex:none;
  border:1px solid var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-sumrad.tekst span{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-style:normal}
#wbk2 .w2-sumrad.tekst i{font-style:normal;font-size:1.3rem;line-height:1.15;color:var(--text,#1e1510);
  font-family:var(--font-display,'Cormorant Garamond',serif)} /* v7.61: én stilren skrift i oppsummeringen */
#wbk2 .w2-sumrad.tekst small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-muted,rgba(30,21,16,.68))}
/* BUNNLINJEN */
#wbk2 .w2-bar{flex:0 0 auto;display:flex;gap:10px;align-items:center;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:var(--surface,#faf6ec);border-top:1px solid var(--sand-line,#d8cdbe)}
#wbk2 .w2-back{flex:0 0 48px;height:50px;border-radius:12px;border:1px solid var(--sand-line-strong,#c9bca8);
  background:none;color:var(--text-dim,#5c4e3e);font-size:17px;cursor:pointer}
#wbk2 .w2-back[disabled]{opacity:.3;pointer-events:none}
#wbk2 .w2-back:hover:not([disabled]){border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520)}
#wbk2 .w2-next{flex:1;height:50px;border:none;border-radius:12px;background:var(--text,#1e1510);
  color:var(--bg,#f4ede2);font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.05em;cursor:pointer;
  transition:filter .15s}
#wbk2 .w2-next[disabled]{opacity:.35;pointer-events:none}
#wbk2 .w2-next:hover:not([disabled]){filter:brightness(1.16)}
#wbk2 .w2-next.gull{background:var(--gold-dark,#7a5520)}
#wbk2 .w2-dot.done:hover{transform:scale(1.12)}
#wbk2 .w2-close:hover{border-color:rgba(176,136,73,.65);color:#e6d9bd}
#wbk2 .w2-bsum{flex:none;min-width:70px;display:none}
#wbk2 .w2-bsum .l{font-size:9.5px;font-weight:600;letter-spacing:.16em;color:var(--text-muted,rgba(30,21,16,.68));text-transform:uppercase}
#wbk2 .w2-bsum .s{font-size:16px;font-weight:600;color:var(--text,#1e1510);white-space:nowrap}
#wbk2.vis-sum .w2-bsum{display:block}
/* ── v8.50: TILLEGG — gaveeske + gavekort i metall ─────────────────────────
   Valgkortene er venstrestilte RADER (ikke rutenett). Gavekortet folder ut en
   mini-designer m/ forhåndsvisning. Kortflaten = bedriftsskiltets børstet-
   metall-CSS i kortets farge; teksten = skiltmodulens cqw-skalering + --fit. */
#wbk2 .w2-valg.w2-till{width:100%;flex-direction:row;align-items:flex-start;gap:12px;text-align:left;
  padding:14px 44px 14px 14px;margin-top:10px;min-height:0}
#wbk2 .w2-valg.w2-till span.w2-till-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;
  text-transform:none;letter-spacing:0;font-weight:400;font-size:inherit}
#wbk2 .w2-valg.w2-till b{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.15rem;font-weight:600;
  line-height:1.2;color:var(--text,#1e1510)}
#wbk2 .w2-valg.w2-till span.w2-till-sub{font-size:12px;line-height:1.5;color:var(--text-muted,rgba(30,21,16,.68));
  text-transform:none;letter-spacing:0;font-weight:400}
#wbk2 .w2-valg.w2-till span.w2-till-pris{flex:none;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:none;
  color:var(--gold-dark,#7a5520);white-space:nowrap;padding-top:3px}
#wbk2 .w2-valg.w2-till.on::after{top:50%;margin-top:-10px;right:12px}
#wbk2 .w2-sumtill{margin:14px 0 4px}
#wbk2 .w2-sumtill .w2-sub{margin-bottom:8px}
#wbk2 .w2-sumtill-hint{font-size:12px;line-height:1.5;color:var(--text-muted,rgba(30,21,16,.68));margin:6px 2px 0} /* v8.70 */
#wbk2 .w2-gkpanel{margin-top:10px;background:#fff;border:1.5px solid var(--gold-dark,#7a5520);border-radius:14px;padding:14px 14px 10px}
#wbk2 .w2-gkpanel .w2-tlab{margin-top:12px}
#wbk2 .w2-gk-prevwrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0 6px}
#wbk2 .w2-gk-cap{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,rgba(30,21,16,.68));text-align:center;line-height:1.4}
/* KORTET — 85,5 × 54 mm; fargen er kortets, graveringen hvit */
#wbk2 .w2-gk{position:relative;width:100%;aspect-ratio:85.5/54;border-radius:3.5%/5.5%;overflow:hidden;container-type:inline-size;color:#f4f1ea;
  background:repeating-linear-gradient(92deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(88deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px),
    linear-gradient(112deg,var(--gk1,#2b2b30) 0%,var(--gk2,#0f0f12) 36%,var(--gk1,#2b2b30) 62%,var(--gk2,#0f0f12) 100%);
  box-shadow:0 12px 26px rgba(30,21,16,.28),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06)}
#wbk2 .w2-gk::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 34%,rgba(255,248,232,.30) 50%,transparent 66%);transform:translateX(-130%)}
#wbk2 .w2-gk.sveip::after{animation:w2gksveip .9s ease both}
@keyframes w2gksveip{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
@media (prefers-reduced-motion: reduce){#wbk2 .w2-gk::after{display:none}}
#wbk2 .w2-gk-flate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:0 5cqw;text-align:center;text-shadow:0 0 .7cqw rgba(255,255,255,.22),0 .2cqw .4cqw rgba(0,0,0,.25)}
#wbk2 .w2-gk .w2-gk-l{display:block;white-space:nowrap;line-height:1.15;color:#f4f1ea;letter-spacing:.02em;
  text-transform:none;font-weight:400;font-family:inherit;max-width:none}
#wbk2 .w2-gk .w2-gk-l1{font-size:calc(8.5cqw * var(--fit,1) * var(--vfit,1))}
#wbk2 .w2-gk .w2-gk-ln{font-size:calc(5cqw * var(--fit,1) * var(--vfit,1))}   /* v8.89 tillegg: full tone — laseren gir én tone */
#wbk2 .w2-gk i.w2-gk-rule{display:block;width:22cqw;height:.4cqw;min-height:1px;margin:calc(1.8cqw * var(--vfit,1)) 0 calc(2cqw * var(--vfit,1));background:#f4f1ea;
  border:0;border-radius:0;font-style:normal}
/* v8.89 tillegg (takkekortet bygges inn): pynten som eget lag i kortets mm, motivet over første linje */
#wbk2 .w2-gk .w2-gk-pynt{position:absolute;left:0;top:0;width:100%;height:100%;color:#f4f1ea;pointer-events:none;
  filter:drop-shadow(0 0 .5cqw rgba(255,255,255,.16)) drop-shadow(0 .2cqw .35cqw rgba(0,0,0,.28))}
#wbk2 .w2-gk .w2-gk-sym{display:block;flex:none;color:#f4f1ea;line-height:0}
#wbk2 .w2-gk .w2-gk-sym svg{display:block;height:100%;width:auto;margin:0 auto}
/* kortfoto som flate (inline background-image) — dekk hele kortet; teksten får litt mer skygge mot ekte foto */
#wbk2 .w2-gk.w2-gk-har-foto{background-size:cover;background-position:center;background-repeat:no-repeat}
#wbk2 .w2-gk.w2-gk-har-foto .w2-gk-flate{text-shadow:0 0 .8cqw rgba(255,255,255,.28),0 .25cqw .5cqw rgba(0,0,0,.38)}
#wbk2 .w2-gk-sw[style*="background-image"]{background-size:cover;background-position:center}
/* fargevalg — runde anodiserte prikker, valgt = gullring */
#wbk2 .w2-gk-farger{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 2px}
#wbk2 .w2-gk-sw{position:relative;width:36px;height:36px;border-radius:99px;border:1.5px solid rgba(30,21,16,.12);cursor:pointer;padding:0;
  background:linear-gradient(135deg,var(--gk1),var(--gk2));box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 2px 6px rgba(30,21,16,.18);
  transition:transform .2s,box-shadow .2s}
#wbk2 .w2-gk-sw:hover{transform:translateY(-2px)}
#wbk2 .w2-gk-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--gold-dark,#7a5520),0 2px 6px rgba(30,21,16,.18);transform:scale(1.08)}
/* motivkort = små kortforhåndsvisninger */
#wbk2 .w2-gk-motiver{margin:2px 0 4px}
#wbk2 .w2-valg.w2-gk-mk{padding:8px 8px 9px;gap:7px}
#wbk2 .w2-gk-mk .w2-gk-mini{border-radius:5%/8%;box-shadow:0 4px 10px rgba(30,21,16,.2),inset 0 1px 0 rgba(255,255,255,.25)}
#wbk2 .w2-gk-rad{margin:0 0 8px}
/* egne felt-klasser m/ vilje: .w2-tinp får «Bare tekst»-stegets input-binding i render() */
#wbk2 .w2-gk-inp{width:100%;padding:11px 13px;border:1px solid #d8cdbe;background:#fff;border-radius:6px;
  font-size:1rem;color:#1e1510;font-family:inherit}
#wbk2 .w2-gk-inp:focus{outline:none;border-color:#a37333;box-shadow:0 0 0 3px rgba(163,115,51,.13)}
#wbk2 .w2-gk-skrifter{margin-bottom:6px}
/* sum-steget: kortet ved siden av teksten */
/* v8.89 tillegg: byggeren — eksempelmerket, forslagene, fargene, pynten, antall kort (begge flytene) */
#wbk2 .w2-gk-eksmerke{position:absolute;left:8px;top:6px;z-index:2;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;
  border:1px solid rgba(203,185,142,.38);background:rgba(21,17,14,.7);color:#d9cba6;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1;pointer-events:none}
#wbk2 .w2-gk-eksmerke[hidden]{display:none}
#wbk2 .w2-gk-rad .w2-tlab{display:block;margin:12px 0 6px}
#wbk2 .w2-tlab.w2-gk-lab{display:block;margin:16px 0 8px}
#wbk2 .w2-tlab.w2-gk-fhode{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#wbk2 .w2-gk-fnavn{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.15rem;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--text,#1e1510)}
#wbk2 .w2-gk-forslag{display:flex;flex-wrap:wrap;gap:8px}
#wbk2 .w2-gk-chip{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--sand-line-strong,#c9bca8);background:#fff;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:13.5px;
  letter-spacing:.01em;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
#wbk2 .w2-gk-chip:hover{border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520)}
#wbk2 .w2-gk-chip[aria-pressed="true"]{background:var(--text,#1e1510);border-color:var(--text,#1e1510);color:#f6f0e5}
#wbk2 .w2-gk-farger{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 6px;justify-items:center}
#wbk2 .w2-gk-farger .w2-gk-sw{width:40px;height:40px}
#wbk2 .w2-gk-rammer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}
#wbk2 .w2-gk-rk{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 5px 7px;border:1px solid #d8cdbe;border-radius:5px;background:#fff;color:var(--text-dim,#5c4e3e);
  font-family:inherit;font-size:11px;line-height:1.2;letter-spacing:.02em;cursor:pointer;transition:border-color .2s,box-shadow .2s}
#wbk2 .w2-gk-rk svg{display:block;width:100%;height:auto;color:#f4f1ea}
#wbk2 .w2-gk-rk svg .k{fill:#2b2b30}
#wbk2 .w2-gk-rk svg .t{fill:#f4f1ea;opacity:.82}
#wbk2 .w2-gk-symboler{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 6px}
#wbk2 .w2-gk-sy{display:flex;align-items:center;justify-content:center;height:46px;min-width:0;padding:10px 8px;border:1px solid #d8cdbe;border-radius:5px;background:#fff;color:var(--text,#1e1510);cursor:pointer;
  transition:border-color .2s,box-shadow .2s}
#wbk2 .w2-gk-sy svg{display:block;width:100%;height:100%}
#wbk2 .w2-gk-sy0{position:relative;display:block;width:24px;height:24px;border-radius:99px;border:1.5px solid var(--sand-line-strong,#c9bca8);overflow:hidden}
#wbk2 .w2-gk-sy0::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1.5px;margin-left:-.75px;background:var(--sand-line-strong,#c9bca8);transform:rotate(45deg)}
#wbk2 .w2-gk-rk:hover,#wbk2 .w2-gk-sy:hover{border-color:var(--gold-dark,#7a5520)}
#wbk2 .w2-gk-rk[aria-pressed="true"],#wbk2 .w2-gk-sy[aria-pressed="true"]{border-color:var(--gold-dark,#7a5520);box-shadow:0 0 0 1px var(--gold-dark,#7a5520)}
#wbk2 .w2-gk-rk[aria-pressed="true"]{color:var(--text,#1e1510);font-weight:600}
#wbk2 .w2-gk-venter{margin-top:8px}
#wbk2 .w2-gk-antall{margin-top:18px}
#wbk2 .w2-gk-ahode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
#wbk2 .w2-gk-ahode .w2-tlab{margin:0}
#wbk2 .w2-gk-alle{flex:none;min-height:44px;margin:-13px 0;padding:0 2px;border:0;background:transparent;color:var(--gold-dark,#7a5520);font-family:inherit;font-size:12.5px;font-weight:600;
  letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#wbk2 .w2-gk-alle:hover{color:var(--gold-hover,#5f3f16)}
#wbk2 .w2-gk-teller{display:inline-flex;align-items:center;border:1.5px solid var(--sand-line-strong,#c9bca8);border-radius:12px;overflow:hidden;background:#fff}
#wbk2 .w2-gk-teller button{width:46px;height:46px;border:0;background:var(--bg2,#efe5d6);font-size:19px;font-weight:600;color:var(--gold-dark,#7a5520);cursor:pointer;font-family:inherit}
#wbk2 .w2-gk-teller button[aria-disabled="true"]{color:rgba(30,21,16,.3);cursor:default}
#wbk2 .w2-gk-teller output{display:block;min-width:138px;padding:0 12px;text-align:center;font-size:14px;font-weight:600;color:var(--text,#1e1510);font-variant-numeric:tabular-nums}
#wbk2 .w2-gk-antall > .w2-note{margin-top:10px}
#wbk2 .w2-gk-chip:focus-visible,#wbk2 .w2-gk-rk:focus-visible,#wbk2 .w2-gk-sy:focus-visible,#wbk2 .w2-gk-sw:focus-visible,#wbk2 .w2-gk-alle:focus-visible,
#wbk2 .w2-gk-teller button:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
@media (prefers-reduced-motion: reduce){#wbk2 .w2-gk-chip,#wbk2 .w2-gk-rk,#wbk2 .w2-gk-sy{transition:none}}
#wbk2 .w2-sumgk{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--sand-line,#d8cdbe);
  border-radius:14px;padding:12px 14px;margin:0 0 14px}
#wbk2 .w2-sumgk .w2-gk{width:46%;flex:none}
#wbk2 .w2-sumgk-t{min-width:0}
#wbk2 .w2-sumgk-t b{display:block;font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.1rem;font-weight:600;
  color:var(--text,#1e1510);line-height:1.2}
#wbk2 .w2-sumgk-t span{display:block;font-size:11.5px;color:var(--text-dim,#5c4e3e);margin-top:4px;line-height:1.45}
@media (max-width:919px){
  #wbk2 .w2-valg.w2-till{padding:12px 40px 12px 12px}
  #wbk2 .w2-valg.w2-till b{font-size:1.05rem}
  #wbk2 .w2-gk-sw{width:32px;height:32px}
  #wbk2 .w2-gk-farger .w2-gk-sw{width:40px;height:40px}   /* v8.89 tillegg: fargeprøvene i byggeren er trykkflater */
  #wbk2 .w2-gk-chip{min-height:44px}
}
/* v8.90: MATERIALET BESTEMMER TONEN (alle produkter, bak ?mat=1) — lys gravering på lys flate. Glass: fotoet gjøres
   mørkere, med samme filter som utkastet i Designbenken (DG_MORK_FILTER), så frostet hvit synes. Ugjennomsiktige lyse
   flater (blank aluminium, gull-lokk): produktet beholder fargen, graveringen får en tynn mørk kant. */
#wbk2.w2-dempet .w2-foto{filter:brightness(.26) contrast(1.22) saturate(.85)}
#wbk2.w2-dempet:not(.w2-g3dmodus):not(.w2-silu) .w2-kort{background:#1b1714}
#wbk2.w2-lyskant:not(.w2-silu):not(.w2-3dmodus) .w2-motiv,#wbk2.w2-lyskant:not(.w2-silu):not(.w2-3dmodus) .w2-tekst,#wbk2.w2-lyskant:not(.w2-silu):not(.w2-3dmodus) .w2-skunder,
#wbk2.w2-lyskant:not(.w2-silu):not(.w2-3dmodus) .w2-3d{filter:drop-shadow(0 0 .6px rgba(30,24,18,.9)) drop-shadow(0 .8px 1.2px rgba(30,24,18,.45))}   /* fotovisningen — den rendrede boksen (3D) trenger den ikke; .w2-3d = bord og tekst rundt lokket */
/* kundens bilde vist som gravering i materialets tone: ikke gråtonefilteret som ligger på fila */
#wbk2 .w2-motiv .w2-filprev.w2-filblekk{filter:none;opacity:1;border-radius:0}
/* ═══ v8.84–v8.90 «SKRIV FØRST» + GLASSET I 3D (bare #wbk2.w2-skriv — glassene bak porten) ═══════════════════ */
#wbk2 .w2-g3d{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:3;cursor:grab;touch-action:none}
#wbk2 .w2-g3d.drar{cursor:grabbing}
#wbk2 .w2-g3d.flyttmodus,#wbk2 .w2-g3d.flytt{cursor:move}
#wbk2 .w2-g3d.skaler{cursor:nwse-resize}
#wbk2 .w2-g3d:focus-visible{outline:1px solid rgba(203,185,142,.5);outline-offset:-3px;border-radius:14px}
#wbk2.w2-g3dmodus .w2-g3d{display:block}
#wbk2.w2-g3dmodus .w2-foto,#wbk2.w2-g3dmodus .w2-sone,#wbk2.w2-g3dmodus .w2-silsvg,#wbk2.w2-g3dmodus .w2-sweep{visibility:hidden}
#wbk2.w2-g3dmodus .w2-kort{background:#15110e}
#wbk2.w2-skriv .w2-dots,#wbk2.w2-skriv .w2-back,#wbk2.w2-skriv .w2-hint,#wbk2.w2-skriv .w2-zoom,#wbk2.w2-skriv .w2-plasshint,#wbk2.w2-skriv .w2-vis,#wbk2.w2-skriv .w2-ramme{display:none!important}
#wbk2.w2-skriv .w2-track{padding-top:24px}
#wbk2.w2-skriv .w2-next.w2-sk-venter{opacity:.72}
/* v8.85: navnet under bildemotivet ligger over motivet i sonen; teksten bak vises bare i 3D (den står bak glasset) */
#wbk2 .w2-skunder,#wbk2 .w2-skbak{position:absolute;inset:0;z-index:2;pointer-events:none}
#wbk2 .w2-skbak{visibility:hidden}
#wbk2.w2-sktekst .w2-tekst{position:absolute;inset:0;width:auto}   /* Tekst-fanen: linjene står i % av sonen (som .tekstmodus i stegene) */
/* v8.87: I BILDET — «Flytt og skaler» oppe til venstre, 1× oppe til høyre når kunden har zoomet, en kort forklaring nederst */
#wbk2 .w2-skflytt{position:absolute;top:10px;left:10px;z-index:5;display:none;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:99px;
  border:1px solid rgba(203,185,142,.5);background:rgba(21,17,14,.66);color:#efe4cc;font-family:inherit;font-size:12px;letter-spacing:.05em;cursor:pointer;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1)}
#wbk2.w2-g3dmodus .w2-skflytt{display:inline-flex}
#wbk2.w2-g3dmodus .w2-skflytt[hidden]{display:none}
#wbk2 .w2-skflytt span{font-size:14px;line-height:1}
#wbk2 .w2-skflytt:hover{border-color:rgba(203,185,142,.9);color:#fff8ea}
#wbk2 .w2-skflytt[aria-pressed="true"]{background:#cbb98e;border-color:#cbb98e;color:#15110e;font-weight:600}
#wbk2 .w2-skflytt:focus-visible{outline:2px solid #cbb98e;outline-offset:2px}
@keyframes w2skpuls{0%,100%{box-shadow:0 0 0 0 rgba(203,185,142,0)}50%{box-shadow:0 0 0 7px rgba(203,185,142,.3)}}
#wbk2 .w2-skflytt.puls{animation:w2skpuls .9s cubic-bezier(.2,.8,.2,1) 2}
#wbk2 .w2-kort .w2-g3dzoom{position:absolute;top:10px;right:10px;z-index:5;min-width:48px;font-variant-numeric:tabular-nums}
#wbk2 .w2-g3dzoom[hidden]{display:none}
#wbk2 .w2-skfhint{position:absolute;left:50%;bottom:12px;z-index:5;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;padding:6px 12px;border-radius:99px;
  background:rgba(21,17,14,.74);color:#efe4cc;font-size:11.5px;line-height:1.35;letter-spacing:.02em;text-align:center;pointer-events:none;opacity:0;
  transition:opacity .35s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-skfhint.vis{opacity:1}
/* v8.90: merket «Eksempel» — står nederst til venstre i bildet mens glasset viser eksempeltekst (teksten selv er i full frost) */
#wbk2 .w2-skeks{position:absolute;left:10px;bottom:10px;z-index:5;display:none;align-items:center;height:26px;padding:0 11px;border-radius:99px;border:1px solid rgba(203,185,142,.38);
  background:rgba(21,17,14,.7);color:#d9cba6;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1;pointer-events:none}
#wbk2.w2-g3dmodus .w2-skeks{display:inline-flex}
#wbk2.w2-g3dmodus .w2-skeks[hidden],#wbk2.w2-skflytter .w2-skeks{display:none}
/* benk2.js 1.8 (24.10.2026): merket oppe til venstre i bildet for glassmalene — for lang tekst, ugyldige forbokstaver,
   adskilte forbokstaver. Samme pille som «Eksempel», men med vanlig tekst (det er en beskjed, ikke en etikett) */
#wbk2 .w2-wmmerk{position:absolute;left:10px;top:10px;z-index:6;max-width:calc(100% - 20px);display:inline-flex;align-items:center;min-height:26px;
  padding:4px 11px;border-radius:13px;border:1px solid rgba(203,185,142,.45);background:rgba(21,17,14,.78);color:#efe7d6;font-size:12px;
  font-weight:500;line-height:1.35;pointer-events:none}
#wbk2 .w2-wmmerk[hidden]{display:none}
/* UNDER KORTET — buen som vrir glasset (vanlig modus) og verktøylinja (mens kunden flytter) deler plassen.
   v8.89: buen er en kort, flat bue rett under kortet (ikke rundt glasset). */
#wbk2.w2-skriv .w2-chips{flex-direction:column;align-items:center;flex-wrap:nowrap;gap:8px}
#wbk2 .w2-skbue{position:relative;z-index:6;flex:none;width:min(300px,84vw);height:44px;margin-top:8px;touch-action:none;
  -webkit-user-select:none;user-select:none}
#wbk2.w2-skflytter .w2-skbue{display:none}
#wbk2 .w2-skbue-spor{position:absolute;inset:0;cursor:ew-resize;border-radius:22px}
#wbk2 .w2-skbue-spor:focus-visible{outline:2px solid #cbb98e;outline-offset:2px}
#wbk2 .w2-skbue svg{position:absolute;left:0;top:0;display:block;overflow:visible;pointer-events:none}
#wbk2 .w2-skbue-linje{fill:none;stroke:#cbb98e;stroke-width:1.5;stroke-linecap:round;opacity:.72;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-skbue-pil{fill:#cbb98e;opacity:.85}
#wbk2 .w2-skbue-spor:hover .w2-skbue-linje,#wbk2 .w2-skbue.drar .w2-skbue-linje{opacity:1}
#wbk2 .w2-skbue .w2-g3dgrad,#wbk2 .w2-skbue-v{position:absolute;top:50%;z-index:1}
#wbk2 .w2-skbue .w2-g3dgrad{left:50%;transform:translate(-50%,-50%);min-width:58px;height:32px;font-variant-numeric:tabular-nums;background:#15110e}
#wbk2 .w2-skbue-v{width:36px;height:36px;margin-top:-18px;padding:0;border-radius:99px;border:1px solid rgba(203,185,142,.45);background:#15110e;color:#e6d9bd;
  font-family:inherit;font-size:17px;line-height:1;cursor:pointer;transition:border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-skbue-v[data-skbv="-1"]{left:calc(50% - 76px)}
#wbk2 .w2-skbue-v[data-skbv="1"]{left:calc(50% + 40px)}
#wbk2 .w2-skbue-v:hover{border-color:rgba(203,185,142,.9);color:#fff8ea}
#wbk2 .w2-skbue-v:focus-visible,#wbk2 .w2-skbue .w2-g3dgrad:focus-visible{outline:2px solid #cbb98e;outline-offset:2px}
#wbk2 .w2-skverk{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:8px}
#wbk2 .w2-skverk[hidden]{display:none}
#wbk2 .w2-skverk-deler,#wbk2 .w2-skverk-str{display:flex;align-items:center;gap:5px}
#wbk2 .w2-skverk .w2-chip{height:36px}
#wbk2 .w2-skverk-t{min-width:40px;padding:0;font-size:17px;line-height:1}
#wbk2 .w2-skverk-n{min-width:56px;padding:0 4px;text-align:center;font-size:12px;letter-spacing:.04em;color:#f4ecd9;white-space:nowrap;font-variant-numeric:tabular-nums}
/* PANELET: tre faner øverst — hver viser sin velger først, så feltene som hører til valget */
#wbk2 .w2-sk{display:flex;flex-direction:column;gap:24px}
#wbk2 .w2-sk section[hidden],#wbk2 .w2-sk [hidden]{display:none!important}
#wbk2 .w2-sk .w2-q{margin-top:0}
#wbk2 .w2-sk-faner{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:99px;border:1px solid var(--sand-line,#d8cdbe);background:rgba(30,21,16,.04)}
#wbk2 .w2-sk-faner button{min-height:44px;padding:0 6px;border:0;border-radius:99px;background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:14px;font-weight:600;
  letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-sk-faner button:hover{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-sk-faner button[aria-selected="true"]{background:var(--text,#1e1510);color:#f6f0e5;box-shadow:0 4px 12px rgba(30,21,16,.16)}
#wbk2 .w2-sk-faner button:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
#wbk2 .w2-sk-panelm{display:flex;flex-direction:column;gap:18px}
#wbk2 .w2-sk-blokk > .w2-sk-rad:first-child{margin-top:0}
#wbk2 .w2-sk-skriftt{margin:4px 0 -12px}
#wbk2 .w2-sk-blokk > .w2-note{margin-top:10px}
#wbk2 .w2-sk-frad{display:flex;gap:8px;align-items:stretch}
#wbk2 .w2-sk-felt{position:relative;flex:1 1 auto;min-width:0}
#wbk2 .w2-sk-felt1{flex:0 0 76px}
#wbk2 .w2-sk-felt .w2-tinp{height:50px;padding-right:50px;font-size:1.05rem}
#wbk2 .w2-sk-felt .w2-tinp.w2-sk-bokstav{padding:0;text-align:center;font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.6rem;font-weight:600;text-transform:uppercase}
#wbk2 .w2-sk-felt .w2-tinp.w2-sk-bokstav::placeholder{color:var(--text-muted,rgba(30,21,16,.68));opacity:.55}
#wbk2 .w2-sk-egetfelt textarea.w2-tinp{height:auto;min-height:84px;padding:11px 13px;font-size:1rem;resize:vertical}
#wbk2 .w2-sk-x{position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;border-radius:99px;background:transparent;color:var(--text-dim,#5c4e3e);font-size:19px;line-height:1;cursor:pointer}
#wbk2 .w2-sk-x:hover{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-sk-x:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:-4px}
/* størrelse per linje: − Aa + ved feltet */
#wbk2 .w2-sk-lstr{flex:none;display:flex;align-items:center;height:50px;border:1px solid var(--sand-line,#d8cdbe);border-radius:6px;background:#fff;overflow:hidden}
#wbk2 .w2-sk-lstr button{width:40px;height:100%;border:0;background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:19px;line-height:1;cursor:pointer;
  transition:color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-sk-lstr button:hover{color:var(--gold-dark,#7a5520);background:rgba(163,115,51,.1)}
#wbk2 .w2-sk-lstr button:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:-2px}
#wbk2 .w2-sk-lstr span{min-width:40px;text-align:center;font-size:11px;letter-spacing:.02em;color:var(--text-muted,rgba(30,21,16,.68));font-variant-numeric:tabular-nums}
#wbk2 .w2-sk-lstr span.aa{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:15px;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-sk-rad{margin-top:12px}
#wbk2 .w2-sk-rad .w2-note{margin-top:6px}
#wbk2 .w2-sk-auto{color:var(--gold-dark,#7a5520);opacity:.85}
/* «+ Tekst bak» */
#wbk2 .w2-sk-bakpa{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--sand-line-strong,#c9bca8);
  background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:13.5px;letter-spacing:.02em;cursor:pointer;transition:border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-sk-bakpa:hover{border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520)}
#wbk2 .w2-sk-bakpa:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
#wbk2 .w2-sk-bakpa small{font-size:11.5px;opacity:.8}
#wbk2 .w2-sk-baksek{display:flex;flex-direction:column}
#wbk2 .w2-sk-bakfelt .w2-sk-rad{margin-top:0}
#wbk2 .w2-sk-svar{margin:0;min-height:20px;font-size:13px;line-height:1.5;color:var(--text-muted,rgba(30,21,16,.68));text-wrap:pretty}
#wbk2 .w2-sk-svar b{color:var(--text,#1e1510);font-weight:600}
#wbk2 .w2-sk-egetfelt .w2-fil{margin:0}
/* v8.90: kundens bilde — «Hva skal graveres?» (to valg, samme uttrykk som fanene) */
#wbk2 .w2-sk-fil{display:flex;flex-direction:column;gap:16px}
#wbk2 .w2-sk-filvalg{display:flex;flex-direction:column;gap:8px}
#wbk2 .w2-sk-filvalg .w2-tlab,#wbk2 .w2-sk-filvalg .w2-note{margin:0}
#wbk2 .w2-sk-seg{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border-radius:99px;border:1px solid var(--sand-line,#d8cdbe);background:rgba(30,21,16,.04)}
#wbk2 .w2-sk-seg button{min-height:44px;padding:0 6px;border:0;border-radius:99px;background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:13.5px;font-weight:600;
  letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-sk-seg button:hover{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-sk-seg button[aria-pressed="true"]{background:var(--text,#1e1510);color:#f6f0e5;box-shadow:0 4px 12px rgba(30,21,16,.16)}
#wbk2 .w2-sk-seg button:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
/* kortene i «Se alle»-arket: bilde + navn */
#wbk2 .w2-sk-ut{padding:8px 6px 9px;gap:5px;border-radius:12px}
#wbk2 .w2-sk-bilde{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#3a3a3a;overflow:hidden}
/* kortet skal vise NØYAKTIG det som graveres: ikke arve «#wbk2 .w2-valg span» (versaler, 600, sperring, 10,5 px).
   SVG-teksten arver fra boksen, men beholder vekten motivet selv har som attributt. */
#wbk2 .w2-sk-ut .w2-sk-bilde,#wbk2 .w2-sk-ut .w2-sk-bilde .l{text-transform:none;letter-spacing:normal;font-weight:400}
#wbk2 .w2-sk-ut .w2-sk-bilde{font-size:13px}
#wbk2 .w2-sk-bilde svg{width:100%;height:100%;display:block;overflow:visible}
#wbk2 .w2-sk-bilde img{width:100%;height:100%;object-fit:contain;display:block}
#wbk2 .w2-sk-mprov{display:block;width:100%;height:100%;background-repeat:no-repeat;background-image:var(--mprov);background-size:var(--msize) 100%;background-position:var(--mpos) center}
#wbk2 .w2-sk-nv{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim,#5c4e3e);font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* skriftprøvene: kundens linje 1 i hver skrift (størrelsen settes etter lengden) */
#wbk2 .w2-sk-bilde.w2-sk-fontprov{display:block;line-height:1.15;padding:0 5px;color:var(--text,#1e1510);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
  text-transform:none;letter-spacing:normal;font-weight:400;aspect-ratio:auto;height:auto}
/* RINGEN (mobil og PC fra v8.89): valgene rundt en stående sylinder i panelet — ruller med innholdet. Sveip sideveis
   (PC: dra med musa, klikk eller pilene): miniatyren som vender mot kunden er valgt. Loddrett sveip ruller panelet. */
#wbk2 .w2-skring{display:block}
#wbk2 .w2-skring-rull.drar{scroll-snap-type:none;cursor:grabbing}
#wbk2 .w2-skring-rull.drar .w2-skring-el{pointer-events:none}
#wbk2 .w2-skring-syl{position:relative;margin:0 -22px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent)}
#wbk2 .w2-skring-rull{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:10px 0 8px;touch-action:pan-x pan-y}
#wbk2 .w2-skring-rull::-webkit-scrollbar{display:none}
#wbk2 .w2-skring-rull:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:-2px;border-radius:8px}
#wbk2 .w2-skring-tom{flex:0 0 calc(50% - 38px)}
#wbk2 .w2-skring-el{position:relative;flex:0 0 76px;height:78px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;margin:0;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer}
#wbk2 .w2-skring-el .w2-sk-bilde{width:70px;height:70px;padding:4px;border-radius:12px;background:#fff;border:1px solid var(--sand-line,#d8cdbe);color:#3a3a3a;
  box-shadow:0 6px 14px rgba(40,31,22,.08);will-change:transform,opacity;text-transform:none;letter-spacing:normal;font-weight:400}
#wbk2 .w2-skring-el .w2-sk-bilde.w2-sk-fontprov{display:flex;align-items:center;justify-content:center;padding:4px 5px;color:var(--text,#1e1510)}
#wbk2 .w2-skring-syl::after{content:"";display:block;position:absolute;left:50%;top:5px;width:84px;height:84px;margin-left:-42px;border:1.5px solid var(--gold-dark,#7a5520);border-radius:15px;pointer-events:none}
#wbk2 .w2-skring-om{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}
#wbk2 .w2-skring-tekst{min-width:0;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
#wbk2 .w2-skring-tekst b{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.3rem;font-weight:600;line-height:1.1;color:var(--text,#1e1510)}
#wbk2 .w2-skring-tekst span{font-size:12.5px;line-height:1.35;color:var(--text-dim,#5c4e3e);text-wrap:balance}
#wbk2 .w2-skring-pil{flex:none;width:44px;height:44px;border-radius:99px;border:1px solid var(--sand-line-strong,#c9bca8);background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:17px;line-height:1;cursor:pointer;
  transition:border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
#wbk2 .w2-skring-pil:hover{border-color:var(--gold-dark,#7a5520);color:var(--gold-dark,#7a5520)}
#wbk2 .w2-skring-pil:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
/* det som mangler når kunden trykker — rett over kjøpsraden (v8.86) */
#wbk2 .w2-sk-bunnmelding{margin:-8px 0 0;font-size:13px;line-height:1.45;font-weight:600;color:var(--gold-dark,#7a5520)}
/* «Se alle» (v8.88): tekstknapp under ringen — åpner arket med hele utvalget */
#wbk2 .w2-sk-sealle{align-self:center;min-height:44px;margin:-12px 0 -8px;padding:0 14px;border:0;background:transparent;color:var(--gold-dark,#7a5520);font-family:inherit;font-size:13.5px;font-weight:600;
  letter-spacing:.02em;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold-line,rgba(163,115,51,.3));
  transition:color var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1)),text-decoration-color var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}
#wbk2 .w2-sk-sealle:hover{color:var(--gold-hover,#5f3f16);text-decoration-color:currentColor}
#wbk2 .w2-sk-sealle:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px;border-radius:6px}
/* skriftraden (Motiv og Eget): viser skriften som er valgt og åpner arket */
#wbk2 .w2-sk-skriftrad{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 14px;border:1px solid var(--sand-line,#d8cdbe);border-radius:8px;background:#fff;font-family:inherit;text-align:left;cursor:pointer;
  transition:border-color var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}
#wbk2 .w2-sk-skriftrad span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-sk-skriftrad b{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:17px;color:var(--text,#1e1510)}
#wbk2 .w2-sk-skriftrad::after{content:"";display:block;flex:none;width:7px;height:7px;border-right:1.5px solid var(--text-dim,#5c4e3e);border-top:1.5px solid var(--text-dim,#5c4e3e);transform:rotate(45deg)}
#wbk2 .w2-sk-skriftrad:hover{border-color:var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-sk-skriftrad:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
/* v8.90 ELEMENTENE: «Pynt» / «Bytt deler» — én rad per del (samme rad som Skrift), og flisene i arket */
#wbk2 .w2-emdefs{position:absolute;width:0;height:0;overflow:hidden}
#wbk2 .w2-sk-pynt{display:flex;flex-direction:column;gap:8px}
#wbk2 .w2-sk-pyntt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 2px}
#wbk2 .w2-sk-nullstill{flex:none;min-height:44px;margin:-13px 0;padding:0 2px;border:0;background:transparent;color:var(--gold-dark,#7a5520);font-family:inherit;font-size:12.5px;
  font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:color var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}
#wbk2 .w2-sk-nullstill:hover{color:var(--gold-hover,#5f3f16)}
#wbk2 .w2-sk-nullstill:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px;border-radius:6px}
#wbk2 .w2-sk-pyntrader .w2-sk-bakpa{align-self:flex-start}
#wbk2 .w2-sk-raad{display:block;margin-top:4px;color:var(--gold-dark,#7a5520);font-weight:600}
#wbk2 .w2-skark .w2-em-flere{display:block;margin:14px auto 4px}
#wbk2 .w2-sk-pyntrader{display:flex;flex-direction:column;gap:8px}
#wbk2 .w2-sk-delrad b{margin-left:0;font-size:15px}
#wbk2 .w2-sk-delrad b.uten{margin-left:auto;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-sk-delsw{flex:none;margin-left:auto;width:44px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text,#1e1510);font-style:normal}
#wbk2 .w2-sk-delsw svg{display:block;width:100%;height:100%}
#wbk2 .w2-sk-vent{margin:0}
/* v8.90: hilsenen i Tekst-fanen — et tekstfelt over flere linjer */
#wbk2 .w2-sk-felt.w2-sk-feltfler .w2-tinp{display:block;height:auto;min-height:96px;padding:12px 46px 12px 13px;font-size:1.05rem;line-height:1.45;resize:vertical}
#wbk2 .w2-sk-frad .w2-sk-lstr{align-self:flex-start}
#wbk2 .w2-skark-rute.w2-emrute{grid-template-columns:repeat(4,minmax(0,1fr))}
#wbk2 .w2-skark-rute.w2-emrute.bred{grid-template-columns:repeat(2,minmax(0,1fr))}
#wbk2 .w2-skark-rute .w2-sk-nv{white-space:normal;text-wrap:balance}   /* «Initial med kvist» får to linjer i arket */
#wbk2 .w2-skark-gr:first-child > .w2-emrute:first-child{margin-top:18px}
#wbk2 .w2-emsw{min-width:0;padding:10px 2px 8px;gap:6px}
#wbk2 .w2-emsw .w2-sk-bilde{aspect-ratio:auto;height:46px;padding:0 4px;color:var(--text,#1e1510)}
#wbk2 .w2-emrute.bred .w2-emsw .w2-sk-bilde{height:30px;padding:0 10px}
#wbk2 .w2-emsw .w2-emsw-n{max-width:100%;font-size:11px;line-height:1.25;letter-spacing:0;text-transform:none;font-weight:400;color:var(--text-dim,#5c4e3e);text-align:center;overflow-wrap:break-word}
#wbk2 .w2-emsw.on .w2-emsw-n{color:var(--text,#1e1510);font-weight:600}
#wbk2 .w2-emsw-0{position:relative;display:block;width:26px;height:26px;border-radius:99px;border:1.5px solid var(--sand-line-strong,#c9bca8);overflow:hidden}
#wbk2 .w2-emsw-0::after{content:"";display:block;position:absolute;left:50%;top:-4px;bottom:-4px;width:1.5px;margin-left:-.75px;background:var(--sand-line-strong,#c9bca8);transform:rotate(45deg)}
#wbk2 .w2-emsw.on::after{top:5px;right:5px;width:18px;height:18px}
#wbk2 .w2-emsw:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
/* ARKET: ligger over panelet. Glasset står synlig over og følger hvert trykk. */
#wbk2 .w2-skark{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;background:var(--surface,#faf6ec);border-radius:inherit;overflow:hidden}
#wbk2 .w2-skark[hidden]{display:none}
#wbk2 .w2-skark-hode{flex:none;display:flex;align-items:center;gap:12px;padding:14px 22px 12px;border-bottom:1px solid var(--sand-line,#d8cdbe)}
#wbk2 .w2-skark-t{flex:1 1 auto;margin:0;padding:0;font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.5rem;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--text,#1e1510)}
#wbk2 .w2-skark-status{flex:0 1 auto;min-width:0;font-size:12px;line-height:1.3;color:var(--text-muted,rgba(30,21,16,.68));text-align:right}
#wbk2 .w2-skark-status:empty{display:none}
#wbk2 .w2-skark-ferdig{flex:none;min-height:44px;padding:0 22px;border:0;border-radius:99px;background:var(--text,#1e1510);color:var(--on-dark,#f0e9dc);font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;
  transition:background var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}
#wbk2 .w2-skark-ferdig:hover{background:var(--gold-dark,#7a5520)}
#wbk2 .w2-skark-ferdig:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:2px}
#wbk2 .w2-skark-rull{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 22px calc(28px + env(safe-area-inset-bottom))}
#wbk2 .w2-skark-gr > h3{margin:18px 0 10px;padding:0;font-family:inherit;font-weight:600;line-height:1.3;color:var(--text-dim,#5c4e3e)}
#wbk2 .w2-skark-rute{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#wbk2 .w2-skark-liste{display:flex;flex-direction:column}
#wbk2 .w2-skark-font{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:8px 30px 8px 2px;border:0;border-bottom:1px solid var(--sand-line,#d8cdbe);border-radius:0;background:transparent;
  text-align:left;font-family:inherit;color:var(--text,#1e1510);cursor:pointer}
#wbk2 .w2-skark-font .p{flex:1 1 auto;min-width:0;font-size:25px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wbk2 .w2-skark-font .n{flex:none;max-width:42%;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;line-height:1.25;color:var(--text-dim,#5c4e3e);text-align:right}
#wbk2 .w2-skark-font .n small{font-size:11px;color:var(--text-muted,rgba(30,21,16,.68))}
#wbk2 .w2-skark-font:hover .p{color:var(--gold-dark,#7a5520)}
#wbk2 .w2-skark-font.on .n{color:var(--gold-dark,#7a5520);font-weight:600}
#wbk2 .w2-skark-font.on::after{content:"";display:block;position:absolute;right:2px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:99px;
  background:var(--gold-dark,#7a5520) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f6f0e5" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12.5l5 5 10-11"/></svg>') center/11px no-repeat}
#wbk2 .w2-skark-font:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:-2px}
#wbk2 .w2-sk-del{align-self:flex-start;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-dim,#5c4e3e);font-family:inherit;font-size:13px;letter-spacing:.02em;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-sk-del:hover{color:var(--gold-dark,#7a5520)}
#wbk2.w2-skriv .w2-sk-seksjon .w2-q{font-size:1.35rem}
#wbk2.w2-skmyk .w2-scene{transition:flex-basis var(--dur-mid,.35s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}   /* bare rundt byttene (skMyk) — aldri mens kunden ruller */
@media (min-width:920px){
  #wbk2.w2-skriv .w2-chips{margin-top:0}
  #wbk2 .w2-skring-syl{margin:0 -28px}
  #wbk2 .w2-skring-rull{cursor:grab}
  #wbk2 .w2-skark-rute{grid-template-columns:repeat(4,minmax(0,1fr))}
  #wbk2 .w2-skark-rute.w2-emrute.bred{grid-template-columns:repeat(3,minmax(0,1fr))}
  #wbk2 .w2-skark-hode{padding:18px 28px 14px}
  #wbk2 .w2-skark-rull{padding:0 28px 32px}
}
/* mobil (v8.86–v8.87): scenen har glasset, knappen i bildet og buen under. Velgerne og kjøpsraden ruller med panelet —
   kjøpsraden (samme element som på PC, flyttet av skPlasserBar) ligger sist i innholdet. Mens kunden skriver går
   scenen ned og glasset i nærbilde (tegnes i lerretet). «Flere bilder» flytter opp i hjørnet. */
@media (max-width:919px){
  /* v8.89: scenen går fra 50 % til 32 % mens kunden ruller de første 18 % av høyden (--skk 0–1 og --skkpx fra skRull) */
  #wbk2.w2-skriv .w2-scene{flex-basis:calc(50% - var(--skkpx,0px));flex-direction:column;justify-content:center;padding:30px 0 20px;gap:0}   /* 20 px nederst: panelet går 14 px opp over scenen */
  #wbk2.w2-skriv{--w2side:min(86vw, 50dvh - 50px - var(--skkpx,0px) - (1 - var(--skk,0)) * 52px)}
  #wbk2.w2-skriv .w2-track{overflow-anchor:none}
  #wbk2.w2-skriv .w2-track::before{content:"";display:block;height:var(--skkpx,0px)}
  #wbk2.w2-skriv .w2-chips{height:calc((1 - var(--skk,0)) * 52px);opacity:calc(1 - var(--skk,0) * 1.5);overflow:hidden}
  #wbk2.w2-skriv .w2-skflytt{opacity:calc(1 - var(--skk,0) * 1.5)}
  #wbk2.w2-skkompakt .w2-chips,#wbk2.w2-skkompakt .w2-skflytt{pointer-events:none;visibility:hidden}
  #wbk2.w2-skriv .w2-kort{flex:none}   /* kortet MÅ være kvadratisk — sonen er % av fotoet */
  #wbk2.w2-skriv .w2-brand{display:none}
  #wbk2.w2-skriv .w2-chips{position:static;right:auto;bottom:auto;order:3;max-width:none;margin:0;padding:0 12px}
  #wbk2.w2-skriv .w2-chips .w2-flere{position:absolute;top:10px;left:12px;z-index:6}
  #wbk2.w2-skriv .w2-track{padding-bottom:0}
  #wbk2.w2-skriv .w2-track > .w2-bar{margin:22px -22px 0;padding:14px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--sand-line,#d8cdbe);background:var(--surface,#faf6ec)}
  #wbk2.w2-skriver .w2-scene{flex-basis:30%;padding-top:24px}
  #wbk2.w2-skriver{--w2side:min(86vw, 30dvh - 46px)}
  #wbk2.w2-skriver .w2-chips,#wbk2.w2-skriver .w2-skflytt,#wbk2.w2-skriver .w2-skfhint{display:none!important}
  /* v8.88: trykkflatene er 44 px der det er plass (minst 40), etikettene 11 px */
  #wbk2.w2-skriv .w2-close{width:44px;height:44px;top:8px;right:10px}
  #wbk2 .w2-sk-lstr button{width:40px}
  #wbk2 .w2-sk-lstr span{min-width:32px}
  #wbk2 .w2-sk-frad[data-skrad="hils"]{flex-wrap:wrap;justify-content:flex-end}   /* hilsenen: tekstfeltet i full bredde, − Aa + under */
  #wbk2 .w2-sk-frad[data-skrad="hils"] .w2-sk-felt{flex:1 1 100%}
  #wbk2 .w2-skflytt{height:44px;padding:0 15px;font-size:12px}
  #wbk2 .w2-skbue-v{width:44px;height:44px;margin-top:-22px}
  #wbk2 .w2-skbue-v[data-skbv="-1"]{left:calc(50% - 81px)}
  #wbk2 .w2-skbue-v[data-skbv="1"]{left:calc(50% + 37px)}
  #wbk2 .w2-skbue .w2-g3dgrad{height:36px}
  #wbk2 .w2-skverk{gap:6px}
  #wbk2 .w2-skverk .w2-chip{height:40px}
  #wbk2 .w2-skverk-t{min-width:40px}
  #wbk2 .w2-skverk-n{min-width:42px}
  #wbk2 .w2-sk .w2-tlab,#wbk2 .w2-skark .w2-tlab{font-size:11px;letter-spacing:.14em}
  /* ringen: et raskt sveip går forbi flere — stopper på nærmeste */
  #wbk2 .w2-skring-el{scroll-snap-stop:normal}
  /* mens kunden skriver: rom under innholdet, så feltet kan legge seg rett under glasset */
  #wbk2.w2-skriver .w2-track::after{content:"";display:block;height:62dvh}
  /* arket åpent: glasset mindre, arket større — buen og flytt-knappen hviler */
  #wbk2.w2-skarkapen .w2-scene{flex-basis:36%}
  #wbk2.w2-skarkapen .w2-kort{flex:none}
  #wbk2.w2-skarkapen{--w2side:min(86vw, 36dvh - 52px)}
  #wbk2.w2-skarkapen .w2-chips,#wbk2.w2-skarkapen .w2-skflytt{display:none!important}
}
/* ═══ v8.90 «SKRIV FØRST» PÅ SNUSBOKSEN (#wbk2.w2-skboks): scenen er Gravørbenken 3D (boks3d). Knappene i bildet,
   rammen mens kunden flytter, fargeprøvene, ringen rundt lokket og baksiden. ═══ */
#wbk2.w2-skboks .w2-sone{pointer-events:none}   /* kortet eier pekeren: r3 vrir boksen, skbPeker flytter graveringen */
#wbk2.w2-skboks .w2-ttom{opacity:1}   /* «Din tekst» i full tone — merket «Eksempel» sier at den ikke er kundens (som på glasset) */
#wbk2.w2-skboks .w2-skflytt{display:inline-flex;top:auto;left:auto;right:10px;bottom:10px}   /* nede til høyre: øverst ville den dekket teksten på ringen rundt lokket */
#wbk2.w2-skboks .w2-skfhint{bottom:auto;top:12px}
#wbk2.w2-skboks .w2-skflytt[hidden]{display:none}
#wbk2.w2-skboks .w2-skeks{display:inline-flex;top:10px;bottom:auto}   /* oppe til venstre — nede står «Flytt og skaler» */
#wbk2.w2-skboks .w2-skeks[hidden],#wbk2.w2-skboks.w2-skflytter .w2-skeks{display:none}
#wbk2.w2-skboks .w2-chips{flex-direction:row;flex-wrap:wrap;justify-content:center}
#wbk2.w2-skboks.w2-skflytter .w2-3dvalg,#wbk2.w2-skboks.w2-skflytter .w2-3dsnu{display:none}
#wbk2.w2-skboks.w2-skflytter .w2-kort,#wbk2.w2-skboks.w2-skflytter .w2-3d{cursor:move;touch-action:none}
#wbk2.w2-skboks.w2-skflytter .w2-kort.skaler,#wbk2.w2-skboks.w2-skflytter .w2-kort.skaler .w2-3d{cursor:nwse-resize}
#wbk2 .w2-skbramme{position:absolute;z-index:4;box-sizing:border-box;border:1px dashed #f4ecd9;outline:1px solid rgba(21,17,14,.4);outline-offset:0;border-radius:2px;pointer-events:none}
#wbk2 .w2-skbramme[hidden]{display:none}
#wbk2 .w2-skbramme.svak{border-color:rgba(244,236,217,.5);outline-color:rgba(21,17,14,.18)}
#wbk2 .w2-skbramme i{position:absolute;right:-8px;bottom:-8px;width:14px;height:14px;border-radius:99px;background:#cbb98e;border:1.5px solid #15110e;box-sizing:border-box}
/* fargen: en rad fargeprøver — byttet tegner bare boksen */
#wbk2 .w2-skb-hode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
#wbk2 .w2-skb-hode .w2-tlab{margin:0}
#wbk2 .w2-skb-fnavn{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:1.2rem;font-weight:600;line-height:1.1;color:var(--text,#1e1510)}
#wbk2 .w2-skb-farger{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 6px;justify-items:center}
#wbk2 .w2-skb-sw{position:relative;width:44px;height:44px;padding:0;border-radius:99px;border:1px solid var(--sand-line-strong,#c9bca8);background:#d9d2c4 center/cover no-repeat;cursor:pointer;
  transition:box-shadow var(--dur-fast,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1))}
#wbk2 .w2-skb-sw[aria-checked="true"]{box-shadow:0 0 0 2px var(--surface,#faf6ec),0 0 0 4px var(--gold-dark,#7a5520)}
#wbk2 .w2-skb-sw:hover{box-shadow:0 0 0 2px var(--surface,#faf6ec),0 0 0 3px var(--sand-line-strong,#c9bca8)}
#wbk2 .w2-skb-sw[aria-checked="true"]:hover{box-shadow:0 0 0 2px var(--surface,#faf6ec),0 0 0 4px var(--gold-dark,#7a5520)}
#wbk2 .w2-skb-sw:focus-visible{outline:2px solid var(--gold,#a37333);outline-offset:5px}
#wbk2 .w2-skb-sw.tom::after{content:"";display:block;position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:99px;background:var(--gold-dark,#7a5520);border:2px solid var(--surface,#faf6ec);box-sizing:border-box}
#wbk2 .w2-skb-fnotis:empty{display:none}
#wbk2 .w2-skb-fnotis{margin-top:12px}
#wbk2 .w2-skb-fnotis .w2-lagernotis{margin:0}
/* rundt lokket + baksiden: samme knapp som «+ Tekst bak» til de åpnes */
#wbk2 .w2-skb-rundt,#wbk2 .w2-skb-bak{display:flex;flex-direction:column}
#wbk2 .w2-skb-rundt .w2-sk-rad:first-of-type,#wbk2 .w2-skb-bak .w2-sk-rad:first-of-type{margin-top:0}
#wbk2 .w2-skb-rundt > .w2-note,#wbk2 .w2-skb-bak > .w2-note{margin-top:8px}
#wbk2 .w2-skb-inp{padding-right:13px}
#wbk2 .w2-grid.w2-skb-border{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px}
#wbk2 .w2-skb-border .w2-valg.w2-r3bord{min-width:0;padding:8px 2px}
#wbk2 .w2-skb-border .w2-valg.w2-r3bord span{letter-spacing:.02em;overflow-wrap:anywhere;text-align:center}
/* miniatyrene av oppsettene: lokket som tynne sirkler, ringen på et lerret under komposisjonen */
#wbk2 .w2-emlokk{fill:none;stroke:currentColor;stroke-opacity:.22;stroke-width:.45}
#wbk2 .w2-sk-bilde.w2-sk-el{position:relative}
#wbk2 .w2-skb-kortring{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
#wbk2 .w2-skring-el .w2-skb-kortring{left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
#wbk2 .w2-sk-bilde.w2-sk-el svg{position:relative}
#wbk2 .w2-em-ringnote{margin:14px 0 0}
@media (min-width:920px){
  #wbk2 .w2-grid.w2-skb-border{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
}
/* ═══ v8.90 TAKKEKORTET I «SKRIV FØRST» (alle produkter med C.tillegg.gavekort): kortet står i scenen som et eget lag over
   produktet mens kunden skriver; byggeren (kjernen, v8.89 tillegg) ligger under tilleggene i panelet. ═══ */
#wbk2 .w2-gkscene{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;background:inherit;border-radius:inherit}
#wbk2 .w2-gkscene[hidden]{display:none}
#wbk2 .w2-gkscene-kort{width:80%;transform:perspective(900px) rotateX(10deg) rotateZ(-2deg);transform-origin:50% 60%}
#wbk2 .w2-gkscene-kort .w2-gk{box-shadow:0 22px 34px rgba(30,21,16,.34),0 4px 8px rgba(30,21,16,.2),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.35)}
#wbk2 .w2-gkscene-cap{padding:0 12px;font-size:11px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--text-dim,#5c4e3e);text-align:center;white-space:nowrap}
#wbk2.w2-g3dmodus .w2-gkscene-cap{color:#cfc2a9}
#wbk2.w2-g3dmodus .w2-gkscene-kort .w2-gk{box-shadow:0 22px 34px rgba(0,0,0,.5),0 0 0 1px rgba(246,240,229,.18),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.35)}   /* mørk scene (glasset): en tynn lys kant, så et svart kort synes */
#wbk2 .w2-gkeks{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;border:1px solid rgba(203,185,142,.38);
  background:rgba(21,17,14,.7);color:#d9cba6;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1}
#wbk2 .w2-gkeks[hidden]{display:none}
#wbk2.w2-gkvis .w2-skflytt,#wbk2.w2-gkvis .w2-skeks,#wbk2.w2-gkvis .w2-3dvalg,#wbk2.w2-gkvis .w2-3dsnu,#wbk2.w2-gkvis .w2-skbue,#wbk2.w2-gkvis .w2-skverk,
#wbk2.w2-gkvis .w2-g3dzoom,#wbk2.w2-gkvis .w2-skfhint{display:none!important}
#wbk2 .w2-gkchip[hidden]{display:none}
#wbk2 .w2-gkchip[aria-pressed="true"]{border-color:rgba(176,136,73,.65);color:#e6d9bd}
#wbk2 .w2-skgk{display:flex;flex-direction:column;margin-top:-10px}   /* henger sammen med tilleggskortet over; byggeren er kjernens (v8.89 tillegg) */
#wbk2 .w2-skgk > .w2-note{margin-top:12px}
/* flere kort: en kant av kortet bak, så bunken synes */
#wbk2 .w2-gkscene-kort.flere::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:3.5%/5.5%;background:var(--gkbak,#17171a);
  transform:translate(3.4%,6%) rotate(2.6deg);box-shadow:0 14px 22px rgba(30,21,16,.3),inset 0 1px 0 rgba(255,255,255,.2)}
@media (prefers-reduced-motion:reduce){
  #wbk2.w2-skmyk .w2-scene,#wbk2 .w2-sk-nullstill,#wbk2 .w2-sk-sealle,#wbk2 .w2-sk-skriftrad,#wbk2 .w2-skark-ferdig,#wbk2 .w2-sk-lstr button,#wbk2 .w2-skring-pil,#wbk2 .w2-sk-faner button,#wbk2 .w2-sk-seg button,#wbk2 .w2-skflytt,#wbk2 .w2-skfhint,#wbk2 .w2-skbue-linje{transition:none}
  #wbk2 .w2-skflytt.puls{animation:none;border-color:#cbb98e}
  #wbk2 .w2-skring-el .w2-sk-bilde{transform:none!important}
}