/** Shopify CDN: Minification failed

Line 831:0 Expected "}" to go with "{"

**/
/* Desktop cart footer layout */
.cart--root[data-view="desktop"] .cart--footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 350px;
  column-gap: 64px;
  row-gap: 24px;
  align-items: start;
}

.cart--root[data-view="desktop"] .cart-fuel-upsell {
  grid-column: 1;
  grid-row: 1;
  margin: 0;  
}

.cart--root[data-view="desktop"] .cart--notes {
  grid-column: 1;
  grid-row: 2;
  max-width: 100% !important;
  width: 100%;
}

.cart--root[data-view="desktop"] .cart--notes--textarea {
  width: 100%;
  min-height: 130px;
}

.cart--root[data-view="desktop"] .cart--summary {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 350px !important;
  margin-top: 0 !important;
  align-self: start;
}

/* Fuel upsell */
.cart-fuel-upsell {
  margin: 20px 0;
}

.cart-fuel-upsell__title {
  margin: 0 0 10px;
  font-size: 14px;
  color: #555;
}

.cart-fuel-upsell__items {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.cart-fuel-upsell__item {
  width: 110px;
  padding: 10px;
  border: 1px solid #eee;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background: #fff;
}

.cart-fuel-upsell__image {
  width: 72px;
  height: 72px;
  object-fit: contain;
  display: block;
  margin: 0 auto 6px;
}

.cart-fuel-upsell__name {
  display: block;
  font-size: 11px;
  line-height: 1.25;
  color: #333;
  margin-bottom: 4px;
}

.cart-fuel-upsell__price {
  display: block;
  font-size: 12px;
  color: #666;
}

/* ============================================================
   BELANIAN HOLD 2 T1 -- Minimum Calibration Set (Applied 2026-05-19)
   Items: C1 C3 C4 C5a C6a C7 C10a. Do not edit cart CSS above.
   ============================================================ */
.product--breadcrumbs a,
.product--breadcrumbs span {
  text-transform: none;
}
.main-collection--grid {
  column-gap: 20px;
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 500px) {
  .main-collection--grid {
    column-gap: 12px;
  }
}
.product-form--block--description p {
  font-size: 14px;
  line-height: 1.65;
}
.section--product-page table td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
h1.product-form--block--heading {
  line-height: 1.3;
  margin-bottom: 18px;
}
.product-form--block--vendor {
  color: #888;
}

/* ============================================================
   BELANIAN -- Vipp-style header (DEV prototype, 2026-05-20)
   Pairs with header-group.json layout: "left-center".
   Rollback: remove this block + set header layout back to "center-below".
   ============================================================ */
.header--root {
  background: #ffffff;
}
.header--root[data-border="bottom"] {
  border-bottom: 1px solid #e3e1dc;
}
.header--root .header--logo,
.header--root .header--primary-logo {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.header--root .header--wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}
.header--root .x-menu--level-1--container {
  gap: 20px;
}
.header--root .x-menu--level-1--container > li {
  margin: 0;
}
.header--root .x-menu a {
  font-size: 15px;
  letter-spacing: 0.015em;
}
.header--root .header--secondary-nav {
  gap: 16px;
}
.header--root .header--search svg,
.header--root .header--account svg,
.header--root .header--cart svg {
  width: 18px;
  height: 18px;
}

/* ============================================================
   BELANIAN -- Vipp-style hover MEGA-MENU panel (DEV prototype)
   ============================================================ */
.x-menu--level-2--container[data-megamenu="true"] {
  background: #ffffff;
  border-bottom: 1px solid #e3e1dc;
  padding-top: 56px;
  padding-bottom: 68px;
  align-items: flex-start;
}
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--wrapper {
  align-items: flex-start;
  gap: 96px;
}
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list {
  gap: 64px;
  padding-top: 0;
  padding-bottom: 0;
}
/* A headerless column of plain collection links stacks tightly. */
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list[data-single-parents="true"] {
  gap: 2px;
  flex-direction: column;
}
/* Grouped sections stack vertically in one column instead of side by side. */
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list:not([data-single-parents="true"]) {
  flex-direction: column;
  gap: 40px;
}
/* Column header (the parent sub-item) */
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--link > a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #161616;
  padding-top: 0;
  padding-bottom: 16px;
}
.x-menu--level-2--container[data-megamenu="true"] ul.x-menu--level-3--container {
  padding: 0;
}
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-3--link a {
  font-size: 17px;
  color: #6f6f6f;
  line-height: 1.35;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: color 0.15s ease;
}
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-3--link a:hover {
  color: #161616;
}
/* Flat sub-items (single-parent column): plain muted links, NOT headers */
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list[data-single-parents="true"] .x-menu--level-2--link a {
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.01em;
  color: #6f6f6f;
  padding-top: 7px;
  padding-bottom: 7px;
}
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list[data-single-parents="true"] .x-menu--level-2--link a:hover {
  color: #161616;
}
/* BELANIAN: Bio-ethanol haarden column header in the single-parents column.
   Needs higher specificity than the flat sub-item rule above to override it. */
