/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.testblad {
  width: min(100%, 1100px);

  transform: translateX(-50%);
  background: #fff;
  border-radius: 0;

  z-index: -1;
}
/*Legger til grå bakgrunn filter på produktbilde*/
body.single-product .product-images .woocommerce-product-gallery__image img,
body.single-product .product-images .slide img {
  filter: brightness(0.96);
}
/*Skjuler original filter-knapp på butikkside (mobil)*/
.category-filtering {
display:none!important;
}
.shop-container .ajaxcat-title {
margin-top:20px!important;
}
.brand-wrap {
margin-bottom: 20px; 
display: flex; 
justify-content: center; 
background:#f5f5f5;
  border-radius: 5px;
  padding: 0px;
}
.brand-picture {
filter: brightness(0.96);
}

.woo-variation-swatches-variable-item-more {
margin-left:10px!important;
padding-top:12px;
}
@media (min-width: 1720px) {
.produkttext {
padding-left:50px;
}
.produkt-gallerik {
padding-left:125px;
}
}

.opta-responsive-hero {
  display: block;
  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  overflow: hidden;
  line-height: 0;
  padding: 0;
  background: #f5f5f5;
}

.opta-responsive-hero picture {
  display: block;
  width: 100%;
  line-height: 0;
}

.opta-responsive-hero img {
  display: block;

  width: 100%;
  max-width: 2550px;
  height: auto;

  margin: 0 auto;
}
/* Seksjonen rundt hero-bildet skal ikke ha egen høyde/padding */
.opta-hero-section,
.opta-hero-section .section-content,
.opta-hero-section .row,
.opta-hero-section .col,
.opta-hero-section .col-inner {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Fjerner eventuell linjehøyde-gap fra HTML/paragraph wrappers */
.opta-hero-section,
.opta-hero-section .ux-html,
.opta-hero-section p {
  line-height: 0 !important;
}

=========================================================
   Flatsome off-canvas drawer:
   transparent overlay, men hvit meny/handlekurv
   ========================================================= */

/* Overlay bak mobilmeny/handlekurv skal være transparent */
body.off-canvas-active .mfp-bg,
body.off-canvas-left .mfp-bg,
body.off-canvas-right .mfp-bg,
.mfp-bg.off-canvas-left,
.mfp-bg.off-canvas-right {
  background: transparent !important;
  opacity: 0 !important;
}

/* Selve drawer-panelet skal være hvitt */
.mfp-wrap.off-canvas .mfp-content,
.mfp-wrap.off-canvas-left .mfp-content,
.mfp-wrap.off-canvas-right .mfp-content,
.mfp-wrap.off-canvas-cart .mfp-content,
body.off-canvas-active .mfp-content {
  background: #fff !important;
}

/* Mobilmeny-innhold */
.mfp-wrap.off-canvas .mobile-sidebar,
.mfp-wrap.off-canvas-left .mobile-sidebar,
.mfp-wrap.off-canvas-right .mobile-sidebar,
.mobile-sidebar,
.mobile-sidebar .sidebar-menu,
.mobile-sidebar .nav-sidebar {
  background: #fff !important;
}

/* Handlekurv-drawer */
.mfp-wrap.off-canvas-cart .cart-popup-inner,
.mfp-wrap.off-canvas-cart .widget_shopping_cart,
.mfp-wrap.off-canvas-cart .widget_shopping_cart_content,
.mfp-wrap.off-canvas-cart .woocommerce-mini-cart,
.mfp-wrap.off-canvas-cart .cart_list {
  background: #fff !important;
}

/* Sørg for at drawer fyller høyden og ikke arver transparent bakgrunn */
.mfp-wrap.off-canvas .mfp-content,
.mfp-wrap.off-canvas-left .mfp-content,
.mfp-wrap.off-canvas-right .mfp-content,
.mfp-wrap.off-canvas-cart .mfp-content {
  min-height: 100vh;
}


/* =========================================================
   Login-popup:
   mørk overlay + hvit innloggingsboks
   ========================================================= */

body:has(#login-form-popup) .mfp-bg {
  background: rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
}

.mfp-wrap:has(#login-form-popup) .mfp-content {
  background: transparent !important;
  min-height: auto;
}

#login-form-popup.lightbox-content {
  background: #fff !important;
  border-radius: 14px;
  padding: 26px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

#login-form-popup .woocommerce,
#login-form-popup .account-container,
#login-form-popup .account-login-inner {
  background: #fff !important;
}

#login-form-popup .account-login-inner,
#login-form-popup .account-register-inner {
  padding: 26px !important;
}

@media (max-width: 849px) {
  #login-form-popup.lightbox-content {
    width: calc(100vw - 28px);
    max-width: 420px;
    margin: 0 auto;
    padding: 22px !important;
    border-radius: 12px;
  }
}
.widget_shopping_cart {
max-width: 450px;
}
/* /* /* =========================================================
   AJAXCAT – Title / Toolbar / Result count (REN & STABIL)
   ========================================================= */

/* Wrapper: kun så høy som innholdet */
.ajaxcat-title {
  margin: 0;
  padding: 0;
}

/* Breadcrumbs (original beholdes) */
.ajaxcat-breadcrumbs {
  margin-bottom: 0px;
}

/* Toolbar container */
.ajaxcat-toolbar {
margin-top:-10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
height:40px;
}

/* Mobil: Filter + Sorter */
.ajaxcat-toolbar-row {
  display: flex;
  gap: 10px;
}

/* ==============================
   Result count (CLS-sikker)
   ============================== */
.ajaxcat-result-count {
  display: flex;
  align-items: center;
  font-size: 14px;
padding-top:10px;
  white-space: nowrap;
}
/* Kun lett spacing der det faktisk trengs */
.ajaxcat-label {
  margin-right: 4px;
}

