/* SKAPE — skins. Eit skin er ein *strukturell* personlegdom: breidde, rytme,
   kortchrome, knappeform, typeskala, biletformat, seksjonsoverskrift.
   Fargane kjem framleis frå --sf-*-tokens per tenant. Same motor — men her
   skal to butikkar med same palett framleis sjå ut som to ulike byrå har laga dei.
   Lasta ETTER demo.css, så desse reglane vinn. */

/* ══════════════════════════════════════════════════════════════════════════
   1. SVEITSISK RASTER — raster, hårstrek, ingen skugge, ingen radius.
   Kort utan boks: bilete, tekst, tal. Overskrift til venstre med linje over.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="swiss"]{
  --sf-radius-sm:0px;--sf-radius-md:0px;--sf-radius-lg:0px;--sf-radius-btn:0px;
  --sf-shadow-sm:none;--sf-shadow-md:none;--sf-shadow-lg:none;--sf-shadow-btn:none;
}
[data-skin="swiss"] .wrap{width:min(1420px,100% - 48px)}
[data-skin="swiss"] section{padding:clamp(44px,4.6vw,76px) 0;border-top:1px solid var(--sf-border)}
[data-skin="swiss"] .hero{border-top:0}
[data-skin="swiss"] .sechead{max-width:none;margin-bottom:30px;display:grid;grid-template-columns:200px 1fr;gap:0 28px;align-items:start;border-top:2px solid var(--sf-ink);padding-top:16px}
[data-skin="swiss"] .sechead--c{text-align:left;margin-inline:0}
[data-skin="swiss"] .sechead h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.015em;margin:0;grid-column:2}
[data-skin="swiss"] .sechead p{grid-column:2;margin-top:10px;font-size:15px;max-width:62ch}
[data-skin="swiss"] .sechead--c p{margin-inline:0}
[data-skin="swiss"] .kicker{margin:0;grid-row:1/span 3;font-size:11px;letter-spacing:.18em;color:var(--sf-muted)}
[data-skin="swiss"] .kicker::before{display:none}
[data-skin="swiss"] .prods{gap:1px;background:var(--sf-border);border:1px solid var(--sf-border)}
[data-skin="swiss"] .prod{border:0;background:var(--sf-bg);border-radius:0;padding:0}
[data-skin="swiss"] .prod:hover{transform:none;box-shadow:none;background:var(--sf-surface)}
[data-skin="swiss"] .prod__img .art{aspect-ratio:1/1}
[data-skin="swiss"] .prod__badge{border-radius:0;top:0;left:0;font-size:10.5px;padding:4px 9px}
[data-skin="swiss"] .prod__b{padding:14px 14px 16px;gap:6px}
[data-skin="swiss"] .prod__n{font-size:14.5px;font-weight:600;letter-spacing:0}
[data-skin="swiss"] .prod__p b{font-size:15px;font-variant-numeric:tabular-nums}
[data-skin="swiss"] .prod .btn{background:none;color:var(--sf-ink);padding:0;box-shadow:none;justify-content:flex-start;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--sf-ink);width:max-content;border-radius:0}
[data-skin="swiss"] .prod .btn:hover{background:none;color:var(--sf-accent-ink);border-color:var(--sf-accent)}
[data-skin="swiss"] .cat{background:transparent;box-shadow:none}
[data-skin="swiss"] .cat .art{aspect-ratio:1/1}
[data-skin="swiss"] .cat:hover{transform:none}
[data-skin="swiss"] .usps{border-block:0}
[data-skin="swiss"] .usp__i{background:none;border:1px solid var(--sf-border);border-radius:0}
[data-skin="swiss"] .usp h3{font-size:15px;font-weight:600}
[data-skin="swiss"] .btn{border-radius:0;font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;padding:13px 22px}
[data-skin="swiss"] .hdr{border-bottom:2px solid var(--sf-ink)}
[data-skin="swiss"] .announce{background:var(--sf-ink);color:var(--sf-bg);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
[data-skin="swiss"] .step{border-radius:0;background:transparent;border:0;border-top:1px solid var(--sf-ink);padding:18px 0 0}
[data-skin="swiss"] .step::before{border-radius:0;background:none;color:var(--sf-muted);width:auto;height:auto;margin-bottom:10px;font-size:34px;font-weight:400}
[data-skin="swiss"] .quote{border-radius:0;background:transparent;border:0;border-left:2px solid var(--sf-ink);padding:6px 0 6px 24px}
[data-skin="swiss"] .ftr{border-top:2px solid var(--sf-ink)}
[data-skin="swiss"] .cta{border-radius:0}

/* ══════════════════════════════════════════════════════════════════════════
   2. SOFTPOP — tjukke kantar, hard forskyvd skugge, runde former, leikent.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="softpop"]{--sf-radius-sm:14px;--sf-radius-md:26px;--sf-radius-lg:34px;--sf-radius-btn:99px}
[data-skin="softpop"] .wrap{width:min(1100px,100% - 36px)}
[data-skin="softpop"] section{padding:clamp(56px,6.6vw,100px) 0}
[data-skin="softpop"] .sechead{text-align:center;margin-inline:auto;max-width:720px;margin-bottom:44px}
[data-skin="softpop"] .sechead p{margin-inline:auto}
[data-skin="softpop"] .sechead h2{font-size:clamp(30px,4.6vw,50px)}
[data-skin="softpop"] .kicker{background:var(--sf-accent);color:var(--sf-on-accent);border-radius:99px;padding:6px 15px;letter-spacing:.1em}
[data-skin="softpop"] .kicker::before{display:none}
[data-skin="softpop"] .prods{gap:26px}
[data-skin="softpop"] .prod{border:2.5px solid var(--sf-ink);box-shadow:6px 7px 0 var(--sf-brand)}
[data-skin="softpop"] .prod:hover{transform:translate(-2px,-3px);box-shadow:10px 12px 0 var(--sf-brand)}
[data-skin="softpop"] .prod__img .art{aspect-ratio:4/5}
[data-skin="softpop"] .prod__b{padding:18px 20px 22px;text-align:center}
[data-skin="softpop"] .prod__p{justify-content:center}
[data-skin="softpop"] .cat{border:2.5px solid var(--sf-ink);box-shadow:5px 6px 0 var(--sf-accent)}
[data-skin="softpop"] .cat:hover{transform:translate(-2px,-3px)}
[data-skin="softpop"] .btn{border-radius:99px;font-weight:800;padding:15px 30px}
[data-skin="softpop"] .btn--p{border:2.5px solid var(--sf-ink);box-shadow:4px 5px 0 var(--sf-ink)}
[data-skin="softpop"] .btn--g{border:2.5px solid var(--sf-ink)}
[data-skin="softpop"] .step{border:2.5px solid var(--sf-ink);box-shadow:5px 6px 0 var(--sf-accent-soft)}
[data-skin="softpop"] .quote{border:2.5px solid var(--sf-ink);box-shadow:6px 7px 0 var(--sf-accent-soft)}
[data-skin="softpop"] .ico{border:2px solid var(--sf-ink);border-radius:99px}
[data-skin="softpop"] .hdr{border-bottom:2.5px solid var(--sf-ink)}
[data-skin="softpop"] .usp__i{border-radius:99px}
[data-skin="softpop"] .faq details{border-bottom:2px dashed var(--sf-border)}
[data-skin="softpop"] .hero__media .art{border:3px solid var(--sf-ink)}

/* ══════════════════════════════════════════════════════════════════════════
   3. BRUTALIST — 0 radius, svarte 2px kantar, rå typografi, tunge skiljelinjer.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="brutal"]{
  --sf-radius-sm:0px;--sf-radius-md:0px;--sf-radius-lg:0px;--sf-radius-btn:0px;
  --sf-shadow-sm:none;--sf-shadow-md:none;--sf-shadow-btn:none;
}
[data-skin="brutal"] .wrap{width:min(1340px,100% - 32px)}
[data-skin="brutal"] section{padding:clamp(48px,5.4vw,84px) 0;border-bottom:6px solid var(--sf-ink)}
[data-skin="brutal"] .sechead{margin-bottom:34px;max-width:none}
[data-skin="brutal"] .sechead--c{text-align:left;margin-inline:0}
[data-skin="brutal"] .sechead--c p{margin-inline:0}
[data-skin="brutal"] .sechead h2{font-size:clamp(32px,6vw,68px);text-transform:uppercase;letter-spacing:-.035em;line-height:.94}
[data-skin="brutal"] .kicker{border:2px solid var(--sf-ink);padding:4px 10px;color:var(--sf-ink);letter-spacing:.1em}
[data-skin="brutal"] .kicker::before{display:none}
[data-skin="brutal"] .prods{gap:0;border-left:2px solid var(--sf-ink);border-top:2px solid var(--sf-ink)}
[data-skin="brutal"] .prod{border:0;border-right:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink);border-radius:0}
[data-skin="brutal"] .prod:hover{transform:none;background:var(--sf-accent-soft)}
[data-skin="brutal"] .prod__img .art{aspect-ratio:1/1;border-bottom:2px solid var(--sf-ink)}
[data-skin="brutal"] .prod__badge{border-radius:0;top:0;right:0;left:auto;border-left:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink)}
[data-skin="brutal"] .prod__n{text-transform:uppercase;font-size:14px;letter-spacing:-.01em}
[data-skin="brutal"] .prod__p b{font-size:22px}
[data-skin="brutal"] .btn{border-radius:0;border:2px solid var(--sf-ink);text-transform:uppercase;letter-spacing:.05em;font-weight:800;box-shadow:5px 5px 0 var(--sf-ink)}
[data-skin="brutal"] .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--sf-ink)}
[data-skin="brutal"] .btn--g{background:var(--sf-bg)}
[data-skin="brutal"] .cat{border:2px solid var(--sf-ink);border-radius:0}
[data-skin="brutal"] .cat__n{text-transform:uppercase}
[data-skin="brutal"] .hdr{border-bottom:4px solid var(--sf-ink)}
[data-skin="brutal"] .announce{border-bottom:2px solid var(--sf-ink);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
[data-skin="brutal"] .usps{border-block:2px solid var(--sf-ink)}
[data-skin="brutal"] .usp{border-right:2px solid var(--sf-ink)}
[data-skin="brutal"] .usp__i{border-radius:0;border:2px solid var(--sf-ink);background:none}
[data-skin="brutal"] .step{border:2px solid var(--sf-ink);border-radius:0}
[data-skin="brutal"] .step::before{border-radius:0}
[data-skin="brutal"] .quote{border:2px solid var(--sf-ink);border-radius:0}
[data-skin="brutal"] .faq details{border-bottom:2px solid var(--sf-ink)}
[data-skin="brutal"] .ftr{border-top:6px solid var(--sf-ink)}
[data-skin="brutal"] .ico{border:2px solid var(--sf-ink);border-radius:0}

/* ══════════════════════════════════════════════════════════════════════════
   4. REDAKSJONELT — smal spalte, stor serif, ingen kort, mykje luft.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="press"]{--sf-radius-sm:0px;--sf-radius-md:0px;--sf-radius-lg:0px;--sf-radius-btn:0px;
  --sf-shadow-sm:none;--sf-shadow-md:none;--sf-shadow-btn:none}
[data-skin="press"] .wrap{width:min(1080px,100% - 44px)}
[data-skin="press"] section{padding:clamp(64px,9vw,140px) 0}
[data-skin="press"] .sechead{text-align:center;margin-inline:auto;max-width:620px;margin-bottom:56px}
[data-skin="press"] .sechead p{margin-inline:auto;font-size:16px;line-height:1.75}
[data-skin="press"] .sechead h2{font-size:clamp(30px,4.4vw,52px);font-weight:400;letter-spacing:-.01em;line-height:1.14}
[data-skin="press"] .kicker{font-size:11px;letter-spacing:.28em;color:var(--sf-muted);font-weight:600}
[data-skin="press"] .kicker::before{display:none}
[data-skin="press"] .prods{grid-template-columns:repeat(3,1fr);gap:44px 34px}
[data-skin="press"] .prod{border:0;background:transparent;border-radius:0}
[data-skin="press"] .prod:hover{transform:none;box-shadow:none}
[data-skin="press"] .prod__img .art{aspect-ratio:3/4}
[data-skin="press"] .prod__badge{background:none;color:var(--sf-ink);border-radius:0;padding:0;top:auto;bottom:-26px;left:0;
  font-size:10.5px;letter-spacing:.2em;font-weight:600}
[data-skin="press"] .prod__b{padding:22px 0 0;text-align:center;gap:8px}
[data-skin="press"] .prod__n{font-weight:400;font-size:19px;line-height:1.3}
[data-skin="press"] .prod__p{justify-content:center}
[data-skin="press"] .prod__p b{font-weight:400;font-size:16px;color:var(--sf-muted)}
[data-skin="press"] .prod .btn{background:none;color:var(--sf-ink);box-shadow:none;padding:0;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;width:max-content;margin-inline:auto;font-weight:600}
[data-skin="press"] .cat{background:transparent;box-shadow:none;border-radius:0}
[data-skin="press"] .cat .art{aspect-ratio:3/4}
[data-skin="press"] .cats{gap:28px}
[data-skin="press"] .btn{border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:600;padding:16px 32px}
[data-skin="press"] .usps{background:transparent;border-block:1px solid var(--sf-border)}
[data-skin="press"] .usp{border-right:1px solid var(--sf-border);text-align:center;padding:40px 24px}
[data-skin="press"] .usp__i{background:none;color:var(--sf-ink);margin-inline:auto}
[data-skin="press"] .usp h3{font-weight:400;font-size:17px}
[data-skin="press"] .quote{border:0;background:transparent;text-align:center;padding:0 20px}
[data-skin="press"] .quote p{font-size:23px;font-weight:400;line-height:1.5;font-style:italic}
[data-skin="press"] .step{background:transparent;border:0;border-top:1px solid var(--sf-border);border-radius:0;padding:22px 0 0}
[data-skin="press"] .step::before{background:none;color:var(--sf-muted);width:auto;height:auto;font-size:12px;letter-spacing:.2em;margin-bottom:12px}
[data-skin="press"] .hdr{border-bottom:1px solid var(--sf-border);background:var(--sf-bg)}
[data-skin="press"] .announce{background:transparent;color:var(--sf-muted);border-bottom:1px solid var(--sf-border);
  font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
[data-skin="press"] .hero__media .art{border-radius:0}
[data-skin="press"] .mt .art{border-radius:0}
[data-skin="press"] .ico{border-color:transparent}
[data-skin="press"] .faq summary{font-weight:400}
[data-skin="press"] .cta{border-radius:0}

/* ══════════════════════════════════════════════════════════════════════════
   5. BOUTIQUE — ingen kantar, djup mjuk skugge, høge bilete, midtstilt.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="boutique"]{--sf-radius-sm:10px;--sf-radius-md:18px;--sf-radius-lg:26px;--sf-radius-btn:99px}
[data-skin="boutique"] .wrap{width:min(1180px,100% - 40px)}
[data-skin="boutique"] section{padding:clamp(60px,7.4vw,116px) 0}
[data-skin="boutique"] .sechead{text-align:center;margin-inline:auto;margin-bottom:48px}
[data-skin="boutique"] .sechead p{margin-inline:auto}
[data-skin="boutique"] .kicker{letter-spacing:.3em;font-weight:600;font-size:11px}
[data-skin="boutique"] .kicker::before{width:0;height:0}
[data-skin="boutique"] .kicker::after{content:"";width:34px;height:1px;background:var(--sf-accent)}
[data-skin="boutique"] .prods{gap:30px}
[data-skin="boutique"] .prod{border:0;box-shadow:0 18px 44px rgba(0,0,0,.07)}
[data-skin="boutique"] .prod:hover{transform:translateY(-6px);box-shadow:0 30px 66px rgba(0,0,0,.12)}
[data-skin="boutique"] .prod__img .art{aspect-ratio:3/4}
[data-skin="boutique"] .prod__b{padding:20px 20px 24px;text-align:center;gap:9px}
[data-skin="boutique"] .prod__n{font-weight:500}
[data-skin="boutique"] .prod__p{justify-content:center}
[data-skin="boutique"] .prod .btn{background:transparent;color:var(--sf-ink);border:1px solid var(--sf-border);box-shadow:none}
[data-skin="boutique"] .prod .btn:hover{background:var(--sf-primary);color:var(--sf-on-primary);border-color:var(--sf-primary)}
[data-skin="boutique"] .cat{box-shadow:0 16px 40px rgba(0,0,0,.07)}
[data-skin="boutique"] .cat .art{aspect-ratio:3/4}
[data-skin="boutique"] .btn{letter-spacing:.06em;font-weight:600}
[data-skin="boutique"] .usps{background:transparent;border-block:0}
[data-skin="boutique"] .usp{border-right:0;text-align:center}
[data-skin="boutique"] .usp__i{margin-inline:auto;border-radius:99px;width:46px;height:46px}
[data-skin="boutique"] .quote{border:0;box-shadow:0 18px 44px rgba(0,0,0,.06);padding:38px 34px}
[data-skin="boutique"] .step{border:0;box-shadow:0 14px 36px rgba(0,0,0,.06)}
[data-skin="boutique"] .hdr{border-bottom:0;box-shadow:0 2px 20px rgba(0,0,0,.05)}
[data-skin="boutique"] .ico{border-color:transparent}
[data-skin="boutique"] .announce{letter-spacing:.16em;text-transform:uppercase;font-size:11.5px;font-weight:600}
[data-skin="boutique"] .ftr{border-top:0}
[data-skin="boutique"] .faq details{border-bottom:1px solid var(--sf-border)}

/* ══════════════════════════════════════════════════════════════════════════
   6. TERMINAL — teknisk, rutenett i bakgrunnen, // -kickers, tabulære tal.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="terminal"]{--sf-radius-sm:3px;--sf-radius-md:4px;--sf-radius-lg:6px;--sf-radius-btn:3px;
  --sf-shadow-sm:none;--sf-shadow-md:none;--sf-shadow-lg:none;--sf-shadow-btn:none}
[data-skin="terminal"] .wrap{width:min(1320px,100% - 40px)}
[data-skin="terminal"] section{padding:clamp(46px,5.2vw,82px) 0;position:relative}
[data-skin="terminal"] main{
  background-image:linear-gradient(var(--sf-border) 1px,transparent 1px),linear-gradient(90deg,var(--sf-border) 1px,transparent 1px);
  background-size:60px 60px;background-position:-1px -1px;
}
[data-skin="terminal"] main>section{background-color:var(--sf-bg)}
[data-skin="terminal"] main>section:nth-child(odd){background-color:transparent}
[data-skin="terminal"] .sechead{margin-bottom:32px}
[data-skin="terminal"] .sechead--c{text-align:left;margin-inline:0}
[data-skin="terminal"] .sechead--c p{margin-inline:0}
[data-skin="terminal"] .sechead h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.025em}
[data-skin="terminal"] .kicker{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-transform:none}
[data-skin="terminal"] .kicker::before{content:"//";width:auto;height:auto;background:none;color:var(--sf-accent);font-weight:700}
[data-skin="terminal"] .prods{gap:14px}
[data-skin="terminal"] .prod{border:1px solid var(--sf-border);background:var(--sf-surface)}
[data-skin="terminal"] .prod:hover{transform:none;border-color:var(--sf-accent)}
[data-skin="terminal"] .prod__img .art{aspect-ratio:4/3}
[data-skin="terminal"] .prod__badge{border-radius:3px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:0}
[data-skin="terminal"] .prod__n{font-size:14.5px}
[data-skin="terminal"] .prod__p b,[data-skin="terminal"] .row__p,[data-skin="terminal"] .plan__p{font-variant-numeric:tabular-nums}
[data-skin="terminal"] .prod__b::before{content:"SKU-"counter(sku,decimal-leading-zero);counter-increment:sku;
  font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--sf-muted);letter-spacing:.08em}
[data-skin="terminal"] .prods{counter-reset:sku}
[data-skin="terminal"] .btn{border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
[data-skin="terminal"] .btn--g{border-width:1px}
[data-skin="terminal"] .cat{border:1px solid var(--sf-border)}
[data-skin="terminal"] .cat .art{aspect-ratio:16/10}
[data-skin="terminal"] .usp__i{border-radius:3px;border:1px solid var(--sf-border)}
[data-skin="terminal"] .step{border-radius:4px}
[data-skin="terminal"] .step::before{border-radius:3px;font-family:ui-monospace,Menlo,monospace}
[data-skin="terminal"] .quote{border-radius:4px}
[data-skin="terminal"] .announce{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.02em}
[data-skin="terminal"] .ico{border-radius:3px}
[data-skin="terminal"] .cta{border-radius:6px}

/* ══════════════════════════════════════════════════════════════════════════
   7. GRIDZINE — asymmetrisk magasinraster: første vare stor, blanda format.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="gridzine"]{--sf-radius-sm:2px;--sf-radius-md:2px;--sf-radius-lg:2px;--sf-radius-btn:2px;
  --sf-shadow-md:none;--sf-shadow-lg:none}
[data-skin="gridzine"] .wrap{width:min(1440px,100% - 40px)}
[data-skin="gridzine"] section{padding:clamp(50px,5.6vw,88px) 0}
[data-skin="gridzine"] .sechead{max-width:none;margin-bottom:36px;border-bottom:1px solid var(--sf-ink);padding-bottom:18px}
[data-skin="gridzine"] .sechead--c{text-align:left;margin-inline:0}
[data-skin="gridzine"] .sechead--c p{margin-inline:0}
[data-skin="gridzine"] .sechead h2{font-size:clamp(34px,6.4vw,76px);line-height:.92;letter-spacing:-.04em}
[data-skin="gridzine"] .sechead p{font-size:15.5px;max-width:48ch}
[data-skin="gridzine"] .kicker{font-size:11px;letter-spacing:.22em}
[data-skin="gridzine"] .kicker::before{width:0;margin-right:-8px}
[data-skin="gridzine"] .prods{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:2px}
[data-skin="gridzine"] .prod{border:0;background:var(--sf-surface);border-radius:0}
[data-skin="gridzine"] .prod:hover{transform:none;box-shadow:none}
[data-skin="gridzine"] .prod:nth-child(1){grid-column:span 2;grid-row:span 2}
[data-skin="gridzine"] .prod:nth-child(1) .prod__img .art{aspect-ratio:auto;height:100%;min-height:340px;object-fit:cover}
[data-skin="gridzine"] .prod:nth-child(1) .prod__img{flex:1;display:flex}
[data-skin="gridzine"] .prod:nth-child(1) .prod__n{font-size:26px}
[data-skin="gridzine"] .prod:nth-child(6){grid-column:span 2}
[data-skin="gridzine"] .prod:nth-child(6) .prod__img .art{aspect-ratio:16/9}
[data-skin="gridzine"] .prod__img .art{aspect-ratio:4/5}
[data-skin="gridzine"] .prod__badge{border-radius:0;top:0;left:0}
[data-skin="gridzine"] .prod__b{padding:14px 16px 18px}
[data-skin="gridzine"] .prod .btn{border-radius:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:11px 14px}
[data-skin="gridzine"] .cats{gap:2px}
[data-skin="gridzine"] .cat{border-radius:0;box-shadow:none}
[data-skin="gridzine"] .cat:hover{transform:none}
[data-skin="gridzine"] .cat:nth-child(1){grid-column:span 2}
[data-skin="gridzine"] .cat:nth-child(1) .art{aspect-ratio:16/9}
[data-skin="gridzine"] .btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
[data-skin="gridzine"] .usps{border-block:1px solid var(--sf-ink)}
[data-skin="gridzine"] .usp__i{border-radius:0}
[data-skin="gridzine"] .quote{border-radius:0;border-width:1px}
[data-skin="gridzine"] .step{border-radius:0}
[data-skin="gridzine"] .hdr{border-bottom:1px solid var(--sf-ink)}
[data-skin="gridzine"] .hero__media .art{border-radius:0}
[data-skin="gridzine"] .mt .art{border-radius:0}
[data-skin="gridzine"] .cta{border-radius:0}
[data-skin="gridzine"] .ftr{border-top:1px solid var(--sf-ink)}

/* ══════════════════════════════════════════════════════════════════════════
   8. BOBLE — svært runde former, flytande kort, pastellband, lett rotasjon.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="bubble"]{--sf-radius-sm:16px;--sf-radius-md:30px;--sf-radius-lg:44px;--sf-radius-btn:99px}
[data-skin="bubble"] .wrap{width:min(1140px,100% - 36px)}
[data-skin="bubble"] section{padding:clamp(54px,6.8vw,104px) 0}
[data-skin="bubble"] main>section:nth-child(even){background:var(--sf-accent-soft)!important;border-radius:44px;margin:0 12px}
[data-skin="bubble"] .sechead{text-align:center;margin-inline:auto;margin-bottom:44px}
[data-skin="bubble"] .sechead p{margin-inline:auto}
[data-skin="bubble"] .sechead h2{font-size:clamp(30px,4.6vw,50px)}
[data-skin="bubble"] .kicker{background:var(--sf-surface);border-radius:99px;padding:7px 16px;box-shadow:var(--sf-shadow-sm)}
[data-skin="bubble"] .kicker::before{border-radius:99px;width:8px;height:8px}
[data-skin="bubble"] .prods{gap:24px}
[data-skin="bubble"] .prod{border:0;box-shadow:0 16px 40px rgba(0,0,0,.09);border-radius:30px}
[data-skin="bubble"] .prod:nth-child(odd){transform:rotate(-.7deg)}
[data-skin="bubble"] .prod:nth-child(even){transform:rotate(.7deg)}
[data-skin="bubble"] .prod:hover{transform:rotate(0) translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.14)}
[data-skin="bubble"] .prod__img{padding:14px 14px 0}
[data-skin="bubble"] .prod__img .art{aspect-ratio:1/1;border-radius:22px}
[data-skin="bubble"] .prod__badge{top:24px;left:24px}
[data-skin="bubble"] .prod__b{padding:14px 20px 22px;text-align:center}
[data-skin="bubble"] .prod__p{justify-content:center}
[data-skin="bubble"] .cat{border-radius:30px;box-shadow:0 14px 34px rgba(0,0,0,.08)}
[data-skin="bubble"] .cat .art{aspect-ratio:1/1}
[data-skin="bubble"] .btn{border-radius:99px;padding:15px 30px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.12)}
[data-skin="bubble"] .usps{background:transparent;border-block:0}
[data-skin="bubble"] .usp{border-right:0;background:var(--sf-surface);border-radius:26px;margin:0 8px;box-shadow:0 12px 30px rgba(0,0,0,.06)}
[data-skin="bubble"] .usp__i{border-radius:99px;width:46px;height:46px}
[data-skin="bubble"] .step{border:0;border-radius:26px;box-shadow:0 14px 34px rgba(0,0,0,.07)}
[data-skin="bubble"] .quote{border:0;border-radius:30px;box-shadow:0 16px 40px rgba(0,0,0,.07)}
[data-skin="bubble"] .ico{border-radius:99px}
[data-skin="bubble"] .hdr{border-bottom:0;box-shadow:0 4px 24px rgba(0,0,0,.06)}
[data-skin="bubble"] .faq details{background:var(--sf-surface);border:0;border-radius:22px;margin-bottom:10px;padding:0 22px}
[data-skin="bubble"] .hero__media .art{border-radius:44px}
[data-skin="bubble"] .mt .art{border-radius:44px}

/* ══════════════════════════════════════════════════════════════════════════
   9. KOMPAKT — tett handelsraster, 5 per rad, liten type, lite luft.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="dense"]{--sf-radius-sm:4px;--sf-radius-md:6px;--sf-radius-lg:8px;--sf-radius-btn:5px;
  --sf-shadow-md:0 4px 14px rgba(0,0,0,.07);--sf-shadow-lg:0 8px 24px rgba(0,0,0,.09)}
[data-skin="dense"] .wrap{width:min(1460px,100% - 28px)}
[data-skin="dense"] body,[data-skin="dense"]{font-size:15px}
[data-skin="dense"] section{padding:clamp(34px,3.6vw,56px) 0}
[data-skin="dense"] .sechead{margin-bottom:20px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;max-width:none}
[data-skin="dense"] .sechead--c{text-align:left;margin-inline:0;justify-content:flex-start}
[data-skin="dense"] .sechead--c p{margin-inline:0}
[data-skin="dense"] .sechead h2{font-size:clamp(21px,2.2vw,29px);margin:0}
[data-skin="dense"] .sechead p{font-size:14px;margin:0}
[data-skin="dense"] .kicker{margin:0;font-size:10.5px}
[data-skin="dense"] .kicker::before{width:14px}
[data-skin="dense"] .prods{grid-template-columns:repeat(5,1fr);gap:10px}
[data-skin="dense"] .prod{border-radius:6px;box-shadow:none}
[data-skin="dense"] .prod:hover{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.09);border-color:var(--sf-primary)}
[data-skin="dense"] .prod__img .art{aspect-ratio:1/1}
[data-skin="dense"] .prod__badge{font-size:10px;padding:3px 8px;top:8px;left:8px}
[data-skin="dense"] .prod__b{padding:11px 11px 13px;gap:7px}
[data-skin="dense"] .prod__n{font-size:13.5px;line-height:1.25}
[data-skin="dense"] .prod__p b{font-size:16px}
[data-skin="dense"] .prod .btn{padding:8px 12px;font-size:12.5px}
[data-skin="dense"] .cats{gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
[data-skin="dense"] .cat .art{aspect-ratio:4/3}
[data-skin="dense"] .cat__n{font-size:14px;padding:26px 12px 10px}
[data-skin="dense"] .btn{padding:11px 20px;font-size:14px}
[data-skin="dense"] .usp{padding:20px 18px}
[data-skin="dense"] .usp h3{font-size:14.5px}
[data-skin="dense"] .usp p{font-size:13.5px}
[data-skin="dense"] .usp__i{width:30px;height:30px;margin-bottom:10px}
[data-skin="dense"] .usp__i svg{width:16px;height:16px}
[data-skin="dense"] .step{padding:20px 18px}
[data-skin="dense"] .quote{padding:22px 20px}
[data-skin="dense"] .quote p{font-size:16px}
[data-skin="dense"] .row{padding:9px 12px;grid-template-columns:56px 1fr auto auto;gap:14px}
[data-skin="dense"] .row__img,[data-skin="dense"] .row__img .art{width:56px;height:56px}
[data-skin="dense"] .ftr{padding:36px 0 22px;font-size:13.5px}
[data-skin="dense"] .hdr__in{padding:9px 0}
[data-skin="dense"] .brand .mark{width:34px;height:34px}
[data-skin="dense"] .announce{padding:6px 20px;font-size:12.5px}

/* ══════════════════════════════════════════════════════════════════════════
   10. FULLBREIDD — seksjonar utan gutter, vekslande farga band, store bilete.
   ═══════════════════════════════════════════════════════════════════════ */