.x-menu--level-1--link[data-megamenu="true"] .x-menu--level-2--list[data-single-parents="true"] .x-menu--belanian-header > a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #161616;
  padding-top: 0;
  padding-bottom: 16px;
  cursor: default;
  pointer-events: none;
}

/* Simple (2-level) dropdown -- direct child links, no sub-groups. */
.x-menu--level-1--link[data-megamenu="false"] .x-menu--level-2--container {
  background: #ffffff;
  min-width: 240px;
  padding-top: 12px;
  padding-bottom: 14px;
}
.x-menu--level-1--link[data-megamenu="false"] .x-menu--level-2--link a {
  font-size: 17px;
  color: #6f6f6f;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: color 0.15s ease;
}
.x-menu--level-1--link[data-megamenu="false"] .x-menu--level-2--link a:hover {
  color: #161616;
}

/* Dynamic collection image on the right of the mega panel. */
.x-menu--media {
  margin-left: auto;
  align-self: stretch;
  flex: 0 0 auto;
  width: 46%;
  max-width: 660px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.x-menu--media img {
  width: 100%;
  height: 100%;
  max-height: 440px;
  min-height: 320px;
  object-fit: cover;
  display: block;
  background: #f3f2ef;
  transition: opacity 0.15s ease;
}
.x-menu--media img:not([src]),
.x-menu--media img[src=""] {
  opacity: 0;
}

/* ============================================================
   BELANIAN -- homepage feature blocks (2026-05-25)
   Text aligned to top of image; sub-image anchored to bottom.
   Overrides the inline .bi-feat rules in templates/index.json via
   higher specificity (body ...). Rollback: remove this block.
   ============================================================ */
body .bi-feat {
  align-items: stretch !important;
}
body .bi-feat__col {
  justify-content: flex-start !important;
}
body .bi-feat__sub {
  margin-top: calc(clamp(32px, 4.5vw, 64px) - 12px) !important;
}

/* ============================================================
   BELANIAN -- Collection page font size increases (2026-05-26)
   Product titles and filter labels +50% vs theme typography default.
   ============================================================ */

/* Product titles in collection grid */
.bi-card__title {
  font-size: 14px;
}

/* Filter group headings (Brandstof, Installatie) */
.filter--toggle {
  font-size: 14px;
}

/* Filter option labels (Waterdamp, Inbouw in wand, etc.) */
.filter--label {
  font-size: 14px;
}

/* FILTERS heading */
.collection-filter-rail__head {
  font-size: 14px;
}

/* Price on collection cards */
.bi-card__price {
  font-size: 15px;
}


.header--cta-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-right: 50px;
}
.header--cta-phone {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #161616;
  text-decoration: none;
  white-space: nowrap;
}
.header--cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  background: #161616 !important;
  color: #fff !important;
  border: 1px solid #161616 !important;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}
.header--cta-btn:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* WhatsApp floating button */
.whatsapp-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 52px;
  height: 52px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
  z-index: 999;
  transition: opacity 0.2s;
}
.whatsapp-float svg {
  width: 28px;
  height: 28px;
  fill: #ffffff;
}
.whatsapp-float:hover {
  opacity: 0.85;
}
/* Mobile menu expand arrows */
.y-menu--details-toggle::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #161616;
  border-bottom: 1.5px solid #161616;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
details[open] > .y-menu--details-toggle::after {
  transform: rotate(-135deg);
}

/* --- Collections list page --- */

