/** Shopify CDN: Minification failed

Line 412:8 Expected identifier but found whitespace
Line 412:9 Unexpected "var("

**/
/* =========================
   NAV Dropdown styling
   ========================= */
nav [role="menu"],
nav .dropdown,
nav .submenu,
nav .mega-menu,
nav .menu__dropdown,
nav .nav__dropdown,
nav ul ul{
  background: var(--l4v-offwhite) !important;
  border: 1px solid rgba(30,40,53,.10) !important;
  box-shadow: 0 12px 28px rgba(30,40,53,.12) !important;
}

nav ul ul a,
nav [role="menu"] a{
  color: var(--l4v-soft-dark) !important;
}

nav ul ul a:hover,
nav [role="menu"] a:hover,
nav ul ul li:hover > a{
  background: rgba(212,175,55,.18) !important;
  color: var(--l4v-soft-dark) !important;
}

/* =========================
   Prices (global)
   ========================= */
[class*="price"] .money,
[class*="price"] [class*="sale"],
[class*="price"] [class*="current"],
[class*="price"] span,
.money{
  color: var(--l4v-gold-dark) !important;
}

[class*="compare"],
[class*="was"],
del,
s{
  color: rgba(30,40,53,.55) !important;
}

/* =========================
   Filter / toolbar background fix
   ========================= */
[class*="filter"],
[class*="filters"],
[class*="toolbar"],
[class*="topbar"],
[class*="collection-toolbar"],
[class*="collection-top"],
[class*="collection-header"],
[class*="sorting"],
[class*="sort"]{
  background: var(--l4v-offwhite) !important;
}

/* =========================
   Sale badges brand override
   ========================= */
span.img-badge-sale.badge.bg-success.text-white,
span.price-badge-sale.badge{
  background: var(--l4v-gold-dark) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

span.img-badge-sale.badge.bg-success{
  background: var(--l4v-gold-dark) !important;
}

span.img-badge-sale.badge *,
span.price-badge-sale.badge *{
  color: #fff !important;
}

/* =========================
   Collection utilities (Ecomify/Bootstrap)
   ========================= */
#collection-utilities,
#collection-utilities .collection-utilities-inner,
.collection-utilities-inner.bg-light{
  background: var(--l4v-offwhite) !important;
  border: 1px solid rgba(30,40,53,.10) !important;
}

#collection-utilities .btn-filters,
#collection-utilities .btn-outline-primary{
  background: transparent !important;
  border-color: rgba(212,175,55,.55) !important;
  color: var(--l4v-gold-dark) !important;
}

#collection-utilities .btn-filters:hover,
#collection-utilities .btn-outline-primary:hover{
  background: rgba(212,175,55,.14) !important;
  border-color: rgba(212,175,55,.75) !important;
  color: var(--l4v-gold-dark) !important;
}

/* jouw “blend” versie (lijnen weg) */
#collection-utilities,
#collection-utilities .container,
#collection-utilities .collection-utilities-inner,
#collection-utilities .bg-light{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#collection-utilities::before,
#collection-utilities::after,
#collection-utilities .container::before,
#collection-utilities .container::after,
#collection-utilities .collection-utilities-inner::before,
#collection-utilities .collection-utilities-inner::after{
  content: none !important;
  display: none !important;
}

#collection-utilities hr,
#collection-utilities .divider,
#collection-utilities [class*="divider"]{
  display: none !important;
  border: 0 !important;
}

#collection-utilities{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =========================
   Product images equal size (Ecomify)
   ========================= */
img.product-item-img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  height: auto;
  display: block;
}

.product-item-inner,
.product-item .product-item-inner{
  overflow: hidden;
}

img.product-item-img.rounded{
  border-radius: 14px;
}

.product-item-inner:hover img{
  transform: scale(1.04);
  transition: transform .4s ease;
}

/* =========================
   L4V CatNav — mobile premium scroll
   ========================= */
@media (max-width: 768px){
  .l4v-catnav{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding-bottom: 6px;
  }
  .l4v-catnav__item{
    white-space: nowrap;
    flex: 0 0 auto;
  }
  .l4v-catnav::-webkit-scrollbar{ height: 6px; }
  .l4v-catnav::-webkit-scrollbar-thumb{ background: rgba(30,40,53,.18); border-radius: 999px; }
  .l4v-catnav::-webkit-scrollbar-track{ background: transparent; }
}

