/** Shopify CDN: Minification failed

Line 699:0 Unexpected "}"

**/
/* ===============================================
   SHADOWOATHS — FIX WHITE SEARCH HEADER BACKGROUND
   =============================================== */

/* Selve headeren bak søkefeltet (den hvite delen) */
.predictive-search-form__header,
.predictive-search-form__header-inner {
  background: #000 !important;          /* kullsvart */
  border: none !important;              /* ingen grå kant */
  box-shadow: none !important;          /* ingen skygge */
  color: #fff !important;               /* hvit tekst / ikoner */
}

/* Søkefeltet selv */
.predictive-search-form__header input.search-input {
  background: #000 !important;          /* svart felt */
  color: #fff !important;               /* hvit tekst */
  border: none !important;              /* fjern kant */
  box-shadow: none !important;          /* fjern intern skygge */
  border-radius: 8px !important;
  padding: 10px 14px !important;
  transition: box-shadow 0.25s ease;
}

/* Hover/fokus = lilla aura */
.predictive-search-form__header input.search-input:focus,
.predictive-search-form__header input.search-input:hover {
  outline: none !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.6),
              0 0 24px rgba(255, 255, 255, 0.4) !important;
}

/* Placeholdertekst */
.predictive-search-form__header input.search-input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

/* Fjern grå bakgrunn fra ikonene og knappene */
.predictive-search__icon,
.predictive-search__reset-button,
.predictive-search__close-modal-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* SVG-ikonene skal være hvite */
.predictive-search__icon svg,
.predictive-search__reset-button svg,
.predictive-search__close-modal-button svg {
  stroke: #fff !important;
  color: #fff !important;
  filter: none !important;
  opacity: 0.9;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

/* Hover på ikon = hvitere, lett løft */
.predictive-search__icon:hover svg,
.predictive-search__reset-button:hover svg,
.predictive-search__close-modal-button:hover svg {
  opacity: 1;
  transform: translateY(-1px);
}

/* Fjern eventuelle rammer på knappen “Fjern” */
.predictive-search__reset-button-text {
  color: #fff !important;
}

/* Fjern lys kant rundt hele headerfeltet */
.predictive-search-form__header::before,
.predictive-search-form__header::after {
  content: none !important;
}
/* ===== SHADOWOATHS — Predictive Search (black, clean, no grey) ===== */

/* Modal container + panel */
.search-modal,
.predictive-search,
.predictive-search[open],
.dialog-modal:has(.predictive-search) {
  background: rgba(0,0,0,0.92) !important; /* dark overlay */
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 20px 60px rgba(0,0,0,0.6) !important;
}

/* Inner panel (the white block you saw) */
.predictive-search-form__header,
.predictive-search-form__header-inner,
.predictive-search__results,
.predictive-search .predictive-search__results,
.predictive-search .predictive-search__section {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Search input */
.predictive-search .search-input,
.predictive-search-form__header .search-input {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
  height: 48px !important;
  padding: 0 44px 0 44px !important; /* room for icon + reset */
  box-shadow: none !important;
}
.predictive-search .search-input::placeholder { color: rgba(255,255,255,0.55) !important; }
.predictive-search .search-input:focus {
  outline: none !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35) !important; /* arcane purple glow */
}

/* Magnifier + reset button */
.predictive-search .predictive-search__icon,
.predictive-search .predictive-search__reset-button-icon {
  color: #fff !important;
}
.predictive-search .predictive-search__reset-button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #aaa !important;
}
.predictive-search .predictive-search__reset-button:hover { color: #fff !important; }

/* Section headers like “Nylig vist”, “Produkter” */
.predictive-search__heading,
.predictive-search .predictive-search__heading,
.predictive-search h3,
.predictive-search h4 {
  background: transparent !important;
  color: #aaa !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Cards inside search (products/recent) */
.predictive-search .product-card,
.predictive-search .collection-card,
.predictive-search .resource-card,
.predictive-search .predictive-search-results__card,
.predictive-search .predictive-search-results__card--product {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.predictive-search .product-card:hover,
.predictive-search .collection-card:hover,
.predictive-search .resource-card:hover,
.predictive-search .predictive-search-results__card:hover {
  transform: translateY(-2px);
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.35), 0 0 24px rgba(73,0,110,0.25) !important;
}

/* Price/metadata text */
.predictive-search .price,
.predictive-search .h6,
.predictive-search .paragraph { color: #ddd !important; }

/* Kill all pesky grey separators/borders/pills */
.predictive-search *:is(hr, .separator, .border, .badge, .pill) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Close button (top-right) */
.predictive-search__close-modal-button.button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.predictive-search__close-modal-button.button:hover {
  background: #151515 !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) !important;
}
/* ==== SHADOWOATHS — skjul søkeikonet i predictive search ==== */
.predictive-search__icon,
.predictive-search-form__header .predictive-search__icon,
.svg-wrapper.predictive-search__icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
/* ===== Predictive Search – kun innholdspanelet under .predictive-search-form__content ===== */

/* 1) Selve svart panel + indre containere */
.predictive-search-form__content,
.predictive-search-form__content .predictive-search-dropdown,
.predictive-search-form__content .predictive-search-results__inner,
.predictive-search-form__content .predictive-search-results__products,
.predictive-search-form__content .predictive-search-results__wrapper-products,
.predictive-search-form__content .predictive-search-results__list,
.predictive-search-form__content .predictive-search-results__card {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Fjern divider-linjer og grå kanter i panelet */
.predictive-search-form__content hr,
.predictive-search-form__content .divider,
.predictive-search-form__content [class*="border"],
.predictive-search-form__content [style*="border"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) Seksjonsoverskrifter og "Fjern"-knapp */
.predictive-search-form__content .predictive-search-results__title,
.predictive-search-form__content h3,
.predictive-search-form__content h4 {
  background: transparent !important;
  color: #9a9a9a !important;
  border: 0 !important;
}
.predictive-search-form__content .predictive-search-results__clear {
  color: #bbb !important;
  background: transparent !important;
  border: 0 !important;
}
.predictive-search-form__content .predictive-search-results__clear:hover {
  color: #fff !important;
}

/* 4) Kortene – mørk container, men IKKE rør bildelagene */
.predictive-search-form__content .resource-card {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.predictive-search-form__content .resource-card:hover {
  transform: translateY(-2px);
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.35),
              0 0 24px rgba(255, 255, 255, 0.25) !important;
}

/* 5) Bildelag skal alltid være transparent (ikke bli svart) */
.predictive-search-form__content .resource-card__media,
.predictive-search-form__content .resource-card__media > *,
.predictive-search-form__content .resource-card__image,
.predictive-search-form__content img,
.predictive-search-form__content picture,
.predictive-search-form__content video,
.predictive-search-form__content canvas,
.predictive-search-form__content svg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 6) Tekst i kort (pris/metadata) */
.predictive-search-form__content .price,
.predictive-search-form__content .paragraph,
.predictive-search-form__content .h6 {
  color: #ddd !important;
}
/* ================================
   SHADOWOATHS — Account Popover
   Dark Norse + Cybersigil style
   ================================ */

/* 1) Hele panelet */
.account-popover__panel,
.account-popover__panel.details-content,
.account-popover__panel.color-scheme-1 {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 14px !important;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.35),
              0 0 45px rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(10px);
  padding: 1.2rem !important;
}

/* 2) Header (“Konto”) */
.account-actions__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-bottom: 0.8rem !important;
  margin-bottom: 1rem !important;
}
.account-actions__title {
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* 3) Lenker og knapper */
.account-actions__link,
.account-actions__list-item a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #fff !important;
  background: #0a0a0a !important;
  border: 1px solid #1d1d1d !important;
  border-radius: 10px !important;
  padding: 0.6rem 1rem;
  text-decoration: none !important;
  transition: background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.account-actions__link:hover,
.account-actions__list-item a:hover {
  background: #111 !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4),
              0 0 24px rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-1px);
}