.ajaxcat-number {
  margin-right: 4px;
  font-weight: 400;  
} 
/* ==============================
   Desktop layout
   ============================== */
@media (min-width: 850px) {

  .ajaxcat-toolbar {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; /* 🔑 IKKE center */
  }

  .ajaxcat-result-count {
    order: 1;
  }

  .ajaxcat-toolbar-row {
    order: 2;
  }
 
}

/* Sørg for at produktgrid starter tett */
.shop-container .products {
  margin-top: 10px;      /* juster til 0–8px etter smak */
}
/* ==============================
   MOBIL – vis "Viser X produkter"
   ============================== */
@media (max-width: 849px) {

 .category-page-row {
margin-top:-24px;
}
/* Sørg for at produktgrid starter tett */
.shop-container .products {
  margin-top: 8px;      /* juster til 0–8px etter smak */
}
/* Toolbar blir én horisontal linje */
  .ajaxcat-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  /* Result count til venstre */
  .ajaxcat-result-count {
    order: 1;
    margin-top: 0;
padding-top:0;
  }

  /* Sorter til høyre */
  .ajaxcat-toolbar-row {
    order: 2;
    margin-bottom: 0;
  }

  /* Kun Sorter vises her – Filter er Flatsome sitt */
  .ajaxcat-sort-toggle {
    padding: 0;
    font-size: 14px;
    white-space: nowrap;
  }

}

/*AVSLUTNING AJAX*/

/*Justere Top Bar for mobil
@media only screen and (max-width: 600px) {
#top-bar {
background:#343a40!important;
}
#top-bar .nav .html {
color:#fff;
}
}*/
/* Strek under hovedmenyen*/
@media (min-width: 1192px) {
.header-bottom {
  position: relative; /* nødvendig for ::after */
}

.header-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px; /* juster avstand */
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e7e5e0;
  pointer-events: none;
}
}
@media (max-width: 850px) {
.header {
margin:0 auto;
box-shadow: 0 3px 4px rgba(220, 220, 220, 0.4);
}
}
/*Justeringer på produktkatalog*/
.out-of-stock-label {
display:none;
}
.shop-container .wp-subtitle,
.title-wrapper .wp-subtitle,
.price-wrapper .wp-subtitle  {
display:block;
font-size:13px;
line-height:1.2;
color:#333;
margin-top:-2px;
padding-bottom:5px;
}
.product-small .price,
.product-small .amount {
display:block;
padding-bottom:0px;
font-size:24px;
font-family:barlow-semi;
color:#222;
}
.shop-container .price-wrapper {
margin-top:0px;
}
/*justere bakgrunn på små produktbilder*/
.post-type-archive-product .box-image,
.tax-product_cat .box-image,
.box-image {
  filter: brightness(96%);
}
.hjem-box .badge-container {
padding-top:5px;
}
.hjem-box .prisb {
margin:0 auto;
}
.hjem-box .price {
padding-bottom:7px;
}
.callout-new-bg,
.new-bubble-auto {
font-size:14px;
font-weight:400;
}
/*Justere bakgrunn for Widgets produktside*/
.widgets-framed,
.widgets-boxed {
background:#fff;
border:0px solid #89bb3d!important;

}
.widgets-boxed .widget_custom_html {
background:#fff;
border:1px solid #f1f1f1!important;
padding: 5px 8px!important;
border-radius:10px;

}
/*Justere navigasjon margin venstre - høyre*/
#header .nav-left {
margin:0px 0px 0px 0px!important;
}
/*.header-bottom .nav-right {
width:103%!important;
}*/
/*.account-item .nav-top-not-logged-in {
font-size:12px !important;
color:#f7f7f7 !important;
}*/
@media only screen and (max-width: 1250px) {
#header .nav-left {
margin:0px 0px 0px 0px!important;
}
}
@media only screen and (max-width: 860px) {
.nav-right .menu-item-type-custom {
display:none!important;
}
}
/*Juster logo pc og mobil*/
#logo {
padding-top:4px;
}
/*Sentrere søkefelt*/
#header ul.header-nav-main {
 justify-content: center !important;
}
.searchform-wrapper {
padding-right:50px;
}
/*Justere søkefelt radius, farger m.m.*/
.search-field {
padding:20px 11px 21px 16px!important;
border:1px solid #f7f7f7!important;
border-radius:13px!important;
background:#f7f7f7!important;
}
button.ux-search-submit  {
font-size:14px;
}
.search-field:hover {
border:1px solid #7cab35!important;
}
/*Justere søkeresultater dropdown*/
.live-search-results {
background:#fff!important;
border-radius:3px!important;
}
.autocomplete-suggestion {
cursor: pointer;
padding:0px .95em!important;
}
.autocomplete-suggestion img { 
border-radius:0px;
height:100px!important;
width:100px!important;
}
.autocomplete-suggestion img+.search-name {
margin-top:0em!important;
padding-left:.5em
}
.autocomplete-selected {
background:#fff!important;
}
.autocomplete-selected {
max-width:700px
}
/*Juster skrift "viser X antall produkter*/
.woocommerce-result-count {
font-size:14px;
}
/*Add to cart farge + pris font*/
.single-product .single_add_to_cart_button  {
background: #318fcb!important;
font-weight:normal;
}
.product-page-price .woocommerce-Price-amount,
.product-page-price .woocommerce-Price-amount bdi{  
  font-size:32px !important;
  font-family:barlow;  
  color:#373737;
  line-height:1 !important;
  letter-spacing:0.05em;
}
/*Hjem ikon i breadcrumbs*/
.woocommerce-breadcrumb .nmr-crumb:first-child a {
text-decoration: none;
}
.woocommerce-breadcrumb .nmr-crumb:first-child a::before {
content: url('/wp-content/uploads/2024/06/homeikon5.svg');
padding-right:6px;
}
.nmr-crumb,
.nmr-crumb a {
  font-weight: 400 !important;
}
.nmr-crumb a {
  text-decoration: underline;
}
.nmr-crumb:last-child {
  text-decoration: none !important;
}
.nmr-crumb:last-child a {
  text-decoration: none !important;
}
/* Frakt-lastebil på toppen*/
.fraktikon:before {	
content: url('/wp-content/uploads/2024/06/fraktbil5.svg');	
/*content: url('/wp-content/uploads/2024/06/fraktbil6.svg');*/
margin-right: 7px;
}
/*På lager produktoversikt*/
.prisb {
background:#fff;
height:22px;
border-radius:7px;
margin-left:-4px;
}
.prisc {
width:85px; 
}
.prisd {
width:138px; 
}