/* =========================
   L4V Brand Story section
   ========================= */
.l4v-story{
  background: var(--l4v-story-bg);
  color: var(--l4v-story-text);
  padding: var(--l4v-story-pad-y) 0;
}
.l4v-story__inner{
  max-width: var(--l4v-story-max);
  text-align: center;
}
.l4v-story__eyebrow{
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .75;
}
.l4v-story__title{
  margin: 0 0 14px;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.15;
}
.l4v-story__body{
  font-size: 16px;
  line-height: 1.85;
  opacity: .95;
}
.l4v-story__btn{
  margin-top: 18px;
  display: inline-flex;
}

.l4v-story .page-width{
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
}

.l4v-story__inner{
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}

@media (max-width: 749px){
  .l4v-story{
    padding: calc(var(--l4v-story-pad-y) * .75) 0;
  }
  .l4v-story__body{
    font-size: 15px;
    line-height: 1.75;
  }
}

/* =========================
   Icon blocks: fix mobile squish
   ========================= */
@media (max-width: 749px){
  section[id^="icon-blocks-template-"] .row > *{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  section[id^="icon-blocks-template-"] .block-icon svg{
    width: 46px !important;
    height: 46px !important;
  }

  section[id^="icon-blocks-template-"] .card-body strong,
  section[id^="icon-blocks-template-"] .card-body .h6,
  section[id^="icon-blocks-template-"] .card-body h3{
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
}
/* ===============================
   L4V Global CTA — Glass + Shine (Optie B, SAFE)
   Alleen CTA’s: primary/secondary/outline varianten
   Sluit UI-controls uit (qty, variant swatches, accordions, dropdowns)
   =============================== */

/* Basis: alleen echte CTA-knoppen */
:where(main, footer) a.btn.btn-primary,
:where(main, footer) button.btn.btn-primary,
:where(main, footer) a.btn.btn-secondary,
:where(main, footer) button.btn.btn-secondary,
:where(main, footer) a.btn.btn-outline-primary,
:where(main, footer) button.btn.btn-outline-primary,
:where(main, footer) a.btn.btn-outline-secondary,
:where(main, footer) button.btn.btn-outline-secondary{
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  transition: transform .35s ease, box-shadow .35s ease, background-color .35s ease, border-color .35s ease;
}

/* Uitsluiten: alles wat géén CTA mag worden */
:where(main, footer) .input-group .btn,
:where(main, footer) .product-option-wrapper .btn,
:where(main, footer) .product-options .btn,
:where(main, footer) .quantity .btn,
:where(main, footer) .qty .btn,
:where(main, footer) .quantity-selector .btn,
:where(main, footer) .btn-minus,
:where(main, footer) .btn-plus,
:where(main, footer) .dropdown-toggle.btn,
:where(main, footer) .accordion-button,
:where(main, footer) .btn-close{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

/* Shine overlay (alleen CTA) */
:where(main, footer) a.btn.btn-primary::before,
:where(main, footer) button.btn.btn-primary::before,
:where(main, footer) a.btn.btn-secondary::before,
:where(main, footer) button.btn.btn-secondary::before,
:where(main, footer) a.btn.btn-outline-primary::before,
:where(main, footer) button.btn.btn-outline-primary::before,
:where(main, footer) a.btn.btn-outline-secondary::before,
:where(main, footer) button.btn.btn-outline-secondary::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,0.35) 50%,
    rgba(255,255,255,0) 65%,
    transparent 100%
  );
  transform: translateX(-140%);
  transition: transform 700ms ease;
  pointer-events:none;
}

:where(main, footer) a.btn.btn-primary:hover,
:where(main, footer) button.btn.btn-primary:hover,
:where(main, footer) a.btn.btn-secondary:hover,
:where(main, footer) button.btn.btn-secondary:hover,
:where(main, footer) a.btn.btn-outline-primary:hover,
:where(main, footer) button.btn.btn-outline-primary:hover,
:where(main, footer) a.btn.btn-outline-secondary:hover,
:where(main, footer) button.btn.btn-outline-secondary:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