/* ~20px gap between the menu and the "Collections" heading */
.section--collections-list .featured-grid--root[data-spacing-above="none"] {
  padding-top: 18px;
}

/* Tile title sits at bottom-center, ~20px from the bottom edge */
.section--collections-list .featured-grid--item--container .stacked-text--root {
  align-self: end;
  align-items: end;
}
.section--collections-list .stacked-text--wrapper {
  --text-padding: 0 0 20px 0;
}
.section--collections-list .stacked-text--title {
  font-size: 22px;
  font-weight: 100 !important;
}

/* Variant buttons: unselected = white with black text/border, selected = inverted */
.belanian__buy .radios--value-button {
  background: #fff !important;
  color: #161616 !important;
  border: 1px solid #161616 !important;
}
.belanian__buy .radios--value-button:has(.radios--input:checked) {
  background: #161616 !important;
  color: #fff !important;
  border-color: #161616 !important;
}

@media (max-width: 989px) {
  .header--cta-bar {
    gap: 8px;
    margin-right: 8px;
  }
  /* hide the phone number text, keep just the icon (still tap-to-call) */
  .header--cta-phone {
    font-size: 0;
    gap: 0;
    padding: 6px;
  }
  .header--cta-phone svg {
    width: 18px;
    height: 18px;
  }
  /* compact button */
  .header--cta-btn {
    font-size: 12px;
    padding: 5px 10px;
  }
}

/* on the smallest phones, just an icon-only button label */
@media (max-width: 420px) {
  .header--cta-btn {
    padding: 5px 8px;
    font-size: 11px;
  }
}

/* ============================
   COOKIE BANNER — BELANIAN restyle
   ============================ */

/* Box-sizing for everything in the banner + prefs */
#shopify-pc__banner,
.shopify-pc__banner,
.shopify-pc__banner *,
.shopify-pc__banner__dialog,
.shopify-pc__banner__wrapper,
.shopify-pc__prefs__dialog,
.shopify-pc__prefs__dialog * {
  box-sizing: border-box !important;
}

