/** Shopify CDN: Minification failed

Line 1244:0 All "@import" rules must come first

**/
/* =============================================================
   VOYAGE – EGNE TILLEGG (ryddet 9. nov 2026: dobbel kopi fjernet, gammel mobilskuff og gammel desktop-megameny-kolonne fjernet)
   Lastes rett etter base.css, så rekkefølgen er uendret.
============================================================= */

/* =======================================================
   ENSARTEDE PRODUKTBILDER (VIOLA)
======================================================= */

 .template-index .card__media,
.template-collection .card__media,
.template-index .card .media,
.template-collection .card .media,
.template-index .viola-product-card__image,
.template-collection .viola-product-card__image {
  aspect-ratio: 2 / 3;
  overflow: hidden;
  position: relative;
}

.template-index .card__media img,
.template-collection .card__media img,
.template-index .card .media img,
.template-collection .card .media img,
.template-index .viola-product-card__image img,
.template-collection .viola-product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.template-index .card,
.template-collection .card {
  overflow: visible;
}

/* =======================================================
   HEADER – SENTRERT MENY
======================================================= */

.header__wrapper {
  position: relative;
}

.header__inline-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  gap: 40px !important;
}

/* Sørg for at logo og ikoner ikke påvirker midtpunktet */
.header__heading,
.header__icons {
  position: relative;
  z-index: 20;
}

@media (max-width: 991px) {
  .header__inline-menu {
    gap: 20px !important;
  }
}

.section-template--21286715425006__product-recommendations .card__media,
[id*="product-recommendations"] .card__media {
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
}

[id*="product-recommendations"] .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* ===================================================== */
/*          VOYAGE – STABIL FULL WIDTH MEGA MENU        */
/* ===================================================== */

sticky-header {
position: relative !important;
z-index: 9998 !important;
}

.header__submenu.wbmenufull {
position: absolute !important;
left: 50% !important;
margin-left: -50vw !important;
width: 100vw !important;
transform: none !important;
background: #F5F5F3  !important;
z-index: 200 !important;
padding: 40px 0 !important;
box-sizing: border-box !important;
margin-top: 16px !important;
border: none !important;
}

#HeaderMenu-MenuList-4 .container {
max-width: 1500px !important;
margin: 0 auto !important;
padding: 0 40px !important;
box-sizing: border-box !important;
display: block !important;
}

#HeaderMenu-MenuList-4 .row {
display: block !important;
column-count: 4 !important;
column-gap: 40px !important;
}

#HeaderMenu-MenuList-4 .col-3 {
display: block !important;
width: 100% !important;
float: none !important;
break-inside: avoid !important;
padding: 0 !important;
margin-bottom: 16px !important;
box-sizing: border-box !important;
}

#HeaderMenu-MenuList-4 .col-3 ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

#HeaderMenu-MenuList-4 .col-3 ul li a {
display: block !important;
padding: 3px 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}

/* =======================================================
   HEADER CART – HVIT BAKGRUNN + SVART IKON
======================================================= */

header #cart-icon-bubble {
  background-color: #FDFCFB !important;
}


/* Tall-boble */
header #cart-icon-bubble .cart-count-bubble {
  background-color: #000000 !important;
  color: #ffffff !important;
}


/* =======================================================
   FOOTER – NEWSLETTER
======================================================= */

.footer-block--newsletter {
  text-align: center !important;
}

.footer-block--newsletter .field__input {
  background-color: #ffffff !important;
  color: #5BBF21 !important;
  border: 1px solid #5BBF21 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
}

.footer-block--newsletter .field__input::placeholder {
  color: #5BBF21 !important;
  opacity: 1 !important;
}

.footer-block--newsletter .newsletter-form__button {
  background-color: #D9D1FA !important;
  color: #F9FFC4 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  transition: 0.3s ease;
}

.footer-block--newsletter .newsletter-form__button:hover {
  background-color: #C8BBF8 !important;
  color: #ffffff !important;
}

/* ================================
   PRODUCT GRID VARIANT OVERLAY
================================ */

/* Fjern kjøpsknapp i grid */
.card .product-form,
.card form[action*="/cart"],
.card .button {
  display: none !important;
}

.card__inner {
  position: relative;
  overflow: hidden;
}

/* (Gammel varianttrakk-overlay på produktkort er fjernet – Voyage-kortet har eget størrelsesvalg) */

/* ===== MERKE (Vendor) ===== */


.wbhomevendor {
  display: inline; /* viktig */
  
  font-size: var(--vg-fs-s, 12px);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: rgba(0,0,0,0.65);

  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(0,0,0,0.35);

  margin-bottom: 8px;

  transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

.wbhomevendor:hover {
  color: rgba(0,0,0,0.9);
  text-decoration-color: rgba(0,0,0,0.7);
}

/* ===== PRODUKTNAVN ===== */
.product-title a {
  font-weight: 600;
  font-size: var(--vg-fs-xl, 16px) !important;
  color: #000;
  text-decoration: none;
  line-height: 1.35;
}

/* ===== PRIS ===== */
.wbhprice,
.wbhprice .price,
.wbhprice .price-item,
.wbhprice .price-item--regular,
.wbhprice .price-item--sale {
  font-weight: 400 !important;
  color: rgba(0,0,0,0.80);
  font-size: var(--vg-fs-xl, 16px) !important;
}

/* Venstrestill tekst i product grid */
.card__content,
.wbproductdes,
.product-inner {
  text-align: left !important;
}

/* Mindre luft mellom tittel og pris */
.product-title {
  margin-top: 5px !important;
  margin-bottom: -10px !important;
}

.wbhprice {
  margin-top: 0px !important;
}


/* =============================== */
/* Bestillingsvare/lagervare          */
/* =============================== */
.card-status-inline {
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  margin: 6px 0 4px;
}

.card-status-inline.instock {
  color: #000000;
}

.card-status-inline.preorder {
  color: #000000;
}

.card-status-inline.soldout {
  color: #000000;
}
/* PRODUCT CARD */
.card-wrapper {
  position: relative;
}

.wishlist-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.wishlist-btn .icon-star {
  width: 24px;
  height: 24px;
  fill: transparent;
  stroke: black;
  stroke-width: 0.75;
  transition: 0.2s ease;
}

.wishlist-btn.active .icon-star {
  fill: black;
}


/* HEADER */
#wishlist-icon-bubble {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 25px;
  height: 25px;

  margin-left: 0px;
  margin-right: 0px;
}

#wishlist-icon-bubble .icon-star {
  width: 30px;       
  height: 30px;

  fill: transparent;
  stroke: currentColor;
  stroke-width: 0.75;  /* slank men ikke for tynn */
}

.wishlist-header-count {
  position: absolute;
  top: -4px;      /* mindre avstand */
  right: -4px;    /* tettere på */

  background: black;
  color: white;

  font-size: var(--vg-fs-s, 12px);
  font-weight: 400;
  width: 17px;
  height: 17px;

  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

/* Skjul wishlist bubble som standard */
.wishlist-header-count {
  display: none;
}

.product__media-wrapper {
  position: relative;
}


.wishlist-product-page .wishlist-btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.wishlist-product-page .icon-star {
  width: 24px;
  height: 24px;
  fill: transparent;
  stroke: black;
  stroke-width: 0.75;
  transition: 0.2s ease;
}

.wishlist-product-page .wishlist-btn.active .icon-star {
  fill: black;
}

@media screen and (max-width: 749px) {
  .wishlist-btn .icon-star {
    width: 18px !important;
    height: 18px !important;
  }
  
  .wishlist-product-page .icon-star {
    width: 18px !important;
    height: 18px !important;
  }

  #wishlist-icon-bubble .icon-star {
    width: 24px !important;
    height: 24px !important;
  }

 #wishlist-icon-bubble {
  width: 44px !important;
  height: 44px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
}

/* ================================
   VOYAGE HERO UPGRADE
================================ */