/* På lager / ikke på lager – uten FontAwesome */
.stock {
  color: #000 !important;
  font-size: 12px;
  padding: 2px 5px 5px 5px;
  margin-top: 8px;  
}

.out-of-stock7 {
color: #000 !important;
  font-size: 12px;
  padding: 2px 5px 5px 5px;
  margin-top: 8px;
  font-style: normal;
  
}

/* Felles ikon-prikk */
.stock::before,
.out-of-stock7::before,
.add-to-cart-container .out-of-stock:before,
.available-on-backorder:before {
  content: "" !important;
  display: inline-block;
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: -1px;
}

/* Grønn prikk: På lager */
.stock::before {
  background: #1bb21e;
}

/* Blå prikk: Ikke på lager / sjekk produktside */
.out-of-stock7::before,
.add-to-cart-container .out-of-stock:before,
.available-on-backorder:before {
  background: #3383e6;
}

/*Fjerne zoom ikon under produktbilde*/
.woocommerce-product-gallery .image-tools  {
display:none !important;
}
/*Summary tekst på produktisder*/
.product-short-description ul {
padding-top:8px;
padding-bottom:3px;
font-size:14px;
line-height:120%;
}
.product-short-description ul li a {
color:#5f9fdf;
}
/*Sidebar boks med informasjon på produktside*/
.produktside-bar{
  background:#fdfdfd;
  border:0px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:14px;
}

.sidebar-setninger{
  min-height:48px;
  margin:8px 0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:#f9f9f9;
  border:1px solid #eae9e9;
  border-radius:12px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.sidebar-setninger:hover{
  background:#fcfcfc;
  border-color:#89bb3d;  
}

.kjop1{
  width:38px;
  min-width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:#222;  
  padding:0;
}

.kjop2{
  flex:1;
  font-size:14px;
  line-height:1.45;
  color:#222;
  padding:0;
}
/*Justering av Kr storrelse*/
.product-page-price .woocommerce-Price-currencySymbol {
font-size:26px !important;
}
/*Produktkatalog - justering av pris, lagerstatus plassering*/
.box-text-products .price {
padding-top:7px;
}
.box-text-products .woocommerce-price-suffix {
display:none;
}
.product-page-price .woocommerce-price-suffix {
font-size:15px!important;
font-weight:normal!important;
}
.box-text-products .product-title a {
font-weight:500!important;
font-size:16px!important;
color:#000!important;
}
.box-text-products .stock {
font-size:13px!important;
color:#898989;
}
/*Tekststørrelse Brand produktside*/
.wpcbr-wrap-text {
font-size:13px!important;
}
.wpcbr-brand-name {
display:none;
}
/*justere Nullstill*/
.variations .reset_variations {
margin-right:30px!important;
}
/* Sidebar farge på produktside pc/mobil*/
.sidebar-uix {
/*background:#f8f7f6;*/
padding:30px 30px 20px 30px;
/*margin-bottom:240px;*/
}
@media (max-width: 1024px) {
.sidebar-uix {
background:#fff;
padding:0px 0px 0px 20px;
margin-bottom:0px;
}
}
/*Stjerner under tittel på produktside*/
.woocommerce-product-rating  {
margin-top:0px;
}
.star-rating {
margin-top:5px;
}
/*Større Product tabs knapper*/
.woocommerce-tabs .product-tabs {
font-size:18px;
font-weight:bold;
}
.header-cart-icon img {
width:22px!important;
}
.icon-user {
  width: 31px;
  height: 31px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;  
  border: 0 !important;
  border-radius: 50%;
  position: relative;
  color: transparent;
transform: translateY(-1px);  
}
.icon-user::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 1.7px solid #666;
  border-radius: 50%;
  position: absolute;
  top: 6px;
}
.icon-user::after {
  content: "";
  width: 18px;
  height: 10px;
  border: 1.7px solid #666;
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  position: absolute;
  bottom: 5px;
}
.live-search-results {
font-size:17px;
}
@media only screen and (max-width: 840px) {
.accordo-logo {
padding-top:60px;
width:50%!important;
}
}
.checkout-page-title {
display:none;
}
.cart-container {
padding-top:70px;
}
.woocommerce-input-wrapper .input-text {
border-radius:5px;
background:#f8fcfd;
}
/* Pris på variations products - produkt side */
.woocommerce-variation-price .woocommerce-Price-amount {
font-size:18px;
}
.wpc-posts-found {
display:none;
}
#menu-item-30491 a {
  background-color: #89bb3d;   /* bakgrunnsfarge */
  color: #fff;                 /* hvit tekst */
  padding: 4px 6px;           /* avstand tekst → bakgrunn */
  border-radius: 0px;          /* litt avrunding */
  font-weight: normal;           /* fet skrift */
  font-size:14px;
  display: inline-block;       /* sørger for at padding fungerer riktig */
  text-decoration: none;       /* fjerner understrek */
 
}

#menu-item-30491 a:hover {
  background-color: #719c30;   /* mørkere tone ved hover */
}
.ajax-cat-menu .cat-line {
  cursor: pointer;
}
.ajax-cat-menu .cat-name {
  cursor: pointer;
}
.ajax-brand-menu label {
  cursor: pointer;
}

