:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;


--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* =============================================================================================================================
					IMPORTS
   ============================================================================================================================= */
@import url('https://fonts.googleapis.com/css?family=Raleway:700');
@font-face {
  font-family: 'N27-Onitio';
  src: url('/fileupload/N27-Onitio-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* =============================================================================================================================
					GLOBAL DEFAULTS & RESET
   ============================================================================================================================= */

/* Mini Basket */

.minibasket .minibasket-icon {
    color: #ffffff;
    background-color: #011278;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    margin-left: 12px;
    padding-top: 4px;
    height: 42px;
    width: 42px;
}

.button {
    background-color: #FA344C;
	color: #fff;
}
.button:hover {
    background-color: #011278;
	color: #fff;
}

.basket-remove {
    display: none;
}


/* Bakgrunnsfarger */

main {
background-color: #FFFFFF;
}

.header {
	background-color: #FFFFFF;
}

.footer {
  background-color: #011278;
}

.sticky-footer-bar {
	background-color: #011278;
}

.menu-bar {
	background-color: rgba(8, 189, 244, 0.20);
	/*background-color: #1F9FDB;*/
}

/* =============================================================================================================================
					HEADER
   ============================================================================================================================= */

.header {
    color: #1B1C1E;
    padding: 0px;
	/*margin: 0;*//*denne gjør at headerinnhold ikke er midtstilt*/
	padding-bottom: 0px;
}

.header-wrapper {
    background-color: transparent;
    color: #1B1C1E;
    padding-bottom: 0px;
	display: block;
	overflow: visible;
	margin: 0;
}


/* Product search */
.product-search {
	background-color: transparent;
    color: #1B1C1E;
}

.product-search-input-container {
	background-color: #fff;
    color: #1B1C1E;
	border: 0.5px solid black !important;
	border-radius: 8px; 
	margin-top: 16px;
}

.search-result-related-categories {
    color: #1B1C1E;
	opacity: 0.999!important;
}

.quick-search .close-search {
  position: absolute;
  top: 10px; /* Juster hvis nødvendig */
  right: 10px;
  z-index: 9999;
  cursor: pointer;
}

span.logged-in-info-text__label {
	font-weight: 800;
	color: #FA344C;
	font-size: 1rem;
}

/* === Litt ekstra luft på toppen av headeren === */
.header-wrapper {
  padding-top: 8px; /* øk til 10px hvis du vil ha litt mer */
}

@media (max-width: 767.98px) {
  /* eventuelt litt mer luft på mobil */
  .header-wrapper {
    padding-top: 10px;
  }
}



.header-wrapper {
  padding-top: 0 !important;
}

.header-wrapper.collapse.fixed {
  min-height: 82px !important;
}

.product-search {
  padding-bottom: 8px !important;
}




/* =============================================================================================================================
					FOOTER
   ============================================================================================================================= */

/* Sørger for at hele siden tar full høyde */
/* Må være "auto" for at sticky header skal kunne scrolle korrekt */
html, body {
  margin: 0;
  padding: 0;
  height: auto !important;
  overflow-y: auto !important;
}

/* Sørger for at innhold + footer deler 100vh og at footer skyves ned ved lite innhold */
main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  will-change: min-height;
}

/* Flytter footer til bunn av main */
#footer {
  margin-top: auto;
  flex-shrink: 0;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Footer-stil (bakgrunnsfarge, padding osv) */
.footer {
  padding: 0;
  margin: 0;
}

/* Wrapper rundt innholdet i footeren */
.content-footer-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 20px auto 0 auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0 30px;
}

/* Hver kolonne (li) */
.content-footer-wrapper > li {
  width: 227px;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 20px !important;
}

/* Første kolonne (logo) – midtstilles */
.content-footer-wrapper > li:nth-child(1) {
  justify-content: center !important;
  align-items: center !important;
}

/* De andre kolonnene (tekst) – toppjusteres */
.content-footer-wrapper > li:nth-child(2),
.content-footer-wrapper > li:nth-child(3),
.content-footer-wrapper > li:nth-child(4) {
  justify-content: flex-start;
}

/* Skjul eventuell 5. kolonne */
.content-footer-wrapper > li:nth-child(5) {
  display: none !important;
}

/* Footer-logo */
.footer-logo {
  width: 80%;
  height: auto;
  max-height: 60px;
}
.footer-logo-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Tekstfelleskap */
.footer-address,
.footer-contact,
.footer-info {
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
}

.footer-address h4,
.footer-contact h4,
.footer-info h4 {
  margin-bottom: 6px !important;
  font-size: 0.9rem !important;
  font-weight: bold !important;
  color: #ffffff !important;
}

/* Adresse-kolonne */
.footer-address div,
.footer-contact div,
.footer-info div {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 3px !important;
}
.footer-address a,
.footer-contact a,
.footer-info a {
  color: #ffffff !important;
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.footer-contact i,
.footer-info i {
  font-size: 0.8rem !important;
  width: 16px !important;
  margin-right: 6px !important;
  text-align: center !important;
}


/* === Footer: midtstill på mobil (<768px) === */
@media (max-width: 767.98px) {
  .content-footer-wrapper {
    max-width: 100%;
    gap: 16px;
    padding: 16px;
    margin: 12px auto 0 !important;
    text-align: center;               /* midtstill all tekst som ikke er flex */
  }

  .content-footer-wrapper > li {
    width: 100% !important;
    height: auto !important;
    align-items: center;               /* sentrer innholdet i hver kolonne */
    justify-content: flex-start;
  }

  /* Logo litt mindre, fortsatt midtstilt */
  .footer-logo { max-height: 48px; width: auto; }

  /* Typografi litt større for lesbarhet */
  .footer-address,
  .footer-contact,
  .footer-info {
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
  }

  .footer-address h4,
  .footer-contact h4,
  .footer-info h4 {
    margin: 0 0 8px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
  }

  /* Hver rad (ikon + tekst) – sentrer horisontalt */
  .footer-address div,
  .footer-contact div,
  .footer-info div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;  /* <- nøkkel for midtstilling */
    margin-bottom: 6px !important;
  }

  /* Sørg for at lenker bryter pent og ser midtstilte ut */
  .footer-address a,
  .footer-contact a,
  .footer-info a {
    display: inline-block;               /* respekter text-align:center */
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ikon-avstand funker fortsatt ved sentrering */
  .footer-contact i,
  .footer-info i {
    width: 16px !important;
    margin-right: 6px !important;
    text-align: center !important;
    font-size: 0.9rem !important;
  }
  
  .footer-address a,
  .footer-contact a,
  .footer-info a {
    padding: 4px 6px;                 /* større tap-target */
    border-radius: 6px;
    text-decoration: none;
  }
  .footer-address a:active,
  .footer-contact a:active,
  .footer-info a:active {
    outline: 2px solid rgba(255,255,255,.25);
    outline-offset: 2px;
  }
}


/* =============================================================================================================================
					STICKY FOOTER
   ============================================================================================================================= */

/* Sticky-baren er skrudd av nå, men behold CSS klart */
.sticky-footer-bar.hidden {
  transform: translateY(100%);
}

.sticky-footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  /* background: #011278;*/
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  transition: transform 0.3s ease;
  z-index: 9999;
}

.sticky-footer-content {
  width: 100%;
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  margin: 0 auto;
}

.sticky-footer-logo {
  height: 28px;
  width: auto;
}

.sticky-footer-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.sticky-footer-links a {
  color: white;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
}

/* === Mobil: slå AV sticky footer fullstendig === */
@media (max-width: 767.98px) {
  /* Skjul selve baren uansett JS-state */
  .sticky-footer-bar {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    transform: none !important;
    height: 0 !important;
    z-index: auto !important;
  }

  /* Fjern ev. reservering av plass nederst (hvis JS/CSS har lagt inn padding) */
  html, body, main, .main-wrapper {
    padding-bottom: 0 !important;
  }
}

/* Ekstra sikkerhet: slå av på touch-enheter uansett bredde (PDA/kiosk) */
@media (hover: none) and (pointer: coarse) {
  .sticky-footer-bar {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    transform: none !important;
    height: 0 !important;
    z-index: auto !important;
  }
}




/* =============================================================================================================================
					TOP MENU BAR
   ============================================================================================================================= */

/* Drop Down Menu Bar (All products) */
.menu-bar {
	/*background-color: #E4E8F0!important;*/
	color: #1b1c1e!important;
	margin: 0;
	padding: 0px;
	padding-bottom: 0px;
}
.menu-bar-items {
    font-family: 'Raleway', sans-serif;
	font-size:17px!important;
}
.menu-bar-item-label {
    color: #1b1c1e;
	font-weight:500;
}

.menu-bar-desktop {
	color: #3A3F73;
	margin: 0;
}


/* ==================== PRODUCT DROPDOWN MENU ================================= */

/* ======== Main-container ======== */
.menu-bar-desktop-products {
  width: auto !important;           /* vokser med innholdet */
  position: absolute !important;
  left: 0 !important;               /* sørger for venstrestilling */
  z-index: 1000;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}


/* ====== CATEGORIES ========= */

.menu-bar-desktop-categories-menu {
  max-width: none !important;
  width: max-content !important;
  border: 1px solid black !important;
  border-radius: 4px 0 0 4px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  
}

.menu-bar-desktop-categories-menu-item:hover,
.menu-bar-desktop-categories-menu-item.active {
  background: #011278 !important;
}

.menu-bar-desktop-categories-menu-item-label {
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: #1b1c1e !important;
  white-space: nowrap !important;
  margin-right: 15px;
}

.menu-bar-desktop-categories-menu-item:hover .menu-bar-desktop-categories-menu-item-label,
.menu-bar-desktop-categories-menu-item.active .menu-bar-desktop-categories-menu-item-label {
  font-weight: bold !important;
  color: white !important;
}

/* ============= PRODUCTS MENU ============= */

.menu-bar-desktop-products-menus {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  border: 1px solid black !important;
  border-left: none !important; /* fjern dobbel kant mot kategori */
  border-radius: 0 4px 4px 0 !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  padding: 0.3rem !important;
  gap: 1.5rem !important;
}

.menu-bar-desktop-products-menu {
  min-width: 180px !important;
  max-width: 260px !important;
  white-space: nowrap !important;
  padding: 0 0.6rem !important;
}


.menu-bar-desktop-products-menu-label {
  border: none !important;               /* fjerner tidligere linje */
  text-decoration: underline !important; /* legger til tekst-underline */
  text-underline-offset: 0.4rem;          /* justerer avstand fra teksten (valgfritt) */
  font-weight: bold !important;          /* behold evt. tykk skrift */
}

/* Icon on menu bar (all products)*/
.menu-bar-desktop-menu-products .menu-bar-item-label i {
  font-size: 16px;
  color: #011278 !important;
}

/* Hide product package from products menu */
.menu-bar-desktop-products-menu:has(a.menu-bar-desktop-products-menu-label[href="javascript://"]) {
  display: none !important;
}


/* ================= Menubar right wrapper + icons (JS aktivert) ================= */

  .menu-bar-items {
    display: flex;
    align-items: center;
  }

  .menu-bar-right-wrapper {
    display: flex;
    align-items: center;
  }

  .menu-bar-right-wrapper .menu-bar-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .menu-bar-right-wrapper .menu-bar-item:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #011278;
    border-radius: 50%;
    margin-inline: 15px;
  }

  .menu-bar-right-wrapper .menu-bar-item-label,
.menu-bar-right-wrapper .menu-login {
    display: inline-flex;
    align-items: center;
    padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	padding-bottom: 0;
    border-radius: 6px;
    transition: box-shadow 0.25s ease, background-color 0.25s ease;
  }

.menu-bar-right-wrapper i {
  color: #011278;
  margin-right: 6px;
  transition: filter 0.2s;
  transform: translateY(-1px);
  font-size: 1rem;
}

/* Stabil baseline for underline-posisjon */
.menu-bar-item-label,
.menu-bar-right-wrapper .menu-login {
  display: inline-flex;
  align-items: center;
  line-height: 1.4;      /* hindrer "strike-through" */
  position: relative;     /* nødvendig for ::after */
}

/* Sørg for at linja ligger under teksten */
.menu-bar-item-label::after,
.menu-bar-right-wrapper .menu-login::after {
  bottom: -3px !important;   /* evt. -4px hvis du vil ha den enda lavere */
  height: 2px !important;
}


.menu-bar-right-wrapper .fas.fa-user {
    order: -1;
}



/* Sørg for at høyre-wrapper faktisk havner til høyre */
.menu-bar-right-holder {
  margin-left: auto;     /* <- flytter hele holderen til høyre i .menu-bar-items (flex) */
  display: block;        /* valgfritt; li er block by default, men fint å være eksplisitt */
}

/* right-wrapper selv skal være flex som før */
ul.menu-bar-right-wrapper {
  display: flex;
  align-items: center;
}




/* ====== HOVEREFFEKT PÅ MENYBAR ====== */

@media (min-width: 767.98px) {
 
.menu-bar-item-label {
  position: relative;
  transition: color 0.2s ease;
}

.menu-bar-item-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 12px; /* Justert etter dine behov */
  width: 100%;
  height: 2px;
  background-color: #011278; /* Endre til ønsket farge */
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-bar-item-label:hover {
  color: #1b1c1e;
  cursor: pointer;
}

.menu-bar-item-label:hover::after {
  transform: scaleX(1);
  opacity: 1;
}


}


/* ====== HOVEREFFEKT FOR LOGG-INN-KNAPP (EGET JAVASCRIPT) ====== */