body[data-skin="bleed"]{--sf-radius-sm:0px;--sf-radius-md:0px;--sf-radius-lg:0px;--sf-radius-btn:0px;
  --sf-shadow-sm:none;--sf-shadow-md:none;--sf-shadow-lg:none;--sf-shadow-btn:none}
[data-skin="bleed"] .wrap{width:min(1560px,100% - 24px)}
[data-skin="bleed"] section{padding:clamp(56px,7vw,118px) 0}
[data-skin="bleed"] main>section:nth-child(3n+2){background:var(--sf-accent-soft)!important}
[data-skin="bleed"] .sechead{text-align:center;margin-inline:auto;max-width:840px;margin-bottom:52px}
[data-skin="bleed"] .sechead p{margin-inline:auto}
[data-skin="bleed"] .sechead h2{font-size:clamp(34px,6vw,72px);line-height:.98;letter-spacing:-.035em}
[data-skin="bleed"] .kicker{letter-spacing:.24em}
[data-skin="bleed"] .kicker::before{width:0;height:0}
[data-skin="bleed"] .prods{gap:0;grid-template-columns:repeat(4,1fr)}
[data-skin="bleed"] .prod{border:0;border-radius:0;background:transparent}
[data-skin="bleed"] .prod:hover{transform:none}
[data-skin="bleed"] .prod__img .art{aspect-ratio:3/4}
[data-skin="bleed"] .prod__img{overflow:hidden}
[data-skin="bleed"] .prod:hover .art{transform:scale(1.04);transition:transform .5s ease}
[data-skin="bleed"] .prod__badge{border-radius:0;top:0;left:0}
[data-skin="bleed"] .prod__b{padding:16px 18px 26px;text-align:center}
[data-skin="bleed"] .prod__p{justify-content:center}
[data-skin="bleed"] .prod .btn{background:none;color:var(--sf-ink);border-bottom:1px solid currentColor;padding:0;
  width:max-content;margin-inline:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-radius:0}