/*Justere Badges på produktbilder*/
.badge-inner {
border-radius:0px!important;
}
.badge-container {
  top: 10px !important;      /* juster etter smak */
  left: auto !important;
  right: 10px !important;
  margin-top: 0 !important;
  transform: none !important;
}
.product-images .is-larger {
font-size:1.1em!important;
}
.badge-inner {
padding:1px 10px 0px 10px!important;
}
.product-images .badge-inner {
padding:4px 10px 4px 10px!important;
}
.badge {
height:1.6em!important;
}
.sale {
font-size:15px!important;
font-weight:400;
}
/* Fast rød linje (aktiv side) */
.active-line {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #89bb3d; /* rød */
  width: 0;
  left: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1;
bottom: -1px; 
}

/* Dynamisk svart linje (hover) */
.hover-line {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #000; /* svart */
  width: 0;
  left: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 2; /* over den røde */
bottom: -1px; 
}
/* Skjul Ajax meny ved søkeresultater*/
body.search .sidebar-inner { 
display: none !important; 
}
strong,
b {
  font-weight: 600;
}



  /* =========================================================
     Gi scroll-området plass UNDER knappen
     ========================================================= */

  .mfp-content,
  .off-canvas-content,
  .off-canvas .sidebar-inner,
  #shop-sidebar .col-inner,
  .sidebar-inner .col-inner {
    padding-bottom: calc(
      var(--ajaxcat-apply-height) + env(safe-area-inset-bottom)
    );
  }

/* CSS for MIN KONTO */
.my-account-wrapper {
  max-width: 1560px;
  margin: 0 auto;
  
}

.my-account-content {
  margin-top: 24px;
}
/*AVSLUTNING MIN KONTO */


/*Søkefelt glass flyttet til venstre */
/* 1️⃣ Riktig referansepunkt */
.header-search-form-wrapper .flex-col.flex-grow {
  position: relative;
}

/* 2️⃣ Ikon INNI input */
.header-search-form-wrapper .ux-search-submit {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;

  background: none !important;
  border: none !important;
  padding: 0 !important;

  width: auto;
  height: auto;
  min-width: 0;

  color: #666;
}

/* 3️⃣ Input tar korrekt bredde */
.header-search-form-wrapper .search-field {
  width: 90%;
  box-sizing: border-box;
  padding-left: 40px !important;
}

/* 4️⃣ Ikonstørrelse */
.header-search-form-wrapper .ux-search-submit i {
  font-size: 16px;
}
/* SLUTT SØKEFELT */
/* /* 
/* Lengde-swatches under bildet (kun de vi legger inn selv) */
/* Wrapper – GLOBAL (butikk + forside + widgets) */
.jb-loop-length-swatches{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  justify-content:flex-start !important;
  margin:6px 0 9px 0 !important;
  padding:0 !important;
}

/* Pill-knapper – GLOBAL */
.jb-loop-length-swatches .jb-length-pill{
  -webkit-appearance:none !important;
  appearance:none !important;

  background:#fff !important;
  border:1px solid rgba(0,0,0,.15) !important;
  
  padding:6px 6px !important;       /* litt penere enn 6/6 */
  margin:0 !important;

  font-size:12px !important;
  font-weight:normal !important;
  line-height:1.2 !important;
  color:#222 !important;

  box-shadow:none !important;
  text-transform:none !important;
  cursor:pointer !important;
}

/* Aktiv – GLOBAL */
.jb-loop-length-swatches .jb-length-pill.is-active{
  border-color:rgba(0,0,0,.35) !important;
  font-weight:600 !important;
}
.jb-loop-length-swatches .jb-hidden-pill {
  display: none !important;
}

.jb-loop-length-swatches .jb-more-pill {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 6px 6px !important;
  min-width: 26px;

  background: #fff !important;

  font-size: 12px !important;
  line-height: 1.2 !important;  

  text-decoration: none !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
}

.jb-loop-length-swatches .jb-more-pill:hover {
  text-decoration: none !important;
  color: #000 !important;
}
/* Full-bilde promo */
.mp-promo-box{
  position:relative;
  overflow:hidden;
  padding:0;
}

.mp-promo-full-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Overlay */
.mp-promo-overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:18px;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.4) 40%,
    rgba(0,0,0,0) 100%
  );
  color:#fff;
}

.mp-promo-title{
  margin:0;
  font-size:28px;
color:#ffff;
  font-weight:500;
}

.mp-promo-text{
  margin-top:-10px;
  font-size:16px;
  opacity:.9;
}
/*Løser sticky header problem*/
html.jb-chromium .header-wrapper.stuck,
html.jb-chromium #header.stuck {
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
}
.woo-variation-items-wrapper {
margin-top:0px !important;
}
/*Tvinge bilder innenfor box-rammen på butikksidene*/
.product-small .box-image {
  overflow: hidden !important;
  background: #fff !important;
}

.product-small .box-image .image-none,
.product-small .box-image .image-none > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.product-small .box-image img,
.has-equal-box-heights .product-small .box-image img,
.product-small .box-image .image-none > a > img,
.has-equal-box-heights .product-small .box-image .image-none > a > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}
/*Styling for Logg ut slik at en unngår dobbeltklikk*/
a.jb-logout-locked{
  pointer-events:none;
  opacity:.6;
  cursor:default;
}
.account-login-inner input.input-text{ 
  border-radius:10px;
  box-shadow:none !important;
  border:1px solid #d2d2d2 !important;
  background:#f7f7f7; /* 👈 gir litt mer moderne feel */
  transition:border-color .15s ease, background .15s ease;
}

/* Hover (liten, men viktig UX) */
.account-login-inner input.input-text:hover{
  background:#f3f3f3;
}

/* Focus */
.account-login-inner input.input-text:focus{
  border-color:#89bb3d !important;
  background:#fff;
  outline:none;
}