:where(main, footer) a.btn.btn-primary:hover::before,
:where(main, footer) button.btn.btn-primary:hover::before,
:where(main, footer) a.btn.btn-secondary:hover::before,
:where(main, footer) button.btn.btn-secondary:hover::before,
:where(main, footer) a.btn.btn-outline-primary:hover::before,
:where(main, footer) button.btn.btn-outline-primary:hover::before,
:where(main, footer) a.btn.btn-outline-secondary:hover::before,
:where(main, footer) button.btn.btn-outline-secondary:hover::before{
  transform: translateX(140%);
}

/* PRIMARY = gold glass */
:where(main, footer) a.btn.btn-primary,
:where(main, footer) button.btn.btn-primary{
  background: linear-gradient(135deg, rgba(255,229,125,0.75), rgba(212,175,55,0.75)) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #fff !important;
}

/* SECONDARY = glass (niet grijs) */
:where(main, footer) a.btn.btn-secondary,
:where(main, footer) button.btn.btn-secondary{
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(212,175,55,0.45) !important;
  color: #fff !important;
}

/* Secondary hover → gold tint */
:where(main, footer) a.btn.btn-secondary:hover,
:where(main, footer) button.btn.btn-secondary:hover{
  background: linear-gradient(135deg, rgba(255,229,125,0.62), rgba(212,175,55,0.62)) !important;
}

/* Outline varianten ook premium */
:where(main, footer) a.btn.btn-outline-primary,
:where(main, footer) button.btn.btn-outline-primary{
  border-color: rgba(212,175,55,0.60) !important;
  color: var(--l4v-gold-dark) !important;
  background: rgba(255,255,255,0.10) !important;
}
:where(main, footer) a.btn.btn-outline-primary:hover,
:where(main, footer) button.btn.btn-outline-primary:hover{
  background: rgba(212,175,55,0.14) !important;
}

/* Mobile tuning */
@media (max-width: 749px){
  :where(main, footer) a.btn.btn-primary,
  :where(main, footer) button.btn.btn-primary,
  :where(main, footer) a.btn.btn-secondary,
  :where(main, footer) button.btn.btn-secondary{
    border-radius: 14px;
  }
}

/* ===============================
   Fix: star ratings mogen nooit "wit erven" van button/text
   =============================== */

/* Veel themes/apps gebruiken currentColor voor sterren */
:where(main, footer) .star-rating,

  color: var(--l4v-gold) !important;
}

/* Specifiek voor jouw hero sterren */
.carousel .carousel-caption .l4v-hero-stars{
  color: var(--l4v-gold) !important;
}
/* ===============================
   Stars: altijd goud, maar SAFE (alleen echte star icon classes)
   =============================== */

/* Shopify Product Reviews (vaak .spr-...) */
.spr-icon,
.spr-icon-star,
.spr-icon-star-half-alt,
.spr-icon-star-empty{
  color: var(--l4v-gold) !important;
}

/* Judge.me (vaak .jdgm-...) */
.jdgm-star,
.jdgm-star.jdgm--on,
.jdgm-star.jdgm--half{
  color: var(--l4v-gold) !important;
}

/* Loox (vaak .loox-...) */
.loox-icon,
.loox-star{
  color: var(--l4v-gold) !important;
}

/* Jouw hero sterren blijven ook goud */
.carousel .carousel-caption .l4v-hero-stars{
  color: var(--l4v-gold) !important;
}
/* ===============================
   L4V Product UI — Quantity (brand)
   =============================== */

.product-form .quantity-wrapper,
.shopify-product-form .quantity-wrapper{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,.35);
  background: rgba(247,243,234,.95); /* offwhite */
}

.product-form .quantity-wrapper .btn,
.shopify-product-form .quantity-wrapper .btn{
  background: transparent !important;
  border: 0 !important;
  color: #1E2835 !important;
  font-weight: 700;
  width: 46px;
  min-height: 38px;
}

.product-form .quantity-wrapper .btn:hover,
.shopify-product-form .quantity-wrapper .btn:hover{
  background: rgba(212,175,55,.12) !important;
}

.product-form .quantity-wrapper input.form-control,
.shopify-product-form .quantity-wrapper input.form-control{
  background: transparent !important;
  border: 0 !important;
  text-align: center;
  color: #1E2835 !important;
  font-weight: 700;
  min-height: 38px;
  box-shadow: none !important;
}
/* ===============================
   L4V Product UI — Buy Now button (brand)
   =============================== */

