/** Shopify CDN: Minification failed

Line 536:0 Unexpected "}"

**/
/* Mater: CSS flyttet ud af sections/header.liquid. Rækkefølgen er uændret. */
/* --- blok 1 --- */

  .cart-count {
    position: relative;
    font-size: 0 !important;
    line-height: 0;
  }

  .cart-icon {
    position: relative;
    display: inline-block;
  }

  .mater-cart-count-badge {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-15%, -45%);
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 999px;
    background: #252525;
    color: #ffffff;
    font-size: 10px !important;
    line-height: 16px !important;
    text-align: center;
    font-family: inherit;
    font-weight: 400;
    pointer-events: none;
    z-index: 2;
  }

  .mater-cart-count-badge[hidden] {
    display: none !important;
  }

  #materMiniCart {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 420px;
    max-width: calc(100vw - 8px);
    background: #ffffff !important;
    border-left: 1px solid #e6e4e0;
    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.10);
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 260ms cubic-bezier(0.33, 1, 0.68, 1);
    z-index: 2147483000;
    text-align: left;
  }

  body.mater-cart-open #materMiniCart { transform: translateX(0); }

  #materMiniCart .arrow { display: none !important; }

  .mater-cart-inner { padding: 22px 26px 30px; }

  .mater-cart-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: 0;
    padding: 6px 10px;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
  }

  .mater-cart-heading {
    margin: 4px 0 20px;
    font-size: 20px;
    letter-spacing: 0;
  }

  .mater-line {
    display: flex;
    gap: 14px;
    padding: 16px 0;
    border-top: 1px solid #e6e4e0;
  }

  .mater-line-img { flex: 0 0 74px; }
  .mater-line-img img { width: 100%; height: auto; display: block; }

  .mater-line-info { flex: 1 1 auto; min-width: 0; }

  .mater-line-title {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
  }

  .mater-line-variant {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 3px;
  }

  .mater-line-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
  }

  .mater-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d9d6d1;
  }

  .mater-qty button {
    background: none;
    border: 0;
    width: 28px;
    height: 28px;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
  }

  .mater-qty button:disabled { opacity: 0.3; cursor: default; }

  .mater-qty span {
    min-width: 26px;
    text-align: center;
    font-size: 13px;
  }

  .mater-line-price { font-size: 13px; white-space: nowrap; }

  .mater-line-remove {
    background: none;
    border: 0;
    padding: 0;
    margin-top: 8px;
    font-size: 12px;
    opacity: 0.55;
    cursor: pointer;
    text-decoration: underline;
    color: inherit;
  }

  .mater-cart-foot {
    border-top: 1px solid #e6e4e0;
    padding-top: 18px;
    margin-top: 8px;
  }

  .mater-cart-subtotal {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 6px;
  }

  .mater-cart-note {
    font-size: 12px;
    opacity: 0.6;
    margin: 0 0 18px;
  }

  .mater-cart-actions { display: flex; gap: 10px; }
  .mater-cart-actions .button { flex: 1 1 50%; text-align: center; }

  .mater-cart-empty { font-size: 14px; opacity: 0.7; padding: 20px 0; }
  .mater-cart-pay { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
  .mater-cart-pay-icon { height: 22px; width: auto; display: block; }

  #materMiniCart.is-busy .mater-cart-inner { opacity: 0.45; transition: opacity 120ms ease; }
  .mater-cart-suggest { margin-top: 26px; border-top: 1px solid #e6e4e0; padding-top: 20px; }
  .mater-cart-suggest-title { margin: 0 0 14px; font-size: 14px; letter-spacing: 0; }  .mater-cart-suggest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .mater-cart-suggest-item { display: block; color: inherit; text-decoration: none; }
  .mater-cart-suggest-item img { width: 100%; height: auto; display: block; margin-bottom: 8px; }
  .mater-cart-suggest-name { display: block; font-size: 13px; line-height: 1.3; }
  .mater-cart-suggest-price { display: block; font-size: 12px; opacity: 0.6; margin-top: 3px; }

/* --- blok 2 --- */

  #materCartSuggest {
    display: block;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #e6e4e0;
    text-align: left;
  }

  #materCartSuggest.is-empty { display: none; }

  .mater-sug-heading { margin: 0 0 14px; font-size: 14px; letter-spacing: 0; }
  .mater-sug-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .mater-sug-form { margin: 0 !important; }
  .mater-sug-card { display: block; }
  .mater-sug-img { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #F7F6F4; margin-bottom: 8px; }
  .mater-sug-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .mater-sug-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: inherit; text-decoration: none; font-size: 12px; line-height: 1.35; }
  .mater-sug-price { display: block; font-size: 12px; opacity: 0.55; margin-top: 2px; }
  .mater-sug-add { margin-top: 8px; background: none; border: 0; padding: 0; font-size: 13px; line-height: 1.4; cursor: pointer; color: #5C5B5C; font-family: inherit; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: color 160ms ease, text-decoration-color 160ms ease; }
  .mater-sug-add:hover { background: none; color: #09090B; text-decoration-color: currentColor; }
  .mater-sug-add[disabled] { opacity: 0.4; cursor: default; }


/* --- blok 3 --- */

  #materCartOverlay {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(9, 9, 11, 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2147482900;
    transition: opacity 340ms ease, visibility 0s linear 340ms;
  }

  body.mater-cart-open #materCartOverlay {
    opacity: 1;
    visibility: visible;
    transition: opacity 340ms ease, visibility 0s;
  }

/* --- blok 4 --- */

  .header-search-form,
  .mater-search-page-form { position: relative; }

  .mater-ps {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(420px, 92vw);
    max-height: 70vh;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e6e4e0;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12);
    z-index: 2147482800;
    display: none;
    text-align: left;
  }

  .mater-ps.is-open { display: block; }

  /* På søgesiden skal panelet flugte med feltet */
  .mater-search-page-form .mater-ps {
    left: 20px;
    right: 20px;
    width: auto;
  }

  .mater-ps-group-title {
    margin: 0;
    padding: 14px 18px 8px;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.5;
  }

  .mater-ps-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    color: inherit;
    text-decoration: none !important;
  }

  .mater-ps-item:hover,
  .mater-ps-item.is-active { background: #FAF7F3; }

  .mater-ps-thumb {
    flex: 0 0 48px;
    height: 48px;
    background: #FAF7F3;
  }

  .mater-ps-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .mater-ps-body { flex: 1 1 auto; min-width: 0; }

  .mater-ps-title {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mater-ps-price {
    display: block;
    font-size: 12px;
    opacity: 0.6;
    margin-top: 2px;
  }

  .mater-ps-plain {
    display: block;
    padding: 9px 18px;
    font-size: 13px;
    color: inherit;
    text-decoration: none !important;
  }

  .mater-ps-plain:hover,
  .mater-ps-plain.is-active { background: #FAF7F3; }

  .mater-ps-all {
    display: block;
    padding: 14px 18px;
    border-top: 1px solid #e6e4e0;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none !important;
  }

  .mater-ps-all:hover,
  .mater-ps-all.is-active { background: #FAF7F3; }

  .mater-ps-empty {
    padding: 20px 18px;
    font-size: 13px;
    opacity: 0.6;
  }

  /* Headerens felt er klappet sammen på mobil, så panelet slukkes kun dér */
  @media (max-width: 749px) {
    .header-search-form .mater-ps { display: none !important; }
  }

/* --- blok 5 --- */

/* =========================================================
   MATER MOTION SYSTEM
   Samlet animation på desktop.
   ========================================================= */

@media (min-width: 1021px) {

  /* ---------- MEGA MENU ---------- */

  .has-mega-nav > .mega-nav--b {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-12px);
    transform-origin: top center;
    transition:
      opacity 240ms ease,
      transform 380ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 380ms;
  }

  .has-mega-nav:hover > .mega-nav--b,
  .has-mega-nav:focus-within > .mega-nav--b {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition:
      opacity 240ms ease,
      transform 380ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s;
  }


  /* ---------- PRODUKTKORT ---------- */

  .product-list-item-thumbnail {
    overflow: hidden;
  }

  .product-list-item-thumbnail .plc__img {
    transition:
      transform 650ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 300ms ease;
    will-change: transform;
  }

  .product-list-item:hover .plc__img.is-active {
    transform: scale(1.025);
  }




  /* ---------- ADD TO CART / BUTTONS ---------- */

  .pcart__btn {
    transition:
      transform 220ms ease,
      opacity 220ms ease,
      background-color 220ms ease,
      color 220ms ease;
  }

  .pcart__btn:not(.is-disabled):hover {
    transform: translateY(-2px);
  }

  .mater-sug-add {
    transition:
      transform 220ms ease,
      opacity 220ms ease,
      color 220ms ease,
      text-decoration-color 220ms ease;
  }

  .mater-sug-add:hover {
    transform: translateY(-1px);
  }





  /* ---------- PREDICTIVE SEARCH ---------- */

  .mater-ps {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(0.99);
    transform-origin: top right;
    transition:
      opacity 200ms ease,
      transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 280ms;
  }

  .mater-ps.is-open {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition:
      opacity 200ms ease,
      transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s;
  }


  /* ---------- MINI CART ---------- */

  #materMiniCart {
    transition:
      transform 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  #materCartOverlay {
    transition:
      opacity 350ms ease,
      visibility 0s linear 350ms !important;
  }

  body.mater-cart-open #materCartOverlay {
    transition:
      opacity 350ms ease,
      visibility 0s !important;
  }



    to {
      opacity: 1;
      transform: translateY(0);
    }
  }


  /* ---------- STICKY HEADER ---------- */

  .main-header,
  .header-main-content,
  .logo-image {
    transition:
      transform 350ms cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 350ms ease,
      background-color 350ms ease;
  }

  body.mater-header-scrolled .main-header {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.045);
  }

  body.mater-header-scrolled .logo-image {
    transform: scale(0.92);
  }


  /* ---------- SCROLL REVEAL ---------- */

  html.mater-motion-ready .mater-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition:
      opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  html.mater-motion-ready .mater-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

}