.menu-bar-right-wrapper .menu-login {
  position: relative;
  transition: color 0.2s ease;
  text-decoration: none;
  color: black; 
}

/* selve linja under */
.menu-bar-right-wrapper .menu-login::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 12px; /* lik som på .menu-bar-item-label */
  width: 100%;
  height: 2px;
  background-color: #011278;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* hover-effekt */
.menu-bar-right-wrapper .menu-login:hover {
  color: #1b1c1e; /* Samme som andre ved hover */
  cursor: pointer;
}

.menu-bar-right-wrapper .menu-login:hover::after {
  transform: scaleX(1);
  opacity: 1;
}



/* ======== DROP DOWN MENUS (NOT PRODUCTS) ======== */

.resource-menu-desktop {
  max-width: 400px;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
  border: 1px solid black !important;
  padding: 0rem 0 !important;
  min-width: 230px !important;
  z-index: 10 !important;
  white-space: nowrap !important;
}

/* Anker parent-<li> for dropdown */
.menu-bar-right-wrapper .menu-bar-menu-pages,
.menu-bar-items > li.menu-bar-menu-pages {
  position: relative;
}

/* Plasser dropdown rett under parent */
.menu-bar-right-wrapper .menu-bar-menu-pages > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages > .resource-menu-desktop {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;                 /* vises på hover/fokus under */
  z-index: 10070 !important;     /* over øvrige overlays */
}

/* Hold åpen når mus/fokus er over trigger ELLER selve menyen */
.menu-bar-right-wrapper .menu-bar-menu-pages:hover  > .resource-menu-desktop,
.menu-bar-right-wrapper .menu-bar-menu-pages:focus-within > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages:hover  > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages:focus-within > .resource-menu-desktop {
  display: block;
}

/* Fjern ev. luft/gap som gjør at muspekeren "faller av" */
.menu-bar-right-wrapper .menu-bar-menu-pages > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages > .resource-menu-desktop {
  margin-top: 0;
}


/* Fjerner dobbel UL-nesting padding */
.resource-menu-desktop > ul > li > ul {
  padding: 0 !important;
  margin: 0 !important;
}

/* Stil for ALLE link-elementer, inkludert logg ut */
.resource-menu-desktop a.link,
.resource-menu-desktop a.menu-logout {
  white-space: nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.3rem 0.3rem !important;
  font-size: 0.95rem !important;
  color: #1b1c1e !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
  font-weight: 400 !important;
  display: flex !important;
  overflow: visible !important;
  width: 100% !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Hover-stil for ALLE linker */
.resource-menu-desktop a.link:hover,
.resource-menu-desktop a.menu-logout:hover {
  background: #011278 !important;
  color: white !important;
  font-weight: bold !important;
}

/* Ikon ved hover */
.resource-menu-desktop a.link:hover i.fa,
.resource-menu-desktop a.menu-logout:hover i.fa {
  color: white !important;
}

/* Ikoner */
.resource-menu-desktop a.link i.fa,
.resource-menu-desktop a.menu-logout i.fa {
  width: 1.2em !important;
  text-align: center !important;
  margin-right: 6px !important;
  font-size: 1rem !important;
  color: #011278 !important;
}

/* Unngå hover-effekter på tomrom mellom linker */
.resource-menu-desktop li,
.resource-menu-desktop li:hover,
.resource-menu-desktop li:focus,
.resource-menu-desktop li:focus-within,
.resource-menu-desktop li:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Samme for UL */
.resource-menu-desktop ul,
.resource-menu-desktop ul:focus,
.resource-menu-desktop ul:hover {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Skillelinjer mellom grupper */
.resource-menu-desktop > ul > li:nth-child(2),
.resource-menu-desktop > ul > li:nth-child(3) {
  border-top: 1px solid #ddd !important;
}

/* Ekstra spesifikk fix for logg ut sitt LI-element */
.resource-menu-desktop > ul > li.menu-item-node-container:last-child {
  margin: 0 !important;
  padding: 0 !important;
}


/* --- Hindrer hvit tekst etter klikk eller aktivt fokus --- */
.menu-bar-item-label:focus,
.menu-bar-item-label:active,
.menu-login:focus,
.menu-login:active {
  color: #1b1c1e !important;     /* behold opprinnelig tekstfarge */
  background: transparent !important;
  outline: none !important;       /* fjern evt. gammel fokusmarkering */
  box-shadow: none !important;    /* fjerner hvit glow som vises kort */
}

/* --- Egendefinert focus-stil for tastaturnavigasjon (TAB) --- */
.menu-bar-item-label:focus-visible,
.menu-login:focus-visible {
  outline: 2px solid black !important;  /* stabil svart ramme */
  outline-offset: 2px;
  color: #1b1c1e !important;            /* behold tekstfarge */
  background: transparent !important;
}


/* Anker + avstand ned fra trigger */
.menu-bar-right-wrapper .menu-bar-menu-pages,
.menu-bar-items > li.menu-bar-menu-pages { position: relative; }

.menu-bar-right-wrapper .menu-bar-menu-pages > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages > .resource-menu-desktop {
  position: absolute;
  top: calc(100% + 17px);   /* <— flytt noen hakk ned */
  left: 0;
  display: none;
  z-index: 10070 !important;
}

/* Hold åpen ved hover/fokus */
.menu-bar-right-wrapper .menu-bar-menu-pages:hover  > .resource-menu-desktop,
.menu-bar-right-wrapper .menu-bar-menu-pages:focus-within > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages:hover  > .resource-menu-desktop,
.menu-bar-items > li.menu-bar-menu-pages:focus-within > .resource-menu-desktop {
  display: block;
}

/* “Hover-bro” så musa ikke faller mellom knapp og meny */
.menu-bar-right-wrapper .menu-bar-menu-pages::after,
.menu-bar-items > li.menu-bar-menu-pages::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 100%;
  height: 17px;            /* samme som offset ovenfor */
}



/* === Mobil: behold sticky menylinje, men gjør den solid og tydelig === */
@media (max-width: 767.98px) {
  /* Sticky state: sørg for at den ikke er gjennomsiktig */
  .menu-wrapper .menu-bar.fixed,
  .menu-wrapper.menu-fixed .menu-bar,
  .menu-wrapper .menu-bar.menu-fixed,
  .menu-wrapper .menu-bar.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;

    background: rgb(204, 237, 250) !important;
	
    border-bottom: 1px solid #ccc !important; /* tynn grå linje under */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; /* lett skygge */
    opacity: 1 !important;
    backdrop-filter: none !important;        /* fjern ev. blur/transparency */
    -webkit-backdrop-filter: none !important;
  }

  /* Juster høyde/padding så innholdet ikke hopper */
  .menu-wrapper.menu-fixed-height {
    height: auto !important;
  }

  /* Hvis det oppstår overlapp med innhold: gi main litt top-margin når baren er sticky */
  body.has-sticky-menu main,
  body.menu-fixed main {
    margin-top: 56px !important; /* høyden på baren */
  }

  /* Ikoner og tekst i sticky state */
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label i,
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label {
    color: #011278 !important;
  }
}


@media (max-width: 767.98px) {
  .menu-wrapper .menu-bar.fixed {
    background: #CCEDFA !important;
  }

  /* Overstyr fargen på tekst + ikoner i sticky state */
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label,
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label:link,
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label:visited,
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label:hover,
  .menu-wrapper .menu-bar.fixed .menu-bar-item-label:active,
  .menu-wrapper .menu-bar.fixed .menu-login,
  .menu-wrapper .menu-bar.fixed .menu-login:link,
  .menu-wrapper .menu-bar.fixed .menu-login:visited,
  .menu-wrapper .menu-bar.fixed .menu-login:hover,
  .menu-wrapper .menu-bar.fixed .menu-login:active,
  .menu-wrapper .menu-bar.fixed i {
    color: #000 !important;
  }
}


/* Mobil: normal linkfarge på toppmeny (ikke sticky) etter klikk/fokus */
@media (max-width: 767.98px) {
  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login {
    color: #1b1c1e !important;
    background: transparent !important;
  }

  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label:link,
  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label:visited,
  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label:active,
  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label:focus,
  .menu-wrapper .menu-bar:not(.fixed) .menu-bar-item-label:focus-visible,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login:link,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login:visited,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login:active,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login:focus,
  .menu-wrapper .menu-bar:not(.fixed) .menu-login:focus-visible {
    color: #1b1c1e !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
}







@media (max-width:600px){
  .menu-bar-items .menu-bar-right-wrapper{
    display:flex !important;
    margin-left:auto;
    align-items:center;
    gap:6px;
    min-width:0;
    flex-wrap:nowrap;
  }
  .menu-bar-right-wrapper li[data-promoted-key] .menu-bar-item-label{
    font-size:0;
    padding:8px 8px;
    line-height:1;
  }
  .menu-bar-right-wrapper li[data-promoted-key] .menu-bar-item-label i{
    font-size:1.1rem;
  }
  /* Skjul "Produkter"-teksten, behold hamburger */
  .menu-bar-mobile-menu-products .menu-bar-item-label{ font-size:0; padding-right:8px; }
  .menu-bar-mobile-menu-products .menu-bar-item-label i{ font-size:1.1rem; margin-right:0; }
  /* Valgfritt: plasser approval-ikonet først */
  .menu-bar-right-wrapper li[data-promoted-key="approval"]{ order:-1; }
}




/*Ikon-only for promoted items på mobil + plass til ikonene*/

@media (max-width: 600px){
  .menu-bar-items .menu-bar-right-wrapper{
    display:flex !important;
    margin-left:auto;
    align-items:center;
    gap:6px;
    min-width:0;         /* viktig for at flex kan krympe */
    flex-wrap:nowrap;
  }

  .menu-bar-items .menu-bar-right-wrapper li[data-promoted-key] .menu-bar-item-label{
    font-size:0;
    padding:8px 8px;
    line-height:1;
  }
  .menu-bar-items .menu-bar-right-wrapper li[data-promoted-key] .menu-bar-item-label i{
    font-size:1.1rem;
  }

  /* Skjul "Produkter"-tekst, behold hamburger */
  .menu-bar-mobile-menu-products .menu-bar-item-label{ font-size:0; padding-right:8px; }
  .menu-bar-mobile-menu-products .menu-bar-item-label i{ font-size:1.1rem; margin-right:0; }

  /* (valgfritt) Legg approval først */
  .menu-bar-items .menu-bar-right-wrapper li[data-promoted-key="approval"]{ order:-1; }
}


/*Ikke blokker klikk (hvis noe CSS utilsiktet “spiser” pekere)*/

.menu-bar-items .menu-bar-right-wrapper,
.menu-bar-items .menu-bar-right-wrapper * {
  pointer-events: auto;
}



/* Sørg for at Reveal-overlay ikke havner bak off-canvas/accordion på mobil */
.reveal-overlay { z-index: 10050 !important; }
.small.reveal, .reveal { z-index: 10060 !important; }





@media (max-width: 600px) {
  /* Gjør høyre-wrapper til fleksrad og bruk "gap" i stedet for tilfeldige marginer */
  .menu-bar-right-wrapper{
    display:flex;
    align-items:center;
    gap:8px;                /* <- justér 6–10px etter smak */
  }

  /* Strammere knapper/lenker */
  .menu-bar-right-wrapper .menu-bar-item .menu-bar-item-label{
    padding:4px 6px !important;   /* mindre padding */
    line-height:1.1;
  }
  .menu-bar-right-wrapper .menu-bar-item-label i{
    margin-right:4px !important;  /* mindre ikon-avstand til tekst */
  }

  /* Litt ekstra failsafe for temaer som bruker border som separator */
  .menu-bar-right-wrapper .menu-bar-item{
    border-left:0 !important;
    margin:0 !important;
    list-style:none;
  }
  /* Ekstra kompakt spacing uten gap (om du heller vil bruke margin): */
  .menu-bar-right-wrapper .menu-bar-item + .menu-bar-item{
    margin-left:6px !important;
  }

  /* Skjul Hjem helt (bedre å fjerne hele LI enn bare <a>) – funker i moderne browsere */
  .menu-bar-right-wrapper li:has(> a.menu-bar-item-label[href*="/first_page"]){
    display:none !important;
  }
}


@media (max-width: 600px) {
  
  /* Fjerner "dott" på kun "hjem" knapp *//* 
  .menu-bar-right-wrapper li:has(+ li:has(> a.menu-bar-item-label[href*="/first_page"]))::after {
    content: none !important;
    border: none !important;
  }*/
  
  /* Fjerner alle "dotter" */
  li.menu-bar-item.menu-bar-desktop-menu.menu-bar-desktop-menu-content::after {
	  content: none !important;
    border: none !important;
	}
	
	.menu-bar-right-wrapper {
	gap: 0 !important;
	}
}




/* =============================================================================================================================
					APPROVAL LIST AND PAGE
   ============================================================================================================================= */

/* Mobil: piler, kollaps og strammere spacing – alt avgrenset til .row.collapse.no-acc */
@media (max-width:600px){
  .row.collapse.no-acc .form-container .form-label.collapsible-header{
    cursor:pointer; position:relative; padding-right:1.25rem;
    margin:0 !important; /* fjerner default H5-margin */
    line-height:1.2;
  }
  .row.collapse.no-acc .form-container .form-label.collapsible-header::after{
    content:""; width:0; height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:7px solid currentColor; /* ned-pil */
    position:absolute; right:2px; top:50%;
    transform:translateY(-50%); transition:transform .2s ease;
  }
  
  /* Skjul innhold når kollapset */
  .row.collapse.no-acc .form-container.is-collapsed .form-main{ display:none; }

  /* Kutt luft mellom blokker */
  .row.collapse.no-acc .order-section,
  .row.collapse.no-acc .form-container{
    margin:0 !important;
	padding:2px 0px;
  }
  
   .row.collapse.no-acc > .columns{
    padding-left:15px !important;
    padding-right:15px !important;
  }
  
  
  
  .form-display {
	padding-bottom: 10px !important;
	}


}


@media (max-width:600px){
  #approval-edit-approve.button{
    padding: 4px 6px !important;
    white-space: normal;       /* bryt linje om nødvendig */
	background-color: #02AA20!important;
	margin-bottom: 7px !important;
  }
}