.product-form .btn-buy.btn-outline-secondary,
.shopify-product-form .btn-buy.btn-outline-secondary{
  border-radius: 16px !important;
  border: 1px solid rgba(212,175,55,.55) !important;
  background: rgba(255,255,255,.12) !important;
  color: #1E2835 !important;
  font-weight: 700 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.product-form .btn-buy.btn-outline-secondary:hover,
.shopify-product-form .btn-buy.btn-outline-secondary:hover{
  background: rgba(212,175,55,.14) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,.14);
}
/* ===============================
   L4V Product UI — Accordion brand
   =============================== */

.product-form .accordion-item,
.product-form .accordion-button,
.shopify-product-form .accordion-item,
.shopify-product-form .accordion-button{
  border-color: rgba(212,175,55,.22) !important;
}

.product-form .accordion-button,
.shopify-product-form .accordion-button{
  background: rgba(247,243,234,.92) !important;
  color: #1E2835 !important;
  font-weight: 700;
}

.product-form .accordion-button:not(.collapsed),
.shopify-product-form .accordion-button:not(.collapsed){
  background: rgba(212,175,55,.10) !important;
  color: #1E2835 !important;
  box-shadow: none !important;
}

.product-form .accordion-button:focus,
.shopify-product-form .accordion-button:focus{
  box-shadow: 0 0 0 .2rem rgba(212,175,55,.18) !important;
}

.product-form .accordion-button::after,
.shopify-product-form .accordion-button::after{
  filter: none !important;
  opacity: .9;
}
/* ===============================
   L4V Accordions — brand styling (product tabs)
   =============================== */

.accordion-item{
  border: 1px solid rgba(212,175,55,.22) !important;
  border-radius: 16px !important;
  overflow: hidden;
  background: rgba(247,243,234,.92) !important;
}

.accordion-item + .accordion-item{
  margin-top: 10px;
}

.accordion-button{
  background: rgba(247,243,234,.92) !important;
  color: #1E2835 !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
}

.accordion-button:not(.collapsed){
  background: rgba(212,175,55,.10) !important;
  color: #1E2835 !important;
  box-shadow: none !important;
}

.accordion-button:focus{
  box-shadow: 0 0 0 .2rem rgba(212,175,55,.18) !important;
  border-color: rgba(212,175,55,.45) !important;
}

/* Chevron icoon */
.accordion-button::after{
  opacity: .9;
}

/* =========================================
   L4V — Ecomify color swatches (radio + label + img)
   Gold ring + round thumbnails
   ========================================= */

/* rond + size */
.product-options .color-swatches li label{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 54px;
  height: 54px;

  border-radius: 999px;
  overflow: hidden;

  border: 2px solid rgba(212,175,55,.25);
  background: rgba(247,243,234,.85);

  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* img netjes rond + cover */
.product-options .color-swatches li label img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 999px;
  display: block;
}

/* hover */
@media (hover:hover){
  .product-options .color-swatches li label:hover{
    transform: translateY(-1px);
    border-color: rgba(212,175,55,.55);
    box-shadow: 0 14px 30px rgba(0,0,0,.12);
  }
}

/* ✅ selected ring (jouw markup: input + label) */
.product-options .color-swatches input.product-option[type="radio"]:checked + label{
  border-color: rgba(212,175,55,.95) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.18), 0 18px 34px rgba(0,0,0,.14) !important;
}

/* focus ring */
.product-options .color-swatches input.product-option[type="radio"]:focus-visible + label{
  box-shadow:
    0 0 0 4px rgba(212,175,55,.22),
    0 0 0 8px rgba(212,175,55,.12) !important;
}

/* spacing iets netter */
.product-options .color-swatches{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: -2px;
  margin-right: -2px;
}
.product-options .color-swatches li label img{
  transition: transform .35s ease;
}

.product-options .color-swatches li label:hover img{
  transform: scale(1.06);
}
.product-options .size-buttons label{
  letter-spacing: .02em;
  font-size: 14px;
}
.quantity-wrapper{
  background: rgba(255,255,255,.35);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(212,175,55,.25);
}
.btn-buy.btn-outline-secondary{
  background: linear-gradient(
    135deg,
    rgba(255,229,125,.35),
    rgba(212,175,55,.25)
  ) !important;
}
/* ============================
   L4V — Product options: dropdowns (Model etc.) premium
   ============================ */