[data-skin="bleed"] .cats{gap:0}
[data-skin="bleed"] .cat{border-radius:0;box-shadow:none}
[data-skin="bleed"] .cat:hover{transform:none}
[data-skin="bleed"] .cat .art{aspect-ratio:3/4}
[data-skin="bleed"] .cat__n{font-size:20px;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:44px 12px 20px}
[data-skin="bleed"] .btn{border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:13px;padding:17px 34px}
[data-skin="bleed"] .usps{border-block:0;background:transparent}
[data-skin="bleed"] .usp{text-align:center;border-right:1px solid var(--sf-border);padding:42px 26px}
[data-skin="bleed"] .usp__i{margin-inline:auto;background:none;border-radius:0}
[data-skin="bleed"] .quote{border:0;border-radius:0;background:transparent;text-align:center}
[data-skin="bleed"] .quote p{font-size:21px}
[data-skin="bleed"] .step{border-radius:0;background:transparent;border:0;text-align:center;padding:0 18px}
[data-skin="bleed"] .step::before{margin-inline:auto}
[data-skin="bleed"] .hero__media .art{border-radius:0;max-height:none;aspect-ratio:3/4}
[data-skin="bleed"] .mt{gap:0}
[data-skin="bleed"] .mt .art{border-radius:0;aspect-ratio:1/1}
[data-skin="bleed"] .mt>div{padding:0 clamp(20px,4vw,64px)}
[data-skin="bleed"] .cta{border-radius:0}
[data-skin="bleed"] .hdr{border-bottom:0;background:var(--sf-bg)}
[data-skin="bleed"] .announce{letter-spacing:.2em;text-transform:uppercase;font-size:11.5px}
[data-skin="bleed"] .ftr{border-top:1px solid var(--sf-border)}