/* 4) Ikoner ved siden av teksten */
.account-actions__icon svg {
  width: 20px;
  height: 20px;
  color: #fff !important;
  stroke: #fff !important;
  transition: stroke 0.2s ease, filter 0.3s ease;
}
.account-actions__link:hover .account-actions__icon svg {
  stroke:rgb(255, 255, 255) !important;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6));
}

/* 5) “Andre påloggingsalternativer”-knappen */
.account-actions__sign-ins .account-actions__link.button {
  background: #0a0a0a !important;
  border: 1px solid #1d1d1d !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 0.7rem 1rem;
  text-align: center;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}
.account-actions__sign-ins .account-actions__link.button:hover {
  background: #151515 !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
}

/* 6) Fjern grå bakgrunn og borders i nested elementer */
.account-popover__panel * {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 7) Behold svart bakgrunn i hovedlag */
.account-popover__panel > *,
.account-actions {
  background: #000 !important;
}

/* 8) Hover-effekt på panelet selv (subtil glow) */
.account-popover__panel:hover {
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.45),
              0 0 50px rgba(0,0,0,0.8) !important;
}
/* ================================
   SHADOWOATHS — Product Card Hover Glow
   ================================ */

/* 1) Grunnstil — mørk base, uten grå ramme */
product-card,
.product-card {
  background: #000 !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
}

