/** Shopify CDN: Minification failed

Line 338:0 Unexpected "<"
Line 347:0 Unexpected "<"

**/
/* Overlay på slutsålda produktkort */
.product-card__wrapper:has([data-inventory-status="out-of-stock"]) .product-card__image-wrapper {
  position: relative;
}

.product-card__wrapper:has([data-inventory-status="out-of-stock"]) .product-card__image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.55);
  pointer-events: none;
  z-index: 2;
  border-radius: inherit;
}

.product-card__wrapper:has([data-inventory-status="out-of-stock"]) .product-card__info-wrapper {
  opacity: 0.7;
}
/* Header search bar - input-text */
.header-search .input-search {
  color: #111111 !important;
}

/* Placeholder "Vad söker du?" */
.header-search .input-search::placeholder {
  color: #111111 !important;
  opacity: 0.6 !important;
}

/* Söfält - ljusgrå bakgrund med diskret border */
.header-search .header-search-inner {
  border-color: #d1d1d1 !important;
  background-color: #f5f5f5 !important;
  border-radius: 8px !important;
}

/* Förstoringsglas-ikonen */
.header-search .btn-search {
  color: #111111 !important;
}

/* Rundade hörn på söfältet */
.header-search .header-search-inner {
  border-radius: 8px !important;
}

/* Ljusgrå bakgrund på söfältet */
.header-search .header-search-inner {
  background-color: #f5f5f5 !important;
}

.slider-nav.slider-nav__button-arrow {
    background-color: #000000 !important;
}

.slider-nav.slider-nav__button-arrow:hover {
    background-color: #222222 !important;
}


/* Svart cirkel med vitt kryss på alla close-knappar */
.modal__button-close .button__close,
.modal-title__button-close .button__close,
button[aria-label="Stäng"] .button__close {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transform: none !important;
}

/* Hover, bara opacity, ingen rotation */
.modal__button-close:hover .button__close,
.modal-title__button-close:hover .button__close,
button[aria-label="Stäng"]:hover .button__close {
  transform: none !important;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

/* Göm theme:ets SVG */
.modal__button-close .button__close svg,
.modal-title__button-close .button__close svg,
button[aria-label="Stäng"] .button__close svg {
  display: none !important;
}

/* Eget kryss, första strecket */
.modal__button-close .button__close::before,
.modal-title__button-close .button__close::before,
button[aria-label="Stäng"] .button__close::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #fff !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  border-radius: 1px;
}

/* Eget kryss, andra strecket */
.modal__button-close .button__close::after,
.modal-title__button-close .button__close::after,
button[aria-label="Stäng"] .button__close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #fff !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  border-radius: 1px;
}

/* Stoppa hover-rotation på pseudo-elementen också */
.modal__button-close:hover .button__close::before,
.modal-title__button-close:hover .button__close::before,
button[aria-label="Stäng"]:hover .button__close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.modal__button-close:hover .button__close::after,
.modal-title__button-close:hover .button__close::after,
button[aria-label="Stäng"]:hover .button__close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* ========================================
   ZOOM/FÖRSTORA-VY CLOSE-KNAPP
   Hög specificity för att övervinna theme.css
   ======================================== */

/* Svart cirkel med vit text */
html body .modal__button-close--absolute .button__close,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"] .button__close,
html body button[id*="CloseButton"] .button__close {
  background-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transform: none !important;
}

/* Hover */
html body .modal__button-close--absolute:hover .button__close,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"]:hover .button__close,
html body button[id*="CloseButton"]:hover .button__close {
  transform: none !important;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

/* Göm theme:ets SVG */
html body .modal__button-close--absolute .button__close svg,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"] .button__close svg,
html body button[id*="CloseButton"] .button__close svg {
  display: none !important;
  visibility: hidden !important;
}

/* Eget kryss, första strecket */
html body .modal__button-close--absolute .button__close::before,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"] .button__close::before,
html body button[id*="CloseButton"] .button__close::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #fff !important;
  background: #fff !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  border-radius: 1px !important;
  display: block !important;
}