/* Knapp */
.account-login-inner .woocommerce-button.button{  
  border-radius:10px;
  background:#89bb3d;
  color:#fff;
  font-size:13px;
  font-weight:600;
  transition:all .15s ease;
}

/* Hover knapp */
.account-login-inner .woocommerce-button.button:hover{
  background:#7dac36;
  color:#fff;
}
/*Styling for tabs på produktside*/
/* Produkt-tabs */
.woocommerce div.product .woocommerce-tabs{
  margin-top:24px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;
  gap:8px;
  align-items:flex-end;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;
  padding:0;
  margin:0 0 18px;
  border-bottom:1px solid #89bb3d;
  scrollbar-width:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar{
  display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  float:none;
  display:inline-flex;
  margin:0;
  border:none;
  background:none;
  padding:0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid #cfcfcf;
  border-bottom:none;
  border-radius:8px 8px 0 0;
  background:#f5f5f5;
  color:#333;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
  transition:all .15s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a{
  background:#000;
  color:#fff;
  border-color:#bdbdbd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  background:#000;
  color:#fff;
  border-color:#89bb3d;
}
.single-product .woocommerce-tabs ul.tabs.nav-line-grow > li > a::before,
.single-product .woocommerce-tabs ul.tabs.nav-line-grow > li > a::after,
.single-product .woocommerce-tabs ul.tabs.nav-line-grow > li::before,
.single-product .woocommerce-tabs ul.tabs.nav-line-grow > li::after{
  display:none !important;
  content:none !important;
}

.single-product .woocommerce-tabs ul.tabs.nav-line-grow .active-line,
.single-product .woocommerce-tabs ul.tabs.nav-line-grow .hover-line{
  display:none !important;
}
/* Mobil */
@media (max-width: 849px){
  .woocommerce div.product .woocommerce-tabs ul.tabs{
    gap:6px;
    margin-bottom:14px;
    padding-bottom:0px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a{
    min-height:34px;
    padding:0 12px;
    font-size:12px;
  } 
}
/*fjerne rammen rundt produktbeskrivelse på produktsider*/
.woocommerce div.product .woocommerce-tabs .panel{
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  margin-bottom:20px;
  box-shadow:none;
}
.single-product .review-form-inner.has-border{
  border:none;
  padding:0;
  background:transparent;
  box-shadow:none;
}
@media (max-width: 849px){
  .woocommerce div.product .woocommerce-tabs ul.tabs{
    justify-content:flex-start;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a{
    width:auto !important;
    flex:0 0 auto !important;
  }
}
/*styling av Omtaler på produktsider*/
/* Omtaler på produktsider */
#tab-reviews{
  outline:none !important;
  padding:20px !important;
  margin-top:-40px !important;
}

#tab-reviews #comments,
#tab-reviews #review_form_wrapper{
  padding:0px !important;
  margin:0 0 20px !important;
}

#tab-reviews .woocommerce-Reviews-title,
#tab-reviews .comment-reply-title{
  margin:0 0 14px !important;
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  color:#222 !important;
}

#tab-reviews .woocommerce-noreviews{
  margin:0 0 20px !important;
  padding:12px 14px !important;
  border:1px solid #e6e6e6 !important;
  border-radius:10px !important;
  background:#fafafa !important;
  color:#555 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:500 !important;
}

#tab-reviews .review-form-inner.has-border,
#tab-reviews #review_form,
#tab-reviews #review_form_wrapper,
#tab-reviews .col-inner{
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
}

#tab-reviews .comment-form label,
#tab-reviews .comment-form-rating label{
  display:block !important;
  margin-bottom:7px !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:#222 !important;
}

#tab-reviews .comment-form-rating{
  margin-bottom:18px !important;
}

#tab-reviews .comment-form-rating .stars{
  margin:0 !important;
  font-size:22px !important;
  line-height:1 !important;
}

#tab-reviews textarea{
  width:100% !important;
  min-height:180px !important;
  padding:14px 16px !important;
  border:1px solid #d2d2d2 !important;
  border-radius:12px !important;
  background:#f7f7f7 !important;
  color:#222 !important;
  box-shadow:none !important;
  resize:vertical !important;
}

#tab-reviews textarea:hover{
  background:#f3f3f3 !important;
  border-color:#c4c4c4 !important;
}

#tab-reviews textarea:focus{
  outline:none !important;
  background:#fff !important;
  border-color:#89bb3d !important;
  box-shadow:0 0 0 3px rgba(137,187,61,.14) !important;
}

#tab-reviews .form-submit{
  margin-top:18px !important;
}

#tab-reviews .submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:none !important;
  border-radius:10px !important;
  background:#89bb3d !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .15s ease, transform .15s ease !important;
}

#tab-reviews .submit:hover{
  background:#7dac36 !important;
}

#tab-reviews .submit:active{
  transform:translateY(1px);
}

#tab-reviews .required{
  color:#89bb3d !important;
}

/* Mobil */
@media (max-width: 849px){
  #tab-reviews .woocommerce-Reviews-title,
  #tab-reviews .comment-reply-title{
    font-size:19px !important;
  }

  #tab-reviews textarea{
    min-height:150px !important;
    padding:12px 14px !important;
    border-radius:10px !important;
  }

  #tab-reviews .submit{
    min-height:40px !important;
    padding:0 16px !important;
    font-size:12px !important;
  }
}
/*Fjerner text shadow rundt omkring i Flatsome*/
button,
.button{
  text-shadow:none !important;
}
.product-title {
  color:#1C1C1E
}
/*Farge på kjøp nå knappen*/
.single-product .single_add_to_cart_button,
.single-product .single_add_to_cart_button.button,
.single-product button.single_add_to_cart_button.alt {
  background: #1083df !important;
  background-color: #1083df !important;
  border-color: #1083df !important;
  color: #fff !important;
}

