/* ==========================================================================
   Vest Produkt – designtokens for Elementor (vp-core). Kilde: docs/design-concept.md §2–3 (palett B).
   Elementor Global Colors/Fonts bærer de samme verdiene; denne filen gir det Elementor ikke kan:
   font-stretch, overflate-scopede tokens, merkeskilt-etiketten og tabulære tall.
   ========================================================================== */

@font-face{font-family:"Archivo";src:url("fonts/archivo-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-italic.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
/* Samme filer, låst breddeakse – så Elementor kan velge bredde via skriftnavn */
@font-face{font-family:"Archivo Expanded";src:url("fonts/archivo-normal.woff2") format("woff2");font-weight:100 900;font-stretch:112% 112%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Narrow";src:url("fonts/archivo-normal.woff2") format("woff2");font-weight:100 900;font-stretch:78% 78%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Data";src:url("fonts/archivo-normal.woff2") format("woff2");font-weight:100 900;font-stretch:88% 88%;font-style:normal;font-display:swap}

:root{
  /* Palett B «Indigo og kobolt» */
  --vp-is:#F3F4F8; --vp-skifer-lys:#E4E7EF; --vp-skifer:#CDD2E0; --vp-hvit:#FFFFFF;
  --vp-blekk:#15182B; --vp-blekk-2:#434861; --vp-blekk-3:#5B6079;
  --vp-indigo:#2E3192; --vp-indigo-dyp:#232570; --vp-kobolt:#3F5BD9; --vp-isblaa:#DEE3FA;
  --vp-marine:#0F1230; --vp-himmel:#8FB4FF; --vp-salg:#C8322B;
  /* Overflate-tokens: standard = is */
  --vp-surface:var(--vp-is); --vp-text:var(--vp-blekk); --vp-text-2:var(--vp-blekk-2); --vp-text-muted:var(--vp-blekk-3);
  --vp-link:var(--vp-indigo); --vp-link-hover:var(--vp-kobolt); --vp-focus:var(--vp-indigo); --vp-hairline:var(--vp-skifer); --vp-card:var(--vp-hvit);
  --vp-accent:var(--vp-indigo); --vp-accent-contrast:#FFFFFF;
  /* Form */
  --vp-r-1:4px; --vp-r-2:6px; --vp-r-3:10px;
  --vp-shadow-1:0 1px 2px rgba(21,24,43,.06),0 4px 14px rgba(21,24,43,.06);
  --vp-shadow-2:0 10px 30px rgba(21,24,43,.12);
}
.surface-natt{--vp-surface:var(--vp-marine);--vp-text:var(--vp-is);--vp-text-2:#C9CDDC;--vp-text-muted:#A9AEC2;--vp-hairline:rgba(243,244,248,.14);--vp-link:var(--vp-is);--vp-link-hover:var(--vp-himmel);--vp-focus:var(--vp-himmel);--vp-card:#181C33;--vp-accent:var(--vp-himmel);--vp-accent-contrast:var(--vp-marine)}
.surface-indigo{--vp-surface:var(--vp-indigo-dyp);--vp-text:var(--vp-is);--vp-text-2:#C9CDDC;--vp-text-muted:#A9AEC2;--vp-hairline:rgba(243,244,248,.14);--vp-link:var(--vp-is);--vp-link-hover:var(--vp-himmel);--vp-focus:var(--vp-himmel);--vp-card:#2A2D86;--vp-accent:var(--vp-himmel);--vp-accent-contrast:var(--vp-marine)}
.surface-stein{--vp-surface:var(--vp-skifer-lys);--vp-text-muted:var(--vp-blekk-2);--vp-hairline:#B9C0D2;--vp-card:var(--vp-hvit)}
.surface-natt,.surface-indigo,.surface-stein{background-color:var(--vp-surface);color:var(--vp-text)}
/* Higher specificity than the kit's `.elementor-kit-N a` rule, which loads after this file */
.surface-natt a:not(.elementor-button),.surface-indigo a:not(.elementor-button),.e-con.surface-natt .elementor-widget a:not(.elementor-button){color:var(--vp-link)}
.surface-natt a:not(.elementor-button):hover,.surface-indigo a:not(.elementor-button):hover{color:var(--vp-link-hover)}

body{background:var(--vp-is);color:var(--vp-blekk)}
:focus-visible{outline:3px solid var(--vp-focus);outline-offset:3px}
a:hover{color:var(--vp-link-hover)}

/* Merkeskilt – smal versal etikett med kvadrat. Bruk på en Elementor heading: CSS-klasse «plate» */
.plate .elementor-heading-title,.plate{display:inline-flex;align-items:center;gap:.6rem;font-family:"Archivo Narrow","Archivo",system-ui,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vp-text-muted)}
.plate .elementor-heading-title::before,.plate:not(:has(.elementor-heading-title))::before{content:"";width:.5rem;height:.5rem;background:var(--vp-accent);border-radius:1px;flex:none}

/* Tall og priser */
.data,.vp-price,.woocommerce-Price-amount{font-family:"Archivo Data","Archivo",system-ui,sans-serif;font-variant-numeric:tabular-nums}

/* Bilder vises alltid hele (D13) */
.vp-contain img,.woocommerce-product-gallery img,.jet-woo-builder-archive-product-thumbnail img,.jet-woo-product-thumbnail img{object-fit:contain}

/* Prototype-klasser som Elementor-maler kan gjenbruke via CSS-klasse-feltet */
.vp-btn-himmel .elementor-button{background:var(--vp-himmel);color:var(--vp-marine)}
.vp-btn-himmel .elementor-button:hover{background:#A9C5FF;color:var(--vp-marine)}
.vp-sale{color:var(--vp-salg)}
.surface-natt .vp-sale{color:var(--vp-himmel)}
.vp-pending{display:inline-block;background:#FFF4CC;color:#6B4E00;border:1px dashed #D9A900;padding:.05rem .4rem;border-radius:2px;font-size:.75rem;font-weight:600}

/* ---- Header: megameny-beholderne skal ligge innenfor menylinjen (ikke under hvert punkt), ellers skaper de
        skjult vannrett overflyt på hele siden; og alle trykkflater i headeren skal være minst 44 px ---- */
.jet-mega-menu-container{position:relative}
.jet-mega-menu-list>.jet-mega-menu-item{position:static}
/* D48: panelet er 1 392 px og starter 24 px inn → 24 px vannrett overflyt på 1 100–1 366 px (hele siden ble bredere enn skjermen) */
.jet-mega-menu-mega-container{left:0!important;right:auto!important;max-width:min(1392px,calc(100vw - 48px))!important}
.jet-mega-menu-mega-container__inner{max-width:100%}
.vp-header .elementor-icon-wrapper .elementor-icon,.elementor-widget-icon .elementor-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.jet-blocks-cart__heading-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* Fase 6 (axe target-size): kurv-widgeten fikk 16 px bredde på mobil («width: initial»), så 44 px-lenken fløt 24 px inn over burgeren */
.vp-header .elementor-widget-jet-blocks-cart{flex:0 0 44px!important;width:44px!important;min-width:44px}
.vp-header .elementor-widget-jet-blocks-cart .jet-blocks-cart__heading{display:flex;justify-content:center}
/* ikongruppa (konto · kurv · burger) var låst til 156 px i malen – 66+44+44+gap får ikke plass → den bestemmer bredden selv, på én linje */
.vp-header .e-con:has(> .elementor-widget-jet-mobile-menu),.vp-header .e-con:has(> .vp-burger){width:auto!important;min-width:0!important;flex:0 0 auto!important;flex-wrap:nowrap!important;justify-content:flex-end}
.jet-mobile-menu__toggle{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:inline-flex;align-items:center;justify-content:center}
.jet-ajax-search__submit{min-height:44px}
.jet-mega-menu-item__link--top-level{min-height:44px;display:inline-flex;align-items:center}
.vp-mega a,.jet-mega-menu-mega-container a:not(.elementor-button){min-height:28px;display:inline-flex;align-items:center}

/* Lange enkeltord (Høytrykksvaskere, Personopplysninger) i store overskrifter skal aldri gi vannrett rulling på mobil */
h1,h2,h3,.vp-section__title,.vp-step__title{overflow-wrap:anywhere}

/* D22: den åpne mobilmenyen (JetMenu, fixed z 999) ligger inne i headerens stablingskontekst. Søkeraden kommer
 * senere i DOM-en med samme z-index (99) og tegnet seg over menyens første punkt («Maskiner» lå under søkefeltet).
 * Raden med burgeren løftes over søkeraden. */
.vp-header .e-con:has(.elementor-widget-jet-mobile-menu){z-index:100}
/* D85: søkeresultatene (z 9999 inne i søkeraden) lå bak menyraden – begge beholdere har z 99 og menyraden kommer sist. Løft søkeraden bare mens resultater vises. */
.vp-header .elementor-element-15caa70{z-index:100}
.vp-header .e-con:has(.jet-ajax-search__results-area.show){z-index:102}
/* D53: mobilmenyen (vp-mnav) legges i <body>, utenfor headerens stablingskontekst – burgeren trenger bare 44 px og ingen marg */
.vp-header .elementor-widget-shortcode.vp-burger{flex:0 0 44px!important;width:44px;min-width:44px}
.vp-header .vp-burger .elementor-shortcode{display:flex}

/* D24: lenker i løpende tekst må ikke bare skille seg ut med farge (WCAG 1.4.1) */
.elementor-widget-text-editor p a,.vp-pdp-excerpt a,.entry-content p a{text-decoration:underline;text-underline-offset:3px}

/* ---- D25 designgjennomgang: hover-tilbakemelding i header og footer ----
 * Widgetenes egne farger (post-CSS, spesifisitet 0,4,1) slo de generelle hover-reglene, så her med høyere spesifisitet. */
.vp-header.e-con .elementor-widget-jet-mega-menu .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level:hover .jet-mega-menu-item__label,
.vp-header.e-con .elementor-widget-jet-mega-menu .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level:focus-visible .jet-mega-menu-item__label{color:var(--vp-kobolt);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.vp-header.e-con .elementor-widget-jet-mega-menu .jet-mega-menu-item__inner > .jet-mega-menu-item__link--top-level:hover .jet-mega-menu-item__dropdown{color:var(--vp-kobolt)}
.vp-header.e-con .elementor-widget-jet-ajax-search .jet-ajax-search__submit{transition:background-color .15s,color .15s}
.vp-header.e-con .elementor-widget-jet-ajax-search .jet-ajax-search__submit:hover,
.vp-header.e-con .elementor-widget-jet-ajax-search .jet-ajax-search__submit:hover .jet-ajax-search__submit-label,
.vp-header.e-con .elementor-widget-jet-ajax-search .jet-ajax-search__submit:hover .jet-ajax-search__submit-icon{background-color:var(--vp-indigo);color:#fff}
.vp-header.e-con .elementor-widget-jet-blocks-cart .jet-blocks-cart__heading-link:hover,
.vp-header.e-con .elementor-widget-icon .elementor-icon:hover{color:var(--vp-kobolt)}
.vp-header.e-con .elementor-widget-jet-blocks-cart .jet-blocks-cart__heading-link:hover .jet-blocks-cart__count{background-color:var(--vp-kobolt)}
.vp-footer.e-con .elementor-widget-icon-list .elementor-icon-list-item > a:hover .elementor-icon-list-text,
.vp-footer.e-con .elementor-widget-icon-list .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text,
.vp-footer.e-con .elementor-widget-text-editor a:hover{color:var(--vp-himmel);text-decoration:underline;text-underline-offset:3px}
.vp-footer.e-con .elementor-widget-icon-list .elementor-icon-list-text{transition:color .15s}

.vp-footer.e-con .elementor-widget-icon-list .elementor-icon-list-item > a:hover{color:var(--vp-himmel)}

/* D26: søkeknappen i headeren var hvit med blå tekst på nesten hvit flate – ikonet forsvant. Indigo knapp som i hero. */
/* Widgetens post-CSS (0,4,1) lastes etter denne fila – derfor .e-parent i tillegg (0,5,1). Bakgrunn bare på knappen, ikke på tekst/ikon. */
.vp-header.e-con.e-parent .elementor-widget-jet-ajax-search .jet-ajax-search__submit{background-color:var(--vp-indigo);color:#fff;border-color:var(--vp-indigo);border-radius:0 var(--vp-r-1) var(--vp-r-1) 0}
.vp-header.e-con.e-parent .elementor-widget-jet-ajax-search .jet-ajax-search__submit .jet-ajax-search__submit-label,
.vp-header.e-con.e-parent .elementor-widget-jet-ajax-search .jet-ajax-search__submit .jet-ajax-search__submit-icon{background:transparent;color:#fff}
.vp-header.e-con.e-parent .elementor-widget-jet-ajax-search .jet-ajax-search__submit:hover{background-color:var(--vp-kobolt);border-color:var(--vp-kobolt)}
.vp-header.e-con .elementor-widget-jet-ajax-search .jet-ajax-search__submit:focus-visible{outline:3px solid var(--vp-indigo);outline-offset:2px}
.vp-header.e-con.e-parent .elementor-widget-jet-ajax-search .jet-ajax-search__form{background:transparent}

/* D27: lesbarhet – etiketter og små tekster ned til 13 px er nedre grense (var 11–12 px). Footer-kolonnenes overskrifter. */
.vp-footer.e-con.e-parent .elementor-widget-heading.elementor-element .elementor-heading-title{font-size:.8125rem}
/* Etikett-widgeter med egen typografi (12 px) – over widgetens post-CSS (0,4,1) */
.elementor .e-con .elementor-widget.plate.elementor-element .elementor-heading-title{font-size:.8125rem}

/* Fase 6 a11y: lenker inne i løpende tekst skal kunne skilles fra teksten uten farge (WCAG 1.4.1) */
/* «body»-prefiks: Elementors `.elementor a{text-decoration:none}` har samme spesifisitet og lastes etter oss */
body .rank-math-breadcrumb a,body .vp-form-privacy a,body .vp-prose a,body .vp-lead a,body .vp-guide-body a,body .vp-archive-guide a,body .vp-contact-card a,body .vp-guides-empty a,body .elementor-widget-text-editor a:not(.elementor-button):not(.vp-btn),body .jet-form-builder__label a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
body .rank-math-breadcrumb a:hover,body .vp-form-privacy a:hover,body .vp-prose a:hover,body .vp-lead a:hover,body .vp-guide-body a:hover,body .vp-archive-guide a:hover,body .vp-guides-empty a:hover,body .elementor-widget-text-editor a:not(.elementor-button):not(.vp-btn):hover{text-decoration-color:currentColor}

/* Fase 6 a11y (WCAG 2.4.7/2.4.11): synlig tastaturfokus overalt – logo, søkefelt, konto/kurv-ikoner, megamenylenker og
 * Complianz-lenker hadde ingen ring (plugin-CSS setter outline:none). Bare ved tastatur (:focus-visible), aldri ved klikk. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.jet-mega-menu-item__link:focus-visible,.jet-ajax-search__field:focus-visible,.cmplz-link:focus-visible{outline:3px solid var(--vp-kobolt,#3F5BD9)!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff!important;border-radius:4px}
.surface-natt a:focus-visible,.surface-natt button:focus-visible,[class*=jet-mega-menu-mega-container] a:focus-visible{outline-color:var(--vp-himmel,#8FB4FF)!important;box-shadow:0 0 0 5px var(--vp-marine,#0F1230)!important}

/* D42: megameny v2 – tydelig ramme (kunden: «hvitt på hvitt»), kolonner med underkategorier under */
.jet-mega-menu-mega-container__inner{background:#fff;border:1px solid var(--vp-skifer,#CDD2E0);border-top:3px solid var(--vp-indigo,#2E3192);border-radius:0 0 14px 14px;box-shadow:0 28px 56px -18px rgba(21,24,43,.34),0 10px 24px -12px rgba(21,24,43,.2);overflow:hidden}
.vp-mega2{padding:26px 32px 22px}
.vp-mega2__cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:26px 22px}
.vp-mega2 .vp-mega2__head{display:block;font-family:"Archivo",system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1.25;color:var(--vp-indigo,#2E3192);text-decoration:none;padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid var(--vp-skiferl,#E4E7EF)}
.vp-mega2 a.vp-mega2__head:hover{color:var(--vp-kobolt,#3F5BD9);text-decoration:underline;text-underline-offset:4px}
.vp-mega2 .vp-mega2__col li a{color:var(--vp-blekk2,#434861)}
.vp-mega2__col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.vp-mega2__col li a{display:inline-flex;align-items:center;min-height:28px;font-family:"Archivo",system-ui,sans-serif;font-weight:500;font-size:14px;line-height:1.3;color:var(--vp-blekk2,#434861);text-decoration:none}
.vp-mega2__col li a:hover{color:var(--vp-kobolt,#3F5BD9);text-decoration:underline;text-underline-offset:3px}
.vp-mega2__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--vp-skiferl,#E4E7EF)}
.vp-mega2__foot a{font-family:"Archivo",system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--vp-indigo,#2E3192);text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:28px}
.vp-mega2__foot a:hover{color:var(--vp-kobolt,#3F5BD9);text-decoration:underline;text-underline-offset:3px}
.jet-mega-menu-mega-container .elementor-widget-shortcode{width:100%}

/* D53: smale telefoner (≤ 400 px). Logo 140 + radgap 24 + ikongruppe 162 (konto 66 · meny 44 · kurv 44 · gap) = 326 px > 272 px
 * tilgjengelig på 320 px → kurven ble skjøvet 30 px ut av skjermen og hele siden fikk vannrett rulling. Kontoikonet får 44 px
 * som de andre, gapet krymper, og logoen kan skalere ned i stedet for å presse ikonene ut. */
@media (max-width:400px){
  .vp-header .e-con:has(> .elementor-widget-jet-ajax-search) ~ .e-con:has(> .vp-burger),.vp-header .e-con:has(> .vp-burger){gap:2px!important}
  .vp-header .e-con:has(> .vp-burger) > .elementor-widget-icon{flex:0 0 44px!important;width:44px!important;min-width:44px}
  .vp-header .e-con:has(> .e-con > .vp-burger),.vp-header .e-con:has(> .vp-burger){column-gap:2px}
  .vp-header .e-con:has(> .e-con > .vp-burger){gap:12px!important}
  .vp-header .e-con:has(> .e-con > .vp-burger) > .elementor-widget-image{flex:0 1 auto!important;min-width:96px}
  .vp-header .e-con:has(> .e-con > .vp-burger) > .elementor-widget-image img{width:100%;height:auto;max-width:140px}
}

/* D57 a11y: hopp-lenke (synlig bare ved fokus) og synlig fokus på headersøket (JetSearch satte outline:none på feltet) */
.vp-skip{position:fixed;left:16px;top:-80px;z-index:100001;padding:12px 18px;border-radius:var(--vp-r-2,6px);background:var(--vp-indigo,#2E3192);color:#fff!important;font:700 15px/1.2 "Archivo",sans-serif;text-decoration:none;transition:top .15s}
.vp-skip:focus,.vp-skip:focus-visible{top:12px;outline:3px solid var(--vp-himmel,#8FB4FF);outline-offset:2px}
.vp-header .elementor-widget-jet-ajax-search .jet-ajax-search__field:focus-visible{outline:3px solid var(--vp-indigo,#2E3192)!important;outline-offset:2px}

/* ---- D65: «Min bedriftsportal» i headeren (bare innloggede firmabrukere / Vest Produkt-admin) ---- */
.vp-header .elementor-widget-shortcode.vp-plink-w:not(:has(.vp-plink)){display:none}
.vp-header .elementor-widget-shortcode.vp-plink-w .elementor-shortcode{display:flex}
.vp-plink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;margin-right:6px;border:1.5px solid var(--vp-indigo);border-radius:999px;background:#fff;color:var(--vp-indigo);font:600 14px/1 "Archivo",sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.vp-plink:hover,.vp-plink:focus-visible{background:var(--vp-indigo);color:#fff;text-decoration:none}
.vp-plink:focus-visible{outline:3px solid var(--vp-himmel);outline-offset:2px}
.vp-plink.is-current{background:var(--vp-isblaa);border-color:var(--vp-isblaa)}
.vp-plink.is-current:hover{background:var(--vp-indigo);border-color:var(--vp-indigo);color:#fff}
/* Elementor-kitets globale lenke-hover (blå) slår ellers gjennom på teksten og ikonet */
.vp-header a.vp-plink:hover,.vp-header a.vp-plink:focus-visible,.vp-header a.vp-plink.is-current:hover{color:#fff!important}
.vp-header a.vp-plink.is-current:not(:hover){color:var(--vp-indigo)!important}
@media (max-width:1024px){.vp-header a.vp-plink:hover{background:var(--vp-isblaa);color:var(--vp-indigo)!important}}
.vp-plink__ico{flex:0 0 auto}
@media (max-width:1024px){
  .vp-header .elementor-widget-shortcode.vp-plink-w{flex:0 0 44px!important;width:44px;min-width:44px}
  .vp-plink{width:44px;height:44px;padding:0;margin:0;justify-content:center;border-color:transparent;background:transparent}
  .vp-plink.is-current{background:var(--vp-isblaa)}
  .vp-plink__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* ≤400 px: konto-ikonet viker for portal-knappen (Min konto ligger i portalen og i mobilmenyen) */
@media (max-width:400px){body.vp-firma .vp-header .e-con:has(> .vp-burger) > .elementor-widget-icon{display:none!important}}
.vp-mnav.vp-mnav .vp-mnav__portal{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:14px 16px;border-radius:14px;background:var(--vp-marine);color:#fff;text-decoration:none}
.vp-mnav.vp-mnav .vp-mnav__portal span{flex:1;display:grid;gap:2px}
.vp-mnav.vp-mnav .vp-mnav__portal strong{font:700 16px/1.2 "Archivo",sans-serif;color:#fff}
.vp-mnav.vp-mnav .vp-mnav__portal small{font:400 13px/1.3 "Archivo",sans-serif;color:#C9CDDC}
.vp-mnav.vp-mnav .vp-mnav__portal svg{flex:0 0 auto;color:#fff}

/* ---- D66: «Bedriftsrabatt −X %» (bare innloggede bedriftsbrukere) ---- */
.jet-woo-product-badge.vp-b2b-badge,.vp-card .jet-woo-product-badge.vp-b2b-badge,.elementor-widget-jet-woo-builder-archive-sale-badge .jet-woo-product-badge.vp-b2b-badge,.vp-products .jet-woo-product-badge.vp-b2b-badge{background:var(--vp-indigo)!important;color:#fff!important;font-family:"Archivo Narrow","Archivo",system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .55rem;border-radius:2px;white-space:nowrap;box-shadow:0 2px 6px rgba(15,18,48,.18)}
.vp-b2b-deal{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vp-b2b-tag{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:2px;background:var(--vp-indigo);color:#fff;font:700 .8125rem/1.2 "Archivo Narrow","Archivo",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.vp-b2b-deal__price del{color:var(--vp-blekk-3);font-weight:400;opacity:1}
.vp-b2b-deal__price ins{text-decoration:none}
.vp-b2b-deal__note{font:400 .875rem/1.4 "Archivo",sans-serif;color:var(--vp-blekk-2)}
.vp-b2b-deal__note .woocommerce-Price-amount{font-weight:600;color:var(--vp-blekk)}

/* D73: budsjett ved portalknappen (PC) */
.vp-plink__budget{display:inline-flex;align-items:center;margin-left:4px;padding:2px 8px;border-radius:999px;background:var(--vp-isblaa);color:var(--vp-indigo);font:700 12px/1.3 "Archivo",sans-serif;font-variant-numeric:tabular-nums}
.vp-plink__budget.is-over{background:#FFF4D6;color:#5C4300}
.vp-header a.vp-plink:hover .vp-plink__budget{background:rgba(255,255,255,.2);color:#fff}
@media (max-width:1024px){.vp-plink__budget{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* D73: budsjett på produktsiden */
.vp-budget-note{display:block;margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--vp-is);color:var(--vp-blekk-2);font:400 .875rem/1.45 "Archivo",sans-serif}
.vp-budget-note.is-over{background:#FFF4D6;color:#5C4300}
.vp-budget-note .woocommerce-Price-amount{font-weight:700;color:inherit}
/* D78: personvernerklæringen – definisjonslister (Hva / Hvorfor / Grunnlag …) */
.vp-privacy h2{margin:2.25rem 0 .75rem}.vp-privacy h3{margin:1.5rem 0 .5rem;font-size:1.125rem}
.vp-pv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:.4rem 1.25rem;margin:0 0 1.25rem;padding:1rem 1.25rem;background:var(--vp-is);border-radius:10px}
.vp-pv dt{color:var(--vp-blekk-3);font-weight:600;font-size:.9375rem}.vp-pv dd{margin:0}
@media (max-width:600px){.vp-pv{grid-template-columns:1fr;gap:.15rem}.vp-pv dd{margin-bottom:.6rem}}