.elementor-48143 .elementor-element.elementor-element-485a080{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48143 .elementor-element.elementor-element-9f53f79{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48143 .elementor-element.elementor-element-c225583{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-48143 .elementor-element.elementor-element-be69560 > .elementor-widget-container{margin:-2px 0px -15px 0px;}.elementor-48143 .elementor-element.elementor-element-0485324{width:var( --container-widget-width, 102.097% );max-width:102.097%;--container-widget-width:102.097%;--container-widget-flex-grow:0;}.elementor-48143 .elementor-element.elementor-element-0485324 > .elementor-widget-container{border-radius:13px 13px 13px 13px;}.elementor-48143 .elementor-element.elementor-element-6f4064f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-48143 .elementor-element.elementor-element-d3362b2{--grid-columns:4;}.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item > .elementor-section, .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item > .elementor-section > .elementor-container, .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item > .e-con, .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-48143 .elementor-element.elementor-element-551cdf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-48143 .elementor-element.elementor-element-20aea9a{--display:flex;}.elementor-48143 .elementor-element.elementor-element-8e39633{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-48143 .elementor-element.elementor-element-f2746ae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-48143 .elementor-element.elementor-element-0d957d8{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}@media(min-width:768px){.elementor-48143 .elementor-element.elementor-element-485a080{--width:80%;}.elementor-48143 .elementor-element.elementor-element-9f53f79{--width:80%;}.elementor-48143 .elementor-element.elementor-element-c225583{--width:20%;}.elementor-48143 .elementor-element.elementor-element-6f4064f{--width:80%;}.elementor-48143 .elementor-element.elementor-element-551cdf1{--width:80%;}}@media(max-width:1024px){.elementor-48143 .elementor-element.elementor-element-485a080{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-48143 .elementor-element.elementor-element-d3362b2{--grid-columns:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-48143 .elementor-element.elementor-element-485a080{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48143 .elementor-element.elementor-element-2752a11 > .elementor-widget-container{margin:19px 10px 10px 10px;}.elementor-48143 .elementor-element.elementor-element-0485324{width:100%;max-width:100%;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-48143 .elementor-element.elementor-element-d3362b2{--grid-columns:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-48143 .elementor-element.elementor-element-f2746ae .elementor-heading-title{font-size:20px;}}/* Start custom CSS for woofilters, class: .elementor-element-be69560 *//* =========================================================
   WBW SØKEFELT – SAMME DESIGN SOM SIDEBAR-FILTERET
   ========================================================= */


/* -------------------------
   SØKEFELT
------------------------- */

.elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"],
.elementor-48143 .elementor-element.elementor-element-be69560 input[type="text"]:not(.wpfPriceRangeField) {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 100% !important;
  height: 46px !important;

  padding: 0 12px 0 40px !important;

  border: 1px solid #c4c4c4 !important;
  border-radius: 4px !important;

  /* Søkeikon (forstørrelsesglass) */
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 16px 16px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;

  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;

  transition: border-color 0.15s ease !important;
}


/* -------------------------
   HOVER
------------------------- */

.elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"]:hover,
.elementor-48143 .elementor-element.elementor-element-be69560 input[type="text"]:not(.wpfPriceRangeField):hover {
  border-color: #8a8a8a !important;
  box-shadow: none !important;
}


/* -------------------------
   FOKUS
------------------------- */

.elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"]:focus,
.elementor-48143 .elementor-element.elementor-element-be69560 input[type="text"]:not(.wpfPriceRangeField):focus {
  border-color: #1c1a33 !important;
  box-shadow: none !important;
}


/* -------------------------
   PLASSHOLDERTEKST
------------------------- */

.elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"]::placeholder,
.elementor-48143 .elementor-element.elementor-element-be69560 input[type="text"]:not(.wpfPriceRangeField)::placeholder {
  color: #8a8a8a !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}


/* -------------------------
   «X» FOR Å TØMME FELTET (Chrome/Safari)
------------------------- */

.elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none !important;

  width: 12px !important;
  height: 12px !important;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E") no-repeat center / 12px 12px !important;

  cursor: pointer !important;
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {

  .elementor-48143 .elementor-element.elementor-element-be69560 input[type="search"],
  .elementor-48143 .elementor-element.elementor-element-be69560 input[type="text"]:not(.wpfPriceRangeField) {
    height: 48px !important;
    font-size: 16px !important; /* hindrer zoom på iPhone */
  }

}/* End custom CSS */
/* Start custom CSS for woofilters, class: .elementor-element-0485324 *//* =========================================================
   WBW FILTER – SIDEBAR DESIGN
   Vertikal filtermeny med sammenleggbare seksjoner
   ========================================================= */


/* -------------------------
   FONT
------------------------- */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfMainWrapper,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfMainWrapper * {
  font-family: "Montserrat", sans-serif !important;
  box-sizing: border-box !important;
}


/* -------------------------
   HOVEDCONTAINER
------------------------- */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfMainWrapper {
  display: flex !important;
  flex-direction: column !important;

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

  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}


/* -------------------------
   SEKSJON (hvert filter)
------------------------- */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper {
  position: relative !important;

  display: block !important;
  width: 100% !important;

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

  border-bottom: 1px solid #dcdcdc !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:last-of-type {
  border-bottom: none !important;
}


/* =========================================================
   SEKSJONSTITTEL
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterTitle {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

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

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  cursor: pointer !important;
  user-select: none !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wfpTitle {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
}


/* -------------------------
   PIL (chevron)
------------------------- */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfTitleToggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 18px !important;
  height: 18px !important;

  font-size: 0 !important;

  transition: transform 0.2s ease !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfTitleToggle::before {
  content: "" !important;

  display: block !important;

  width: 6px !important;
  height: 6px !important;

  border-left: 1.5px solid #555 !important;
  border-top: 1.5px solid #555 !important;

  transform: rotate(45deg) translateY(2px) !important;
}

/* Pil ned når seksjonen er lukket */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper.wpf-collapsed .wpfTitleToggle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent[style*="display: none"]) .wpfTitleToggle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent[style*="display:none"]) .wpfTitleToggle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent.wpfHide) .wpfTitleToggle {
  transform: rotate(180deg) !important;
}

/* Fjern luft under tittel når lukket */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper.wpf-collapsed .wpfFilterTitle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent[style*="display: none"]) .wpfFilterTitle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent[style*="display:none"]) .wpfFilterTitle,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper:has(> .wpfFilterContent.wpfHide) .wpfFilterTitle {
  margin-bottom: 0 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper.wpf-collapsed .wpfFilterContent {
  display: none !important;
}


/* =========================================================
   INNHOLD
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterContent,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterContent > div,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckboxHier,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfBlockAnimated {
  position: static !important;

  width: 100% !important;

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

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Maks ca. 10 valg synlig – scroll for resten */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll {
  max-height: 345px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding-right: 6px !important;

  scrollbar-width: thin !important;
  scrollbar-color: #c4c4c4 transparent !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll::-webkit-scrollbar {
  width: 6px !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll::-webkit-scrollbar-thumb {
  background: #c4c4c4 !important;
  border-radius: 3px !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll::-webkit-scrollbar-track {
  background: transparent !important;
}


/* =========================================================
   LISTE
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterContent ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;

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

  list-style: none !important;
  background: transparent !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterContent ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Underkategorier litt inn */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterContent ul ul {
  padding-left: 12px !important;
}


/* =========================================================
   FILTERVALG
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfLiLabel {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  width: 100% !important;

  padding: 8px 0 !important;

  border-radius: 0 !important;
  background: transparent !important;

  cursor: pointer !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfLiLabel:hover {
  background: transparent !important;
}


/* Tekst + antall på samme linje */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfDisplay {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  flex: 1 !important;
  min-width: 0 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfValue {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCount {
  margin-left: auto !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333333 !important;

  white-space: nowrap !important;
}


/* =========================================================
   FIRKANTET CHECKBOX
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;

  flex-shrink: 0 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox input[type="checkbox"] {
  position: absolute !important;
  inset: 0 !important;

  width: 20px !important;
  height: 20px !important;

  margin: 0 !important;
  opacity: 0 !important;

  cursor: pointer !important;
  z-index: 2 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox label {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border: 1px solid #c4c4c4 !important;
  border-radius: 2px !important;
  background: #ffffff !important;

  pointer-events: none !important;

  transition:
    background 0.15s ease,
    border-color 0.15s ease !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfLiLabel:hover .wpfCheckbox label {
  border-color: #8a8a8a !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox input[type="checkbox"]:checked + label {
  background: #1c1a33 !important;
  border-color: #1c1a33 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox input[type="checkbox"]:checked + label::after {
  content: "✓" !important;

  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


/* =========================================================
   «VIS ALLE» / «VIS FÆRRE»
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowMoreWrapper,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowFewerWrapper {
  margin-top: 8px !important;
  padding: 0 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowMoreWrapper,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowFewerWrapper,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowMoreWrapper a,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfShowFewerWrapper a {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a6fa8 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
}


/* =========================================================
   PRIS – INPUTFELT
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceInputs {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 4px 0 18px 0 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceInputs input,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceRangeField {
  flex: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100px !important;

  height: 46px !important;

  padding: 0 8px !important;

  border: 1px solid #8a8a8a !important;
  border-radius: 4px !important;
  background: #ffffff !important;

  font-size: 14px !important;
  color: #1a1a1a !important;
  text-align: center !important;

  box-shadow: none !important;
  outline: none !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceInputs input:focus,
.elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceRangeField:focus {
  border-color: #1c1a33 !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterDelimeter {
  font-size: 14px !important;
  color: #1a1a1a !important;
}


/* =========================================================
   PRIS – GLIDEBRYTER
========================================================= */

.elementor-48143 .elementor-element.elementor-element-0485324 .ui-slider {
  position: relative !important;

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

  background: #e5e5e5 !important;
  border: none !important;
  border-radius: 6px !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .ui-slider .ui-slider-range {
  position: absolute !important;
  height: 100% !important;

  background: #1c1a33 !important;
  border-radius: 6px !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .ui-slider .ui-slider-handle {
  position: absolute !important;
  top: 50% !important;

  width: 24px !important;
  height: 24px !important;

  margin-left: -12px !important;
  transform: translateY(-50%) !important;

  background: #ffffff !important;
  border: 1.5px solid #1c1a33 !important;
  border-radius: 50% !important;

  cursor: grab !important;
  outline: none !important;
}

.elementor-48143 .elementor-element.elementor-element-0485324 .ui-slider .ui-slider-handle:active {
  cursor: grabbing !important;
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {

  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterWrapper {
    padding: 16px 0 !important;
  }

  .elementor-48143 .elementor-element.elementor-element-0485324 .wfpTitle {
    font-size: 16px !important;
  }

  /* Større trykkflater */
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfLiLabel {
    padding: 10px 0 !important;
  }

  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfValue,
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfCount {
    font-size: 15px !important;
  }

  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox,
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox input[type="checkbox"],
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfCheckbox label {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }

  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceInputs input,
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfPriceRangeField {
    max-width: none !important;
    height: 48px !important;
    font-size: 16px !important; /* hindrer zoom på iPhone */
  }

  .elementor-48143 .elementor-element.elementor-element-0485324 .ui-slider .ui-slider-handle {
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
  }

  /* Maks ca. 10 valg synlig på mobil */
  .elementor-48143 .elementor-element.elementor-element-0485324 .wpfFilterVerScroll {
    max-height: 400px !important;
  }

}


/* =========================================================
   WBW FILTER – FLOATING MODE (MOBIL)
   Samme stil som sidebar.

   VIKTIG: Denne delen bruker IKKE «.elementor-48143 .elementor-element.elementor-element-0485324».
   Når floating-panelet åpnes, flytter WBW filteret ut av
   Elementor-widgeten og inn i <body>. Regler med «.elementor-48143 .elementor-element.elementor-element-0485324»
   treffer det da ikke lenger. «html body» foran gir nok
   styrke til å overstyre pluginens standardstil.

   Ingen «display» settes på panel/overlay, så panelet
   åpnes kun via «Filtrer»-knappen.
   ========================================================= */

@media (max-width: 767px) {

  /* -------------------------
     FONT
  ------------------------- */

  html body .wpfMainWrapper,
  html body .wpfMainWrapper *,
  html body .wpfFloatingWrapper,
  html body .wpfFloatingWrapper * {
    font-family: "Montserrat", sans-serif !important;
    box-sizing: border-box !important;
  }


  /* -------------------------
     HOVEDCONTAINER
  ------------------------- */

  html body .wpfMainWrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
  }


  /* -------------------------
     SEKSJON (hvert filter)
  ------------------------- */

  html body .wpfMainWrapper .wpfFilterWrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #dcdcdc !important;
  }

  html body .wpfMainWrapper .wpfFilterWrapper:last-of-type {
    border-bottom: none !important;
  }


  /* -------------------------
     SEKSJONSTITTEL
  ------------------------- */

  html body .wpfMainWrapper .wpfFilterTitle {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  html body .wpfMainWrapper .wfpTitle {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
  }


  /* -------------------------
     PIL (chevron)
  ------------------------- */

  html body .wpfMainWrapper .wpfTitleToggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 0 !important;
    transition: transform 0.2s ease !important;
  }

  html body .wpfMainWrapper .wpfTitleToggle::before {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border-left: 1.5px solid #555 !important;
    border-top: 1.5px solid #555 !important;
    transform: rotate(45deg) translateY(2px) !important;
  }

  html body .wpfMainWrapper .wpfFilterWrapper.wpf-collapsed .wpfTitleToggle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent[style*="display: none"]) .wpfTitleToggle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent[style*="display:none"]) .wpfTitleToggle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent.wpfHide) .wpfTitleToggle {
    transform: rotate(180deg) !important;
  }

  html body .wpfMainWrapper .wpfFilterWrapper.wpf-collapsed .wpfFilterTitle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent[style*="display: none"]) .wpfFilterTitle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent[style*="display:none"]) .wpfFilterTitle,
  html body .wpfMainWrapper .wpfFilterWrapper:has(> .wpfFilterContent.wpfHide) .wpfFilterTitle {
    margin-bottom: 0 !important;
  }

  html body .wpfMainWrapper .wpfFilterWrapper.wpf-collapsed .wpfFilterContent {
    display: none !important;
  }


  /* -------------------------
     INNHOLD
  ------------------------- */

  html body .wpfMainWrapper .wpfFilterContent,
  html body .wpfMainWrapper .wpfFilterContent > div,
  html body .wpfMainWrapper .wpfFilterVerScroll,
  html body .wpfMainWrapper .wpfCheckboxHier,
  html body .wpfMainWrapper .wpfBlockAnimated {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* Maks ca. 10 valg synlig – scroll for resten */
  html body .wpfMainWrapper .wpfFilterVerScroll {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    padding-right: 6px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #c4c4c4 transparent !important;
  }

  html body .wpfMainWrapper .wpfFilterVerScroll::-webkit-scrollbar {
    width: 6px !important;
  }

  html body .wpfMainWrapper .wpfFilterVerScroll::-webkit-scrollbar-thumb {
    background: #c4c4c4 !important;
    border-radius: 3px !important;
  }

  html body .wpfMainWrapper .wpfFilterVerScroll::-webkit-scrollbar-track {
    background: transparent !important;
  }


  /* -------------------------
     LISTE
  ------------------------- */

  html body .wpfMainWrapper .wpfFilterContent ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }

  html body .wpfMainWrapper .wpfFilterContent ul li {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .wpfMainWrapper .wpfFilterContent ul ul {
    padding-left: 12px !important;
  }


  /* -------------------------
     FILTERVALG
  ------------------------- */

  html body .wpfMainWrapper .wpfLiLabel {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
  }

  html body .wpfMainWrapper .wpfDisplay {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  html body .wpfMainWrapper .wpfValue {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
  }

  html body .wpfMainWrapper .wpfCount {
    margin-left: auto !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    white-space: nowrap !important;
  }


  /* -------------------------
     FIRKANTET CHECKBOX
     (gjelder også radioknapper, så alle
     seksjoner ser like ut som på PC)
  ------------------------- */

  html body .wpfMainWrapper .wpfCheckbox {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    flex-shrink: 0 !important;
  }

  html body .wpfMainWrapper .wpfCheckbox input {
    position: absolute !important;
    inset: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  html body .wpfMainWrapper .wpfCheckbox label {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid #c4c4c4 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    pointer-events: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }

  /* Skjul pluginens egen standard-boks/sirkel */
  html body .wpfMainWrapper .wpfCheckbox label::before {
    display: none !important;
  }

  html body .wpfMainWrapper .wpfCheckbox input:checked + label {
    background: #1c1a33 !important;
    border-color: #1c1a33 !important;
  }

  html body .wpfMainWrapper .wpfCheckbox input:checked + label::after {
    content: "✓" !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }


  /* -------------------------
     «VIS ALLE» / «VIS FÆRRE»
  ------------------------- */

  html body .wpfMainWrapper .wpfShowMoreWrapper,
  html body .wpfMainWrapper .wpfShowFewerWrapper {
    margin-top: 8px !important;
    padding: 0 !important;
  }

  html body .wpfMainWrapper .wpfShowMoreWrapper,
  html body .wpfMainWrapper .wpfShowFewerWrapper,
  html body .wpfMainWrapper .wpfShowMoreWrapper a,
  html body .wpfMainWrapper .wpfShowFewerWrapper a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a6fa8 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    cursor: pointer !important;
  }


  /* -------------------------
     PRIS – INPUTFELT
  ------------------------- */

  html body .wpfMainWrapper .wpfPriceInputs {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 4px 0 18px 0 !important;
  }

  html body .wpfMainWrapper .wpfPriceInputs input,
  html body .wpfMainWrapper .wpfPriceRangeField {
    flex: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    padding: 0 8px !important;
    border: 1px solid #8a8a8a !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    font-size: 16px !important; /* hindrer zoom på iPhone */
    color: #1a1a1a !important;
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
  }

  html body .wpfMainWrapper .wpfPriceInputs input:focus,
  html body .wpfMainWrapper .wpfPriceRangeField:focus {
    border-color: #1c1a33 !important;
  }

  html body .wpfMainWrapper .wpfFilterDelimeter {
    font-size: 14px !important;
    color: #1a1a1a !important;
  }


  /* -------------------------
     PRIS – GLIDEBRYTER
  ------------------------- */

  html body .wpfMainWrapper .ui-slider {
    position: relative !important;
    height: 12px !important;
    margin: 0 14px !important;
    background: #e5e5e5 !important;
    border: none !important;
    border-radius: 6px !important;
  }

  html body .wpfMainWrapper .ui-slider .ui-slider-range {
    position: absolute !important;
    height: 100% !important;
    background: #1c1a33 !important;
    border-radius: 6px !important;
  }

  html body .wpfMainWrapper .ui-slider .ui-slider-handle {
    position: absolute !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: -14px !important;
    transform: translateY(-50%) !important;
    background: #ffffff !important;
    border: 1.5px solid #1c1a33 !important;
    border-radius: 50% !important;
    cursor: grab !important;
    outline: none !important;
  }


  /* -------------------------
     ÅPNE-KNAPP («Filtrer»)
  ------------------------- */

  html body .wpfFloatingSwitcher {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 20px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    background: #ffffff !important;
    border: 1px solid #8a8a8a !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }


  /* -------------------------
     PANEL-HEADER
     Fjerner den blå fargen. Treffer elementet som
     inneholder lukk-krysset, uansett klassenavn.
  ------------------------- */

  html body .wpfFloatingTitle,
  html body div:has(> .wpfFloatingClose),
  html body div:has(> div > .wpfFloatingClose) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  html body div:has(> .wpfFloatingClose) {
    position: relative !important;
    min-height: 56px !important;
    border: none !important;
    border-bottom: 1px solid #dcdcdc !important;
    box-shadow: none !important;
  }

  /* Lukk-kryss: tynt X, sentrert i headeren */
  html body .wpfFloatingClose {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
  }

  html body .wpfFloatingClose::before,
  html body .wpfFloatingClose::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 16px !important;
    height: 1.5px !important;
    background: #555 !important;
  }

  html body .wpfFloatingClose::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  html body .wpfFloatingClose::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }


  /* -------------------------
     LUFT PÅ SIDENE
     (gjelder filteret på mobil, også i panelet)
  ------------------------- */

  html body .wpfMainWrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Litt luft mellom scrollbar og antall */
  html body .wpfMainWrapper .wpfFilterVerScroll {
    padding-right: 10px !important;
  }


  /* -------------------------
     KNAPPER NEDERST (Filtrer / Nullstill)
  ------------------------- */

  html body .wpfMainWrapper .wpfFilterButtons {
    display: flex !important;
    gap: 10px !important;
    padding: 14px 0 calc(14px + env(safe-area-inset-bottom)) !important;
    background: #ffffff !important;
    border-top: 1px solid #dcdcdc !important;
  }

  html body .wpfMainWrapper .wpfFilterButtons .wpfButton {
    flex: 1 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .wpfMainWrapper .wpfFilterButtons .wpfFilterButton {
    color: #ffffff !important;
    background: #1c1a33 !important;
    border: 1px solid #1c1a33 !important;
  }

  html body .wpfMainWrapper .wpfFilterButtons .wpfClearButton {
    color: #1a1a1a !important;
    background: #ffffff !important;
    border: 1px solid #8a8a8a !important;
  }

}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d3362b2 *//* =========================================
   ELEMENTOR LOOP CAROUSEL
   RESPONSIVE KATEGORI-KORT
   ========================================= */

/* Alle slides får samme høyde */
.elementor-48143 .elementor-element.elementor-element-d3362b2 .swiper-wrapper {
    align-items: stretch;
}

.elementor-48143 .elementor-element.elementor-element-d3362b2 .swiper-slide {
    height: auto !important;
    display: flex;
    box-sizing: border-box;
}

/* =========================================
   SELVE KORTET
   ========================================= */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* =========================================
   KATEGORI-BILDE
   ========================================= */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-image {
    width: 100%;
    height: clamp(140px, 14vw, 220px);
    min-height: 140px;

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

    box-sizing: border-box;
    overflow: hidden;
}

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* =========================================
   KATEGORI-TITTEL
   ========================================= */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-heading {
    width: 100%;
    box-sizing: border-box;
}

/*
   VIKTIG:
   Hele ord flyttes til neste linje.
   Ingen ord deles midt i.
*/
.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-heading-title {
    width: 100%;
    min-height: 50px;

    display: block;

    text-align: center;
    line-height: 1.2;

    white-space: normal !important;

    /* Aldri del ord */
    word-break: keep-all !important;
    overflow-wrap: normal !important;

    /* Ikke klipp teksten */
    overflow: visible !important;

    box-sizing: border-box;
}

/* =========================================
   ALLE ELEMENTER
   ========================================= */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item > .elementor-element {
    max-width: 100%;
    box-sizing: border-box;
}

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

@media (min-width: 1025px) {

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item {
        font-size: clamp(12px, 0.95vw, 16px);
    }

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-image {
        height: clamp(130px, 12vw, 220px);
        min-height: 130px;
    }

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-heading-title {
        min-height: clamp(42px, 3.5vw, 55px);

        line-height: 1.15;

        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}

/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-image {
        height: 180px;
        min-height: 180px;
    }

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-heading-title {
        min-height: 50px;

        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}

/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-widget-image {
        height: 170px;
        min-height: 170px;
    }

    .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item .elementor-heading-title {
        min-height: 50px;

        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}
/* =========================================================
   ELEMENTOR LOOP GRID – PAGINERING
   Samme design som WBW-filteret og søkefeltet
   ========================================================= */


/* -------------------------
   CONTAINER
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  margin-top: 40px !important;

  font-family: "Montserrat", sans-serif !important;
}


/* -------------------------
   SIDETALL (felles)
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 40px !important;
  height: 40px !important;

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

  border: 1px solid #c4c4c4 !important;
  border-radius: 4px !important;
  background: #ffffff !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  box-sizing: border-box !important;

  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease !important;
}


/* -------------------------
   HOVER
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination a.page-numbers:hover {
  border-color: #8a8a8a !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
}


/* -------------------------
   AKTIV SIDE
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.current {
  background: #1c1a33 !important;
  border-color: #1c1a33 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  cursor: default !important;
}


/* -------------------------
   FORRIGE / NESTE
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.prev,
.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.next {
  padding: 0 16px !important;
  font-weight: 500 !important;
}

/* Deaktivert forrige/neste (første/siste side) */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination span.page-numbers.prev,
.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination span.page-numbers.next {
  color: #c4c4c4 !important;
  border-color: #e5e5e5 !important;
  cursor: not-allowed !important;
}


/* -------------------------
   «…» (prikker)
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.dots {
  min-width: auto !important;
  padding: 0 4px !important;

  border: none !important;
  background: transparent !important;

  color: #8a8a8a !important;
  cursor: default !important;
}


/* -------------------------
   TASTATURFOKUS
------------------------- */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination a.page-numbers:focus-visible {
  outline: 2px solid #1c1a33 !important;
  outline-offset: 2px !important;
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {

  .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination {
    gap: 6px !important;
    margin-top: 32px !important;
  }

  /* Større trykkflater */
  .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers {
    min-width: 44px !important;
    height: 44px !important;
    font-size: 15px !important;
  }

  .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.prev,
  .elementor-48143 .elementor-element.elementor-element-d3362b2 .elementor-pagination .page-numbers.next {
    padding: 0 14px !important;
  }

}

/* =========================================================
   ELEMENTOR LOOP GRID – HOVER PÅ PRODUKTBOKSER
   Løfter seg litt og får myk skygge
   ========================================================= */

.elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
  will-change: transform !important;
}

/* Kun på enheter med mus (ikke mobil/nettbrett) */

@media (hover: hover) and (pointer: fine) {

  .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item:hover {
    position: relative !important;
    z-index: 2 !important;

    transform: translateY(-2px) scale(1.01) !important;

    box-shadow:
      0 6px 16px rgba(28, 26, 51, 0.08),
      0 1px 3px rgba(28, 26, 51, 0.06) !important;
  }

}

/* Ingen animasjon for brukere som har slått av bevegelse */

@media (prefers-reduced-motion: reduce) {

  .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item,
  .elementor-48143 .elementor-element.elementor-element-d3362b2 .e-loop-item:hover {
    transition: none !important;
    transform: none !important;
  }

}/* End custom CSS */