.single-product .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button.button:hover,
.single-product button.single_add_to_cart_button.alt:hover {
  background: #117fd7 !important;
  background-color: #117fd7 !important;
  border-color: #117fd7 !important;
  color: #fff !important;
}
.wpcbr-brand-image img {
  width: 150px;
  height: auto;
}
/*Skjule variabel pris under knapper ettersom vi oppdaterer hovedprisen*/
.single-product .single_variation_wrap .woocommerce-variation-price{
  display:none !important;
}
/*Justere størrelse og mellomrom på fabrikant og varenr. under tittel på produktside*/
.product-meta-line{
  font-size:15px;      /* ← juster denne */
  color:#666;
  line-height:1.4;
}

.product-meta-line a{
  font-size:inherit;   /* følger hovedstørrelse */
  
  text-decoration:none;
}

.product-meta-line a:hover{
  text-decoration:underline;
}

.meta-sep{
  margin:0 10px;
  color:#aaa;
}
/*justere ned handlevogn ikon for sticky header*/
.stuck .header-cart-icon:after{
  top: 7px !important;
}
/*Filter på hovedbildet på produktsiden*/
.single-product .woocommerce-product-gallery__wrapper img{
  
}
.shop-page-title {
padding-bottom:5px;
margin-top:-10px;
}

/*Remove Ikon i flatsome - styling*/
a.icon-remove,
a.remove {
  width: 28px;
  height: 28px;
  font-size: 18px !important;
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  border: 1.5px solid rgba(0,0,0,0.2);
  color: #444;
  background: #fff;
  
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  transition: all 0.2s ease;
}