/* Eget kryss, andra strecket */
html body .modal__button-close--absolute .button__close::after,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"] .button__close::after,
html body button[id*="CloseButton"] .button__close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background-color: #fff !important;
  background: #fff !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  border-radius: 1px !important;
  display: block !important;
}

/* Stoppa hover-rotation på pseudo-elementen */
html body .modal__button-close--absolute:hover .button__close::before,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"]:hover .button__close::before,
html body button[id*="CloseButton"]:hover .button__close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body .modal__button-close--absolute:hover .button__close::after,
html body button[id^="MediaGalleryZoom__Enlarge_CloseButton"]:hover .button__close::after,
html body button[id*="CloseButton"]:hover .button__close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}



/* ============================================
   FOOTER UNDERFOT (sub-footer) - Spirec custom
   ============================================ */

/* DESKTOP: vänsterställ företagsinfon bredvid språkväljaren,
   låt betalningsikonerna ligga kvar till höger */
@media (min-width: 768px) {
  .sub-footer.sub-footer-row {
    justify-content: flex-start !important;
    gap: 1.5rem;
  }

  /* Skjut betalningsikonerna längst ut till höger */
  .sub-footer.sub-footer-row > ul.flex.flex-wrap {
    margin-left: auto;
  }
}

/* MOBIL: betalningsikoner överst, företagsinfo underst */
@media (max-width: 767px) {
  .sub-footer.sub-footer-row {
    gap: 1rem;
  }

  /* Språkväljaren först */
  .sub-footer.sub-footer-row > .text-left {
    order: 1;
  }

  /* Betalningsikoner näst */
  .sub-footer.sub-footer-row > ul.flex.flex-wrap {
    order: 2;
    justify-content: center;
  }

  /* Företagsinfo sist */
  .sub-footer.sub-footer-row > .flex.flex-row.items-center {
    order: 3;
    justify-content: center;
    text-align: center;
  }
}
/* Fixa Alpine collapse race condition på desktop för footer-kolumner */
@media (min-width: 768px) {
  .footer-main .footer-collapsed {
    background: transparent !important;
    border: none !important;
  }
  
  .footer-main .footer-collapse__content {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
  }
}

/* Säkerställ att Spirec custom-blocket aldrig får oönskad bakgrund */
.spirec-contact,
.footer-collapse__content:has(.spirec-contact) {
  background: transparent !important;
}

/* ============================================
   TVINGA NOTERINGSFÄLTET ÖPPET, BÅDE I VARUKORG OCH CART DRAWER
   ============================================ */

/* 1. VARUKORGSSIDAN (main-cart) */
.main-cart__note [x-collapse],
.main-cart__note [x-show="isOpen"] {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

/* 2. CART DRAWER (sidopanel) */
.cart-drawer__cart-note__content,
.cart-drawer__cart-note [x-collapse],
.cart-drawer__cart-note [x-show="isOpen"] {
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

/* 3. Dölj rotationspilen på båda ställena (den fyller ingen funktion längre) */
.main-cart__note__header svg,
.cart-drawer__cart-note__header svg {
  display: none !important;
}

/* 4. Gör headers icke-klickbara så fältet inte kan stängas av misstag */
.main-cart__note__header,
.cart-drawer__cart-note__header {
  cursor: default !important;
  pointer-events: none !important;
}

/* 5. Återställ pointer-events på textarea så användaren kan skriva */
.main-cart__note textarea,
.cart-drawer__cart-note__content textarea,
#x-cart-note {
  pointer-events: auto !important;
}



/* Dölj hela mobilmenyns gröna/vita välkomstbar */
.mobile-header-toolbar {
  display: none !important;
}


<style>
  /* Gom land-faltet i frakträknaren */
  .cart__shipping [name="address[country]"],
  .cart__shipping label[for*="country"],
  #address_country,
  .shipping-calculator__country,
  select[name="address[country]"] {
    display: none !important;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    function setSweden() {
      var c = document.querySelector('select[name="address[country]"], #address_country');
      if (c) {
        c.value = 'Sweden';
        c.dispatchEvent(new Event('change', { bubbles: true }));
      }
    }
    setSweden();
    setTimeout(setSweden, 500);
    setTimeout(setSweden, 1500);
  });
</script>