/* Outer banner wrapper: pass clicks through except on the dialog */
#shopify-pc__banner,
.shopify-pc__banner {
  font-family: inherit !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Desktop: centered, narrow, taller dialog floating near bottom */
.shopify-pc__banner__dialog {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  max-width: 620px !important;
  width: calc(100vw - 48px) !important;
  margin: 0 !important;
  padding: 10px 32px !important;
  background: #ffffff !important;
  color: #161616 !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.10) !important;
  border-radius: 0 !important;
  pointer-events: auto !important;
}

.shopify-pc__banner__dialog * {
  pointer-events: auto !important;
}

/* Stacked content: title + body on top, buttons below */
.shopify-pc__banner__wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  gap: 16px !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Title + body */
.shopify-pc__banner__body-title {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: #161616 !important;
  margin: 0 0 4px 0 !important;
  text-transform: none !important;
}

.shopify-pc__banner__body {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #555 !important;
}

.shopify-pc__banner__body p,
.shopify-pc__banner__body a {
  font-size: 13px !important;
  color: #555 !important;
}

.shopify-pc__banner__body a {
  color: #161616 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Button row */
.shopify-pc__banner__btns,
.shopify-pc__banner__btns-granular {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}

.shopify-pc__banner__btn-accept,
.shopify-pc__banner__btn-decline,
.shopify-pc__banner__btn-manage-prefs {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.shopify-pc__banner__btn-accept {
  background: #161616 !important;
  color: #ffffff !important;
  border: 1px solid #161616 !important;
}
.shopify-pc__banner__btn-accept:hover {
  background: #000000 !important;
  border-color: #000000 !important;
}

.shopify-pc__banner__btn-decline {
  background: #ffffff !important;
  color: #161616 !important;
  border: 1px solid #161616 !important;
}
.shopify-pc__banner__btn-decline:hover {
  background: #161616 !important;
  color: #ffffff !important;
}

.shopify-pc__banner__btn-manage-prefs {
  background: transparent !important;
  color: #555 !important;
  border: 1px solid transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  padding: 10px 12px !important;
}
.shopify-pc__banner__btn-manage-prefs:hover {
  color: #161616 !important;
}

/* Mobile + phone-landscape: edge-to-edge */
@media (max-width: 749px), (orientation: landscape) and (max-height: 500px) {
  .shopify-pc__banner__dialog {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border: none !important;
    border-top: 1px solid #e6e6e6 !important;
    box-shadow: none !important;
  }

  .shopify-pc__banner__btns,
  .shopify-pc__banner__btns-granular {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  .shopify-pc__banner__btn-accept,
  .shopify-pc__banner__btn-decline,
  .shopify-pc__banner__btn-manage-prefs {
    flex: 1 1 auto !important;
    text-align: center !important;
  }
}

/* ============================
   PREFERENCES MODAL
   ============================ */

.shopify-pc__prefs__dialog {
  background: #ffffff !important;
  color: #161616 !important;
  font-family: inherit !important;
  border-radius: 0 !important;
  border: 1px solid #e6e6e6 !important;
}

.shopify-pc__prefs__header h2 {
  font-family: inherit !important;
  font-weight: 500 !important;
  color: #161616 !important;
}

/* Force preferences modal text to black */
.shopify-pc__prefs__dialog,
.shopify-pc__prefs__dialog *,
.shopify-pc__prefs__option-title,
.shopify-pc__prefs__option-description,
.shopify-pc__prefs__option label,
.shopify-pc__prefs__option p,
.shopify-pc__prefs__body,
.shopify-pc__prefs__body * {
  color: #161616 !important;
}

/* Save my choices button — primary black with white text */
#shopify-pc__prefs__header-save,
#shopify-pc__prefs__header-save * {
  background: #161616 !important;
  color: #ffffff !important;
  border: 1px solid #161616 !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: background 0.15s ease !important;
}

#shopify-pc__prefs__header-save:hover {
  background: #000000 !important;
  border-color: #000000 !important;
}

/* Catch any other Save-style button */
.shopify-pc__banner__btn-save,
.shopify-pc__banner__btn-save *,
.shopify-pc__prefs__btn-save,
.shopify-pc__prefs__btn-save *,
button[class*="btn-save"],
button[class*="btn-save"] * {
  background: #161616 !important;
  color: #ffffff !important;
  border: 1px solid #161616 !important;
  border-radius: 0 !important;
}

/* ============================
   CHECKBOXES — white box, black tick
   ============================ */

/* Hide Shopify's built-in SVG icons */
.shopify-pc__prefs__option label span[aria-hidden="true"] svg {
  display: none !important;
}

/* The span itself becomes the visible box */
.shopify-pc__prefs__option label span[aria-hidden="true"] {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background-color: #ffffff !important;
  border: 1px solid #161616 !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px !important;
  padding: 0 !important;
}

/* Show black checkmark when input is checked */
.shopify-pc__prefs__option label:has(input:checked) span[aria-hidden="true"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23161616' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5 7-7'/></svg>") !important;
}

/* ============================
   WHATSAPP FLOAT BUTTON
   ============================ */

.whatsapp-chat,
.whatsapp-button,
.wa-widget,
.wa-float,
.whatsapp-float,
[class*="whatsapp"][class*="float"],
[class*="whatsapp"][class*="button"],
[id*="whatsapp"][id*="float"],
a[href*="wa.me"],
a[href*="api.whatsapp.com"] {
  right: 16px !important;
  bottom: 16px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  box-sizing: border-box !important;
}

@media (max-width: 749px), (orientation: landscape) and (max-height: 500px) {
  .whatsapp-chat,
  .whatsapp-button,
  .wa-widget,
  .wa-float,
  .whatsapp-float,
  [class*="whatsapp"][class*="float"],
  [class*="whatsapp"][class*="button"],
  [id*="whatsapp"][id*="float"],
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"] {
    right: 12px !important;
    bottom: 12px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
}

/* ============================
   PAGE OVERFLOW + MOBILE HEADER
   ============================ */

html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.shopify-section,
main,
#MainContent {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

@media (max-width: 749px), (orientation: landscape) and (max-height: 500px) {
  .header__wrapper,
  .header-wrapper,
  .site-header__container,
  header .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  .header--cta-btn,
  a[href*="calendly"],
  a[href*="showroom"] {
    padding: 6px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
  }

  .header__logo img,
  .site-header__logo img {
    max-width: 110px !important;
    height: auto !important;
  }

  .header__icons,
  .site-header__icons {
    flex-shrink: 0 !important;
    padding-right: 4px !important;
  }