a.icon-remove:hover,
a.remove:hover {
  background: #111;
  color: #fff;
  border-color: #111;
  box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
/*skifte handlekurv ikon i dropdown fra header*/
.ux-mini-cart-empty-icon svg {
  display: none;
}

.ux-mini-cart-empty-icon::before {
  content: "🛒";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 54px;
  line-height: 1;
  opacity: 0.14;
  color: #111;
}
/*Knapper i handlekurv-dropdown*/
.woocommerce-mini-cart__buttons .button {
  display: block;
  width: 100%;
  margin: 6px 0;
  padding: 10px 14px;
  
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  
  border-radius: 8px;
  transition: all 0.2s ease;
}
.woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}
.woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
  background: #fff !important;
  color: #28a745 !important;
  border: 1px solid #28a745 !important;
  box-shadow: 0 0 0 2px rgba(40,167,69,0.12);
}
.woocommerce-mini-cart__buttons a.button.checkout,
.woocommerce-mini-cart__buttons a.button.primary {
  background: #28a745 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
@media (max-width: 1100px) {

  /* Skjul desktop header-main / vis mobil */
  .header-inner .hide-for-medium {
    display: none !important;
  }

  .header-inner .show-for-medium {
    display: flex !important;
  }

  .header-inner.flex-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  .header-inner > .show-for-medium.flex-left {
    order: 1;
    flex: 0 0 auto;
  }

  .header-inner > #logo,
  .header-inner > .logo {
    order: 2;
    flex: 1 1 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .header-inner > #logo a,
  .header-inner > .logo a {
    display: inline-block;
  }

  .header-inner > .show-for-medium.flex-right {
    order: 3;
    flex: 0 0 auto;
    display: flex !important;
    justify-content: flex-end;
  }

  .header-inner .mobile-nav {
    display: flex;
    align-items: center;
    gap: 0;
  }

  .header-inner .logo img {
    max-width: 230px;
    height: auto !important;
  }

  /* Skjul desktop bottom-nav */
  .header-bottom .hide-for-medium {
    display: none !important;
  }

  /* Sørg for at mobil-wrapper faktisk vises */
  .header-bottom .show-for-medium,
  .header-bottom .flex-col.show-for-medium {
    display: block !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Mobilnav med søk */
  .header-bottom .mobile-nav {
    display: flex !important;
    width: 100% !important;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-bottom .mobile-nav > li {
    display: block !important;
    width: 100% !important;
  }

  .header-bottom .mobile-nav .header-search-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .header-bottom .mobile-nav .header-search-form-wrapper,
  .header-bottom .mobile-nav .searchform-wrapper,
  .header-bottom .mobile-nav form.searchform {
    display: block !important;
    width: 100% !important;
  }

  .header-bottom .mobile-nav .flex-row.relative {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
  }

  .header-bottom .mobile-nav .flex-col.flex-grow {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header-bottom .mobile-nav .flex-col:last-child {
    flex: 0 0 auto !important;
  }

  .header-bottom .mobile-nav .search-field {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
  }

  .header-bottom .mobile-nav .ux-search-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 42px !important;
    margin: 0 !important;
  }
}
/*Infoboks på produktsiden*/
.opta-info-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 22px;
  row-gap: 7px;

  width: 100%;
  max-width: 390px;

  padding: 10px 14px;
  border: 0px solid #eaeaea;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  background:#eaeaea;
  
  color: #000;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.opta-info-item {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
}

.opta-info-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.opta-info-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Flatsome produktkort: venstrejuster tekst under produktbildet */
.woocommerce .products .product-small .box-text-products {
  text-align: left !important;
}

/* Tittel */
.woocommerce .products .product-small .product-title,
.woocommerce .products .product-small .product-title a {
  text-align: left !important;
}

/* Pris + lagertekst */
.woocommerce .products .product-small .price-wrapper,
.woocommerce .products .product-small .price,
.woocommerce .products .product-small .prisb {
  text-align: left !important;
}


/* Flytte original Flatsome-filterknapp på mobil/tablet */

/* Desktop */
@media (min-width: 850px) {
  .ajaxcat-filter-slot {
    display: none !important;
  }

  .ajaxcat-result-count {
    display: flex !important;
  }

  .category-page-row > .col.large-3 {
    display: block !important;
  }
}

/* Mobil/tablet */
@media (max-width: 849px) {
  .ajaxcat-result-count,
  .ajaxcat-filter-count-wrap {
    display: none !important;
  }

  .ajaxcat-toolbar {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .ajaxcat-toolbar-row {
    width: 100% !important;
 margin-top: -15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .ajaxcat-filter-slot {
    display: inline-flex !important;
    order: 1 !important;
  }

  .ajaxcat-filter-slot .filter-button {
    display: inline-flex !important;
    margin: 0 !important;
  }

  .ajaxcat-sort-toggle {
    order: 2 !important;
    margin-left: auto !important;
  }
  .ajaxcat-filter-slot .filter-button {
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    padding: 0 12px !important;
    margin: 0 !important;

    border-radius: 7px !important;
    background: #69a333 !important;
    color: #fff !important;

    line-height: 1 !important;
    text-decoration: none !important;
  }

  .ajaxcat-filter-slot .filter-button .icon-equalizer {
   position: relative;
    right:6px;
	top:1px;
padding-left:4px;	
   }

  .ajaxcat-filter-slot .filter-button strong {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: none !important;
  }
.ajaxcat-filter-slot .filter-button strong {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
  text-transform: none !important;
}

.ajaxcat-filter-main {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 1 !important;
}

.ajaxcat-filter-count {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.92) !important;
  line-height: 1 !important;
}
 .ajaxcat-filter-slot .filter-button {
    transform: translateY(-2px) !important;
  }
}
/*Test av produktoversikt*/
/*.products .col-inner {
background:#f7f7f7!important;
height:100%;
padding:2px
}
.products .box-text {
padding:7px;
}*/
/*justere bakgrunn på små produktbilder*/
/*.post-type-archive-product .box-image,
.tax-product_cat .box-image,
.box-image {
  filter: brightness(100%);
}
.prisb {
background:#f7f7f7;
}
.product-small .opta-loop-color-dots {
right:3px!important;
}*/
/* Tilbudspris – produktoversikt + produktside */

/* Generelt */
.price del {
  color: #888 !important;
  opacity: 1 !important;
  text-decoration-thickness: 1px !important;
}

.price ins {
  color: #d93025 !important;
  text-decoration: none !important;
}

/* Produktoversikt – tilbudspris: ny pris først, gammel pris til høyre */
.products .product .price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  column-gap: 7px !important;
  row-gap: 0 !important;
  line-height: 1.05 !important;
}

/* Ny pris visuelt først */
.products .product .price ins {
  order: 1 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
}

/* Gammel pris til høyre */
.products .product .price del {
  order: 2 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

/* Overstyr global display:block på .amount */
.products .product .price ins .amount,
.products .product .price del .amount,
.products .product .price ins bdi,
.products .product .price del bdi {
  display: inline !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

/* Ny pris */
.products .product .price ins,
.products .product .price ins .amount,
.products .product .price ins bdi {
  color: #d93025 !important;
  font-size: 24px !important;
  font-family: barlow-semi !important;
  font-weight: 400 !important;
}

/* Gammel pris */
.products .product .price del,
.products .product .price del .amount,
.products .product .price del bdi {
  color: #222 !important;
  font-size: 14px !important;
  font-family: roboto !important;
  font-weight: 300 !important;
}

/* Produktside */
body.single-product .product-price-container .product-page-price.price-on-sale,
body.single-product .product-price-container .product-page-price.price-on-sale span.price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.single-product .product-price-container .product-page-price.price-on-sale del,
body.single-product .product-price-container .product-page-price.price-on-sale del .amount,
body.single-product .product-price-container .product-page-price.price-on-sale del bdi {
  font-size: 18px !important;
  font-family: barlow !important;
  font-weight: 400 !important;
  color: #888 !important;
  line-height: 1 !important;
}

body.single-product .product-price-container .product-page-price.price-on-sale ins,
body.single-product .product-price-container .product-page-price.price-on-sale ins .amount,
body.single-product .product-price-container .product-page-price.price-on-sale ins bdi {
  font-size: 32px !important; 
  color: #d93025 !important;
  line-height: 1 !important;
}

body.single-product .product-price-container .product-page-price.price-on-sale .woocommerce-price-suffix {
  font-size: 14px !important;
  color: #666 !important;
}
/*Sidebar for innlogging på mobil*/
/* Mobil login-drawer – scroll hele panelet */
#opta-account-drawer {
  background: #fff !important;
  width: min(420px, 92vw);
  max-width: 420px;
  min-height: 100vh;
  height: 100vh;
  padding: 0 !important;
  margin: 0 !important;

  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#opta-account-drawer .opta-account-drawer-inner {
  display: block !important;
  min-height: 100%;
  background: #fff;
}

#opta-account-drawer .opta-account-drawer-content {
  padding: 48px 20px 28px;
  overflow: visible !important;
}

/* Sørg for at Flatsome sitt kryss vises */
.mfp-wrap.opta-account-offcanvas .mfp-close,
.mfp-wrap:has(#opta-account-drawer) .mfp-close {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* WooCommerce skjema inni drawer */
#opta-account-drawer .woocommerce {
  margin: 0 !important;
}

#opta-account-drawer .u-columns,
#opta-account-drawer .woocommerce .col2-set {
  display: block !important;
}

#opta-account-drawer .u-column1,
#opta-account-drawer .u-column2 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}

#opta-account-drawer h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 14px !important;
}

#opta-account-drawer input.input-text {
  border-radius: 10px !important;
  box-shadow: none !important;
  border: 1px solid #d2d2d2 !important;
  background: #f7f7f7 !important;
}

#opta-account-drawer input.input-text:focus {
  border-color: #89bb3d !important;
  background: #fff !important;
  outline: none !important;
}

#opta-account-drawer .woocommerce-button,
#opta-account-drawer button.button {
  width: 100%;
  border-radius: 10px !important;
  background: #89bb3d !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#opta-account-drawer .woocommerce-button:hover,