.product-options .product-option-wrapper .form-select,
.product-options select.product-option.form-select{
  background: rgba(247,243,234,.70) !important;   /* warm offwhite */
  border: 1.5px solid rgba(212,175,55,.45) !important;
  border-radius: 14px !important;

  color: #1E2835 !important;
  font-weight: 600 !important;

  padding: 12px 44px 12px 14px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.product-options .product-option-wrapper .form-select:focus,
.product-options select.product-option.form-select:focus{
  border-color: rgba(212,175,55,.95) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.16), 0 14px 30px rgba(0,0,0,.08) !important;
  outline: none !important;
}

/* ============================
   L4V — Product option dropdown (Model) PREMIUM v2
   - shadow overlap fix
   - glass pill look
   ============================ */

.product-options .input-group{
  border-radius: 18px !important;
  overflow: hidden !important;                 /* buitenranden strak */
  background: rgba(247,243,234,.62) !important;/* 1 gezamenlijke glass layer */
  border: 1.6px solid rgba(212,175,55,.45) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* "Model" label */
.product-options .input-group > .input-group-text{
  background: transparent !important;          /* komt van wrapper */
  border: 0 !important;                        /* wrapper heeft border */
  color: #1E2835 !important;
  font-weight: 650 !important;
  padding: 12px 14px !important;
  letter-spacing: .01em;
}

/* Select */
.product-options .input-group > .form-select,
.product-options .input-group > select.form-select{
  background: transparent !important;          /* komt van wrapper */
  border: 0 !important;                        /* wrapper heeft border */
  box-shadow: none !important;                 /* <- overlap FIX */
  outline: none !important;
  color: #1E2835 !important;

  font-weight: 650 !important;
  padding: 12px 44px 12px 14px !important;

  /* voorkomt “dubbele randen”/weird seams */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* subtiele scheidingslijn tussen label en select */
.product-options .input-group > .form-select{
  border-left: 1px solid rgba(212,175,55,.22) !important;
}

/* focus state: premium glow op wrapper */
.product-options .input-group:focus-within{
  border-color: rgba(212,175,55,.95) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.16), 0 18px 36px rgba(0,0,0,.10) !important;
}

/* optioneel: tekst in dropdown (open lijst) iets rustiger */
.product-options .input-group select.form-select option{
  color: #1E2835;
  font-weight: 600;
}

/* ============================
   L4V — Tooltip GOLD glass (force)
   ============================ */

/* Force bootstrap tooltip variables */
.tooltip{
  --bs-tooltip-bg: rgba(212,175,55,.42) !important;
  --bs-tooltip-color: #1E2835 !important;
  --bs-tooltip-opacity: 1 !important;
}

/* Gold glass look */
.tooltip.show .tooltip-inner,
.tooltip .tooltip-inner{
  background: linear-gradient(
    135deg,
    rgba(255,229,125,.60),
    rgba(212,175,55,.45)
  ) !important;

  color: #1E2835 !important;
  border: 1px solid rgba(255,255,255,.35) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 14px !important;
  padding: 8px 11px !important;

  font-weight: 650 !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.14) !important;
}

/* pijltje matchen */
.tooltip.bs-tooltip-top .tooltip-arrow::before{ border-top-color: rgba(212,175,55,.45) !important; }
.tooltip.bs-tooltip-bottom .tooltip-arrow::before{ border-bottom-color: rgba(212,175,55,.45) !important; }
.tooltip.bs-tooltip-start .tooltip-arrow::before{ border-left-color: rgba(212,175,55,.45) !important; }
.tooltip.bs-tooltip-end .tooltip-arrow::before{ border-right-color: rgba(212,175,55,.45) !important; }
/* ============================
   L4V — Select focus/active seams cleanup (Chrome/Windows)
   ============================ */

.product-options .input-group,
.product-options .input-group *{
  outline: none !important;
}

.product-options .input-group:focus-within{
  /* houdt je premium look consistent */
  border-color: rgba(212,175,55,.95) !important;
}

/* voorkomt dat Chrome ineens extra randjes/inner borders tekent */
.product-options .input-group > .form-select:focus,
.product-options .input-group > select.form-select:focus{
  box-shadow: none !important;
  outline: none !important;
}

/* scheidingslijn subtieler (of helemaal uit als je wil) */
.product-options .input-group > .form-select{
  border-left: 1px solid rgba(212,175,55,.18) !important;
}

/* als je die scheidingslijn helemaal weg wil, zet deze aan:
.product-options .input-group > .form-select{ border-left: 0 !important; }
*/