/* 2️⃣ Headline – bold og mer premium */
.slideshow__text h2,
.slideshow__text .banner__heading {
  -webkit-text-stroke: 1px currentColor;
    letter-spacing: 3px !important;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}

.slideshow__text h2,
.slideshow__text .banner__heading {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-shadow:
    1px 0 0 currentColor,
    -1px 0 0 currentColor,
    1.5px 0 0 currentColor,
    -1.5px 0 0 currentColor;
}

@media (min-width: 750px) {
  .slideshow__text h2,
  .slideshow__text .banner__heading {
    font-size: clamp(80px, 9vw, 130px) !important;
  }
}

@media (max-width: 749px) {
  .slideshow__text h2,
  .slideshow__text .banner__heading {
    font-size: clamp(48px, 12vw, 72px) !important;
  }
}

.banner_capt.inline-richtext {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}

.slideshow__text .banner__heading {
  margin-top: 0 !important;
}

.slideshow__text .banner__text.inline-richtext {
  font-size: 20px !important;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 749px) {
  .banner_capt.inline-richtext {
    font-size: var(--vg-fs-l, 14px) !important;
  }
}

@media screen and (max-width: 749px) {
  .slideshow__text .banner__text.inline-richtext {
    font-size: var(--vg-fs-l, 14px) !important;
    margin-bottom: 16px !important;
  }
}

/* 3️⃣ Tekst litt mer luft */
.slideshow__text-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* 4️⃣ Premium solid knapp */
.slideshow .button--primary {
  background-color: #D9D1F9;
  color: #F9FFC4;
  opacity: 1;
  padding: 14px 32px;
  font-weight: 600;
  letter-spacing: 0.08em;
  transition: all 0.3s ease;
}
.slideshow .banner__heading {
  margin-bottom: 8px !important;
}

.slideshow .banner__buttons {
  margin-top: 0 !important;
}
.slideshow .banner__buttons .button::before,
.slideshow .banner__buttons .button::after {
  display: none !important;
}
/* Fjern eventuell gradient/transparent bakgrunn */
.slideshow .button {
  background-image: none !important;
  backdrop-filter: none !important;
}

div[id="wishlist"],
div[id="bookmarkit"] {
  display: none !important;
}

.wbstockinfo-bar {
  display: none !important;
}

/* HERO slideshow – fullscreen */
.shopify-section:not(.shopify-section-group-header-group) 
slideshow-component .slideshow__slide {
  min-height: calc(100vh - var(--header-height)) !important;
}

/* banner wrapper */
.shopify-section:not(.shopify-section-group-header-group) 
slideshow-component .banner {
  height: 100% !important;
}

/* bilde */
.shopify-section:not(.shopify-section-group-header-group) 
slideshow-component .media,
.shopify-section:not(.shopify-section-group-header-group) 
slideshow-component .banner__media {
  height: 100% !important;
}

.shopify-section:not(.shopify-section-group-header-group) 
slideshow-component .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ====== KNAPPER ====== */



button.btn-vipps {
  background: none !important;
  box-shadow: none !important;
  gap: 6px;
  width: 100%;
  font-size: 0 !important;
}

button.btn-vipps img {
  display: inline-block !important;
  filter: brightness(0) !important;
  height: 14px !important;
  width: auto !important;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

button.btn-vipps span {
  display: none !important;
}

button.btn-vipps::after {
  content: 'Rask betaling med vipps';
  font-size: var(--vg-fs-s, 12px) !important;
  color: #888 !important;
  text-decoration: underline;
}

button.btn-vipps {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: 1px solid rgba(26,26,26,.55) !important;
  height: 44px !important;
  display: flex !important;
  margin: 0 !important;
  background-color: transparent !important;
}

/* Hvis Dawn legger border på primary */
.product-form__submit {
  border-radius: 0px !important;
}

/* ====== QUANTITY ====== */

.product-form__quantity quantity-input {
  height: 60px;
  border: 0px solid rgba(0,0,0,0.15);
  border-radius: 0px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* Selve input-feltet */
.quantity__input {
  height: 100%;
  border: none;
  text-align: center;
}

/* +/- knapper */
.quantity__button {
  height: 100%;
}

.product__accordion,
.accordion {
  border-top: none !important;
}

.product__accordion + .product__accordion,
.accordion + .accordion {
  border-top: none !important;
}

/* Skjul original pil */
.product__accordion summary svg,
.product__accordion summary .icon-caret {
  display: none !important;
}

/* Gjør summary flex så vi kan styre plassering */
.product__accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product__accordion summary::after,
.accordion summary::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 3v12M3 9h12' stroke='%23111' stroke-width='0.7' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.product__accordion details[open] summary::after,
.accordion details[open] summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3 9h12' stroke='%23111' stroke-width='0.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.accordion .accordion__title {
  font-weight: 400 !important;
}



#Details-collapsible_tab_zCjtbD-template--21286715425006__main {
  border-top: 1px solid #e0e0e0 !important;
  padding-top: 24px !important;
}

@media (max-width: 749px) {
  h2.accordion__title {
    font-size: var(--vg-fs-h2, 16px) !important;
  }
}

pickup-availability {
  display: block !important;
  margin: 0 !important;
}

pickup-availability-preview {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.pickup-availability-info {
  display: block !important;
  padding: 0;
}
.pickup-availability-info .caption-large {
  font-size: var(--vg-fs-m, 13px);
  font-weight: 500;
  margin: 0;
  line-height: 1.2;
}
.pickup-availability-info .caption {
  font-size: var(--vg-fs-s, 12px);
  color: rgba(0,0,0,0.6);
  margin: 2px 0 0;
  line-height: 1.2;
}
pickup-availability-preview svg {
  width: 15px;
  height: 15px;
  margin-top: -4px;
  flex-shrink: 0;
}
pickup-availability:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

/* Skjul den originale, grå "Vanligvis klar på to timer" */
.pickup-availability-info .caption {
  display: none !important;
}

/* Din omdøpte knapp overtar plassen og stylen */
#ShowPickupAvailabilityDrawer {
  font-size: var(--vg-fs-s, 12px) !important;
  color: rgba(0, 0, 0, 0.6) !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 749px) {
  pickup-availability {
    height: auto !important;
    min-height: auto !important;
  }
  pickup-availability-preview {
    height: auto !important;
  }
}


/* Fjern "Vis handlekurv" i cart drawer */
.cart__ctas a[href="/cart"] {
  display: none !important;
}

.single-product-discount-wrapper {
  display: none !important;
}



.btn-vipps {
  margin-top: 0px !important;
}

#ProductSubmitButton-template--21286715425006__main {
  margin-bottom: 0px !important;
}
.product-form__input.product-form__quantity {
  margin-bottom: 8px !important;
}

/* Karusell-wrapper under Brand */
.brand-carousel-wrapper {
  margin-top: 16px;
  width: 1000px;
}

.brand-carousel-wrapper .wbmenugallery {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
}

.brand-carousel-wrapper img {
  width: 100% !important;
  aspect-ratio: 2/3 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  height: auto !important;
}

.brand-carousel-wrapper p {
  text-align: center;
  font-size: 0.75rem;
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

/* Skjul original galleri-rad */
.image_label.wbmenugallery {
  display: none !important;
}

/* Karusell slides */
.brand-carousel-wrapper .wp_menu_banner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  opacity: 0 !important;
  transition: opacity 0.6s ease !important;
  pointer-events: none !important;
}

.brand-carousel-wrapper .wp_menu_banner.active {
  opacity: 1 !important;
  position: relative !important;
  pointer-events: auto !important;
}

#HeaderMenu-MenuList-5 .row {
  display: block !important;
  column-count: 4 !important;
  column-gap: 40px !important;
}

#HeaderMenu-MenuList-5 .col-3 {
  display: block !important;
  width: 100% !important;
  float: none !important;
  break-inside: avoid !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

#HeaderMenu-MenuList-5 .col-3 ul li a {
  white-space: nowrap !important;
  display: block !important;
  padding: 3px 0 !important;
}