#opta-account-drawer button.button:hover {
  background: #7dac36 !important;
  color: #fff !important;
}
#opta-account-drawer {
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* eldre Edge/IE */
}

#opta-account-drawer::-webkit-scrollbar {
  display: none;              /* Chrome/Safari/iOS */
}
/* Konto-drawer: sørg for at nederste knapp ikke havner bak mobilviewport */
@media (max-width: 849px) {
  #opta-account-drawer {
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
  }

  #opta-account-drawer .opta-account-drawer-content {
    padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }
}
@media (max-width: 849px) {
  #opta-account-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
/*------------*/
/* Horisontal produktrad med scrollbar og piler */
.mobile-2-products {
  position: relative;
  overflow: visible;
  --opta-scroll-arrow-offset: 56px;
}

.mobile-2-products .opta-scroll-arrow {
  display: none;
}

@media (min-width: 850px) {

  .mobile-2-products .products.row {
    display: flex !important;
    flex-wrap: nowrap !important;

    overflow-x: auto;
    overflow-y: hidden;

    gap: 18px;

    cursor: default;
    user-select: auto;

    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-gutter: stable;

    padding-bottom: 14px;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-2-products .products.row::-webkit-scrollbar {
    display: block;
    height: 8px;
  }

  .mobile-2-products .products.row::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 999px;
  }

  .mobile-2-products .products.row::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 999px;
  }

  .mobile-2-products .products.row::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
  }

  .mobile-2-products .products.row > .product-small {
    flex: 0 0 23% !important;
    max-width: 23% !important;
    width: 23% !important;
  }

  .mobile-2-products .products.row img {
    -webkit-user-drag: none;
    user-drag: none;
  }

  .mobile-2-products .opta-scroll-arrow {
    display: flex;
    position: absolute;
    top: 42%;
    z-index: 20;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);

    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    padding: 0;

    transform: translateY(-50%);
  }

  .mobile-2-products .opta-scroll-prev {
    left: calc(-1 * var(--opta-scroll-arrow-offset));
  }

  .mobile-2-products .opta-scroll-next {
    right: calc(-1 * var(--opta-scroll-arrow-offset));
  }

  .mobile-2-products .opta-scroll-arrow[hidden] {
    display: none !important;
  }

  .mobile-2-products .opta-scroll-arrow:disabled {
    opacity: 0.25;
    cursor: default;
    pointer-events: none;
  }
}

/* På mindre desktop/nettbrett holder vi pilene nærmere raden,
   så de ikke lager horisontal overflow på hele siden. */
@media (min-width: 850px) and (max-width: 1199px) {
  .mobile-2-products {
    --opta-scroll-arrow-offset: 8px;
  }

  .mobile-2-products .opta-scroll-prev {
    left: 8px;
  }

  .mobile-2-products .opta-scroll-next {
    right: 8px;
  }
}
/*Infoboks for Om merke på produktside*/
.om-merke {
border:1px solid #999;
background: #f5f5f5;
}
.om-merke2 {
padding-left:30px;
}
/* ==================================================
   Søkeresultater – skjul AJAXCAT filter/sort/teller
   ================================================== */

body.search #ajaxcat-result-count,
body.search #ajaxcat-active-filters,
body.search .ajaxcat-toolbar-row,
body.search .ajaxcat-filter-slot,
body.search .ajaxcat-filter-button,
body.search .ajaxcat-sort-toggle,
body.search #ajax-brand-menu,
body.search #ajax-attribute-menu,
body.search #ajax-price-slider,
body.search .ajaxcat-reset-link {
  display: none !important;
}

body.search .ajaxcat-toolbar {
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
}


/* ==================================================
   Søkeresultater – skjul sidebar/filterkolonne
   ================================================== */

body.search.search-results #shop-sidebar,
body.search.search-results .shop-sidebar,
body.search.search-results .category-filtering,
body.search.search-results .category-page-row > .large-3,
body.search.search-results .category-page-row > .medium-3 {
  display: none !important;
}

body.search.search-results .category-page-row > .large-9,
body.search.search-results .category-page-row > .medium-9,
body.search.search-results .category-page-row > .large-12,
body.search.search-results .category-page-row > .medium-12 {
  flex-basis: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}


/* ==================================================
   Søkeresultater – produktgrid
   Mobil: 2 per rad
   850–1300px: 3 per rad
   1301px+: 4 per rad
   ================================================== */

/* Felles grid */
body.search.search-results .shop-container .products,
body.search.search-results .shop-container .products.row,
body.search.search-results .shop-container ul.products {
  display: flex !important;
  flex-wrap: wrap !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  box-sizing: border-box !important;
}

/* Felles produktkort */
body.search.search-results .shop-container .products > .product,
body.search.search-results .shop-container .products > .product-small,
body.search.search-results .shop-container ul.products > li.product {
  float: none !important;
  box-sizing: border-box !important;
}

/* Mobil: 2 produkter per rad */
@media (max-width: 849px) {
  body.search.search-results .shop-container .products > .product,
  body.search.search-results .shop-container .products > .product-small,
  body.search.search-results .shop-container ul.products > li.product {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

/* Nettbrett / mindre desktop: 3 produkter per rad */
@media (min-width: 850px) and (max-width: 1300px) {
  body.search.search-results .shop-container .products > .product,
  body.search.search-results .shop-container .products > .product-small,
  body.search.search-results .shop-container ul.products > li.product {
    flex: 0 0 33.3333% !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

/* Stor desktop: 4 produkter per rad */
@media (min-width: 1301px) {
  body.search.search-results .shop-container .products > .product,
  body.search.search-results .shop-container .products > .product-small,
  body.search.search-results .shop-container ul.products > li.product {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
  }
}
.opta-brand-products-more {
text-align:center;
}