/* ── responsivt: skins som endrar kolonnetal må falle ned på mobil ──────── */
@media(max-width:1080px){
  [data-skin="dense"] .prods{grid-template-columns:repeat(3,1fr)}
  [data-skin="press"] .prods{grid-template-columns:repeat(2,1fr)}
  [data-skin="gridzine"] .prods{grid-template-columns:repeat(2,1fr)}
  [data-skin="gridzine"] .prod:nth-child(1),[data-skin="gridzine"] .prod:nth-child(6){grid-column:span 2;grid-row:auto}
  [data-skin="swiss"] .sechead{grid-template-columns:1fr}
  [data-skin="swiss"] .kicker{grid-row:auto;margin-bottom:10px}
  [data-skin="swiss"] .sechead h2,[data-skin="swiss"] .sechead p{grid-column:1}
}
@media(max-width:600px){
  [data-skin="dense"] .prods,[data-skin="press"] .prods,[data-skin="bleed"] .prods{grid-template-columns:repeat(2,1fr)}
  [data-skin="gridzine"] .prod:nth-child(1) .prod__img .art{min-height:0;aspect-ratio:4/5}
  [data-skin="bubble"] main>section:nth-child(even){border-radius:26px;margin:0 4px}
}

/* ── headervariantar som må vinne over skinreglane ─────────────────────── */
[data-skin] .hdr--over{background:transparent;border-bottom:0;box-shadow:none}
[data-skin] .hdr--over .ico{border-color:rgba(255,255,255,.35)}
[data-skin="brutal"] .hdr--over,[data-skin="swiss"] .hdr--over,
[data-skin="gridzine"] .hdr--over,[data-skin="softpop"] .hdr--over{border-bottom:0}

/* heltekstblokker som ligg på farga flate må vinne over skinets knappereglar */
[data-skin] .poster__meta .btn--g,[data-skin] .qbig .btn--g{background:transparent;color:inherit;border-color:currentColor}
[data-skin] .poster__meta .btn--p{background:var(--sf-on-accent);color:var(--sf-accent);box-shadow:none;border-color:var(--sf-on-accent)}