@media (max-width:600px){
  #approval-edit-change.button{
    padding: 4px 6px !important;
    white-space: normal;       /* bryt linje om nødvendig */
	margin-bottom: 7px !important;
	background-color: #011278!important;
  }
}

@media (max-width:600px){
  #approval-edit-reject.button{
    padding: 4px 6px !important;
    white-space: normal;       /* bryt linje om nødvendig */
	margin-bottom: 7px !important;
  }
}

@media (max-width:600px){
  #approval-edit-cancel.button{
    padding: 4px 6px !important;
    white-space: normal;       /* bryt linje om nødvendig */
	margin-bottom: 7px !important;
	background-color: #011278!important;
  }
}


/* Mobil: skjul teksten "Produkter", behold ikon */
@media (max-width: 600px){
  .menu-bar-mobile-menu-products .menu-bar-item-label{
    font-size: 0;              /* skjuler tekstnoden */
    padding-right: 8px;        /* valgfritt: litt luft til høyre */
  }
  .menu-bar-mobile-menu-products .menu-bar-item-label i{
    font-size: 1.1rem;         /* reset ikonstørrelse siden parent er 0 */
    margin-right: 0;           /* fjern gap som var før teksten */
    vertical-align: middle;
  }
}


/* ------ APPROVAL LIST ------- */


/* Behold ekte tabellflyt */
.approval-list .responsive-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;               /* ingen innebygd spacing */
}

/* Standard celler */
.approval-list .responsive-table thead th,
.approval-list .responsive-table tbody td {
  padding: 12px 14px;
  vertical-align: middle;
  text-align: left;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.approval-list .responsive-table tbody td.text-right { text-align: right; }

/* “Kort”-utseende per rad – kun med celler (ingen ::before) */
.approval-list .responsive-table tbody td {
  background: #fff;
  background-clip: padding-box;    /* ikke mal under “gap”-borderen */
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

/* Venstre/høyre kant + avrunding på yttercellene */
.approval-list .responsive-table tbody tr td:first-child {
  border-left: 1px solid #e2e8f0;
  border-radius: 12px 0 0 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);  /* skygge for hele raden */
}
.approval-list .responsive-table tbody tr td:last-child {
  border-right: 1px solid #e2e8f0;
  border-radius: 0 12px 12px 0;
}

/* Vertikalt “gap” mellom rader uten å bryte kolonnejustering */
.approval-list .responsive-table tbody tr + tr td {
  border-top: 12px solid transparent;   /* lager luft mellom radene */
}

/* === Hover over HELE raden === */
.approval-list .responsive-table tbody tr:hover td {
  cursor: pointer;
  border-color: #cbd5e1;
  background-color: #f8fafc; /* valgfritt – lett highlight */
}

.approval-list .responsive-table tbody tr:hover td:first-child {
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
}

/* Fjern eventuelt dobbeltkant på midtceller for å unngå visuell "stripe" mellom dem under hover */
.approval-list .responsive-table tbody tr:hover td:not(:first-child):not(:last-child) {
  border-left-color: transparent;
  border-right-color: transparent;
}


/* Typografi (samme som før) */
.approval-list .responsive-table tbody td:nth-child(1){ color:#334155; }     /* Dato */
.approval-list .responsive-table tbody td:nth-child(5){ font-weight:600; color:#111827; } /* Firma */
.approval-list .responsive-table tbody td:nth-child(6){ font-weight:700; font-variant-numeric: tabular-nums; }

/* Juster sum til venstre */
.approval-list .responsive-table tbody td.text-right {
  text-align: left !important;
}


/* ===== Mobilkort (<= 768px) ===== */
@media (max-width: 768px) {
  .approval-list .responsive-table { 
    border-collapse: separate; 
    border-spacing: 0; 
  }
  .approval-list .responsive-table thead { display: none; }

  /* Selve "kortet" per rad */
  .approval-list .responsive-table tbody { display: block; }
  .approval-list .responsive-table tbody tr {
    display: block;
    margin: 12px 0;
    background: #fff;
    border: 1px solid black;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
    overflow: hidden;
    cursor: pointer;
  }
  .approval-list .responsive-table tbody tr:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.10);
    border-color: #cbd5e1;
  }

  /* Linjene inne i kortet */
  .approval-list .responsive-table tbody td {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    /* Nuller ut desktop-stylingen */
    border: 0 !important;
    background-clip: initial;
    text-align: left;                 /* standard venstrejustert */
  }
  

  /* Etikett til venstre hentes fra data-label */
  .approval-list .responsive-table tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #475569;
  }

  /* Skjul fortsatt kolonne 3 og 4 (Bestilt av / Navn) på mobil */
  .approval-list .responsive-table tbody td:nth-child(3),
  .approval-list .responsive-table tbody td:nth-child(4) { display: none; }

  /* Sum – venstrestill og gjerne litt tyngre */
  .approval-list .responsive-table tbody td.text-right {
    text-align: left !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
  }

  /* Ordrenr-lenke: ingen spesialknapp på mobil */
  .approval-list .responsive-table tbody td:nth-child(2) a {
    display: inline;
    background: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
}




/* =============================================================================================================================
					CHANGE CUSTOMER LIST
   ============================================================================================================================= */

/* ===== Bytt kunde – mobil (<= 768px) ===== */
@media (max-width: 768px) {
  /* Skjul tabell-headeren helt */
  .customer-list-container .customer-changer thead { display: none; }

  /* Kortoppsett */
  .customer-list-container .customer-changer {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  .customer-list-container .customer-changer tbody { display: block; }

  .customer-list-container .customer-changer tbody tr.customer-changer-row {
    display: block;
    margin: 12px 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
    overflow: hidden;
    cursor: pointer;
  }
  .customer-list-container .customer-changer tbody tr.customer-changer-row:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.10);
    border-color: #cbd5e1;
  }

  /* Linjer inne i kortet */
  .customer-list-container .customer-changer tbody td {
    display: grid;
    grid-template-columns: 130px 1fr; /* label | verdi */
    gap: 8px;
    padding: 10px 14px;
    border: 0 !important;            /* null ut ev. desktop-borders */
    text-align: left;
    background: #fff;
    word-break: break-word;
  }
  .customer-list-container .customer-changer tbody td + td {
    border-top: 1px solid #eef2f7 !important;
  }

  /* Etikett fra data-label */
  .customer-list-container .customer-changer tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #475569;
  }

  /* Skjul Adresse (3), By (4), Postnummer (5) – språk-uavhengig */
  .customer-list-container .customer-changer tbody td:nth-child(3),
  .customer-list-container .customer-changer tbody td:nth-child(4),
  .customer-list-container .customer-changer tbody td:nth-child(5) {
    display: none;
  }

  /* Litt luft over/under paginering i footeren */
  .customer-list-footer { padding: 10px 0; }
}










/* =============================================================================================================================
					FRONT PAGE
   ============================================================================================================================= */
   
   
/* ======================================================================================
   FRONT PAGE PROMOS – FAST GRID
   -----------------------------------------------------------------------------
   Slik lager du en egen rad med annet antall kort (f.eks. 6 kort i stedet for 5):
   1. Finn raden i HTML: <div class="row collapse promotions no-acc">…</div>
   2. Legg inn inline style med variablene du vil overstyre, f.eks.:
        <div class="row collapse promotions no-acc"
             style="--promo-cols:6; --promo-card-w:180px;">
   3. Nå får akkurat den raden 6 kolonner med 180px bredde per kort.
   4. Andre rader uten inline style bruker standardverdiene i CSS nedenfor.
   -----------------------------------------------------------------------------
   Tips: Du kan overstyre flere variabler (gap, høyde osv.) på samme måte.
   ====================================================================================== */

.row.collapse.promotions.no-acc{
  --promo-cols: 5;            /* antall kort pr. rad (overstyr per rad) */
  --promo-card-w: 210px;      /* bredde per kort   (overstyr per rad) */
  --promo-gap: 25px;          /* mellomrom mellom kort + ytterkant */
  --promo-h: 250px;           /* lik høyde på kort (auto på mobil) */
  --promo-total: calc( (2 * var(--promo-gap)) +
                       (var(--promo-cols) * var(--promo-card-w)) +
                       ((var(--promo-cols) - 1) * var(--promo-gap)) );

  /* layout */
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(var(--promo-cols), var(--promo-card-w));
  column-gap: var(--promo-gap);
  row-gap: var(--promo-gap);
  grid-auto-flow: dense;
  width: var(--promo-total) !important;
  margin: 0 auto !important;
  padding: 0 var(--promo-gap) !important;
  box-sizing: border-box;
}

/* slå av clearfix-pseudoer som ellers blir grid-items */
.row.collapse.promotions.no-acc::before,
.row.collapse.promotions.no-acc::after{
  content:none !important;
  display:none !important;
}

/* kortene fyller grid-cellen og har lik høyde */
.row.collapse.promotions.no-acc .promotion-container{
  float:none !important;
  width:100% !important;
  height:var(--promo-h) !important;
  min-height:var(--promo-h) !important;
  max-height:var(--promo-h) !important;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  grid-column:auto !important;
  grid-row:auto !important;
}

/* indre struktur */
.row.collapse.promotions.no-acc .promotion-item{
  display:flex;
  flex-direction:column;
  height:100%;
}
.row.collapse.promotions.no-acc .promotion-item-image{ flex:0 0 auto; }
.row.collapse.promotions.no-acc .promotion-item-information{ flex:1 1 auto; overflow:hidden; }
.row.collapse.promotions.no-acc .promotion-item-bar{ flex:0 0 auto; margin-top:auto; }

/* Robust bildeoppførsel (trygg default) */
.row.collapse.promotions.no-acc .promotion-item img{
  max-width:100%;
  height:auto;
  display:block;
}