.header__inline-menu a,
.header__menu-item {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  text-decoration: none !important;
}

.brand-carousel-wrapper .wp_menu_banner a {
  display: block !important;
  width: 100% !important;
}

.brand-carousel-wrapper .wp_menu_banner a img {
  width: 100% !important;
  aspect-ratio: 2/3 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  height: auto !important;
}

.brand-carousel-wrapper a::after,
.brand-carousel-wrapper a:hover::after {
  display: none !important;
  width: 0 !important;
}

/* =======================================================
   HEADER – HOVER UNDERLINE
======================================================= */

/* Undermeny-lenker */
.header__submenu a {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
}

.header__submenu a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 1px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background-color: currentColor !important;
  transition: width 0.3s ease !important;
}

.header__submenu a:hover::after {
  width: 100% !important;
}

/* Linjeavstand undermeny */
.header__submenu.list-menu li a {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* Kategori-overskrift */
.header__submenu .wbmenuinner > a {
  padding-top: 0px !important;
  padding-bottom: 8px !important;
}

.header__submenu .wbmenuinner > a::after {
  bottom: 8px !important;
}

.card-wrapper,
.card__media,
.product__media-wrapper {
  z-index: auto !important;
}

.wishlist-btn {
  z-index: 1 !important;
}

.product__media-wrapper,
.product__media,
.product-media-container {
  z-index: auto !important;
}


.custom-next-btn,
.custom-prev-btn {
  z-index: 1 !important;
}

sticky-header {
  transition: transform 0.3s cubic-bezier(.4,0,.2,1) !important;
  will-change: transform;
}

/* Skjult header */
sticky-header.is-hidden {
  transform: translateY(-100%);
}

/* Fjern Shopify shadow */
.shopify-section-header-sticky {
  box-shadow: none !important;
}

.shopify-section-header-sticky.scrolled-past-header {
  box-shadow: none !important;
}

/* Egen shadow */
.header-wrapper {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: box-shadow 0.4s ease;
}

sticky-header.is-hidden .header-wrapper {
  box-shadow: none;
}

.head-top.collection__title.left > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.head-top.collection__title.left p {
  margin: 0;
}

.card__badge.wb_badge_pos {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 6px !important;
  align-items: center !important;
  z-index: 5 !important;
}

.custom-new-badge {
  background: #D9D1F9 !important;
  color: #F9FFC4 !important;
  font-size: var(--vg-fs-2xs, 10px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  padding: 6px 8px !important;
  border-radius: 20px !important;
  line-height: 1.4 !important;
}

.badge.percent__badge-sale {
  background: #F9FFC4 !important;
  color: #5BBF21 !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: var(--vg-fs-2xs, 10px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  padding: 6px 8px !important;
  line-height: 1.4 !important;
}

@media screen and (max-width: 749px) {

  .card__badge.wb_badge_pos {
    gap: 4px !important;
    top: 0px !important;
    left: 0px !important;
  }

  .custom-new-badge,
  .badge.percent__badge-sale {
    padding: 4px 6px !important;
  }

}

.badge.price__badge-sale {
  display: none !important;
}

.badge.price__badge-sold-out {
  display: none !important;
}


.imgtxt .inline-richtext {
  font-size: 2rem !important;
  font-weight: 800 !important;
}

nav.breadcrumb.row {
  padding-top: 20px !important;
}

.card-status-inline.preorder,
.card-status-inline.soldout {
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
}

.search-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  z-index: 99999 !important;
}

/* Lukket søkevindu skal ikke ligge usynlig utenfor skjermen (gir sidelengs scroll på mobil) */
details:not([open]) > .search-modal {
  display: none !important;
}

.search-modal__content {
  width: 100vw !important;
  max-width: 100vw !important;
  background: #D9D1F9 !important;
  padding: 20px 10vw !important;
  box-sizing: border-box !important;
}

.search-modal__content-bottom,
.search-modal__form,
predictive-search,
.field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.search__input.field__input {
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  border: none !important;
  border-radius: 4px !important;
  background: white !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.search__input.field__input:focus {
  box-shadow: none !important;
  outline: none !important;
}

.field__label {
  display: none !important;
}

.predictive-search {
  margin-top: 0 !important;
  top: 100% !important;
}


#custom_popup { display: none !important; }

@media screen and (max-width: 749px) {

  /* Temaets h-tags (størrelser styres av variablene øverst) */
  h1, .h1 { font-size: var(--vg-fs-h1, 18px) !important; }
  h2, .h2 { font-size: var(--vg-fs-h2, 16px) !important; }
  h3, .h3 { font-size: var(--vg-fs-l, 14px) !important; }
  h4, .h4 { font-size: var(--vg-fs-s, 12px) !important; }
  h5, .h5 { font-size: var(--vg-fs-xs, 11px) !important; }
  h6, .h6 { font-size: var(--vg-fs-xs, 11px) !important; }
  body, p  { font-size: var(--vg-fs-body-m, 13px) !important; }

  /* Dine egne klasser */
  .product-title a              { font-size: var(--vg-fs-l, 14px) !important; font-weight: 900 !important; }
  .wbhprice,
  .wbhprice .price-item         { font-size: var(--vg-fs-m, 13px) !important; }
  .wbhomevendor                 { font-size: var(--vg-fs-2xs, 9px) !important; }
  .card-status-inline           { font-size: var(--vg-fs-xs, 10px) !important; }
  .card-status-inline.preorder,
  .card-status-inline.soldout   { font-size: var(--vg-fs-xs, 10px) !important; }
  .custom-new-badge,
  .badge.percent__badge-sale    { font-size: var(--vg-fs-2xs, 9px) !important; }
  .imgtxt .inline-richtext      { font-size: var(--vg-fs-h1, 18px) !important; }

}

.center.collection__view-all .button {
  padding-left: 60px !important;
  padding-right: 60px !important;
  padding-top: calc(0.72rem + 4px) !important;
  padding-bottom: calc(0.72rem + 4px) !important;
  margin-top: 30px !important;
  font-size: clamp(14px, 2vw, 20px) !important;
}

@media screen and (max-width: 749px) {
  .center.collection__view-all {
    padding: 0 !important;
    width: 100% !important;
  }
  
  .center.collection__view-all .button {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


[id*="product-recommendations"] .card__media,
.product-recommendations .card__media {
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  position: relative !important;
}

[id*="product-recommendations"] .card__media img,
.product-recommendations .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

@media (hover: none) {
  .card .media--hover-effect > img + img {
    transition: none !important;
  }
}

@media screen and (max-width: 749px) {
  .custom-gallery-wrapper .product__media-item img,
  .custom-gallery-wrapper .media {
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: auto !important;
  }
}

.breadcrumb {
  background: transparent !important;
  background-color: transparent !important;
  --page-width-margin: 1940px !important;
  display: None !important;
}

.wb_card_variant variant-selects,
.wb_card_variant variant-selects > *,
.wb_card_variant .card__inner .product-form__input {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.card variant-selects,
.card-wrapper variant-selects,
variant-selects {
  font-size: 0 !important;
  color: transparent !important;
}

variant-selects .product-form__input {
  font-size: var(--vg-fs-s, 12px) !important;
  color: #fff !important;
}

@media screen and (max-width: 749px) {
  .breadcrumb .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


.wishlist-product-page {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 2 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.card.gradient::before,
.card.gradient::after {
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   VOYAGE OSLO — Instafeed
   Lim inn i: Customize → Theme settings → Custom CSS
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');

/* ── Bakgrunnsfarger ── */
.instafeed-new-layout-item:nth-child(1) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(2) { background: #D9D1F9 !important; }
.instafeed-new-layout-item:nth-child(3) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(4) { background: #D9D1F9 !important; }
.instafeed-new-layout-item:nth-child(5) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(6) { background: #D9D1F9 !important; }
.instafeed-new-layout-item:nth-child(7) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(8) { background: #D9D1F9 !important; }
.instafeed-new-layout-item:nth-child(9) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(10) { background: #D9D1F9 !important; }
.instafeed-new-layout-item:nth-child(11) { background: #F9FFC4 !important; }
.instafeed-new-layout-item:nth-child(12) { background: #D9D1F9 !important; }

/* ── Bilder fyller cellen ── */
.instafeed-new-layout-item img,
.instafeed-new-layout-item .instafeed-lazy-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1) !important;
  transition: transform 0.4s ease !important;
  z-index: 1 !important;
}

/* ── Hover: bilde zoomer ut ── */
.instafeed-new-layout-item:hover img,
.instafeed-new-layout-item:hover .instafeed-lazy-image {
  transform: scale(0.78) !important;
}

/* ── Skjul appens hover-elementer ── */
.instafeed-hover-layer { display: none !important; }
.instafeed-hover-icon  { display: none !important; }

/* ── Naboer får mørk overlay ved hover ── */
.instafeed-new-layout-container:has(.instafeed-new-layout-item:hover)
.instafeed-new-layout-item::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  transition: background 0.35s ease !important;
  z-index: 2 !important;
}

/* Hovered bilde — ingen overlay */
.instafeed-new-layout-container:has(.instafeed-new-layout-item:hover)
.instafeed-new-layout-item:hover::before {
  background: transparent !important;
}

/* ── VOYAGE tekst — gul bakgrunn: lilla tekst ── */
.instafeed-new-layout-item:nth-child(odd)::after {
  color: #D9D1F9 !important;
}

/* ── VOYAGE tekst — lilla bakgrunn: gul tekst ── */
.instafeed-new-layout-item:nth-child(even)::after {
  color: #F9FFC4 !important;
}

/* ── Felles tekststil — øverst ── */
.instafeed-new-layout-item::after {
  content: 'VOYAGE' !important;
  font-family: 'DM Serif Display', serif !important;
  font-weight: 900 !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 16px !important;
  font-size: clamp(20px, 3vw, 36px) !important;
  letter-spacing: 0.15em !important;
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
  z-index: 3 !important;
}

.instafeed-new-layout-item:hover::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── CTA skjult ── */
.instafeed-bottom-link-wrapper {
  display: none !important;
}
.instafeed-new-layout-item::before,
.instafeed-new-layout-item::after {
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .footer-block .toggle.h6 {
    font-size: var(--vg-fs-h2, 16px) !important;
    font-weight: 900px!important;
  }
  
  .wbfootcont a,
  .wbfootcont li,
  .wbfootcont p {
    font-size: var(--vg-fs-s, 12px) !important;
  }
}

.product-form__input .disabled,
.product-form__input input[type="radio"].disabled + label,
.product-form__input input[type="radio"]:disabled + label {
  opacity: 0.35 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}



@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 128, 0, 0.5); }
  70% { box-shadow: 0 0 0 6px rgba(255, 128, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 128, 0, 0); }
}

.wbstockinfo_low,
.wbstockinfo_high {
  display: inline-flex;
  align-items: center;
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  color: var(--color-text-secondary);
  line-height: 18px;
  letter-spacing: 0.6px;
}

.wbstockinfo_low::before,
.wbstockinfo_high::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
  position: relative;
}

.wbstockinfo_low::before {
  background: #FF8000;
  animation: pulse 1.5s infinite;
}

.wbstockinfo_high::before {
  background: #5BBF21;
  box-shadow: 0 0 0 3px rgba(91, 191, 33, 0.3);
}

.custom-new-badge {
  animation: pulse-badge 2s ease-in-out infinite;
}
@keyframes pulse-badge {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

body.size-guide-open sticky-header {
  position: relative !important;
  z-index: 0 !important;
}


.delivery-tag__icon {
  height: 20px;
  width: auto;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.wbcuscontent .rte p .metafield-multi_line_text_field {
  display: block;
  width: fit-content;
  background: transparent;
  border: 0.5px solid #F8F7F5;
  color: #000000;
  font-size: var(--vg-fs-s, 12px);
  font-weight: 400;
  padding: 4px 10px;
  margin-top: -20px !important;
  margin-bottom: 10px;
}

.badge.soldout_product_badge {
  display: none !important;
}


.size-note {
  margin-top: 1.25rem;
  padding: 12px 14px;
  background: #F8F7F5;
  border-radius: 0px;
  font-size: var(--vg-fs-s, 12px);
  color: #444441;
  line-height: 1.6;
}

.size-guide-btn {
  background: none;
  border: none;
  font-size: var(--vg-fs-s, 12px);
  color: var(--color-text-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.size-guide-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999 !important;
}

.size-guide-modal.active {
  display: block;
}

.size-guide-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
}

.size-guide-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 40px;
  width: 90%;
  max-width: 640px;
  z-index: 9999 !important;
  border-radius: 0;
}

.size-guide-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: var(--vg-fs-h1, 18px);
  cursor: pointer;
  color: var(--color-text-secondary);
}

.size-guide-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--vg-fs-m, 13px);
}

.size-guide-table thead tr {
  border-bottom: 1px solid #d3d1c7;
}

.size-guide-table th {
  font-weight: 500;
  font-size: var(--vg-fs-xs, 11px);
  letter-spacing: 0.06em;
  color: #888780;
  padding: 0 12px 12px 0;
  text-align: left;
}

.size-guide-table td {
  padding: 12px 12px 12px 0;
  text-align: left;
  border-bottom: 0.5px solid #eeece5;
}

.size-guide-table tr:last-child td {
  border-bottom: none;
}

.size-guide-table td:first-child {
  font-weight: 500;
}

.sg-int {
  display: inline-block;
  background: #F8F7F5;
  color: #5f5e5a;
  font-size: var(--vg-fs-xs, 11px);
  font-weight: 500;
  border-radius: 0;
  padding: 2px 7px;
}

@media screen and (max-width: 749px) {

  .size-guide-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-right: -16px; /* edge-to-edge feel */
    padding-right: 16px;
  }

  .size-guide-table {
    min-width: 620px; /* viktig */
  }

}


/* =========================================================
   BREDDE FIX — matcher Shopify/Dawn layout korrekt
========================================================= */

/* riktig wrapper */

div[id*="__video_with_text"] {
  max-width: 1740px !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* intern wrapper */

div[id*="__video_with_text"] .section-template {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* ikke la wbvidewithtxt lage ekstra bredde */

.wbvidewithtxt {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* row uten offset */

.wbvidewithtxt .row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  box-sizing: border-box !important;
}


/* =========================================================
   TEKSTBLOKK
========================================================= */

[class*="video-text-"] {
  padding: 40px 0 40px 120px !important;
  max-width: 640px !important;
  text-align: left !important;
}


/* =========================================================
   HEADING
========================================================= */

.wbvidewithtxt h2.vtext {
  color: #F9FFC4 !important;
  font-size: 56px !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

.wbvidewithtxt h2.vtext strong {
  display: block !important;
  font-size: 100px !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  -webkit-text-stroke: 0.5px #F9FFC4 !important;
}


/* =========================================================
   BESKRIVELSE
========================================================= */

.wbvidewithtxt .img_subdesc {
  text-align: left !important;
}

.wbvidewithtxt .img_subdesc p {
  color: #ffffff !important;
  font-size: var(--vg-fs-l, 14px) !important;
  line-height: 1.7 !important;
  max-width: 480px !important;
}


/* =========================================================
   KNAPP
========================================================= */

.wbvidewithtxt .vidtxtbtn {
  color: #ffffff !important;
  border-color: #ffffff !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.wbvidewithtxt .vidtxtbtn:hover {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}


/* =========================================================
   VIDEO WRAPPER
========================================================= */

.wbvideosrc {
  height: 800px !important;
  padding-bottom: 0 !important;
  position: relative !important;
}


/* =========================================================
   VIDEO
========================================================= */

.wbvideosrc video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  position: absolute !important;
  inset: 0 !important;
}


/* =========================================================
   VENSTRE KOLONNE
========================================================= */

.wbvidewithtxt .row > .col-md-6:first-child {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 20px !important;
}


/* =========================================================
   ACCENT VARIANT
========================================================= */

.wbvidewithtxt.color-accent-3 h2.vtext {
  color: #9b8fd4 !important;
  -webkit-text-stroke: 1.5px #9b8fd4 !important;
}

.wbvidewithtxt.color-accent-3 h2.vtext strong {
  color: #9b8fd4 !important;
  -webkit-text-stroke: 1.5px #9b8fd4 !important;
}

.wbvidewithtxt.color-accent-3 .img_subdesc p {
  color: #1a1a1a !important;
}

.wbvidewithtxt.color-accent-3 .vidtxtbtn {
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
}

.wbvidewithtxt.color-accent-3 .vidtxtbtn:hover {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.color-accent-3 .button--secondary::after,
.color-accent-3 .vidtxtbtn::after {
  border-color: #1a1a1a !important;
  box-shadow: none !important;
}


/* =========================================================
   VIDEO RATIO
========================================================= */

.video-section__media {
  --ratio-percent: 40% !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

  div[id*="__video_with_text"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .wbvidewithtxt .row {
    flex-direction: column !important;
  }

  .wbvidewithtxt .row > .col-md-6:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 40px 24px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  [class*="video-text-"] {
    padding: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .wbvidewithtxt h2.vtext {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }

  .wbvidewithtxt h2.vtext strong {
    font-size: 54px !important;
    line-height: 1 !important;
    -webkit-text-stroke: 0 !important;
  }

  .wbvidewithtxt .img_subdesc,
  .wbvidewithtxt .img_subdesc p {
    text-align: left !important;
    max-width: 100% !important;
    font-size: var(--vg-fs-l, 14px) !important;
  }

  .wbvidewithtxt .vidtxtbtn {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .wbvideosrc {
    height: 650px !important;
    min-height: 650px !important;
  }

  .video-section__media {
    --ratio-percent: 120% !important;
  }

  .wbvideosrc video {
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* IMAGE GALLERY */

/* Desktop: alle på én rad */
#Slider-template--21733977129198__image_gallery_Qy3KyP {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

#Slider-template--21733977129198__image_gallery_Qy3KyP .grid__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: unset !important;
}

/* Kolonne-layout per item */
#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Bilde */
#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .media {
  width: 100% !important;
  overflow: hidden !important;
  background-color: #FAF9F8 !important;
  flex-shrink: 0 !important;
}

#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 1.2s ease;
  filter: brightness(1) saturate(1);
}

#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .media:hover img {
  transform: translateY(-10px) scale(1.05) rotate(1deg);
  filter: brightness(1.08) saturate(1.2);
}

/* Tekst UNDER bildet */
#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .imgtxt {
  position: static !important;
  inset: unset !important;
  width: 100% !important;
  padding: 8px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
}

#shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .imgtxt h2 {
  font-size: clamp(10px, 1.1vw, 15px) !important;
  text-align: center !important;
  margin: 4px 0 0 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}

/* Tablet: 3 per rad */
@media (max-width: 1024px) and (min-width: 601px) {
  #Slider-template--21733977129198__image_gallery_Qy3KyP {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
  #shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .imgtxt h2 {
    font-size: clamp(11px, 2vw, 14px) !important;
  }
}

/* Mobil: 2 per rad */
@media (max-width: 600px) {
  #Slider-template--21733977129198__image_gallery_Qy3KyP {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  #shopify-section-template--21733977129198__image_gallery_Qy3KyP .imgallery .imgtxt h2 {
    font-size: clamp(10px, 3.5vw, 13px) !important;
  }
}

.card__media,
.media-wrapper,
.card__inner {
  aspect-ratio: 2 / 3 !important;
  position: relative !important;
  height: auto !important;
}

.page-width {
  max-width: 1940px !important;
  padding: 0 35px;
}

@media screen and (max-width: 749px) {
  .page-width {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.page-width {
  max-width: 100% !important;
  padding-right: 35px;
  padding-left: 35px;
}

@media screen and (max-width: 749px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .page-width {
    max-width: 100% !important;
    padding-right: 10px;
    padding-left: 10px; 
  }
}


.header__menu-item span {
  font-weight: 400;
  letter-spacing: 0.06em;
}


.announcement-bar .link,
.announcement-bar span,
.announcement--bar a,
.announce-wrapper span {
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  background-color: #222222 !important;
}

.announcement--bar {
  background: #222222 !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  .announcement-bar .link,
  .announcement-bar span,
  .announcement--bar a,
  .announce-wrapper span {
    font-size: var(--vg-fs-xs, 10px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    background-color: #222222 !important;
  }
}

sticky-header .header__submenu.wbmenufull .container {
  padding-left: 40px !important;
  padding-right: 40px !important;
  max-width: 1720px !important;
}

.header__menu-item {
  font-size: var(--vg-fs-l, 14px) !important;
}

/* Hovedkategorier */
.wbmenuinner > a {
    font-weight: 500 !important;
}

/* Underkategorier */
.header__submenu ul li a {
    font-weight: 300 !important;
}

.coll-page-bnr .chero-overlay,
  .coll-page-bnr .chero-column {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

@media screen and (max-width: 749px) {
  .coll-page-bnr .chero-overlay,
  .coll-page-bnr .chero-column {
    padding-top: 80px !important;
    padding-bottom: 100px !important;
  }
}

/* Nuclear fix – PhotoSwipe stacking context */
body.pswp-open > *:not(.pswp) {
  z-index: auto !important;
  isolation: auto !important;
  transform: none !important;
  will-change: auto !important;
  filter: none !important;
}

.pswp {
  position: fixed !important;
  z-index: 999999 !important;
  isolation: isolate !important;
}

.custom-new-badge.badge--comingsoon,
.custom-new-badge.badge--restock {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.template-product .container {
  padding-top: 20px !important;
}

@media screen and (max-width: 749px) {
  .template-product .container {
    padding-top: 0px !important;
  }
}

.header__submenu.list-menu--disclosure:not(.wbmenufull) {
  margin-top: 16px !important;
}
 

/* ==========================================================
   Back in stock modal – justeringer på original stil
   ========================================================== */

/* Wrapper for å plassere krysset absolutt i hjørnet
   (IKKE på #backInStockForm - det elementet styres av scriptet
   som åpner/lukker popupen, og position: relative der ødelegger det) */
.back-in-stock-form-content {
  position: relative !important;
}

/* 1) Ingen avrundede hjørner på produktbildet */
.back-in-stock-form-variant-image {
  border-radius: 0 !important;
}

/* 2) E-post-felt: fjern boksen, bruk kun en understrek */
#backInStockFormEmailInput {
  border: none !important;
  border-bottom: 1px solid #111111 !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#backInStockFormEmailInput:focus {
  outline: none !important;
  border-bottom: 1px solid #000000 !important;
}

/* Variant-velger (str./farge): samme understrek-stil som e-postfeltet */
#backInStockFormVariantSelect {
  border: none !important;
  border-bottom: 1px solid #111111 !important;
  border-radius: 0 !important;
  padding: 8px 24px 8px 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 14px !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
 
#backInStockFormVariantSelect:focus {
  outline: none !important;
  border-bottom: 1px solid #000000 !important;
}

/* 3) Mindre tekst i "Varsle meg"-knappen */
.back-in-stock-form-subscribe-button {
  font-size: var(--vg-fs-l, 14px) !important;
  font-weight: 500 !important;
}

/* 4) Footer-teksten: midtstilt, medium vekt */
.back-in-stock-form-footer-text {
  text-align: center !important;
  font-weight: 400 !important;
  font-size: var(--vg-fs-s, 12px) !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* 5) Krysset (X) i samme stil som velkomst-popupen: tynn, uten sirkel/bakgrunn, plassert øverst til høyre */
.back-in-stock-close-span {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #111111 !important;
  cursor: pointer !important;
}

.back-in-stock-close-span:hover {
  opacity: 0.6 !important;
}

/* Bekreftelsesmelding: lettere tekstvekt og 3x større ikon */
.back-in-stock-confirmation-text {
  font-weight: 400 !important;
}

.back-in-stock-success-icon {
  width: 120px !important;
  height: 120px !important;
}

.back-in-stock-error-text {
  font-weight: 400 !important;
}

.back-in-stock-form-header-bell-icon {
  display: none !important;
}

@media (max-width: 749px) {
  .back-in-stock-form-variant-info {
    align-items: center !important;
  }

  .back-in-stock-form-variant-image {
    margin: 0 auto !important;
    display: block !important;
  }
}

.icon-search {
  width: 22px;
  height: 22px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1 !important;
}

header #cart-icon-bubble svg,
header #cart-icon-bubble svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1 !important;
}

@media screen and (max-width: 991px) {
  /* Sentrer logo skikkelig */
  .header--menu_left .headlogo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
  }

  /* Nøytraliser .header__icons som posisjoneringskontekst på mobil. */
  .header__icons {
    position: static !important;
  }

  /* Hamburgeren i header-drawer: fast boksstørrelse + sentrert innhold */
  header-drawer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }

  header-drawer > * {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
  }

  header-drawer .header__icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  header-drawer summary.header__icon--menu {
    position: relative !important;
  }

  header-drawer .header__icon--menu .icon {
    width: 18px !important;
    height: 18px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
  }

  .header--menu_left .tright > details-modal.header__search summary.header__icon--search {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    z-index: 10;
  }

  .tright {
    column-gap: 0px !important;
  }
}

.tright {
  column-gap: 0px !important;
}

.userdrop button,
.header__icons .wbhcart > a,
#wishlist-icon-bubble {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}

.wbhcart {
  padding: 0 !important;
}

@media screen and (min-width: 992px) {
  .tright {
    column-gap: 10px !important;
  }
}

.mp-bonus-card,
#bonus-tag-for-all,
#bonus-tag-for-original,
#bonus-tag-for-sale {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.mp-bonus-card.lc-credit-ready,
#bonus-tag-for-all.lc-credit-ready,
#bonus-tag-for-original.lc-credit-ready,
#bonus-tag-for-sale.lc-credit-ready {
  opacity: 1 !important;
}


#modish-loyalty-container a:hover,
#modish-loyalty-container button:hover {
  background: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
#modish-loyalty-container input[type="email"],
#modish-loyalty-container input[type="text"] {
  background: #FFFFFF !important;
  color: #121212 !important;
}

#modish-loyalty-container a.btn.button.vipps-btn {
  background: #121212 !important;
  color: #ffffff !important;
}

#modish-loyalty-container a.btn.button.vipps-btn:hover {
  background: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

#modish-loyalty-container .input-group input.btn.button {
  border: none !important;
  border-radius: 0 !important;
}

#bonus-tag-for-all a,
#bonus-tag-for-original a,
#bonus-tag-for-sale a {
  border-radius: 0 !important;
  background: none !important;
  color: #8C857D !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
  font-size: var(--vg-fs-m, 13px) !important;
}

[data-menu-title="aktuelt"].wbmenufull {
  display: flex !important;
  align-items: flex-start !important;
  gap: 60px !important;
  box-sizing: border-box !important;
  padding: 40px max(80px, calc((100vw - 1500px) / 2)) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

[data-menu-title="aktuelt"].wbmenufull .container:first-of-type {
  flex: 0 0 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-menu-title="aktuelt"].wbmenufull .container:first-of-type .row {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

[data-menu-title="aktuelt"].wbmenufull .container:first-of-type .col-4 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

[data-menu-title="aktuelt"].wbmenufull .container:nth-of-type(2) {
  flex: 1 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .grid {
  display: flex !important;
  gap: 20px !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .grid__item {
  flex: 1 1 0 !important;
  max-width: 200px !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__content {
  display: none !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__badge {
  display: flex !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct img {
  content-visibility: visible !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__inner,
[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__media {
  aspect-ratio: 2 / 3 !important;
  height: auto !important;
  overflow: hidden !important;
  position: relative !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .product__media-item,
[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .product__media-item .media {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__badge,
[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .custom-new-badge {
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10 !important;
  width: auto !important;
  height: auto !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__badge img {
  position: static !important;
  width: auto !important;
  height: auto !important;
  object-fit: unset !important;
}

.header__submenu .wbmgproduct a::after {
  content: none !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .card__badge.wb_badge_pos {
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .custom-new-badge {
  font-size: var(--vg-fs-2xs, 8px) !important;
  padding: 4px 8px !important;
}

@media screen and (min-width: 768px) {
  .template-product ul[id^="Slider-Gallery-"] {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .template-product ul[id^="Slider-Gallery-"] > li.grid__item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}


@media screen and (max-width: 991px) {
  .menu-drawer .wbmgproduct {
    display: none !important;
  }
}

/* ==========================================================
   Skjul kjøpsrelaterte elementer når produktet er utsolgt
   ========================================================== */
 
/* Legg i handlekurv-knapp + Vipps-knapp */
.card-status-inline.soldout ~ div .product-form__buttons,
.card-status-inline.soldout ~ div .btn-vipps {
  display: none !important;
}

/* "Velg størrelse"-label + variant-piller */
.template-product .product__info-container:has(.card-status-inline.soldout):not(:has(.badge--comingsoon)) variant-radios {
  display: none !important;
}

.card-status-inline.soldout {
  display: none !important;
}

@media screen and (min-width: 750px) {
  .pdp-vendor-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .pdp-vendor-row .wishlist-product-page {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
  }
}

@media screen and (max-width: 749px) {
  button.btn-vipps {
    margin-top: 5px !important;
  }
}

/* ===== MODISH CREDIT-WIDGET — FINAL DESIGN ===== */

#bonus-btn-form {
  background-color: #F5F5F3 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Ikon + tittel-rad */
#bonus-btn-form .main-header-title-bouns-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px !important;
}

/* Skjuler "Din saldo"-teksten — ikonet + beløpet er nok informasjon i denne kompakte versjonen */
#bonus-btn-form .main-use-bonus-title {
  display: none;
}

/* Beløp + statisk tekst, med lommebok-ikon foran */
#bonus-btn-form .main-bonus-title-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  text-align: left;
}

#bonus-btn-form .main-bonus-title-wrapper::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.5'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h11a3 3 0 0 1 3 3v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z'/%3E%3Cpath d='M17 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3Cpath d='M3 9h15'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

#bonus-btn-form .subscription__button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: default;
  padding: 0;
  background: none !important;
  border: none !important;
}

#bonus-btn-form label.subscription__button {
  margin-bottom: 0 !important;
}

#bonus-btn-form .subscription__main-feature {
  font-size: var(--vg-fs-h2, 17px) !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

#bonus-btn-form .subscription__title {
  font-size: var(--vg-fs-s, 12px) !important;
  color: #1a1a1a !important;
}

.lc-credit-static-text {
  font-size: var(--vg-fs-s, 12px);
  color: #1a1a1a;
}


/* Fotnote-tekst (før/etter bekreftelse) — innrykket til å stå på linje med beløpsteksten, ikke under ikonet */
#bonus-btn-form .subscription_main_footer {
  font-size: var(--vg-fs-xs, 10px) !important;
  color: rgba(0, 0, 0, 0.45) !important;
  line-height: 1.4;
  text-align: left !important;
  margin: 0 0 12px 28px !important;
}

#after_confirm_bonus_text {
  color: #2f6b2f !important;
  font-weight: 500;
}

#bonus-btn-form .modal-footer {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== KNAPPER ===== */

/* "Bruk Voyage Credit" — outline-stil */
#check_out_bonus_btn_form {
  background: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 0 !important;
  height: 44px !important;
  font-size: var(--vg-fs-m, 13px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-top: 0 !important;
  transition: background 0.2s ease, color 0.2s ease;
}

#check_out_bonus_btn_form:hover {
  background: #1a1a1a !important;
  color: #fff !important;
}

/* "Bekreft" — full bredde under, unngår konflikt med Modish sin inline width:100% */
#confirm_btn_form {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 0 !important;
  height: 40px !important;
  font-size: var(--vg-fs-xs, 11px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-top: 0 !important;
}

#confirm_btn_form:hover {
  background-color: #1a1a1a !important;
  color: #fff !important;
}

/* Loader-spinner i "Bekreft" */
#confirm_btn_form .bonus-spinner {
  display: flex;
  gap: 4px;
  justify-content: center;
}

#confirm_btn_form .bonus-spinner .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  animation: bonus-dot-pulse 1s infinite ease-in-out;
}

#confirm_btn_form .bonus-spinner .dot:nth-child(2) { animation-delay: 0.15s; }
#confirm_btn_form .bonus-spinner .dot:nth-child(3) { animation-delay: 0.3s; }

@keyframes bonus-dot-pulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

#confirm_btn_form span {
  transform: none !important;
  transition: none !important;
}

#confirm_btn_form:hover span {
  transform: none !important;
}

#confirm_btn_form::after,
#check_out_bonus_btn_form::after {
  box-shadow: none !important;
}

#CartDrawer-Checkout {
  text-transform: uppercase !important;
  font-size: var(--vg-fs-l, 14px) !important;
}

.size-guide-btn svg.icon-size-chart {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =============================================================
   SKRIFTSTØRRELSER – én plass å endre (Voyage)
   Brukes av produktsiden (nederst i denne filen) og kortet (card-voyage.css).
   Endrer du en verdi her, endres den overalt hvor variabelen brukes.
============================================================= */
:root {
  --vg-fs-2xs: 9px;   /* merkelapper (NEW, salg) */
  --vg-fs-xs: 11px;   /* merkenavn, bonus, småtekst */
  --vg-fs-s: 12px;    /* knapper, lagerstatus, kort-tekst */
  --vg-fs-m: 13px;    /* beskrivelse, trekkspilltekst */
  --vg-fs-l: 14px;    /* størrelser, trekkspill-overskrifter */
  --vg-fs-xl: 15px;   /* produktnavn og pris */
  --vg-fs-h1: 18px;   /* H1 på mobil */
  --vg-fs-h2: 16px;   /* H2 på mobil */
  --vg-fs-body-m: 13px; /* brødtekst på mobil */
  --vg-fs-body-d: 14px; /* brødtekst på desktop */
  --vg-ls-text: 0.02em;
  --vg-ls-title: 0.03em;
  --vg-ls-caps: 0.14em;
}
@media screen and (min-width: 750px) {
  body { font-size: var(--vg-fs-body-d, 14px); }
}

/* =============================================================
   FEATURED COLLECTION – overskrift til venstre, «Vis alle →» til høyre
   Krever i seksjonen: Tittel utfylt, «Vis alle»-knapp på, posisjon = Top.
============================================================= */
.wbcollfea .head-top.collection__title {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px !important;
  text-align: left !important;
}
.wbcollfea .head-top.collection__title > div:first-child { flex: 1 1 auto; min-width: 0; }
.wbcollfea .head-top .heading,
.wbcollfea .head-top .heading * {
  margin: 0 !important;
  text-align: left !important;
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  letter-spacing: var(--vg-ls-caps, 0.14em) !important;
  text-transform: uppercase !important;
}
.wbcollfea .head-top .wb_button_combo {
  margin: 0 0 0 auto !important;   /* alltid helt til høyre, også uten tittel og på mobil */
  width: auto !important;
  flex: 0 0 auto;
  justify-content: flex-end !important;
}
.wbcollfea .head-top .vall_space { margin: 0 !important; }
.wbcollfea .head-top .vall_space a {
  display: inline-flex;
  align-items: center;
  font-size: var(--vg-fs-s, 12px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0 !important;
  border: 0 !important;
  background-image: none !important;
}
.wbcollfea .head-top .vall_space a:hover,
.wbcollfea .head-top .vall_space a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.wbcollfea .head-top .vall_space a svg,
.wbcollfea .head-top .vall_space a .icon { display: none !important; }

/* ===== Sticky legg-i-handlekurv: navn + pris venstre, knapp høyre, størrelsesvalg som popper opp ===== */
#sticky-atc {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  background: #F5F5F3;
  transform: translateY(100%); transition: transform .3s ease;
}
#sticky-atc.visible { transform: translateY(0); }
#sticky-atc.in-cart { display: none !important; }
.sticky-atc__info { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.sticky-atc__title {
  font-size: var(--vg-fs-xs, 11px); line-height: 14px; letter-spacing: .04em; text-transform: uppercase;
  color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sticky-atc__price { font-size: var(--vg-fs-s, 12px); line-height: 14px; color: #1a1a1a; }
.sticky-atc__btn {
  flex: 0 0 auto; min-height: 44px; padding: 0 20px; border: 0; border-radius: 0;
  background: #1a1a1a; color: #fff; cursor: pointer; white-space: nowrap;
  font: inherit; font-size: var(--vg-fs-s, 12px); letter-spacing: .08em; text-transform: uppercase;
}

.sticky-atc__img { display: none; }

@media (min-width: 750px) {
  #sticky-atc {
    left: auto; right: 24px; bottom: 24px; width: 460px; padding: 10px 12px;
    gap: 12px;
    opacity: 0; pointer-events: none; transform: translateY(20px);
    transition: transform .3s ease, opacity .3s ease;
  }
  #sticky-atc.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .sticky-atc__img { display: block; width: 56px; height: 56px; object-fit: cover; flex: 0 0 auto; }
}


/* ===== Størrelsesguide og «Hent i butikk» (beholdt fra ryddingen) ===== */
@media screen and (max-width: 749px) {
  /* Størrelsesguide: tekstlenke til høyre på lagerraden */
  .template-product .size-guide-btn { font-size: 0 !important; gap: 0 !important; text-decoration: none !important; }
  .template-product .size-guide-btn svg { display: none !important; }
  .template-product .size-guide-btn::after {
    content: "Størrelsesguide"; font-size: var(--vg-fs-xs, 11px); color: #6f6d69;
    text-decoration: underline; text-underline-offset: 3px;
  }
  /* ...og guiden åpnes i samme bunnpanel */
  .size-guide-modal__overlay { background: transparent; }
  .size-guide-modal__content {
    top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    transform: none !important; width: 100% !important; max-width: none !important; max-height: 80vh;
    overflow-y: auto; display: flex; flex-direction: column;
    padding: 24px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background: #F5F5F3 !important; box-shadow: 0 -8px 24px rgba(0,0,0,.12);
  }
  .size-guide-modal.active .size-guide-modal__content { animation: vgSheetUp .25s ease; }
  .size-guide-modal__content h3 {
    margin: 0 0 12px; font-size: var(--vg-fs-xs, 11px); font-weight: 500; letter-spacing: .14em;
    text-transform: uppercase; text-align: center;
  }
  .size-guide-modal__close {
    order: 99; align-self: center; position: relative !important; top: auto !important; right: auto !important;
    width: 40px; height: 32px; margin-top: 6px; font-size: 0 !important;
  }
  .size-guide-modal__close::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: #000;
    transform: translate(-50%, -50%);
  }

  /* Hent i butikk: rolig linje med grønn prikk, uten fet skrift og understreking */
  pickup-availability-preview { align-items: center !important; gap: 8px !important; }
  pickup-availability-preview svg { display: none !important; }
  pickup-availability-preview::before {
    content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #2f9e5a;
  }
  .pickup-availability-info { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
  .pickup-availability-info .caption-large {
    font-size: var(--vg-fs-s, 12px) !important; font-weight: 400 !important; color: #1a1a1a; line-height: 1.5 !important;
  }
  #ShowPickupAvailabilityDrawer {
    font-size: var(--vg-fs-s, 12px) !important; color: #6f6d69 !important;
    text-decoration: none !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
  }
  #ShowPickupAvailabilityDrawer::before { content: "· "; }
}
@keyframes vgSheetUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

@media screen and (min-width: 750px) {
  /* Hent i butikk: samme rolige linje som på mobil */
  pickup-availability-preview { align-items: center !important; gap: 8px !important; }
  pickup-availability-preview svg { display: none !important; }
  pickup-availability-preview::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #2f9e5a; }
  .pickup-availability-info { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
  .pickup-availability-info .caption-large { font-size: var(--vg-fs-s, 12px) !important; font-weight: 400 !important; color: #1a1a1a; line-height: 1.5 !important; letter-spacing: .02em !important; }
  #ShowPickupAvailabilityDrawer { font-size: var(--vg-fs-s, 12px) !important; color: #6f6d69 !important; text-decoration: none !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; letter-spacing: .02em !important; }
  #ShowPickupAvailabilityDrawer::before { content: "· "; }
  /* Størrelsesguide som tekstlenke også på desktop */
  .template-product .size-guide-btn { font-size: 0 !important; gap: 0 !important; text-decoration: none !important; }
  .template-product .size-guide-btn svg { display: none !important; }
  .template-product .size-guide-btn::after { content: "Størrelsesguide"; font-size: var(--vg-fs-xs, 11px); color: #6f6d69; text-decoration: underline; text-underline-offset: 3px; }
}

[data-menu-title="aktuelt"].wbmenufull .wbmgproduct .custom-new-badge {
  animation: none !important;
  opacity: 1 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  padding: 4px 7px !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
}
/* ===== MERKENAVN PÅ KORT: alltid understreket (kolleksjon, Featured, Style med, Du liker kanskje også, søk) ===== */
.vcat-vendor,
.vcat-info .vcat-vendor,
.card-voyage__vendor,
.wbhomevendor,
.card__vendor a,
.card-information .caption-with-letter-spacing a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: currentColor !important;
}

/* Lukkede skuffer (handlekurv/meny) parkert utenfor skjermen skal ikke gi hvit sidescroll på iPhone */
cart-drawer,
.drawer {
  overflow: hidden !important;
}

/* ==========================================================
   Style med viser bare produkter som er på lager. Back in stock-appen
   legger likevel «Varsle meg» inn i kortene når siden du står på er
   utsolgt – den skjules her, «+» blir stående. Kun .vcat-row--text.
   ========================================================== */
.vcat-row--text button:not(.vcat-plus),
.vcat-row--text a:not(.vcat-vendor):not(.vcat-title):not(.vg-alert-link),
.vcat-row--text [class*="back-in-stock"],
.vcat-row--text [class*="notify"] {
  display: none !important;
}


/* ==========================================================
   Størrelsespanelet (.vcat-panel) i Style med / Du vil kanskje også like /
   kolleksjoner: skjul «Varsle meg» som Back in stock-appen legger under hver
   størrelse. Ikke knyttet til .vcat-item, siden panelet kan flyttes ut av kortet.
   ========================================================== */
.vcat-panel > *:not(.vcat-sizeform):not(.vcat-close),
.vcat-panel .vcat-sizeform > *:not(form):not(.product-form__error-message-wrapper),
.vcat-panel .vcat-sizeform form > *:not(input):not(.vcat-size),
.vcat-panel button:not(.vcat-size):not(.vcat-close),
.vcat-panel [class*="back-in-stock"],
.vcat-panel [class*="notify"] {
  display: none !important;
}

/* ==========================================================
   Kolleksjonsrutenett (#product-grid): utsolgte / «Coming soon»-kort
   får liten «VARSLE MEG»-lenke i stedet for «+» (settes av global.js).
   ========================================================== */
.vcat-item.vg-is-alert .vcat-plus { display: none !important; }
.vcat-row .vg-alert-link {
  flex: none;
  align-self: flex-start;
  margin: 1px 0 0;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #111;
  line-height: 1.4;
  white-space: nowrap;
}


/* «kun N igjen» i størrelsespanelet (samme uttrykk som på produktsiden) */
.vcat-size .vg-low { display: inline-block; margin-left: 10px; font-size: 11px; letter-spacing: .02em; text-transform: none; color: rgba(0,0,0,.5); white-space: nowrap; }
.vcat-size .vg-low::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #f08a24; vertical-align: 1px; }

/* Lukkeknapp i gammel skuff skjules (kryss ligger i headeren) */
.menu-drawer__close-button { display: none !important; }

/* ==========================================================
   Teksten skal bli stående mens produktet legges i handlekurven
   (temaet skjuler ellers knappeteksten og viser spinner).
   Gjelder størrelsesradene på kortene («M · kun 1 igjen») og
   «Legg i handlekurv»-knappen på produktsiden.
   ========================================================== */
.vcat-size.loading,
.vcat-size[aria-disabled="true"] {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  opacity: .45;
  pointer-events: none;
}
.vcat-size.loading > *,
.vcat-size[aria-disabled="true"] > *,
.vcat-size.loading .vg-low {
  visibility: visible !important;
  opacity: 1 !important;
}
.vg-buy .product-form__submit.loading,
.vg-buy .product-form__submit[aria-disabled="true"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #111 !important;
  opacity: .6;
  pointer-events: none;
}
.vg-buy .product-form__submit.loading > *:not(.loading__spinner):not(.spinner),
.vg-buy .product-form__submit[aria-disabled="true"] > *:not(.loading__spinner):not(.spinner) {
  visibility: visible !important;
  opacity: 1 !important;
}
.vcat-size .loading__spinner,
.vg-buy .product-form__submit .loading__spinner,
.vg-buy .product-form__submit .spinner {
  display: none !important;
}

/* «+» og størrelsesrader: behold teksten mens produktet legges i kurven (kortene bruker .loading-overlay__spinner) */
.vcat-plus.loading,
.vcat-plus[aria-disabled="true"] {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  opacity: .45;
  pointer-events: none;
}
.vcat-plus.loading > *:not(.loading-overlay__spinner),
.vcat-plus[aria-disabled="true"] > *:not(.loading-overlay__spinner) {
  visibility: visible !important;
  opacity: 1 !important;
}
.vcat-plus .loading-overlay__spinner,
.vcat-size .loading-overlay__spinner {
  display: none !important;
}

/* «+» tegnes med ::before/::after, og card-voyage.css skjuler dem under lasting (viser spinner i stedet).
   Vis dem hele tiden; spinneren er skjult over. */
.vcat-plus.loading::before,
.vcat-plus.loading::after,
.vcat-plus[aria-disabled="true"]::before,
.vcat-plus[aria-disabled="true"]::after {
  display: block !important;
}
.vcat-plus.is-open.loading::after { display: none !important; }


/* ==========================================================
   Mobil: siden skal aldri scrolle sidelengs
   (sveip forbi siste bilde i et kort, eller på kort med ett
   bilde, skal ikke dra hele siden til siden)
   ========================================================== */
html,
body {
  overflow-x: clip;
}
html {
  overscroll-behavior-x: none;
}
.vcat-link {
  overscroll-behavior-x: contain;
}
/* Kort med kun ett bilde: ingen sidelengs sveip i det hele tatt */
.vcat-item:not(.vcat-item--slider) .vcat-link:has(.vcat-slide:only-child) {
  touch-action: pan-y;
}

/* iOS Safari: overflow-x alene stopper ikke sidelengs panorering.
   Slå den av direkte på siden (karusellene har egen scroll og virker som før). */
html,
body {
  touch-action: pan-y pinch-zoom;
  max-width: 100%;
}
body {
  position: relative;
}

/* Ingen markering/dra på produktkort (sveip ble tolket som markering) */
.vcat-item,
.vcat-media,
.vcat-media a,
.vcat-media img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}