/* ---------- ACCESSIBILITY ---------- */

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

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

}

/* --- blok 6 --- */

  /* ---------- Mater · søgefelt og forslag, samme sprog som Products-megamenuen ---------- */

  .header-search-form .header-search-input {
    border: 0;
    border-bottom: 1px solid #DCD8D2;
    border-radius: 0;
    background: transparent;
    color: #252525;
    pointer-events: none;
  }

  .header-search-expanded .header-search-form .header-search-input {
    pointer-events: auto;
  }

  .header-search-form .header-search-input::placeholder { color: #9A9793; }

  .header-search-form .header-search-input:focus {
    outline: none;
    border-bottom-color: #DCD8D2;
    box-shadow: none;
  }

  .header-search-form .header-search-input:focus-visible {
    outline: none;
    border-bottom-color: #252525;
    box-shadow: none;
  }

  .header-search-form .mater-ps {
    top: 100%;
    left: auto;
    right: 0;
    width: min(460px, 92vw);
    max-height: 72vh;
    padding: 0 0 6px;
    background: #F7F6F4;
    border: 1px solid #DCD8D2;
    border-top: 0;
    box-shadow: 0 14px 30px rgba(37, 37, 37, 0.07);
  }

  .header-search-form .mater-ps,
  .mater-search-page-form .mater-ps {
    font-family: le-monde-livre-std, serif;
    color: #252525;
  }

  .header-search-form .mater-ps .mater-ps-group-title,
  .mater-search-page-form .mater-ps .mater-ps-group-title {
    margin: 0;
    padding: 16px 22px 4px;
    font-family: le-monde-livre-std, serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    color: #6B6B6B;
    opacity: 1;
  }

  .header-search-form .mater-ps .mater-ps-group-title:first-child,
  .mater-search-page-form .mater-ps .mater-ps-group-title:first-child {
    padding-top: 10px;
  }

  .header-search-form .mater-ps .mater-ps-item,
  .mater-search-page-form .mater-ps .mater-ps-item {
    gap: 14px;
    padding: 6px 22px;
    color: #252525;
    transition: background 0.15s ease, color 0.15s ease;
  }

  .header-search-form .mater-ps .mater-ps-item:hover,
  .header-search-form .mater-ps .mater-ps-item.is-active,
  .mater-search-page-form .mater-ps .mater-ps-item:hover,
  .mater-search-page-form .mater-ps .mater-ps-item.is-active {
    background: #EFEDE9;
    color: #000000;
  }

  .header-search-form .mater-ps .mater-ps-thumb,
  .mater-search-page-form .mater-ps .mater-ps-thumb {
    flex: 0 0 54px;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #EBE8E4;
  }

  .header-search-form .mater-ps .mater-ps-title,
  .mater-search-page-form .mater-ps .mater-ps-title {
    font-family: le-monde-livre-std, serif;
    font-size: 14px;
    line-height: 1.45;
    color: inherit;
  }

  .header-search-form .mater-ps .mater-ps-price,
  .mater-search-page-form .mater-ps .mater-ps-price {
    margin-top: 3px;
    font-size: 13px;
    color: #6B6B6B;
    opacity: 1;
  }

  .header-search-form .mater-ps .mater-ps-plain,
  .mater-search-page-form .mater-ps .mater-ps-plain {
    padding: 7px 22px;
    font-family: le-monde-livre-std, serif;
    font-size: 14px;
    color: #6B6B6B;
    transition: background 0.15s ease, color 0.15s ease;
  }

  .header-search-form .mater-ps .mater-ps-plain:hover,
  .header-search-form .mater-ps .mater-ps-plain.is-active,
  .mater-search-page-form .mater-ps .mater-ps-plain:hover,
  .mater-search-page-form .mater-ps .mater-ps-plain.is-active {
    background: #EFEDE9;
    color: #000000;
  }

  .header-search-form .mater-ps .mater-ps-all,
  .mater-search-page-form .mater-ps .mater-ps-all {
    margin-top: 6px;
    padding: 12px 22px;
    border-top: 1px solid #DCD8D2;
    font-family: le-monde-livre-std, serif;
    font-size: 13px;
    letter-spacing: normal;
    text-transform: none;
    color: #252525;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .header-search-form .mater-ps .mater-ps-empty,
  .mater-search-page-form .mater-ps .mater-ps-empty {
    padding: 22px;
    font-size: 14px;
    color: #6B6B6B;
    opacity: 1;
  }
  @media (max-width: 749px) {

    body.template-index a[href="/cart"].button,
    body.template-index a[href$="/cart"].button,
    body.template-index a[href="/checkout"].button,
    body.template-index a[href*="/checkout"].button {
      width: auto !important;
      min-width: 0 !important;
      height: 42px !important;
      min-height: 42px !important;

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

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

      font-size: 13px !important;
      line-height: 1 !important;
      font-weight: 400 !important;
      letter-spacing: 0 !important;
      white-space: nowrap !important;

      border-radius: 0 !important;
      box-shadow: none !important;
    }

    body.template-index a[href="/cart"].button,
    body.template-index a[href$="/cart"].button {
      background: transparent !important;
      color: #252525 !important;
      border: 1px solid #252525 !important;
    }

    body.template-index a[href="/checkout"].button,
    body.template-index a[href*="/checkout"].button {
      background: #252525 !important;
      color: #ffffff !important;
      border: 1px solid #252525 !important;
    }

  }


  @media (min-width: 750px) {

    body.template-index a[href="/cart"].button,
    body.template-index a[href$="/cart"].button,
    body.template-index a[href="/checkout"].button,
    body.template-index a[href*="/checkout"].button {
      min-height: 0 !important;
      height: auto !important;

      padding: 11px 20px !important;

      font-size: 14px !important;
      line-height: 1.2 !important;
      font-weight: 400 !important;
      letter-spacing: 0 !important;

      border-radius: 0 !important;
      box-shadow: none !important;
    }

    body.template-index a[href="/cart"].button,
    body.template-index a[href$="/cart"].button {
      background: transparent !important;
      color: #252525 !important;
      border: 1px solid #252525 !important;
    }

    body.template-index a[href="/checkout"].button,
    body.template-index a[href*="/checkout"].button {
      background: #252525 !important;
      color: #ffffff !important;
      border: 1px solid #252525 !important;
    }

  }