/* 🎯 Produktkortbilde – behold ca. 100px høyde desktop */
.row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-image img {
  max-height: 100px;
  width: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* 🎯 Bildekort – fyll kortet med bilde, uten rammer/bakgrunn */
.row.collapse.promotions.no-acc .promotion-item.only-picture{
  height:100%;
  display:flex;
  flex-direction:column;
  border:none !important;
  background:transparent !important;
}
.row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image,
.row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image > a{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
}
.row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image > a > img:not(.mobile){
  width:170px;
  height:200px;
  object-fit:cover;
}


/* Slå av kort-hover kun for bildefliser inne i promo-raden */
.row.collapse.promotions.no-acc .promotion-item.only-picture:hover,
.row.collapse.promotions.no-acc .promotion-item.only-picture:focus-within{
  box-shadow: none !important;
  transform: none !important;
  border-color: transparent !important;
  outline: none !important;
}



/* === DESKTOP/LAPTOP === */
@media (hover:hover) and (pointer:fine){
  /* hover på knappene (only-picture) – på selve bildet */
  .row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image img:hover,
  .row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image > a > img:not(.mobile):hover{
    transform: translateY(-2px) scale(1.05);
    opacity: 0.8;
    transition: transform .18s ease, opacity .18s ease, filter .18s ease;
    cursor: pointer;
  }

  /* hover på HELE produktboksen (only-product) */
  .row.collapse.promotions.no-acc .promotion-item.only-product:hover{
    transform: translateY(-2px) scale(1.05);
	box-shadow: 0px 0px 12px rgba(1, 18, 120, 0.3) !important;
  }
}


/* Tekster i kortet – stramme linjer og klipp av lange titler */
.row.collapse.promotions.no-acc .promotion-item h5 a{
  /* behold farger/font lokalt scoped til raden */
  color:#263379;
  font-weight:bolder;
  font-family:'Raleway', sans-serif;

  /* bedre layout enn padding-top:50px */
  padding-top:0;
  display:-webkit-box;
  -webkit-line-clamp:2;          /* maks 2 linjer */
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.2;
  margin-top:.25rem;
}

/* Øvrige infosnutter i kort (scopet til raden for å unngå sideeffekter) */
.row.collapse.promotions.no-acc .promotion-container .product-name{
  flex:1;
  min-height:40px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.row.collapse.promotions.no-acc h6.product-price.promotion-price.price{
  min-height:20px;
  white-space:nowrap;
  color:#011278;
  padding-bottom:0;
  margin-bottom:0;
}
.row.collapse.promotions.no-acc .promotion-container .stock-status{
  min-height:17px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#02AA20;
  font-weight:bold;
  padding:0;
  margin:0;
}

/* Små justeringer rundt innholdet i kortet */
.row.collapse.promotions.no-acc h5.bold.hide-for-small-only{
  font-size:0.9rem;
  color:#1b1c1e;
}
.row.collapse.promotions.no-acc div.promotion-item-information{
  font-size:0.8rem;
}
.row.collapse.promotions.no-acc div.outer-wrapper.hide-for-small-only{
  padding-top:10px;
  padding-bottom:10px;
}

/* Sekundær fontbruk (scopet) */
.row.collapse.promotions.no-acc .product-card-information-container h4{
  color:#263379;
  font-family:'Raleway', sans-serif;
  margin:0;
}

.promotion-item.only-product {
    border-radius: 10px !important;
  }
  



.promotion-buy {
    gap: 0 !important;
  }




/* === MOBIL/TABLET (ingen sticky hover) – kort trykk-feedback === */
@media (hover:none){
  .row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image img:active,
  .row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image > a > img:not(.mobile):active,
  .row.collapse.promotions.no-acc .promotion-item.only-product:active{
    transform: translateY(-1px) scale(1.02);
  }
}


/* 📱 Mobiltilpasning – scoped til promo-raden */
@media (max-width:768px){
  .row.collapse.promotions.no-acc{
    --promo-cols: 1;
    --promo-card-w: 100%;
    --promo-gap: 16px;
    --promo-h: auto;
    --promo-total: 100%;
    padding:0 var(--promo-gap) !important;
  }

  .row.collapse.promotions.no-acc .promotion-container{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    width:100%;
    margin-bottom:20px;
  }

  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-image img{
    max-height:70px;
  }

  .row.collapse.promotions.no-acc .promotion-item.only-picture{
    height:auto;
  }
  .row.collapse.promotions.no-acc .promotion-item.only-picture .promotion-item-image > a > img:not(.mobile){
    width:100%;
    height:auto;
    max-height:200px;
    object-fit:cover;
  }
}




  /* ================================================================
   📱 FRONT PAGE PROMOS – MOBIL (fikser at bilde hopper ut)
   ================================================================ */
@media (max-width: 768px){

  /* Tilbake til kolonne-layout på selve kortet */
  .row.collapse.promotions.no-acc .promotion-item.only-product{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:10px !important;
    overflow:hidden !important;
    gap:8px !important;
  }

  /* Legg grid på INFO-delen: tekst venstre (1fr), bilde høyre (auto) */
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-info{
    display:grid !important;
    grid-template-columns: 1fr 95px !important;
    column-gap:12px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;  /* hindrer overflow fra lange titler */
  }

  /* Bildet i høyre kolonne, på høyde med teksten */
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-image{
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    justify-self:end !important;
    align-self:center !important;
    width:95px !important;
  }
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-image img{
    max-width:100% !important;
    max-height:80px !important;
    height:auto !important;
    width:auto !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* Tekstelementer i venstre kolonne */
  .row.collapse.promotions.no-acc .promotion-item.only-product h5.show-for-small-only,
  .row.collapse.promotions.no-acc .promotion-item.only-product h5.hide-for-small-only,
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-information{
    grid-column: 1 !important;
  }

  /* Kompakt typografi */
  .row.collapse.promotions.no-acc .promotion-item.only-product h5 a{
    font-size:0.9rem !important;
    line-height:1.2 !important;
  }
  .row.collapse.promotions.no-acc .promotion-item.only-product .descriptionDesktop,
  .row.collapse.promotions.no-acc .promotion-item.only-product .descriptionMobile{
    font-size:0.8rem !important;
    line-height:1.3 !important;
    margin-top:2px !important;
  }

  /* Pris/stock-linje under info (beholder kolonne-layout) */
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-price-stock{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* Mindre kjøpsknapp (ca. halv) */
  .row.collapse.promotions.no-acc .promotion-item.only-product .buy-button{
    transform: scale(0.85) !important;
    transform-origin: right center !important;
    padding: 0.35rem 0.5rem !important;
    min-width:auto !important;
    width:auto !important;
  }

  /* Vis lagerstatus med tekst */
  .row.collapse.promotions.no-acc .promotion-item.only-product .product__stock{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
  }
  .row.collapse.promotions.no-acc .promotion-item.only-product .product__stock-label{
    display:inline !important;
    font-size:0.75rem !important;
    color:#02AA20 !important;
    font-weight:600 !important;
    margin-left:4px !important;
  }
}

/* ✅ PROMOS – fiks beskrivelse på mobil */
@media (max-width: 768px){

  /* 1) Ikke klipp teksten og la den bruke full bredde under tittelen */
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-information{
    overflow: visible !important;     /* var hidden tidligere */
    width: 100% !important;
    align-self: flex-start !important;
    margin: 2px 0 0 0 !important;     /* litt luft under tittelen */
    padding: 0 !important;
	margin-top: 27px !important;
  }

  /* 2) Nullstill innpakningen så den ikke skyver teksten mot høyre */
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-information > a,
  .row.collapse.promotions.no-acc .promotion-item.only-product .promotion-item-information > a > div{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  /* 3) Vis kun Desktop-beskrivelsen, og sørg for normal tekstflyt */
  .row.collapse.promotions.no-acc .promotion-item.only-product .descriptionMobile{
    display: none !important;
  }
  .row.collapse.promotions.no-acc .promotion-item.only-product .descriptionDesktop{
    display: block !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    font-size: 0.85rem !important;
  }
}










  

/* =============================================================================================================================
					PRODUCTS
   ============================================================================================================================= */

/* Baseline: la grid fungere normalt */
.product-card {
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: left !important;
}

/* Ikke tving inline-block på tilbehør */
.product-card-accessories {
  display: block; /* eller fjern denne helt */
}

/* Når raden har INGEN reelle tilbehørsitems */
.row.collapse.no-acc > .product-card-accessories {
  display: none !important;
}

/* Utvid og midtstill produktkortet i dette tilfellet */
.row.collapse.no-acc > .product-card {
  float: none !important;         /* dropp grid-floaten */
  width: 100% !important;         /* ta hele raden */
  max-width: 1100px;              /* juster etter smak */
  margin-left: auto !important;
  margin-right: auto !important;  /* midtstill */
}


/* Hovedpristekster */
.product-card .product-card-price .price .price-text {
    /*color: #1B1C1E !important;*/
	color: #011278 !important; 
}

span.price-suffix {
    color: #1B1C1E !important; 
	font-size: 0.8rem;
	font-weight: 500 !important;
}

/* Accordion (info tabs) */

.product-card-tabs .accordion-title {
    padding: 8px 16px; /* default 8 + 16 */
    border: 0;
    background: rgb(202,223,232);
    background: -moz-linear-gradient(90deg, rgba(202,223,232,1) 95%, rgba(38,51,121,1) 95%);
    background: -webkit-linear-gradient(90deg, rgba(202,223,232,1) 95%, rgba(38,51,121,1) 95%);
    background: linear-gradient(90deg, rgba(1,18,120,1) 50%, rgba(1,18,120,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cadfe8",endColorstr="#263379",GradientType=1);
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
}

.tab-expand, .tab-fold {
    color: #ffffff;
}

.is-active .accordion-title, .accordion-title:hover {
    color: #ffffff;
}

.accordion-content {
  background-color: #fff !important;
  color: #1b1c1e;
  margin: 0!important;
  border: 0.5px solid black !important;
  padding-left: 15px!important;
  padding-right: 15px!important;
}

/* Rød border for ugyldige felt */
.product-option.input-invalid {
  border: 4px solid #ef3b4c !important;
}

/* Buy/quantity (+/-) buttons */

.buy-form-container fieldset {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap; /* Gjør at elementer kan brytes til ny linje på små skjermer */
}

.qty-btn {
  background: transparent !important;
  border: none !important;
  padding: 0 10px !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  /*border-right: 1px solid #ccc;*/
  height: 100% !important;
	width: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.qty-btn:last-of-type {
  border-left: 1px solid #ccc;
  border-right: none;
}

.qty-btn:focus {
  outline: none;
  box-shadow: none;
}

.qty-btn:hover {
  background-color: #011278 !important;
  color: white !important;
}

.buy-quantity-container {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: 35px !important;
  background-color: #fff !important;
}

.buy-quantity__input {
  width: 35px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  outline: none;
  background: transparent;
}

.buy-button {
  padding: 10px 15px;
  background-color: #FA344C;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;  /*Hindrer at teksten brytes */
  height: 40px !important;
  width: 60px !important;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buy-button:hover {
  background-color: #011278;
}

/* RESPONSIVT: Juster layout på små skjermer */
@media (max-width: 600px) {
  .buy-form-container fieldset {
    flex-direction: column;
    align-items: flex-start;
  }

  .buy-quantity-container {
    margin-right: 0;
  }

  /*
  .product-card-buy-button {
	  width: 40px !important;
	  }*/
}

/* Må ha dette for å få bilder til å synes for tilbehør */
.product-card-accessories {
	opacity: 1!important;
    color: #1B1C1E;
    padding: 10px;
	display: inline-block;
    overflow: visible;
}

.small-product-list-image {
    display: inline-block !important;
	background-color: #ffffff;
	opacity: 0.999!important;
	padding: 5px;
}

.small-product-list-item {
	opacity: 0.999!important;
}

.lightgallery {
	border: 0px solid black !important;
}

.logo-container {
	padding-top: 5px;
	padding-bottom: 5px;
}


/*Lagerstatus */

.product__stock--info {
  background-color: #fff !important;
  color: #02AA20 !important; /* grønn farge  */
  padding: 0 !important;
}

/* GJØR IKON OG TEKST GRØNN VED PÅ LAGER */
.product__stock i,
.product__stock--count,
.product__stock--label {
  color: #02AA20;
}

.product__stock--no-stock .product__stock--info {
  color: #FA344C !important; /* rød */
}

.product__stock--no-stock i,
.product__stock--no-stock .product__stock--label {
  color: #FA344C !important;
}

.product__stock--info {
  display: flex;
  align-items: center;
  gap: 4px; /* litt luft mellom ikon, tall og tekst */
  white-space: nowrap;
}

.product__stock-count {
  margin-left: 4px;
}

/* Skjul "Opprette produktpakke" */
.product-card-icon a[title="Legg produktet til i en produktpakke"] {
  display: none;
}

/*Skjul breadcrumbs*/
.ag-breadcrumbs {
  display: none;
}


/* Skjul alt database-innhold når vi har egen custom info */
.product-card-tab-information.has-custom-info #cnet-cloud-product-information,
.product-card-tab-information.has-custom-info #cnet-cloud-inline-content,
.product-card-tab-information.has-custom-info .ccs-ds-textMkt,
.product-card-tab-information.has-custom-info .ccs-ds-textFeatures,
.product-card-tab-information.has-custom-info span[itemprop="description"] {
    display: none !important;
}



/* =============================================================================================================================
					PRODUCT ALTERNATIVES
   ============================================================================================================================= */

/* ===============================
   PRISVISNING – ENGANGS OG MND
   =============================== */

/* Pristekst-stil */
.price-without-monthly .price-text,
.price-without-monthly .price-text::before {
  font-size: 2rem !important;
  font-weight: 500;
  color: #011278 !important;
}

.price-monthly .price-text {
  font-size: 1.5rem;
  font-style: italic;
  color: #FA344C;
}

.product-card-price.price-without-monthly > span,
.product-card-price.price-monthly > span {
  display: block;
  color: #1b1c1e;
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
}




/* ===============================
   DESKTOP LAYOUT
   =============================== */

/* === PRICE ROW: align kjøpsblokka mot selve prisen, ikke labelen === */

@media (min-width: 768px) {
  .product-card .price-row {
    display: grid !important;
    grid-template-columns: auto auto;   /* pris + kjøpsblokk */
    align-items: flex-start !important;
    column-gap: 12px !important;        /* passe mellomrom */
  }

  .product-card .price-row > .price-container {
    margin: 0 !important;
  }

  .product-card .price-row > .product-card-buy-button.buy-form-container {
    margin: 0 !important;
    align-self: flex-start !important;
    position: relative !important;
    top: 25px !important;               /* <-- juster opp/ned på øyemål */
  }

  .product-card .price-row .product-card-prices-list h6.product-price {
    margin: 0 !important;
  }
}


/* Mobil: behold kolonne-layout */
@media (max-width: 767px) {
  .product-card .price-row {
    display: flex !important;
    flex-direction: column !important;
    gap: .5rem !important;
  }
  .product-card .price-row > .product-card-buy-button.buy-form-container {
    align-self: stretch !important;
    position: static !important; /* nullstill */
    top: auto !important;
  }
}



/* Skjul kun bildet for "Ingen"-alternativet (value=0) */
.product-option-container .product-options-label label:has(.product-option-selector[type="radio"][value="0"]) img {
  display: none !important;
}

/* Samme typografi som de andre radene */
.product-option-container .product-options-label
  label:has(.product-option-selector[type="radio"][value="0"]) {
  font: inherit;                 /* arver fonten */
  color: #1b1c1e;                /* samme farge som resten */
  font-size: 0.8rem !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

/* Kompenser for skjult 40x40-bilde: 40px + 6px luft */
.product-option-container .product-options-label
  label:has(.product-option-selector[type="radio"][value="0"])
  .product-options-input {
  margin-right: 4px !important;
}

.product-option-container .product-options-label label {
  font: inherit;                 /* arver fonten */
  color: #1b1c1e;                /* samme farge som resten */
  font-size: 0.8rem !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.product-option-container {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}


/*============Unngå scrolling =============== */

/* Slå av scroll anchoring der innholdet oppdateres */
.product-option-group-items,
.product-options,
.product-card-prices-list,
.accordion-content {
  overflow-anchor: none !important;
}

/* Unngå smooth-anim på autoscroll (mindre merkbart hopp om noe slipper igjennom) */
html {
  scroll-behavior: auto;
}

/*================== Price format in accordion ================== */

/* Normaliser prisen i høyrekolonnen uansett markup */
.product-option-container .product-options-price,
.product-option-container .product-options-price .price-text,
.product-option-container h6.product-price.price,
.product-option-container h6.product-price .price-text {
  display: block!important;
  font-size: 0.9375rem!important;   /* ~15px – justér til ønsket */
  font-weight: 500!important;
  line-height: 1.2!important;
  color: #1b1c1e!important;
  white-space: nowrap!important;
}

/* Hvis Netset har byttet til ren tekstnode (ingen .price-text): */
.product-option-container .product-options-price:not(:has(.price-text)) {
  /* sørg for samme spacing/align som H6-varianten */
  margin: 0; 
  text-align: right;      /* hvis du vil høyrejustere tallene */
}

/* ======================= Product options container formating (horizontal adjustment) ================= */


/* 1) Jevn padding i hele accordion-innholdet (top + bottom) */
.accordion-content {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* 2) Fjern framework-gaps i radene, og lag en konsekvent mellomromsregel */
.product-option-group-items .product-option { 
  margin: 0 !important; 
  padding: 0 !important;
}

.product-option-group-items .product-option-container {
  display: flex;
  align-items: center;
  gap: 12px;                /* avstand mellom kolonnene */
  margin: 0 !important;     /* nullér variasjoner */
  padding: 6px 0;           /* uniform vertikal luft i hver rad */
}

/* Lik avstand mellom radene – ingen ekstra på første/siste */
.product-option-group-items .product-option-container + .product-option-container {
  border-top: 0 !important;  /* om tema legger på */
  margin-top: 0 !important;
}

/* 3) Nøytraliser Foundation padding i underkolonner */
.product-option-group-items .product-option-container > .columns {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* 4) Kolonnelogikk: label vokser, lager/antall/pris er faste – stabil linje */
.product-option-group-items .product-option-container > .product-options-label { 
  flex: 1 1 auto; 
  min-width: 0; 
}

.product-option-group-items .product-option-container > .columns:has(.product__stock) { 
  flex: 0 0 130px;           /* lager */
}

.product-option-group-items .product-option-container > .product-option-qty { 
  flex: 0 0 120px;           /* antall */
}

.product-option-group-items .product-option-container > .product-options-price {
  flex: 0 0 130px;           /* pris */
  text-align: right;
  display: flex;
  align-items: center;
  min-height: 28px;
}

/* 5) Stram opp antall-boksen, slik at minus/input/pluss linjer likt */
.product-option-qty-container {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.product-option-qty-container .qty-input { 
  width: 60px; 
  text-align: center; 
  margin: 0; 
}
.product-option-qty-container .change-qty {
  width: 24px; min-width: 24px;
  display: inline-flex; align-items: center; justify-content: center;
}
.product-option-qty-container .change-qty:empty { display: none; }
.product-option-qty-container .change-qty i { line-height: 1; display: block; }

/* 6) Fjern mikromarginer i pris/label som skaper “ekstra” høyde i første/siste rad */
.product-option-container h6.product-price,
.product-option-container .price-text,
.product-option-container .product-options-label > label {
  margin: 0 !important;
  line-height: 1.2;
}

.change-qty {
	cursor: pointer;
}





/* =========================================================
   MOBIL (≤600px) – produktkort + alternativer
   ========================================================= */
@media (max-width: 600px) {

  /* --- Pris + kjøp side om side --- */
  .product-card .price-row {
    display: grid !important;
    grid-template-columns: 1fr auto;   /* pris | kjøp */
    align-items: center !important;
    column-gap: 10px !important;
  }
  .product-card .price-row > .price-container {
    margin: 0 !important;
  }

  /* Kjøpsblokk kompakt */
  .product-card .price-row .product-card-buy-button.buy-form-container fieldset {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
  }

  /* Skru av “stor mengde”-UI: skjul antall på mobil (evt. slå PÅ igjen om du vil) */
  .product-card .price-row .buy-quantity-container {
    display: none !important;
  }

  /* Selve kjøpsknappen liten, kvadratisk */
  .product-card .price-row .buy-button {
    width: 44px !important;
    height: 36px !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
  }
  .product-card .price-row .buy-button .buy-button-icon {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* --- Alternativer: stram layouten --- */

  /* Mindre total padding i accordion-innholdet */
  .accordion-content {
    padding: 6px 8px !important;
  }

  /* Rader: tett kompakt linje, små gaps */
  .product-option-group-items .product-option-container {
    display: grid !important;
    grid-template-columns: 1fr 78px 86px; /* label | qty | pris */
    align-items: center;
    gap: 8px !important;
    padding: 4px 0 !important;
    margin: 0 !important;
  }

  /* Fjern padding på “columns” fra rammeverket */
  .product-option-group-items .product-option-container > .columns {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Labelfelt: flex så ikon/bilde ikke stjeler plass fra teksten */
  .product-option-container .product-options-label label {
    display: grid;
    grid-template-columns: auto 1fr;  /* input/img | tekst */
    align-items: center;
    column-gap: 6px;
    font-size: .84rem !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    /* 2-linjers cut uansett om det er plain text eller lenke */
    max-height: calc(1.25em * 2);
    overflow: hidden;
  }

  /* Bilder i radene mindre */
  .product-option-container .product-options-label img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
  }

  /* Pris i høyrekolonnen: liten, én linje, høyrejustert */
  .product-option-container .product-options-price,
  .product-option-container .product-options-price .price-text,
  .product-option-container h6.product-price.price,
  .product-option-container h6.product-price .price-text {
    font-size: .9rem !important;
    white-space: nowrap !important;
    text-align: right !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* Antall: skjul +/--ikonene og krymp input */
  .product-option-qty-container .change-qty { 
    display: none !important;
  }
  .product-option-qty-container {
    justify-content: flex-end;
    width: 100%;
  }
  .product-option-qty-container .qty-input {
    width: 44px !important;
    min-width: 44px !important;
    height: 28px !important;
    padding: 0 6px !important;
    font-size: .9rem !important;
    text-align: center;
  }

  /* Kolonne-breddene på qty/pris når de ligger i Foundation sine “columns” */
  .product-option-group-items .product-option-container > .product-option-qty {
    width: 78px !important;
    flex: 0 0 78px !important;
    justify-self: end;
  }
  .product-option-group-items .product-option-container > .product-options-price {
    width: 86px !important;
    flex: 0 0 86px !important;
    justify-self: end;
    min-height: 24px !important;
    display: flex; align-items: center; justify-content: flex-end;
  }

  /* Mindre visuell støy mellom radene */
  .product-option-group-items .product-option-container + .product-option-container {
    border-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Titrekk ned generell typografi inne i accordion (litt mindre) */
  .product-options-desc {
    font-size: .86rem !important;
    line-height: 1.3 !important;
    margin: 4px 0 6px !important;
  }
}

/* Ekstra tight for veldig smal skjerm (≤360px) */
@media (max-width: 360px) {
  .product-option-group-items .product-option-container {
    grid-template-columns: 1fr 70px 80px; /* label | qty | pris */
    gap: 6px !important;
  }
  .product-option-group-items .product-option-container > .product-option-qty { 
    width: 70px !important; flex-basis: 70px !important; 
  }
  .product-option-group-items .product-option-container > .product-options-price { 
    width: 80px !important; flex-basis: 80px !important; 
  }
}


/* ===============================
   HOTFIX MOBIL (≤600px)
   =============================== */
@media (max-width: 600px) {

  /* 0) Justér kjøpsknappen et knepp ned */
  .product-card .price-row .buy-button {
    transform: translateY(4px);
  }

  /* 1) Stans Foundation-floats inni radene så grid faktisk fungerer */
  .product-option-group-items .product-option-container > .columns {
    float: none !important;
    width: auto !important;
    flex: initial !important;
  }

  /* 2) Stabil 3-kolonne-grid for hver rad */
  .product-option-group-items .product-option-container {
    display: grid !important;
    grid-template-columns: 1fr 78px 86px;  /* label | qty | pris */
    align-items: center;
    gap: 8px !important;
    padding: 4px 0 !important;
  }

  /* 3) Sørg for at hvert “kolonne-div” plasseres riktig i grid’en */
  .product-option-group-items .product-option-container > .product-options-label { 
    grid-column: 1;
    min-width: 0;            /* viktig for at text-overflow skal virke */
  }
  .product-option-group-items .product-option-container > .product-option-qty { 
    grid-column: 2;
    justify-self: end;
    width: 78px !important;
  }
  .product-option-group-items .product-option-container > .product-options-price { 
    grid-column: 3;
    justify-self: end;
    width: 86px !important;
    display: flex; align-items: center; justify-content: flex-end;
    min-height: 24px !important;
    text-align: right !important;
  }

  /* 4) Teksten: 2-linjers clamp, uansett om den er lenke eller ikke */
  .product-option-container .product-options-label label {
    display: grid;
    grid-template-columns: auto 1fr;   /* input/img | tekst */
    align-items: center;
    column-gap: 6px;
    margin: 0 !important;
    font-size: .84rem !important;
    line-height: 1.25 !important;

    /* clamp */
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* 2 linjer */
  }
  /* hvis label inneholder <a>, clamp den samme veien */
  .product-option-container .product-options-label label > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* 5) Mindre bilder så teksten får plass */
  .product-option-container .product-options-label img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
  }

  /* 6) Pris og qty kompakt, én linje */
  .product-option-qty-container { justify-content: flex-end; width: 100%; }
  .product-option-qty-container .change-qty { display: none !important; }
  .product-option-qty-container .qty-input {
    width: 44px !important; min-width: 44px !important;
    height: 28px !important; padding: 0 6px !important;
    font-size: .9rem !important; text-align: center;
  }
  .product-option-container .product-options-price,
  .product-option-container .product-options-price .price-text,
  .product-option-container h6.product-price.price,
  .product-option-container h6.product-price .price-text {
    font-size: .9rem !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* 7) Ekstra tight for 360px */
  @media (max-width: 360px) {
    .product-option-group-items .product-option-container {
      grid-template-columns: 1fr 70px 80px;
      gap: 6px !important;
    }
    .product-option-group-items .product-option-container > .product-option-qty { width: 70px !important; }
    .product-option-group-items .product-option-container > .product-options-price { width: 80px !important; }
  }
}

/* =========================================================
   MOBIL FINPUSS (≤600px)
   - Fjern bilder i radene
   - 2-linjers navn
   - Utvid produktkortet helt ut til kanten
   ========================================================= */
@media (max-width: 600px) {

  /* 1) Skjul alle små produktbilder i alternativ-listene */
  .product-option-container .product-options-label img {
    display: none !important;
  }

  /* 2) Label-layout uten bilde: input | tekst, med 2-linjers clamp */
  .product-option-container .product-options-label label {
    display: grid;
    grid-template-columns: auto 1fr;   /* radio/checkbox | tekst */
    align-items: center;
    column-gap: 6px;
    margin: 0 !important;
    font-size: .86rem !important;
    line-height: 1.3 !important;
  }
  /* selve teksten – clamp til 2 linjer uansett om den ligger i <a> eller ren tekst */
  .product-option-container .product-options-label label > a,
  .product-option-container .product-options-label label {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* 3) Hold pris feltet stramt på én linje */
  .product-option-container .product-options-price,
  .product-option-container .product-options-price .price-text,
  .product-option-container h6.product-price.price,
  .product-option-container h6.product-price .price-text {
    white-space: nowrap !important;
  }

  /* 4) Utvid hele produktområdet til kant (fjern Foundation-gutter) */
  .product-card.columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* sikkerhetsnett for varianter */
  .content-container .row .product-card {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* ikke la tabs ha side-marginer */
  .product-card-tabs,
  .product-card-tabs .accordion {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .small-12.columns.medium-9.product-card {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .small-7.large-6.columns.product-options-label {
	  padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .row.collapse.product-option-container.no-acc {
	  gap: 0 !important;
	}
  
}


/* =========================================
   MOBIL PATCH
   1) Mindre qty-input (35px, 0 padding)
   2) Mindre typografi inne i accordion
   3) Checkbox + tekst på samme linje (ikke egen linje)
   + konsolidert kant-til-kant-padding-fix
   ========================================= */
@media (max-width: 600px) {

  /* --- 0) Kant-til-kant på produktkortet (din variant, litt bredere dekket) --- */
  .small-12.columns.medium-9.product-card,
  .content-container .row .product-card.columns,
  .product-card.columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .product-card-tabs,
  .product-card-tabs .accordion {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Fjern “gutter” i selve radene for alternativer */
  .row.collapse.product-option-container.no-acc {
    gap: 0 !important;
  }
  .small-7.large-6.columns.product-options-label {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- 1) Qty-input: kompakt 35px og 0 padding --- */
  .product-option-qty-container .qty-input,
  .product-option-qty .qty-input {
    width: 35px !important;
    max-width: 35px !important;
    min-width: 35px !important;
    height: 26px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: .85rem !important;
    line-height: 26px !important;
  }

  /* --- 2) Mindre typografi inne i accordion --- */
  .product-card-tabs .accordion-content,
  .product-option-group-items .product-option-container,
  .product-option-container .product-options-label label,
  .product-options-desc {
    font-size: .86rem !important;
    line-height: 1.3 !important;
  }
  /* Pris-tall litt mindre også */
  .product-option-container .product-options-price,
  .product-option-container .product-options-price .price-text,
  .product-option-container h6.product-price,
  .product-option-container h6.product-price .price-text {
    font-size: .9rem !important;
  }

  /* --- 3) Checkbox + tekst på samme linje --- */

  /* a) Noen rader har to <a> i label (første rundt bildet, andre rundt tekst).
        Vi skjuler BARE første <a> helt, så det ikke “tar en linje”. */
  .product-option-container .product-options-label label > a:first-of-type {
    display: none !important;     /* skjuler bildelink-ankeret fullstendig */
  }

  /* b) Sett opp label som 2-kol grid: input | tekst */
  .product-option-container .product-options-label label {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 6px;
    margin: 0 !important;
  }
  /* input-holder (radio/checkbox) i første kolonne */
  .product-option-container .product-options-label label .product-options-input {
    grid-column: 1;
    display: inline-flex; align-items: center; justify-content: center;
  }
  /* Teksten i andre kolonne – clamp til 2 linjer */
  .product-option-container .product-options-label label > a:last-of-type,
  .product-option-container .product-options-label label { /* fallback når det ikke er <a> */
    grid-column: 2;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* c) Fallback for rader uten <a> (ren tekst i label):
        sørg for at selve tekstnoden kan wrappe på to linjer */
  .product-option-container .product-options-label label > span,
  .product-option-container .product-options-label label > strong {
    grid-column: 2;
  }
}









/* =============================================================================================================================
					PRODUCT PACKAGES
   ============================================================================================================================= */


/* =========================
   PAKKE-ACCORDION – felles
   ========================= */

/* Skjul +/-/qty i pakken */
.accordion-content.CONTAINED .product-card-contained .buy-quantity-container{
  display: none !important;
}

/* Juster “mål” for knapp/kolonne én gang her */
:root{
  --pack-buy-col: 72px;   /* reservert bredde for kjøpsknapp-kolonnen */
  --pack-gap: 16px;
  --pack-btn-nudge-y: -12px;  /* finjustering hvis knapp ser 1–2px lav ut */
}

/* Rad-layout: bilde | innhold | (ledig) | kjøp */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row{
  display: grid;
  grid-template-columns: auto 1fr 0 var(--pack-buy-col);
  column-gap: var(--pack-gap);
  align-items: center;                     /* midtstill alt vertikalt */
  position: relative;
}

/* Hold av kjøpskolonnen selv når kjøpsknapp/form mangler */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row::after{
  content: "";
  grid-column: 4;                          /* reserver kolonnen */
}

/* Bilde */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__img-wrapper{
  grid-column: 1;
  justify-self: start;
}

/* Innhold som sub-grid: tekst | pris */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__content-wrapper{
  grid-column: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr max-content;  /* tittel/tekst | pris */
  column-gap: var(--pack-gap);
  align-items: center;                     /* <- pris midtstilles mot knapp */
}

/* Tekstfeltene kan klippes, så pris/knapp ikke hopper */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row
  .product-list__title,
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row
  .product-list__description,
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row
  .product-list__partnumber{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Pris: legg den i innholdets høyre sub-kolonne og midtstill den */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__price{
  grid-column: 2;                /* (sub-grid kolonnen) */
  display: flex;
  align-items: center;           /* <- vertikal midtstilling */
  justify-content: flex-end;
  white-space: nowrap;
}

/* Kjøpsknapp i kolonne 4, og fin “nudge” hvis øyet vil ha 1–2px opp */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row form.buy-form{
  grid-column: 4;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end;
}
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__buy-wrapper{
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row .buy-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;                 /* match qty-høyde vi bruker andre steder */
  padding: 0 14px;
  margin: 0 !important;
  transform: translateY(var(--pack-btn-nudge-y));  /* <- finjuster 0 / -1 / -2px */
}

/* Dersom pris er “tom” (ikke vises), behold sub-grid likevel */
.accordion-content.CONTAINED .product-card-contained > li.prodlist-row
  .prodlist-row__content-wrapper:has(.prodlist-row__price .price .price-text:empty) .prodlist-row__price{
  visibility: hidden;  /* tar ingen visuell plass, men bevarer linjehøyde/align */
}

/* Respons: når plassen blir smal, la pris/knapp gå på linje 2 men fortsatt høyre */
@media (max-width: 980px){
  .accordion-content.CONTAINED .product-card-contained > li.prodlist-row{
    grid-template-columns: auto 1fr var(--pack-buy-col); /* dropp kolonne 3 */
    row-gap: 8px;
  }
  .accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__content-wrapper{
    grid-template-columns: 1fr;  /* pris flytter da ned (se neste regler) */
  }
  .accordion-content.CONTAINED .product-card-contained > li.prodlist-row .prodlist-row__price{
    grid-column: 1;
    justify-content: flex-start;
  }
  .accordion-content.CONTAINED .product-card-contained > li.prodlist-row form.buy-form{
    grid-column: 3; justify-self: end;
  }
}

/* PAKKE-ACCORDION: Skjul sammenlign-ikonet (vekta) */
.accordion-content.CONTAINED .product-card-contained .product__compare{
  display: none !important;
}

/* Hvis prodinfo-bolken kun inneholdt sammenlign (nå skjult), skjul hele raden */
.accordion-content.CONTAINED .product-card-contained .prodlist-row__prodinfo:has(.product__compare):not(:has(.product__stock)){
  display: none !important;
}

/* (valgfritt) litt tightere spacing når bare lagerstatus vises */
.accordion-content.CONTAINED .product-card-contained .prodlist-row__prodinfo .product__stock{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}







/* =============================================================================================================================
					PRODUCT LISTS
   ============================================================================================================================= */

/* Filters */

.product-list-filters label {
    color: #0f1237;
}
.product-list-filters h5 {
    font-weight: 700;
    margin-bottom: 25px;
    color: #263379!important;
    font-family: 'Raleway', sans-serif;
}

a.button.product-list-category-button {
	background-color: #FA344C;
	color: #fff;
	}


a.button.product-list-category-button:hover {
background-color: #011278;
color: #fff;
}

.product-list-category-selected > .product-list-category-button {
background-color: #011278 !important;
color: white !important;
}

.product-list-category-button {
transition: background-color 0.2s ease, color 0.2s ease;
}

/* Remove manufacturer in product lists 
span.prodlist__manufacturer {
    color: #FA344C;
	display: none !important;
}*/
.pagination .current {
    background-color: #263379;
	border-radius:5px;
}
a.product-list__title-link {
	color: #1B1C1E!important;
	font-family: 'Raleway', sans-serif;
}

.product-list-container .prodlist-row__content-wrapper {
  flex: 0 0 500px !important;
  max-width: 500px !important;
  max-height: 75px !important;
  padding-left: 10px;
}

.product-list-container .prodlist-row__content-wrapper .product-list__details {
  padding-top: 0px !important;
  margin: 0px !important;
}


/* Begrens bredden på kjøpsområdet */
.product-list-container .buy-form {
  width: 200px !important;
  padding-left: 20px;
}

/* Kjøpswrapper: én linje */
.product-list-container .prodlist-row__buy-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

/* Bilde max størrelse */
.prodlist-row__img-wrapper {
  width: 150px;
  height: 120px;
  display: block;
  overflow: hidden;
  text-align: center; /* sentrerer inline-block-elementer */
}

.prodlist-row__img-wrapper img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: inline-block;
}

/* Kjøpsknapp */
.product-list-container .buy-button {
  height: 40px !important;
  width: 60px !important;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-list-container .prodlist-row {
  display: flex;
  align-items: center;
  height: 100%; /* sørg for at raden tar full høyde */
}

.product-list-container .buy-form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* fyll høyden til raden */
}

@media (min-width: 640px) {
    .product-list-category-button, .product-list-category-button:focus, .product-list-category-button:hover {
        float: none;
        width: 90%;
        white-space: normal;
    }
}

.product-list-categories .product-list-category-selected .product-list-category-button {
	color: #ffffff;
}
.product-list-categories .product-list-category-selected .product-list-category-selected {
	color: #ffffff;
}

.prodlist-row__price {
  height: 75px;
  display: flex !important;
  align-items: center !important;
  justify-content: right !important; /* valgfritt: midtstiller også horisontalt */
}

.prodlist-row__price .product-price.price .price-text {
  color: #011278;
  font-size: 1.1rem !important;
  line-height: 1;
}

.prodlist-row__price .product-price.price {
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	height: 100%;
}

.product-card-image img {
  max-height: 250px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: inline-block;
}


@media (max-width: 767.98px) {
  /* Kjøpsknapp + antall på produktlister */
  .buy-form-container fieldset {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .buy-button {
    width: 100% !important;
    margin-top: 0.5rem;
    text-align: center;
  }

  /* Bildejustering i produktlister */
  .prodlist-row__img-wrapper {
    width: 100%;
    height: auto;
    text-align: center;
  }

  .prodlist-row__img-wrapper img {
    max-height: 150px;
  }

  /* Produktinfo/tekst i lister */
  .product-list-container .prodlist-row__content-wrapper {
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
  
  /* Produktpris i produktlister */
  .prodlist-row__price {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    height: auto;
    margin-top: 0.5rem;
  }

/* === Mobil: skjul HELE antallsvelgeren i produktlister === */
  /* Treff alle kjente containere/varianter */
  .product-list-container .buy-form .buy-quantity-container,
  .buy-form-container .buy-quantity-container,
  .prodlist-row__buy-wrapper .buy-quantity-container,
  .buy-quantity-container {
    display: none !important;
  }

  /* Fallback: skjul enkelt-delene hvis markupen avviker */
  .prodlist-row__buy-wrapper .qty-btn,
  .prodlist-row__buy-wrapper .buy-quantity__input {
    display: none !important;
  }

  /* Rydd spacing når qty er borte */
  .prodlist-row__buy-wrapper {
    gap: 8px !important;
  }

  /* Sørg for at kjøpsknappen står pent alene */
  .prodlist-row__buy-wrapper .buy-button {
    margin-left: 0 !important;
    min-width: 56px;
  }

  /* Hvis wrapperen var satt opp for to kolonner: la kjøpsområdet krympe fint */
  .product-list-container .buy-form {
    width: auto !important;
    padding-left: 0 !important;
  }

  /* overstyr tidligere width:100% */
  .prodlist-row__img-wrapper {
    width: 96px !important;         /* ~50% av nåværende følelse */
    height: 96px !important;
    flex: 0 0 96px !important;
    text-align: center !important;
  }
  .prodlist-row__img-wrapper img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
  }

  /* teksten får puste – ikke lås max-width */
  .product-list-container .prodlist-row__content-wrapper {
    flex: 1 1 auto !important;
    max-width: none !important;
    padding-left: 10px !important;
    max-height: none !important;      /* opphev 75px-låsen på mobil */
  }

  /* pris under tittel/tekst, venstrejustert */
  .prodlist-row__price {
    justify-content: flex-start !important;
    height: auto !important;
    margin-top: 4px !important;
  }

  /* kjøpsområdet kan krympe når qty er skjult */
  .product-list-container .buy-form {
    width: auto !important;
    padding-left: 0 !important;
  }

  /* Kolonnestakk i riktig rekkefølge */
  .product-list-container .prodlist-row__content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    max-width: none !important;   /* opphev tidligere låser */
    max-height: none !important;
  }

  /* 1) Tittel + beskrivelse-blokken først */
  .product-list-container .prodlist-row__content-wrapper .product-list__details {
    order: 1 !important;
  }

  /* 2) Pris under detaljene */
  .product-list-container .prodlist-row__price {
    order: 2 !important;
    justify-content: flex-start !important;
    margin: 6px 0 2px !important;
    height: auto !important;
  }

  /* 3) Lagerstatus til slutt, under pris */
  .product-list-container .prodlist-row__prodinfo {
    order: 3 !important;
    margin-top: 0 !important;
  }

  /* Skjul sammenlign-ikon på mobil (valgfritt) */
  .product-list-container .prodlist-row__prodinfo .product__compare {
    display: none !important;
  }

  /* Typografi/stil: tittel fet, beskrivelse tydelig */
  .product-list-container .product-list__title .prodlist__label {
    display: block !important;
    font-weight: 700 !important;           /* fet tittel */
  }
  .product-list-container .product-list__description {
    display: block !important;
    margin-top: 2px !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    color: #1B1C1E !important;
    white-space: normal !important;        /* unngå elipsis her */
  }

  /* Lagerstatus på én linje, litt mindre */
  .product-list-container .prodlist-row__prodinfo .product__stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.85rem !important;
    color: #1B1C1E !important;
  }
  .product-list-container .prodlist-row__prodinfo .product__stock i {
    font-size: 0.9rem !important;
    color: inherit !important;
  }

  /* Rekkefølge i produktlisten (tittel → beskrivelse → pris → lagerstatus) */
  .product-list-container .prodlist-row__content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .product-list-container .prodlist-row__content-wrapper .product-list__details { order: 1 !important; }
  .product-list-container .prodlist-row__price {
    order: 2 !important;
    justify-content: flex-start !important;
    margin: 6px 0 2px !important;
    height: auto !important;
  }
  .product-list-container .prodlist-row__prodinfo { order: 3 !important; margin-top: 0 !important; }

  /* Skjul sammenligningsikon KUN i lister */
  .product-list-container .prodlist-row__prodinfo .product__compare { display: none !important; }

  /* Typografi i lister */
  .product-list-container .product-list__title .prodlist__label {
    display: block !important;
    font-weight: 700 !important; /* fet tittel */
	color: #011278 !important;
  }
  
  .product-list-container .product-list__description {
    display: block !important;
    margin-top: 2px !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    color: #1B1C1E !important;
    white-space: normal !important;
  }

  /* === KUN i produktlister: vis og style lagerstatus === */
  .product-list-container .prodlist-row__prodinfo .product__stock,
  .product-list-container .prodlist-row__prodinfo .product__stock--info {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }
  .product-list-container .prodlist-row__prodinfo .product__stock-label,
  .product-list-container .prodlist-row__prodinfo .product__stock-count {
    display: inline !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
  }
  .product-list-container .prodlist-row__prodinfo .product__stock i {
    font-size: 0.95rem; line-height: 1;
  }
  /* Farger (juster ved behov) */
  .product-list-container .prodlist-row__prodinfo .product__stock--in-stock i.fa-check-circle,
  .product-list-container .prodlist-row__prodinfo .product__stock--in-stock .product__stock-label {
    color: #1bb25a !important;
  }
  .product-list-container .prodlist-row__prodinfo .product__stock--no-stock i.fa-times-circle,
  .product-list-container .prodlist-row__prodinfo .product__stock--no-stock .product__stock-label {
    color: #FA344C !important;
  }

  /* Beskrivelse: maks 2 linjer, ellipsis, ikke kutt midt i ord */
  .product-list-container .product-list__description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;   /* <- 2 linjer */
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    white-space: normal !important;      /* bryt kun på mellomrom */
    word-break: normal !important;
    overflow-wrap: anywhere;             /* bryt lange ord/URLer hvis nødvendig */
    hyphens: auto;                       /* valgfritt: mykere orddeling */
  }

/* === Mobil: gi beskrivelsen plass (2 linjer), stram pris+lagerstatus === */

  /* 1) Fjern desktop-låsinger og luft */
  .product-list-container .prodlist-row__price,
  .product-list-container .prodlist-row__prodinfo {
    height: auto !important;
    padding: 0 !important;
    margin: 2px 0 0 !important;     /* liten, jevn luft */
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .product-list-container .prodlist-row__price > *,
  .product-list-container .prodlist-row__prodinfo > * {
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-list-container h6.product-price.price {
    margin: 0 !important;
	margin-top: 4px !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }
  .product-list-container .prodlist-row__content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 4px !important;        /* kontrollert vertikal rytme */
    max-height: none !important;
  }
  .product-list-container .product-list__title { margin: 0 0 2px !important; }
  .product-list-container .product-list__details { margin: 0 !important; }

  /* (Valgfritt) skjul artikkelnummer for mer plass på mobil */
  /* .product-list-container .product-list__partnumber { display:none !important; } */

  /* 2) Beskrivelse = maks 2 linjer, pen avkutting */
  .product-list-container .product-list__description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;   /* 2 linjer */
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.35 !important;
    margin-top: 2px !important;
  }

  /* 3) Lagerstatus under prisen (som før) */
  .product-list-container .prodlist-row__price { order: 2 !important; }
  .product-list-container .prodlist-row__prodinfo { order: 3 !important; }

  /* Hold lagerstatus kompakt på én linje */
  .product-list-container .prodlist-row__prodinfo .product__stock,
  .product-list-container .prodlist-row__prodinfo .product__stock--info {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }

  /* Sørg for at containeren gir fysisk plass til 2 linjer */
  .product-list-container .product-list__details {
    min-height: calc(1.5em * 2 + 7px) !important; /* 2 linjer + litt luft */
  }

  /* Justér også beskrivelsen så den får full plass og ikke klippes av foreldre */
  .product-list-container .product-list__description {
    line-height: 1.35 !important;
    max-height: calc(1.5em * 2) !important; /* fast høyde for 2 linjer */
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
  }

  /* Flytt kjøpsknappen litt ned for bedre vertikal plassering */
  .product-list-container .prodlist-row__buy-wrapper {
    margin-top: 55px !important; /* juster 6–12px etter behov */
  }
}



/* =============================================================================================================================
					ADMIN MENU & BOX (logged in as)
   ============================================================================================================================= */

/* Admin-menu */

.menu-bar-item.view-settings-menu-desktop > .menu-bar-item-label {
  font-size: 0; /* Skjul opprinnelig tekst */
  position: relative;
}

.menu-bar-item.view-settings-menu-desktop > .menu-bar-item-label::before {
  content: "Admin";
  font-size: 1rem; /* Juster til vanlig størrelse */
  font-style: italic;
  font-weight: bold;
  color: #FA344C;
  position: relative;
}


/* Vanlig visning (før scroll) */
body.is-admin .logged-in-info {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Boksen */
body.is-admin .logged-in-info-text {
  display: inline-flex;
  align-items: center;
  padding: 3px 6px;
  border: 2px solid #ef3b4c;
  border-radius: 5px;
  background-color: #fcf803;
  font-size: 1.1rem;
  font-weight: bold;
  color: #ef3b4c;
  gap: 6px;
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  text-align: center;
}

/* Sticky-container (skjult som standard) */
body.is-admin .logged-in-info-sticky {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 75px; /* header-høyde */
  width: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

/* Boksen inni sticky */
body.is-admin .logged-in-info-sticky .logged-in-info-text {
  pointer-events: auto;
  margin: 0 auto;
  background-color: #fcf803;
  border: 2px solid #ef3b4c;
  border-radius: 5px;
  padding: 3px 6px;
  display: inline-flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: bold;
  color: #ef3b4c;
  gap: 6px;
  white-space: normal;
  max-width: 90%;
  text-align: center;
}

/* Tekst og logg ut */
body.is-admin .logged-in-info-text__prefix {
  font-weight: normal;
  color: #333;
}
body.is-admin .logged-in-info-text__label {
  font-weight: bold;
  color: #ef3b4c;
}
body.is-admin .inline-logout {
  padding-left: 10px;
  color: #011278;
  font-style: italic;
  border-left: 1px solid #011278;
}
body.is-admin .inline-logout:hover {
  opacity: 0.75;
  text-decoration: underline;
}


/* Skjul søk når sticky */
body.is-admin.header-is-fixed .product-search {
  display: none !important;
}


/* Skjul sticky når vanlig */
body.is-admin .logged-in-info-sticky {
  display: none !important;
}

/* Skjul original når scrollet */
body.is-admin.header-is-fixed .logged-in-info {
  display: none !important;
}

/* Vis sticky når scrollet */
body.is-admin.header-is-fixed .logged-in-info-sticky {
  display: flex!important;
}

/* NÃ¥r admin er aktiv og "logget inn som"-boksen vises */
body.is-admin .row:has(.logged-in-info) {
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  min-height: unset !important; /* ikke tving høyde */
}

/* Reduser høyde på .row.header når admin er aktiv */
body.is-admin .row.header {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  max-height: 105px!important;
}
   
   
/* =============================================================================================================================
					CHECKOUT
   ============================================================================================================================= */

/* Produktformular i checkout (styres også av JavaScript) */

.basket-product-form {
  display: none;
}

.basket-product-form-headers {
  display: none;
}

[id^="product-form-modal-"] legend h4 {
  display: none;
}

[id^="product-form-modal-"] .close-button {
  display: none;
}

[id^="product-form-modal-"] .row-form {
  display: flex;
  flex-direction: column; /* Vertikal stabling */
  align-items: flex-start;
  gap: 0;
  border: none;
  margin-bottom: 0rem;
}

[id^="product-form-modal-"] .product-form-field {
  flex: 1;
  min-width: 0;
  padding-left: 2rem;
  width: 100%;
}

[id^="product-form-modal-"] .product-form-field label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  cursor: text;
}

[id^="product-form-modal-"] .product-form-field .input-label {
  display: block;
  margin-bottom: 0rem;
  white-space: nowrap;
}

[id^="product-form-modal-"] .product-form-field input[type="text"] {
  display: block;
  width: 500px;
  padding: 0.5rem;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1.4;
}

[id^="product-form-modal-"] .product-forms-save {
  padding: 0.5rem 1rem;
  white-space: nowrap;
  margin-left: 1rem;
  margin-top: 0rem;
  margin-bottom: 10px;
}

.product-forms input[required]:invalid {
  border: 2px solid red;
}

@media (max-width: 600px) {
/* Produktskjema i checkout */
  [id^="product-form-modal-"] .product-form-field input[type="text"] {
    width: 100%;
    max-width: 100%;
  }

  [id^="product-form-modal-"] .product-form-field {
    padding-left: 1rem;
  }

  [id^="product-form-modal-"] .product-forms-save {
    margin-left: 0;
    width: 100%;
  }
  
  /* Lagre-knapp i produktskjema */
  [id^="product-form-modal-"] .product-forms-save {
    margin-top: 1rem;
  }
}

/* --- Basket collapser --- */
.basket-collapser {
  position: relative;
  margin-top: .5rem;
}


.basket-collapser__bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  background: #fff;
}

html.dark .basket-collapser__bar { background: #111; border-color: #333; }

.basket-collapser__btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  padding: .5rem .75rem;
  border-radius: .375rem;
  background: #FA344C;
  color: #fff;
}

.basket-collapser__btn:hover {
	background-color: #011278;
	color: #fff;
}


.basket-items .basket-item--hidden { display: none !important; }


/*******************************
 *  BASKET – DESKTOP/TABLET
 *  (INGEN EFFEKT PÅ MOBIL < 641px)
 *******************************/
@media (min-width: 641px) {

  /* Høyde + spacing per produktlinje */
  .checkout .basket-item,
  .basket-item {
    border-bottom: 1px solid #CFD4DB !important;
    padding: 8px 0 !important;
    height: auto !important;       /* Ikke lås høyde */
    min-height: 110px;             /* Sikrer konsistent look */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Inner-row som skal ha luft fra kanten */
  .basket-product {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Venstre kolonne (produktinfo) */
  .small-12.medium-7.columns.basket-product-info {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 500px;
  }

  /* Høyre kolonne (pris + antall) */
  .small-12.medium-5.columns.basket-data {
    max-width: 360px;
    margin-left: auto;             /* Holder den til høyre */
  }
  
 
  /* Bildestørrelser */
  .basket-product-image {
    width: 100px !important;
    height: 100px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .basket-product-image img {
    max-height: 90px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* Produktbeskrivelse – 2 linjer max */
  .basket-product-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 26px; /* ~2 linjer */
    line-height: 16px;
  }
  
  /* Produktnavn – maks 1 linje */
.basket-product-label {
  display: -webkit-box;
  -webkit-line-clamp: 1;        /* Kutt etter 1 linje */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;          /* viktig for clamp */
  max-height: 18px;             /* ~1 linje */
  line-height: 18px;
}

  /* Fjern gammel bunnlinje på hele blokka */
  .basket-items {
    border-bottom: none !important;
    padding-top: 0;
    margin-top: 0.5rem;
  }

  /* Total-linjer (Bring, Sum ekskl., MVA, Sum inkl.) */
  .basket-totals-list li {
    display: flex;
    align-items: baseline;
    font-size: 0.95rem;
    margin-right: 30px;
    margin-left: 20px;
  }

  .basket-totals-separator {
    flex: 1;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 10px;
  }

  /* MVA + Sum inkl. mva diskret */
  .basket-row-vat .basket-totals-label,
  .basket-row-vat .basket-totals-value,
  .basket-row-pay .basket-totals-label,
  .basket-row-pay .basket-totals-value,
  .basket-row-pay-row .basket-totals-label,
  .basket-row-pay-row .basket-totals-value {
    font-size: 0.8rem;
    opacity: 0.7;
    font-style: italic;
  }

  /*******************************
   *  PRISKOLONNER /MND + ENGANG
   *******************************/
  /* Pris-kolonner: bare høyrejuster, la Netset styre bredden */
.basket-price {
  text-align: right;
}

/* Hold tall + /mnd på én linje */
.basket-price span {
  white-space: nowrap;
}



/* Kun lange månedpriser (merkes via JS) */
.basket-price span[data-monthly="1"].monthly-long {
  font-size: 0.9rem;         /* litt mindre tekst */
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-4px);   /* finjuster -3 / -5 etter smak */
}



  /************************************
   *  RESPONSIVT – 641px–1200px
   ************************************/
  @media (min-width: 641px) and (max-width: 1200px) {

    .small-12.medium-7.columns.basket-product-info,
    .small-12.medium-5.columns.basket-data {
      max-width: 100% !important;
    }

    .small-12.medium-5.columns.basket-data {
      margin-left: 0 !important;
      margin-top: 10px;
    }

    .checkout .basket-item,
    .basket-item {
      padding: 5px 0 !important;
    }
  }

  /************************************
   *  RESPONSIVT – 641px–800px
   *  (smale laptop / små tablets)
   ************************************/
  @media (min-width: 641px) and (max-width: 800px) {

    .basket-product-image {
      width: 80px !important;
      height: 80px !important;
    }

    .basket-product-image img {
      max-height: 70px !important;
    }

    .basket-product-description {
      -webkit-line-clamp: 1;
      max-height: 18px;
    }
  }
}








/* =============================================================================================================================
					CUSTOM LOGIN FORM
   ============================================================================================================================= */
.login-form {
	max-width: 600px;
}

.forgot-password-form {
	max-width: 600px;
}

/* === LOGIN POPUP CLEANED & CENTERED === */

/* Skjul original login-form med mindre popup er åpen */
body:not(.login-overlay-open) .login-container {
  display: none !important;
}

/* Overlay som dekker hele skjermen */
#customLoginOverlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Panelet (popup-boksen) */
.custom-login-panel {
  background: white;
  padding: 2rem;
  border-radius: 8px;
  max-width: 480px;
  width: 90%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  position: relative;
  box-sizing: border-box;
  text-align: center;
}

/* Lukke-knappen */
.custom-login-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: #333;
}

/* Brekk Netset sin styling for login-container */
#customLoginOverlay .login-container {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
  display: block !important;
  box-sizing: border-box;
}

/* Midtstill inputs med container-bredde */
#customLoginOverlay .login-form,
#customLoginOverlay form#loginform {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}

#customLoginOverlay .login-form label {
  width: 100%;
  max-width: 320px;
}

#customLoginOverlay input[type="text"],
#customLoginOverlay input[type="password"],
#customLoginOverlay input[type="email"],
#customLoginOverlay select {
  width: 100%;
  max-width: 320px;
  padding: 0.6rem 0.75rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Labels */
#customLoginOverlay label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-align: left;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

/* Knapper */
#customLoginOverlay .login-form-button,
#customLoginOverlay .login-form-forgot-password,
#customLoginOverlay .login-form-register,
#customLoginOverlay .login-form-sso-activation {
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}

/* Farger på knapper */
#customLoginOverlay .login-form-forgot-password,
#customLoginOverlay .login-form-register {
  background: #ef3b4c;
  color: white;
}

/* Når login knappen er deaktivert (før input) */
#customLoginOverlay .login-form-button:disabled,
#customLoginOverlay .login-form-button.element-disabled {
  background: #ef3b4c;
  color: white;
  cursor: not-allowed;
}

/* NÃ¥r login knappen er aktiv (etter gyldig input) */
#customLoginOverlay .login-form-button:not(:disabled):not(.element-disabled) {
  background: #ef3b4c;
  color: white;
  cursor: pointer;
}

/* Introtekst over skjema */
#customLoginOverlay .login-intro-text p {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4;
}

/* Hjelpetekst under skjema */
#customLoginOverlay .login-help-text p {
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4;
  font-style: italic;
}

#customLoginOverlay .login-form-register {
	display: none !important;
}


/* === ENSARTET KNAPPESTIL KUN INNE I LOGIN-OVERLAY === */
#customLoginOverlay button:not(.custom-login-close),
#customLoginOverlay .button,
#customLoginOverlay .login-form-button,
#customLoginOverlay .login-form-forgot-password,
#customLoginOverlay .login-form-register,
#customLoginOverlay .login-form-sso-activation,
#customLoginOverlay .forgot-password-send,
#customLoginOverlay .forgot-password-cancel {
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  margin: 0.5rem 0.25rem;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: #ef3b4c !important;
  color: #fff !important;
  transition: background-color .2s ease, color .2s ease;
}

/* Disabled login-knapp fortsatt rød, men “ikke-klikkbar” */
#customLoginOverlay .login-form-button:disabled,
#customLoginOverlay .login-form-button.element-disabled {
  background: #ef3b4c !important;
  color: #fff !important;
  cursor: not-allowed;
}

/* Hover for alle knapper i overlay */
#customLoginOverlay button:not(.custom-login-close):hover,
#customLoginOverlay .button:hover,
#customLoginOverlay .login-form-button:hover,
#customLoginOverlay .login-form-forgot-password:hover,
#customLoginOverlay .login-form-register:hover,
#customLoginOverlay .login-form-sso-activation:hover,
#customLoginOverlay .forgot-password-send:hover,
#customLoginOverlay .forgot-password-cancel:hover {
  background-color: #011278 !important;
  color: #fff !important;
}




/* =============================================================================================================================
					DIV
   ============================================================================================================================= */
   
li.menu-bar-desktop-categories-menu-item.active a {
    color: #fff;
}


/* Skjul underprodukter merket av scriptet */
.order-history .basket-items .product-with-stock.bundle-child {
  display: none !important;
}


button[data-cc="c-settings"] {
  display: none !important;
}



/* =============================================================================================================================
					TEST TEST TEST TEST 
   ============================================================================================================================= */



/* Gjør selve pris-taggen til en kolonne-container */
.product-card-prices-list .product-price.price {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px !important;
}

/* Selve "ex. moms"-teksten */
.product-card-prices-list .price-ex-moms {
  font-size: 0.8em;
  color: black;
  line-height: 1.0;
  margin-top: 1px;
}






/* =============================================================================================================================
					Onepagere/CMS-sider 
   ============================================================================================================================= */



/* Wrapper */
.rema-onepager {
  max-width: 1100px;
  margin: 0 auto 40px auto;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

/* Kolonnelayout */
.rema-onepager__columns {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.rema-onepager__column {
  flex: 1 1 420px;
  min-width: 280px;
}

/* Overskrifter / linker */
.rema-onepager__title {
  margin-top: 0;
  margin-bottom: 1rem;
}

.rema-onepager a.rema-onepager__link {
  color: #0053a0;           /* juster til Onitio/REMA-farge */
  text-decoration: underline;
}

.rema-onepager a.rema-onepager__link:hover {
  text-decoration: none;
}

/* Felles gradientboks-stil */
.rema-onepager__gradient-box {
  background: linear-gradient(135deg, #91235A, #011278);
  color: #ffffff;
  padding: 22px 24px;
  border-radius: 14px;
  margin-top: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.rema-onepager__gradient-box h3,
.rema-onepager__gradient-box p,
.rema-onepager__gradient-box strong,
.rema-onepager__gradient-box a {
  color: #ffffff !important;
}

/* For kontaktinfo i boksen */
.rema-onepager__gradient-box a:hover {
  text-decoration: underline;
}


.rema-onepager__footer-link {
  margin-top: 20px;
}

/* Responsiv tilpasning */
@media (max-width: 768px) {
  .rema-onepager {
    padding: 0 10px;
  }

  .rema-onepager__columns {
    gap: 24px;
  }

  .rema-onepager__column {
    flex: 1 1 100%;
  }
}









/* -----------------------------------------
   PUBLIC FRONT PAGE
----------------------------------------- */
.pfp-page-container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* Banner 

.pfp-banner-row {
  margin-top: 20px;
}

.pfp-banner-row img {
  border-radius: 10px;
}*/

.pfp-banner-row {
  margin-top: 20px;
}

/* Selve "kortet" */
.pfp-banner {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
  padding: 28px 40px;
  box-sizing: border-box;
  width: 1200px;
  height: 200px;

  /* base-gradient: lilla -> rød */
  background: linear-gradient(
    50deg,
    /*#D8132A 25%,*/
    #011278 25%,
    rgba(105, 32, 102, 1) 60%
  );
}

/* Blå skråflate oppå */
.pfp-banner::before {
  content: "";
  position: absolute;
  top: -20%;    /* flytt opp/ned */
  right: -30%;  /* flytt mer inn/ut av høyresiden */
  width: 70%;   /* hvor bred den skal være */
  height: 160%; /* hvor høy den skal være */
  /*background: #011278;*/
  background: linear-gradient(
    70deg,
    rgba(105, 32, 102, 1) 8%,
    /*rgba(1, 18, 120, 1) 20%*/
    /*#D8132A 20%*/
    #EC1930 20%
    
  );
  transform: skewX(-60deg); /* hvor skrå */
  opacity: 0.90;
}

.pfp-banner-title {
  margin: 0;
  margin-top: 10px;
  font-family: 'N27-Onitio', system-ui, sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.15;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Alt innhold over gradient/::before */
.pfp-banner-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
}

/* Venstre side – hovedtittel */
.pfp-banner-left {
  max-width: 55%;
}

.pfp-banner-tagline {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.05em;
}

/* Høyre side – tagline (står igjen i rødt felt) */
.pfp-banner-right {
  max-width: 35%;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  margin-top: 0px;
}

/* Knapp + URL – flyttet inn i blå skråflate */
.pfp-banner-button {
  position: absolute;
  right: 15px;   /* juster horisontalt inn på blåflata */
  bottom: -12px;  /* juster vertikalt */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  z-index: 2;    /* over blå ::before */
}

.pfp-banner-cta {
  border: none;
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
  padding: 7px 15px;
  font-weight: 700;
  font-size: 1.3rem;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  font-family: 'N27-Onitio', system-ui, sans-serif;
}

.pfp-banner-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

/* URL under knappen */
.pfp-banner-url--right {
  font-size: 1.05rem;
}

.pfp-banner-link {
  display: block;
  text-decoration: none;
  color: inherit;
}


/* Enkel responsiv tilpassing */
@media (max-width: 992px) {
  .pfp-banner-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .pfp-banner-left,
  .pfp-banner-right {
    max-width: 100%;
  }

  .pfp-banner-right {
    text-align: left;
    align-items: flex-start;
  }

  /* På små skjermer: la knappen bli "normal" under teksten */
  .pfp-banner-button {
    position: static;
    align-items: flex-start;
    margin-top: 12px;
  }

  .pfp-banner-url--right {
    text-align: left;
  }
}




/* Knapperad */

.pfp-buttons-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 35px 0 0;
  flex-wrap: wrap;
}

.pfp-btn {
  margin: 0;
  border: 0;
  border-radius: 8px;
  min-width: 250px;
  min-height: 80px;
  padding: 10px 24px;

  background-color: rgb(1, 18, 120);
  background-image: linear-gradient(
    130deg,
    #011278 40%,
    #EC1930 95%
    
  );
  background-size: 100% 100%;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 5px 0 black;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.pfp-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}

.pfp-btn-label {
  font-family: 'N27-Onitio', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 1.9rem !important;
  line-height: 1.1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

/* CSS-trekant som pil ned */
.pfp-btn-label::after {
  content: "";
  display: block;
  margin-top: 6px;

  /* justér størrelsene etter smak */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #ffffff; /* fargen på pila */
}

/* 2-kolonne seksjon: karusell + sideinnhold */

.pfp-media-row {
  display: flex;
  gap: 20px;              /* 20 px gap mellom 590 + 590 = 1200 */
  align-items: flex-start;
  margin-top: 40px;
}

.pfp-media-left,
.pfp-media-right {
  flex: 0 0 590px;        /* 590 | 20 | 590 = 1200 px */
}

/* Karusell */

.pfp-carousel {
  margin-top: 0;
  overflow: hidden;
}

.pfp-carousel-track {
  position: relative;
  height: 350px;
}

.pfp-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 590px;
  height: 350px;
  border-radius: 10px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.pfp-slide.is-active {
  opacity: 1;
}

/* Sidebilde / sideinnhold */

.pfp-side-image {
  width: 590px;
  height: 350px;
  object-fit: cover;
  border-radius: 10px;
  
}

.pfp-side-text {
  font-size: 3.3rem;
  color: black;
  text-align: center;
  font-family: 'N27-Onitio', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-top: 50px;
}


/* Raden med to kolonner (hvis ikke du har dette fra før) */
.pfp-two-col-row {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

/* Grunnblokk – 590 x 350 */
.pfp-two-col-block {
  flex: 0 0 590px;
  height: 350px;
  border-radius: 10px;
  border: 1px solid rgba(27, 28, 30, 0.2);
  padding: 10px;
  box-sizing: border-box;
  font-size: 0.9rem;
}

/* Høyre blokk: sentrer innholdet */
.pfp-two-col-block-right {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  border-radius: 10px; 
}

/* Videoramme – maks 590x350, fyller høyden */
.pfp-video-wrapper {
  width: 100%;
  max-width: 590px;
  height: 350px;
  border-radius: 10px; 
}

/* Mux-player: fyll ramma, ingen kontroller, ingen interaksjon */
#pfp-hero-video {
  width: 100%;
  height: 100%;
  --media-object-fit: cover;
  --media-object-position: center;
  pointer-events: none; /* gjør at ingen kan trykke pause osv */
}






/* Ny seksjon: 3 blokker nederst, 350 px høyde */

/* Rad med 2 store blokker */
.pfp-three-col-row {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

/* Selve blokkene */
.pfp-three-col-block {
  flex: 1;
  height: 350px;
  border-radius: 10px;
  border: 1px solid rgba(27, 28, 30, 0.2);
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* gjør at tekst holder seg øverst */
  gap: 20px;
}

/* Container for logoene */
.pfp-logo-row {
  display: flex;
  flex-wrap: wrap;      /* <- NØKKELEN! */
  gap: 10px;            /* mellomrom mellom logoer */
}

/* Alle logoer */
.pfp-logo-row img {
  max-height: 80px;     /* justér som du vil */
  max-width: 120px;
  object-fit: contain;
  display: block;
}








/* Modal / popup */

.pfp_panels {
  display: none; /* skjult, brukes som "template" for modalinnhold */
}

.pfp-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.pfp-modal-overlay.is-open {
  display: flex;
}

.pfp-modal-dialog {
  background: #ffffff;
  max-width: 800px;
  width: 90%;
  max-height: 90vh;
  border-radius: 10px;
  position: relative;
  padding: 24px 24px 16px;
  box-sizing: border-box;
  overflow: auto;
}

.pfp-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.pfp-modal-content h2 {
  margin-top: 0;
}

.pfp-embed-frame {
  width: 100%;
  height: 1000px;
  border: none;
  border-radius: 8px;
  margin-top: 8px;
}

.pfp-embed-note {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 8px;
}




/* Responsivt (enkelt) */

@media (max-width: 992px) {
  .page-container {
    padding: 0 1.25rem;
  }

  .pfp-media-row,
  .pfp-two-col-row,
  .pfp-three-col-row {
    flex-direction: column;
  }

  .pfp-media-left,
  .pfp-media-right,
  .pfp-two-col-block,
  .pfp-three-col-block {
    flex: 1 1 auto;
    width: 100%;
  }

  .pfp-slide,
  .pfp-side-image,
  .pfp-two-col-block > img {
    width: 100%;
  }

  .pfp-btn-label {
    font-size: 28px;
  }

  .pfp-btn {
    min-width: 220px;
  }
}

@media (max-width: 600px) {
  .page-container {
    padding: 0 1rem;
  }

  .pfp-btn-label {
    font-size: 22px;
  }

  .pfp-btn {
    min-width: 200px;
    min-height: 70px;
  }
}