/* 2) Hover-effekt — Arcane purple aura */
product-card:hover,
.product-card:hover {
  border-color:rgb(255, 255, 255) !important;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.6),
    0 0 25px rgba(255, 255, 255, 0.4),
    0 0 45px rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-2px);
}

/* 3) Sikre at bildet ikke får ekstra skygge eller mørk bakgrunn */
.product-card img,
.product-card picture,
.product-card video {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 4) Hvis temaet har innebygde rammer rundt card__content – slå dem av */
.product-card__content,
.product-card .card-gallery {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* ==== Fix: produktbilde blir svart (produkt-side only) ==== */
[data-template*="product"] .media-gallery,
[data-template*="product"] .media-gallery * {
  background: transparent !important;     /* ingen tvungen svart bakgrunn */
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Sørg for at selve bildet alltid vises normalt */
[data-template*="product"] .product-media__image,
[data-template*="product"] .product-media img {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  background: transparent !important;
}

/* Vanlige containere som ofte får en svart bg via globale regler */
[data-template*="product"] .product-media,
[data-template*="product"] .product-media-container,
[data-template*="product"] .product-media__drag-zoom-wrapper,
[data-template*="product"] .product-media-container__zoom-button,
[data-template*="product"] slideshow-component,
[data-template*="product"] slideshow-container,
[data-template*="product"] slideshow-slides,
[data-template*="product"] slideshow-slide {
  background: transparent !important;
}

/* Hvis noe har skrudd av bildet ved “playing”/overlays — tving på */
[data-template*="product"] .product-media-container .product-media__image {
  opacity: 1 !important;
  z-index: 0 !important;
}
/* ===========================
   SHADOWOATHS — HEADER MENU DRAWER
   Svart panel, hvit tekst, lilla hover-glød
   =========================== */

/* Panel + innmat */
[data-header-drawer] .menu-drawer {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 18px 60px rgba(0,0,0,.6) !important;
}

/* Fjern grå kanter/dividere inne i menyen (uten å røre bilder) */
[data-header-drawer] .menu-drawer * {
  border-color: transparent !important;
  box-shadow: none !important;
}
[data-header-drawer] .menu-drawer hr,
[data-header-drawer] .menu-drawer .divider { display: none !important; }

/* Navigasjon – typografi og avstand */
.menu-drawer__navigation {
  background: transparent !important;
  padding: 12px 16px 20px !important;
}
.menu-drawer__menu-item {
  display: block;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  line-height: 1.25;
  color: #f3f3f3 !important;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, background .15s ease;
}

/* Hover/Focus: lilla aura */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus-visible {
  background: #0b0b0b !important;
  box-shadow: 0 0 0 1pxrgb(255, 255, 255), 0 0 14px rgba(255, 255, 255, 0.45), 0 0 30px rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-1px);
  outline: none !important;
}

/* Aktiv side (om temaet setter 'aria-current') */
.menu-drawer__menu-item[aria-current="page"],
.menu-drawer__menu-item[aria-current="true"] {
  background: #0e0e0e !important;
  box-shadow: 0 0 0 1pxrgb(255, 255, 255), 0 0 10px rgba(106,26,152,.35) !important;
}

/* Close-knapp */
.menu-drawer .menu-drawer__close-button {
  position: absolute;
  right: 10px; top: 10px;
  background: #111 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 8px !important;
  border: 1px solid #222 !important;
}
.menu-drawer .menu-drawer__close-button:hover {
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) !important;
}

/* Fremhevet innhold (produktkortene nederst i skuffen) */
.menu-drawer__featured-content {
  background: transparent !important;
  padding: 8px 16px 20px !important;
}

/* Kort: mørkt skall med lilla hover – rører ikke selve IMG */
.menu-drawer .resource-card {
  background: #000 !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .22s ease, border-color .18s ease;
}
.menu-drawer .resource-card:hover {
  transform: translateY(-2px);
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.35), 0 0 28px rgba(255, 255, 255, 0.25) !important;
}

/* Behold bilder lyse og uendret */
.menu-drawer .resource-card__media,
.menu-drawer .resource-card__image {
  background: transparent !important;
  filter: none !important;
}

/* Tekst i kortene */
.menu-drawer .resource-card__title { color: #f5f5f5 !important; }
.menu-drawer .price { color: #ddd !important; }

/* Nyttig: mørk scrollbar på små skjermer */
[data-header-drawer] .menu-drawer::-webkit-scrollbar { width: 10px; }
[data-header-drawer] .menu-drawer::-webkit-scrollbar-track { background: #0b0b0b; }
[data-header-drawer] .menu-drawer::-webkit-scrollbar-thumb { background: #202020; border-radius: 10px; }
[data-header-drawer] .menu-drawer::-webkit-scrollbar-thumb:hover { background: #2a2a2a; }

/* Fokus-stil for tastaturnavigasjon */
.menu-drawer__menu-item:focus-visible,
.menu-drawer .resource-card a:focus-visible {
  outline: 2px solidrgb(255, 255, 255) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 1pxrgb(255, 255, 255), 0 0 12px rgba(255, 255, 255, 0.45) !important;
}
/* ===== Shadowoaths — Menu drawer: svart panel ===== */

/* Selve skuffen */
[data-header-drawer].menu-drawer,
[data-header-drawer] .menu-drawer {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Innmatseksjoner */
[data-header-drawer] .menu-drawer__navigation,
[data-header-drawer] .menu-drawer__utility-links,
[data-header-drawer] .menu-drawer__featured-content {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
}

/* Menylenker */
[data-header-drawer] .menu-drawer__menu-item {
  color: #fff !important;
  border-radius: 10px !important;
  transition: background .15s ease, box-shadow .2s ease;
}
[data-header-drawer] .menu-drawer__menu-item:hover,
[data-header-drawer] .menu-drawer__menu-item:focus-visible {
  background: #0b0b0b !important;
  box-shadow: 0 0 0 1pxrgb(255, 255, 255), 0 0 14px rgba(255, 255, 255, 0.45) !important;
  outline: none !important;
}

/* Produktkort i skuffen – mørkt skall, men ikke rør bilder */
[data-header-drawer] .resource-card {
  background: #000 !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
}
[data-header-drawer] .resource-card__media,
[data-header-drawer] .resource-card__image {
  background: transparent !important;
  filter: none !important; /* hindrer at bilder blir mørke */
}
[data-header-drawer] .resource-card__title { color: #f5f5f5 !important; }
[data-header-drawer] .price { color: #ddd !important; }

/* Lukk-knapp */
[data-header-drawer] .menu-drawer__close-button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 10px !important;
}
[data-header-drawer] .menu-drawer__close-button:hover {
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) !important;
}
/* ===== SHADOWOATHS — MENU DRAWER (svart panel) ===== */

/* 0) Sett farge-variabler for color-scheme-1 når den brukes i skuffen */
.menu-drawer.color-scheme-1,
[data-header-drawer] .menu-drawer.color-scheme-1 {
  /* Theme tokens som mange Dawn-varianter leser fra */
  --color-background: #000;
  --color-foreground: #fff;
  --color-foreground-rgb: 255,255,255;
  --color-border-rgb: 17,17,17;
  --opacity-subdued-text: 0.65;
  background: #000 !important;
  color: #fff !important;
}

/* 1) Selve skuffen + seksjoner */
.menu-drawer,
.menu-drawer__navigation,
.menu-drawer__utility-links,
.menu-drawer__featured-content {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Menylenker */
.menu-drawer__menu-item {
  color: #fff !important;
  border-radius: 10px !important;
  transition: background .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus-visible {
  background: #0b0b0b !important;
  box-shadow: 0 0 0 1pxrgb(255, 255, 255), 0 0 14px rgba(255, 255, 255, 0.45) !important;
  outline: none !important;
}

/* 3) Featured product-kort inne i skuffen (ikke rør bildene) */
.menu-drawer .resource-card {
  background: #000 !important;
  border: 1px solid #111 !important;
  border-radius: 12px !important;
}
.menu-drawer .resource-card__media,
.menu-drawer .resource-card__image {
  background: transparent !important;
  filter: none !important;
}
.menu-drawer .resource-card__title { color: #f5f5f5 !important; }
.menu-drawer .price { color: #ddd !important; }

/* 4) Lukk-knapp */
.menu-drawer__close-button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 10px !important;
}
.menu-drawer__close-button:hover {
  border-color:rgb(255, 255, 255) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) !important;
}

/* 5) Fjern uønskede divider-linjer / grå bakgrunner */
.menu-drawer [class*="divider"],
.menu-drawer hr { border: 0 !important; background: transparent !important; }
.menu-drawer [class*="border"] { border-color: #111 !important; }
}
/* ===== SHADOWOATHS — Fjern featured produkter fra meny ===== */

.menu-drawer__featured-content {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
/* ===== SHADOWOATHS — Dark WhatsApp Chat Button ===== */
#start-chat-link {
  background: #000 !important; /* pure black */
  border: 1px solid #222 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
  height: 60px !important;
  width: 60px !important;
}

#start-chat-link:hover {
  border-color:rgb(255, 255, 255) !important; /* arcane purple border */
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.6),
              0 0 24px rgba(255, 255, 255, 0.4) !important; /* purple glow */
  transform: translateY(-2px);
}

/* Make the WhatsApp icon white */
#start-chat-link img {
  filter: brightness(0) invert(1) !important; /* makes green → white */
  width: 100% !important;
  height: 100% !important;
  transition: filter 0.3s ease;
}

#start-chat-link:hover img {
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8)) brightness(1.2) !important;
}
/* ===== SHADOWOATHS — CART DRAWER (Ghost, same as header) ===== */

/* Panel + content (no rounding, no glow) */
.cart-drawer__dialog,
.cart-drawer__inner,
.cart-drawer__content,
.cart-drawer__header {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Keep empty-state text subtle like header tone */
.cart-drawer__heading--empty {
  color: #bcbcbc !important;
}

/* Close button inside the drawer — keep it ghost (transparent) */
.cart-drawer__close-button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* Only style buttons INSIDE the drawer (won’t affect header button) */
.cart-drawer__content .button,
.cart-drawer__content .cart-items__empty-button,
.cart-drawer__content button[type="submit"] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cart-drawer__content .button:hover,
.cart-drawer__content .cart-items__empty-button:hover,
.cart-drawer__content button[type="submit"]:hover {
  background: #111 !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: none !important; /* keep hover clean like header */
}

/* Remove stray dividers/grey lines only inside drawer */
.cart-drawer hr,
.cart-drawer [class*="divider"],
.cart-drawer [class*="border"] {
  border: none !important;
  background: transparent !important;
}

/* Do NOT touch the header cart icon/button */
.header .header-actions__action.button-unstyled { 
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* ===== PATCH — HEADER IKONER GHOST + CART DRAWER GHOST (isolert) ===== */

/* 1) Header: hold handlekurv-ikonet (og alle header-ikonknapper) helt ghost */
.header .header-actions__action.button-unstyled,
.header .header__icon--cart :is(a,button,summary),
.header .header__icon :is(a,button,summary) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: .5rem !important;
}

/* Ikon-SVG: hvit, subtil hover – ingen bakgrunnsboks */
.header .header__icon--cart svg,
.header .header__icon svg {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
  opacity: .9;
  transition: opacity .15s ease, transform .15s ease;
}
.header .header__icon--cart :is(a,button,summary):hover svg,
.header .header__icon :is(a,button,summary):hover svg {
  opacity: 1; transform: translateY(-1px);
}

/* Sørg for at globale .button-regler ikke maler noe i header */
.header .button,
.header .button-secondary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Cart-bobla i header: enkel og ghost */
.header .cart-bubble__background { background: transparent !important; }
.header .cart-bubble__text { color: #fff !important; text-shadow: none !important; }

/* 2) CART DRAWER: ghost inni dialogen (påvirker ikke header-knappen) */
.cart-drawer__dialog,
.cart-drawer__inner,
.cart-drawer__content,
.cart-drawer__header {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Kun knapper INNI drawer = ghost (header forblir urørt) */
.cart-drawer__content .button,
.cart-drawer__content .cart-items__empty-button,
.cart-drawer__content button[type="submit"] {
  background: #000 !important;
  border: 1px solid #222 !important;
  color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cart-drawer__content .button:hover,
.cart-drawer__content .cart-items__empty-button:hover,
.cart-drawer__content button[type="submit"]:hover {
  background: #111 !important;
  border-color:rgb(255, 255, 255) !important;
  box-shadow: none !important;
}
/* ===== SHADOWOATHS — Nudge account icon down slightly ===== */

.account-popover .account-button__icon {
  position: relative !important;
  top:8.5px !important;   /* øk til 3px eller 4px hvis du vil ha den enda lavere */
}

.account-popover .account-button__icon svg {
  display: block !important;
  margin: 0 !important;
  transform: none !important;
}
/* ===== SHADOWOATHS — Mobile account icon vertical nudge ===== */
@media (max-width: 750px) {
  /* Targeter bare mobil-knappen inne i account-drawer */
  .header .account-drawer .account-button__icon {
    position: relative !important;
    top: 8.6px !important;     /* samme “sweet spot” som desktop */
    display: block !important;
    margin: 0 !important;
    transform: none !important;
  }
  .header .account-drawer .account-button__icon svg {
    display: block !important;
    vertical-align: middle !important;
  }

  /* Hold selve knappen “ghost” og uten ekstra line-height som kan dytte ikonet */
  .header .account-drawer .account-button.header-actions__action {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    padding: 8px !important; /* god touch-target uten å flytte layout */
  }
}
/* ===== SHADOWOATHS — PATCH: LILLA -> HVIT (glow/border/hover/active) ===== */

/* Input focus/hover glow blir hvit */
.predictive-search-form__header input.search-input:focus,
.predictive-search-form__header input.search-input:hover,
.predictive-search .search-input:focus {
  border-color: #fff !important;
  box-shadow: 0 0 12px rgba(255,255,255,0.45),
              0 0 24px rgba(255,255,255,0.25) !important;
}

/* Cards hover: hvit aura i stedet for lilla */
.predictive-search .product-card:hover,
.predictive-search .collection-card:hover,
.predictive-search .resource-card:hover,
.predictive-search .predictive-search-results__card:hover,
.predictive-search-form__content .resource-card:hover {
  border-color: #fff !important;
  box-shadow: 0 0 12px rgba(255,255,255,0.35),
              0 0 24px rgba(255,255,255,0.20) !important;
}

/* Menu drawer hover/active: hvit outline/glow */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus-visible,
.menu-drawer__menu-item[aria-current="page"],
.menu-drawer__menu-item[aria-current="true"] {
  box-shadow: 0 0 0 1px #fff,
              0 0 14px rgba(255,255,255,0.35) !important;
}

/* Close button hover: hvit */
.predictive-search__close-modal-button.button:hover,
.menu-drawer__close-button:hover {
  border-color: #fff !important;
  box-shadow: 0 0 10px rgba(255,255,255,0.30) !important;
}