/** Shopify CDN: Minification failed

Line 3465:2 Unexpected "}"
Line 4829:21 Unexpected "{"
Line 4829:30 Expected ":"
Line 4829:36 Unexpected "{"
Line 4840:21 Unexpected "{"
Line 4840:30 Expected ":"
Line 4841:21 Unexpected "{"
Line 4841:30 Expected ":"
Line 4842:21 Unexpected "{"
Line 4842:30 Expected ":"

**/
/* =========================================================
   WoodWideCities – Sanitized CSS
   Doel:
   - Overrul-conflicten verminderen
   - Kapotte regels verwijderen
   - Structuur behouden
   - Secties duidelijk benoemen voor toekomstig onderhoud

   Let op:
   - Plaats deze CSS na de theme CSS.
   - PDP-regels zijn zoveel mogelijk gescoped op body.template-product.
   - Cart drawer-regels zijn gescoped op #CartDrawer.
========================================================= */


/* =========================================================
   00. Global foundation
========================================================= */

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable both-edges;
}

@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --wwc-gold: #b58150;
  --wwc-accent: #b58150;
  --wwc-accent-dark: #8f6138;
  --wwc-ink: #111111;
  --wwc-dark: #2f2118;
  --wwc-muted: #75675d;
  --wwc-line: #e5e5e5;
  --wwc-soft: #f3e4d6;
  --wwc-panel: #fff7ef;
  --wwc-border: rgba(86, 52, 24, 0.14);
  --wwc-border-strong: rgba(181, 129, 80, 0.28);
  --wwc-warm-bg: #faf8f6;
  --wwc-warm-border: #efe7df;
  --wwc-radius: 12px;
}

@media screen and (max-width: 749px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .page-container,
  .transition-body,
  .main-content,
  .shopify-section,
  .wwc-collection-viewer,
  .page-width,
  .page-content {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 590px) {
  .page-content,
  .shopify-email-marketing-confirmation__container,
  .shopify-policy__container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

svg:not(:root) {
  overflow: initial;
}


/* =========================================================
   01. Global links and small fixes
========================================================= */

p a {
  color: var(--wwc-gold) !important;
  font-weight: 700;
}

p a:hover,
a:hover {
  text-decoration: underline;
}

.stamped-main-badge .stamped-badge[data-rating="0.0"] {
  display: none;
}

p.wwc-usp__bullets a {
  color: #000 !important;
  text-decoration: underline;
}

p.wwc-usp__bullets a:hover {
  text-decoration: none;
}

.sp-validate-overlay {
  pointer-events: none;
}

img.small--hide.image-element {
  /* Reserved for future image fixes. */
}


/* =========================================================
   02. Header and logo
========================================================= */

.site-header {
  padding: 0;
  color: #fff;
  background:
    radial-gradient(140% 120% at 50% 18%, #c89064 0%, #b58150 42%, #a46f47 72%, #8b5b39 100%),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.06), transparent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.site-header__logo {
  margin: 5px 0;
}

.site-header--stuck .image-element,
.site-header--stuck a.site-header__logo-link {
  width: 50px;
}

.site-header--stuck .site-header__logo {
  width: initial;
}

#LogoContainer {
  position: relative;
  isolation: isolate;
}

#LogoContainer::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: clamp(200px, 26vmin, 360px);
  height: clamp(200px, 26vmin, 360px);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 72%);
  filter: blur(12px);
  opacity: 0.95;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.site-header__logo-link {
  position: relative;
  z-index: 1;
}

.site-header .site-header__logo img {
  display: block;
  height: auto;
  transition: transform 0.25s ease, filter 0.25s ease;
  will-change: transform;
}

.site-header .site-header__logo:hover img {
  transform: translateY(-1px) scale(1.02);
  filter:
    drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25))
    drop-shadow(0 14px 32px rgba(0, 0, 0, 0.22))
    brightness(1.06)
    saturate(1.05);
}

.site-nav__dropdown {
  z-index: 20;
}

@media only screen and (min-width: 769px) {
  .site-header__logo,
  .site-header__logo a {
    width: 60px;
    max-width: 60px;
  }

  .header-layout[data-logo-align="center"] .header-item--logo {
    margin: 0 0.4em;
  }
}

@media (prefers-reduced-motion: reduce) {
  #LogoContainer::before,
  .site-header .site-header__logo img,
  .site-header .site-header__logo-link::after {
    transition: none;
  }
}


/* =========================================================
   03. Search bar and Sticky search and page spacing
========================================================= */

/* ==================================================
   WWC - Tabbed Search
   HTML: snippets/wwc-tabbed-search.liquid
   JS: assets/wwc-search.js
================================================== */

.wwc-tscope {
  position: relative;
  z-index: 1;
  isolation: auto;
  font: inherit;
  color: #0f172a;
  --wwc-line: #e5e7eb;
  --wwc-muted: #64748b;
  --wwc-shadow: 0 18px 46px rgba(15, 23, 42, 0.14);
}

.wwc-tscope * {
  box-sizing: border-box;
}

.wwc-tscope.is-open {
  z-index: var(--wwc-z, 9000);
}

.wwc-ts-inputwrap {
  position: relative;
  z-index: 3;
}

.wwc-ts-input {
  width: 100%;
  min-height: 54px;
  padding: 0 3em;
  font: inherit;
  font-size: 16px;
  color: #0f172a;
  background: #fff;
  border: 1.5px solid #dbe2ea;
  border-radius: 999px;
  outline: 0;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  appearance: none;
}

.wwc-ts-input:hover,
.wwc-ts-input:focus {
  border-color: var(--wwc-accent);
}

.wwc-ts-input:focus {
  box-shadow:
    0 0 0 4px rgba(181, 129, 80, 0.18),
    0 18px 46px rgba(15, 23, 42, 0.16);
}

.wwc-ts-ico {
  position: absolute;
  left: 16px;
  top: 50%;
  color: var(--wwc-accent);
  transform: translateY(-50%);
  pointer-events: none;
}

.wwc-ts-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #7c4f27;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  background: rgba(181, 129, 80, 0.1);
  border: 1px solid rgba(181, 129, 80, 0.45);
  border-radius: 999px;
  transform: translateY(-50%);
  cursor: pointer;
}

.wwc-ts-clear:hover {
  background: rgba(181, 129, 80, 0.18);
  border-color: var(--wwc-accent);
}

.wwc-ts-clear.is-visible {
  display: flex;
}

.wwc-ts-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  z-index: 2;
  display: none;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 18px;
  box-shadow: var(--wwc-shadow);
}

.wwc-ts-panel.is-open {
  display: block;
}

.wwc-ts-tabs {
  display: flex;
  gap: 8px;
  padding: 12px;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid var(--wwc-line);
  scrollbar-width: none;
}

.wwc-ts-tabs::-webkit-scrollbar {
  display: none;
}

.wwc-ts-tab {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 13px;
  color: #334155;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 999px;
  cursor: pointer;
}

.wwc-ts-tab[aria-selected="true"] {
  color: #fff;
  background: var(--wwc-accent);
  border-color: var(--wwc-accent);
}

.wwc-ts-tab[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  background: #f8fafc;
}

.wwc-ts-stage {
  max-height: min(68vh, 700px);
  padding: 12px;
  overflow: auto;
  background: #fff;
  overscroll-behavior: contain;
}

.wwc-ts-groupwrap {
  margin: 8px 0 14px;
}

.wwc-ts-group {
  display: block;
  padding: 0 2px 8px;
  color: var(--wwc-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.wwc-ts-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.wwc-ts-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 10px;
  color: inherit;
  text-decoration: none !important;
  background: #fff;
  background-image: none !important;
  border: 1px solid var(--wwc-line);
  border-radius: 14px;
  box-shadow: none !important;
  transition:
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.wwc-ts-item:hover {
  border-color: var(--wwc-accent);
  transform: translateY(-1px);
}

.wwc-ts-item::before,
.wwc-ts-item::after {
  content: none !important;
  display: none !important;
}

.wwc-ts-thumb {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  object-fit: cover;
  background: #eef2f6;
  border-radius: 12px;
}

div.wwc-ts-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wwc-ts-item[data-kind="articles"] div.wwc-ts-thumb,
.wwc-ts-item[data-kind="pages"] div.wwc-ts-thumb {
  background: rgba(181, 129, 80, 0.12);
}

.wwc-ts-item[data-kind="articles"] div.wwc-ts-thumb::before {
  content: "✦";
  color: var(--wwc-accent);
  font-weight: 900;
}

.wwc-ts-item[data-kind="pages"] div.wwc-ts-thumb::before {
  content: "i";
  color: var(--wwc-accent);
  font-family: inherit;
  font-weight: 900;
}

.wwc-ts-title {
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}

.wwc-ts-sub {
  margin-top: 2px;
  color: var(--wwc-muted);
  font-size: 12px;
  line-height: 1.35;
}

.wwc-ts-badge {
  display: inline-flex;
  margin-top: 4px;
  color: #7c5e43;
  font-size: 11px;
  font-weight: 800;
}

.wwc-ts-help-title {
  margin: 0 0 10px 2px;
  font-size: 18px;
  font-weight: 800;
}

.wwc-ts-chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.wwc-ts-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 999px;
}

.wwc-ts-chip:hover {
  border-color: var(--wwc-accent);
}

.wwc-ts-cta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.wwc-ts-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 12px;
  color: #0f172a;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 14px;
}

.wwc-ts-cta:hover {
  border-color: var(--wwc-accent);
}

.wwc-ts-cta-badge {
  display: flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--wwc-accent);
  font-weight: 900;
  background: rgba(181, 129, 80, 0.12);
  border-radius: 12px;
}

.wwc-ts-cta-title {
  font-weight: 800;
  line-height: 1.2;
}

.wwc-ts-cta-sub {
  color: #475569;
  font-size: 12px;
}

.wwc-ts-dym {
  margin: 0 0 14px 2px;
  color: #475569;
  font-size: 14px;
}

.wwc-ts-dym a {
  color: #0f172a;
  font-weight: 800;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(181, 129, 80, 0.45);
}

.wwc-ts-status {
  padding: 16px 6px 6px;
  color: var(--wwc-muted);
  font-size: 14px;
}

.wwc-ts-more {
  margin-top: 10px;
  text-align: center;
}

.wwc-ts-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 14px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 999px;
}

.wwc-ts-more a:hover {
  border-color: var(--wwc-accent);
}

/* Layer fix */
.wwc-ts-layer-open {
  position: relative !important;
  z-index: var(--wwc-active-z, 9000) !important;
  overflow: visible !important;
}

/* Existing sticky search spacing */
@media screen and (max-width: 768px) {
  .wwc-sticky-search-wrap {
    padding: 5px 0;
  }

  .wwc-sticky-search-wrap .page-width {
    padding: 0 6px;
  }
}

@media only screen and (max-width: 589px) {
  .page-full,
  .page-width {
    padding: 0 12px;
  }

  .wwc-sticky-search-wrap .page-width {
    padding: 0 6px;
  }

  .announcement__text {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    text-align: center;
    transition: opacity 0.75s ease;
  }
}

@media (min-width: 901px) {
  .wwc-ts-items,
  .wwc-ts-cta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wwc-ts-input {
    min-height: 52px;
    padding-left: 46px;
    padding-right: 46px;
  }

  .wwc-ts-panel {
    left: -4px;
    right: -4px;
    top: calc(100% + 8px);
  }

  .wwc-ts-stage {
    max-height: min(72vh, 560px);
  }

  .wwc-ts-items,
  .wwc-ts-cta-grid {
    grid-template-columns: 1fr;
  }
}


@media screen and (max-width: 768px) {
  .wwc-sticky-search-wrap {
    padding: 5px 0;
  }

  .wwc-sticky-search-wrap .page-width { 
    padding: 0 6px; 
  }
}

@media only screen and (max-width: 589px) {
  .page-full,
  .page-width {
    padding: 0 12px;
  }

  .wwc-sticky-search-wrap .page-width { 
    padding: 0 6px; 
  }

  .announcement__text {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    text-align: center;
    transition: opacity 0.75s ease;
  }
}


/* =========================================================
   WWC Brand Floating Search Card
   Nieuwe + oude Text Block structuur
========================================================= */

.wwc-main-search,
.section-template--25501099131214__ss_text_block_pro_VpeMnE,
.section-template--28962497528142__ss_text_block_pro_VpeMnE,
.section-template--29102180565326__ss_text_block_pro_VpeMnE {
  position: relative;
  overflow: visible;
  background: #f9f7f4;
}

.wwc-main-search .wwc-text-block__inner,
.section-template--25501099131214__ss_text_block_pro_VpeMnE-settings,
.section-template--28962497528142__ss_text_block_pro_VpeMnE-settings,
.section-template--29102180565326__ss_text_block_pro_VpeMnE-settings {
  max-width: none;
  padding-right: 0 !important;
  padding-left: 0 !important;
  overflow: visible;
}

.wwc-main-search .wwc-text-block__content,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE {
  --wwc-brand: #b58150;
  --wwc-brand-dark: #8b5b39;
  --wwc-cream: #f5efe8;
  --card-radius: 50px;
  --card-pad: clamp(18px, 2.6vw, 30px);
  --lift: clamp(14px, 7vw, 70px);

  position: relative;
  z-index: 5;
  isolation: isolate;
  width: 100%;
  max-width: min(1200px, 92vw);
  margin-inline: auto;
  padding: var(--card-pad) !important;
  border-radius: var(--card-radius);
  outline: 1px solid rgba(255, 255, 255, 0.2);
  background:
    radial-gradient(130% 120% at 50% 12%, #d39a70 0%, #b58150 42%, #a46f47 72%, #8b5b39 100%),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.08), transparent);
  box-shadow:
    0 30px 76px rgba(0, 0, 0, 0.22),
    0 8px 24px rgba(0, 0, 0, 0.13);
  transform: translateY(calc(var(--lift) * -1));
  will-change: transform;
  overflow: visible;
}

.wwc-main-search .wwc-text-block__content::before,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE::before,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE::before,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE::before {
  content: "";
  position: absolute;
  inset: auto 10% 0;
  height: clamp(70px, 12vw, 120px);
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 72%);
  filter: blur(12px);
  pointer-events: none;
  z-index: -1;
}



.wwc-text-block__microcopy {
  display: block;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(12px, 1.3vw, 14px);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.1px;
}


/* Title */
.wwc-main-search .wwc-tb-title,
.wwc-main-search .wwc-tb-title-title_zRwpwj,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj {
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(23px, 2.4vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
}

/* Liquid spacing */
.wwc-main-search .wwc-tb-liquid-custom_liquid_gNVnPc,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .text-block-liquid-custom_liquid_gNVnPc,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .text-block-liquid-custom_liquid_gNVnPc,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .text-block-liquid-custom_liquid_gNVnPc {
  margin-top: 8px !important;
}

/* Floating badge */
.wwc-main-search .wwc-floating-badge,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-floating-badge,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-floating-badge,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-floating-badge {
  position: absolute;
  top: -18px;
  left: clamp(18px, 4vw, 46px);
  z-index: 19;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.35em 0.95em;
  color: var(--wwc-brand, #b58150);
  font-size: clamp(13px, 1.2vw, 15px);
  font-weight: 800;
  letter-spacing: 0.2px;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
  background: #f5efe8;
  border: 2px dashed #d9c1a5;
  border-radius: 999px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.12);
  transform: rotate(-1deg);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.wwc-main-search .wwc-floating-badge:hover,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-floating-badge:hover,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-floating-badge:hover,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-floating-badge:hover {
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
  transform: rotate(1deg) scale(1.04);
}

/* Search scope */
.wwc-main-search .wwc-tscope,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-tscope,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-tscope,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-tscope {
  position: relative;
  z-index: 20;
  max-width: 940px;
  margin-inline: auto;
}

/* Search field */
.wwc-main-search .wwc-ts-inputwrap,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-inputwrap,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-inputwrap,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-inputwrap {
  position: relative;
  z-index: 22;
  transition: box-shadow 0.15s ease;
}

.wwc-main-search .wwc-ts-input,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-input,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-input,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-input {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 16px 56px !important;
  color: #0f172a;
  font-size: clamp(15px, 1.5vw, 18px);
  font-weight: 650;
  background: #fff;
  border: 2px solid #fff !important;
  border-radius: 999px;
  outline: none;
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    box-shadow 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}

.wwc-main-search .wwc-ts-input::placeholder,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-input::placeholder,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-input::placeholder,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-input::placeholder {
  color: #64748b;
  font-weight: 500;
}

.wwc-main-search .wwc-ts-input:focus,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-input:focus,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-input:focus,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-input:focus {
  border-color: #fff !important;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.24),
    0 0 0 7px rgba(181, 129, 80, 0.26),
    0 20px 54px rgba(0, 0, 0, 0.22);
  transform: translateY(-1px);
}

.wwc-main-search .wwc-ts-ico,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-ico,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-ico,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-ico {
  position: absolute;
  left: 18px;
  top: 50%;
  color: var(--wwc-brand, #b58150);
  transform: translateY(-50%);
  opacity: 1;
  pointer-events: none;
}

.wwc-main-search .wwc-ts-clear,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-clear,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-clear,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-clear {
  right: 13px;
  width: 32px;
  height: 32px;
  color: #475569;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
}

/* Search panel */
.wwc-main-search .wwc-ts-panel,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-panel,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-panel,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-panel {
  overflow-anchor: none;
  top: calc(100% + 13px);
  border: 1px solid #ececec;
  border-radius: 22px;
  box-shadow:
    0 26px 58px rgba(0, 0, 0, 0.24),
    0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Tabs */
.wwc-main-search .wwc-ts-tabs,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-tabs,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-tabs,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-tabs {
  padding: 12px;
  background: #fff;
  border-bottom: 1px solid #eee6dd;
}

.wwc-main-search .wwc-ts-tab,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-tab,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-tab,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-tab {
  border-color: #eadfd2;
  font-weight: 750;
}

.wwc-main-search .wwc-ts-tab[aria-selected="true"],
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-tab[aria-selected="true"],
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-tab[aria-selected="true"],
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-tab[aria-selected="true"] {
  color: #fff;
  background: var(--wwc-brand, #b58150);
  border-color: var(--wwc-brand, #b58150);
}

/* Result cards */
.wwc-main-search .wwc-ts-item,
.wwc-main-search .wwc-ts-cta,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-item,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-item,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-item,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta {
  text-decoration: none !important;
  background-image: none !important;
  border-color: #eee6dd;
  transition:
    border-color 0.14s ease,
    box-shadow 0.14s ease,
    transform 0.14s ease;
}

.wwc-main-search .wwc-ts-item:hover,
.wwc-main-search .wwc-ts-cta:hover,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-item:hover,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta:hover,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-item:hover,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta:hover,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-item:hover,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta:hover {
  border-color: var(--wwc-brand, #b58150) !important;
  box-shadow: 0 8px 22px rgba(181, 129, 80, 0.14) !important;
  transform: translateY(-1px);
}

.wwc-main-search .wwc-ts-item::before,
.wwc-main-search .wwc-ts-item::after,
.wwc-main-search .wwc-ts-cta::before,
.wwc-main-search .wwc-ts-cta::after,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-item::before,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-item::after,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta::before,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta::after,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-item::before,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-item::after,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta::before,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta::after,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-item::before,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-item::after,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta::before,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta::after {
  content: none !important;
  display: none !important;
}

.wwc-main-search .wwc-ts-cta-badge,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta-badge,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta-badge,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta-badge {
  background: rgba(181, 129, 80, 0.13);
  color: var(--wwc-brand, #b58150);
}

/* Keyboard focus */
.wwc-main-search .wwc-ts-item:focus-visible,
.wwc-main-search .wwc-ts-cta:focus-visible,
.wwc-main-search .wwc-floating-badge:focus-visible,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-item:focus-visible,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-cta:focus-visible,
.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-floating-badge:focus-visible,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-item:focus-visible,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-cta:focus-visible,
.text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-floating-badge:focus-visible,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-item:focus-visible,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-cta:focus-visible,
.text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-floating-badge:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 680px) {
  .wwc-main-search .wwc-text-block__content,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE {
    --card-radius: 26px;
    --lift: 26px;

    max-width: 94vw;
    padding: clamp(16px, 4vw, 20px) !important;
    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.2),
      0 6px 16px rgba(0, 0, 0, 0.12);
  }



  .wwc-main-search .wwc-floating-badge,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-floating-badge,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-floating-badge,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-floating-badge {
    top: -13px;
    left: 18px;
    max-width: calc(100% - 36px);
    padding: 0.3em 0.75em;
    font-size: 0.88rem;
  }

  .wwc-main-search .wwc-tb-title,
  .wwc-main-search .wwc-tb-title-title_zRwpwj,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj {
    margin-bottom: 14px !important;
    font-size: clamp(21px, 7vw, 27px) !important;
  }

  .wwc-main-search .wwc-ts-input,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-input,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-input,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-input {
    height: 54px;
    padding: 14px 48px !important;
    font-size: 15px;
  }

  .wwc-main-search .wwc-ts-ico,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-ico,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-ico,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-ico {
    left: 15px;
  }

  .wwc-main-search .wwc-ts-panel,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-panel,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-panel,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-panel {
    top: calc(100% + 10px);
    border-radius: 18px;
  }

  .wwc-main-search .wwc-ts-tabs,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-ts-tabs,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-ts-tabs,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-ts-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Small phones */
@media (max-width: 420px) {
  .wwc-main-search .wwc-floating-badge,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .wwc-floating-badge,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .wwc-floating-badge,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE .wwc-floating-badge {
    font-size: 0.82rem;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .wwc-main-search .wwc-text-block__content,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE {
    transform: translateY(-28px);
  }

  .wwc-main-search *,
  .text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE *,
  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE *,
  .text-block-content-template--29102180565326__ss_text_block_pro_VpeMnE * {
    transition-duration: 0.01ms !important;
  }
}


/* =========================================================
   05. Hero overflow fix
========================================================= */

[class*="__ss_hero_30_"] {
  overflow: visible !important;
}



/* =========================================================
   06. Product cards and generic badges
========================================================= */

.wwc-card__image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.wwc-card__info {
  margin-top: 0.6rem;
  padding: 0.9rem 1rem;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.wwc-card__title {
  margin: 0 0 0.25rem;
  color: #111;
  font-size: clamp(14px, 1.7vw, 16px);
  font-weight: 700;
  line-height: 1.25;
}

.wwc-card__title a {
  color: inherit;
  text-decoration: none;
}

.wwc-card__price {
  margin-bottom: 0.45rem;
  color: var(--wwc-gold);
  font-size: clamp(14px, 1.9vw, 17px);
  font-weight: 800;
}

.wwc-card__bulbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wwc-badge {
  padding: 4px 8px;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 9999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.ab-slider-tab-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ab-slider-tab {
  margin: 0 10px;
}


/* =========================================================
   07. Chips and icon row
========================================================= */

.wwc-sub {
  max-width: 150px;
}

@media (max-width: 349px) {
  span.wwc-ico {
    display: none;
  }
}

@media (max-width: 569px) {
  span.wwc-sub {
    max-width: 130px;
    font-size: 1em;
  }

  .wwc-chip {
    padding: 0.5em;
    border-radius: 999px;
    font-size: 0.7rem;
  }
}

@media (min-width: 570px) {
  span.wwc-ico {
    display: none;
  }

  .wwc-chip {
    padding: 0.5em;
    border-radius: 999px;
    font-size: 0.65rem;
  }

  .wwc-sub {
    font-size: 0.8rem;
  }
}

@media (min-width: 790px) {
  span.wwc-ico {
    display: grid;
  }

  .wwc-chip {
    padding: 0.4em;
    border-radius: 999px;
    font-size: 0.8rem;
  }

  .wwc-sub {
    font-size: 0.8rem;
  }
}

@media (min-width: 1050px) {
  .wwc-sub {
    max-width: 110px;
  }
}


/* =========================================================
   08. Desktop mega menu
========================================================= */

.megamenu {
  padding: 1em 0;
}

.wwc-mega {
  --wwc-shadow: 0 14px 36px rgba(47, 33, 24, 0.07);

  padding: 18px 0 16px;
  color: var(--wwc-dark);
}

.wwc-mega *,
.wwc-mega *::before,
.wwc-mega *::after {
  box-sizing: border-box;
}

.wwc-mega a {
  text-decoration: none !important;
  background-image: none !important;
}

.wwc-mega__grid {
  display: grid;
  gap: 14px;
}

.wwc-mega__grid--4 {
  grid-template-columns: 1fr 1.05fr 1.35fr 1fr;
}

.wwc-mega__grid--3 {
  grid-template-columns: 1.05fr 1.2fr 1fr;
}

.wwc-mega__panel {
  min-width: 0;
  padding: 15px;
  background: #fff;
  border: 1px solid var(--wwc-border);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(47, 33, 24, 0.045);
}

.wwc-mega__panel--highlight {
  display: grid;
  align-content: start;
  gap: 12px;
  background: linear-gradient(180deg, #fff7ef, #f7eadf);
  border-color: var(--wwc-border-strong);
}

.wwc-mega__intro {
  display: grid;
  gap: 5px;
  margin-bottom: 2px;
}

.wwc-mega__intro strong {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.wwc-mega__intro span {
  color: var(--wwc-muted);
  font-size: 13px;
  line-height: 1.35;
}

.wwc-mega h4 {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.wwc-mega__section-space {
  margin-top: 15px !important;
}

.wwc-mega__links {
  display: grid;
  gap: 7px;
}

.wwc-mega__links--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
}

.wwc-mega__links a {
  color: var(--wwc-dark) !important;
  font-size: 13px;
  line-height: 1.25;
}

.wwc-mega__links a:hover {
  color: var(--wwc-accent) !important;
}

.wwc-mega__primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 14px 16px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  background: var(--wwc-accent) !important;
  border-radius: 14px;
}

.wwc-mega__primary:hover {
  background: var(--wwc-accent-dark) !important;
}

.wwc-mega__primary span,
.wwc-mega__primary small {
  color: #fff !important;
}

.wwc-mega__secondary {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  color: var(--wwc-dark) !important;
  background: #fff;
  border: 1px solid var(--wwc-border);
  border-radius: 14px;
}

.wwc-mega__secondary strong {
  font-size: 14px;
  line-height: 1.2;
}

.wwc-mega__secondary span {
  color: var(--wwc-muted);
  font-size: 12px;
  line-height: 1.35;
}

.wwc-mega__image-proof img{
  width:100%;
  height:auto;
}

.wwc-mega__fake-search {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 6px 7px 6px 12px;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, 0.32);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(47, 33, 24, 0.055);
}

.wwc-mega__fake-search span {
  display: flex;
  color: var(--wwc-accent);
}

.wwc-mega__fake-search input {
  width: 100%;
  min-width: 0;
  color: var(--wwc-dark);
  font: inherit;
  font-size: 13.5px;
  background: transparent;
  border: 0;
  outline: 0;
  appearance: none;
}

.wwc-mega__fake-search button {
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  background: var(--wwc-accent);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}

.wwc-mega__country-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.wwc-mega__country-list a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 6px 10px;
  color: var(--wwc-dark) !important;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  white-space: nowrap;
  background: var(--wwc-soft);
  border-radius: 10px;
}

.wwc-mega__country-list a span {
  display: block;
  width: 100%;
}

.wwc-mega__country-list a:hover {
  color: var(--wwc-accent) !important;
  background: #ead6c4;
}

.wwc-mega__label {
  display: inline-flex;
  width: max-content;
  margin-bottom: 7px;
  padding: 4px 8px;
  color: var(--wwc-accent-dark);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  background: var(--wwc-soft);
  border-radius: 999px;
}

.wwc-mega__visual-cards {
  display: grid;
  gap: 10px;
}

.wwc-mega__visual-card {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px;
  color: var(--wwc-dark) !important;
  background: #fff;
  border: 1px solid var(--wwc-border);
  border-radius: 14px;
}

.wwc-mega__visual-card:hover {
  border-color: var(--wwc-border-strong);
}

.wwc-mega__visual-card img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  background: var(--wwc-soft);
  border-radius: 12px;
}

.wwc-mega__visual-card strong {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.wwc-mega__visual-card small {
  display: block;
  margin-top: 2px;
  color: var(--wwc-muted);
  font-size: 12px;
  line-height: 1.3;
}

.wwc-mega__intent-chips {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 6px;
}

.wwc-mega__intent-chips span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: #4a3a2c;
  font-size: 13px;
  font-weight: 600;
  background: #f8f5f2;
  border: 1px solid rgba(86, 52, 24, 0.06);
  border-radius: 10px;
  box-shadow: none;
  cursor: default;
}

.wwc-mega__tip {
  margin: 12px 0 6px;
  padding: 12px 14px;
  color: #5a3f28;
  font-size: 13px;
  line-height: 1.45;
  background: rgba(181, 129, 80, 0.14);
  border: 1px solid rgba(181, 129, 80, 0.28);
  border-radius: 12px;
}

.wwc-mega__tip strong {
  color: #4a2f18;
  font-weight: 800;
}

.wwc-mega__trust {
  display: grid;
  gap: 5px;
  margin-top: 2px;
}

.wwc-mega__trust span {
  color: var(--wwc-muted);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.3;
}

.wwc-mega__card {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 14px;
  color: var(--wwc-dark) !important;
  background: #fff;
  border: 1px solid var(--wwc-border);
  border-radius: 14px;
}

.wwc-mega__card:hover {
  color: var(--wwc-accent) !important;
  border-color: var(--wwc-border-strong);
}

.wwc-mega__card strong {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}

.wwc-mega__card small {
  color: var(--wwc-muted);
  font-size: 12px;
  line-height: 1.3;
}

.wwc-mega__intent-line {
  padding: 10px 12px;
  color: var(--wwc-muted);
  font-size: 13px;
  line-height: 1.4;
  background: rgba(181, 129, 80, 0.08);
  border-left: 3px solid var(--wwc-accent);
}

.wwc-mega__intent-line strong {
  color: var(--wwc-dark);
  font-weight: 900;
}

.wwc-mega__review {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, 0.22);
  border-radius: 14px;
}

.wwc-mega__review p {
  margin: 0;
  color: var(--wwc-dark);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.wwc-mega__review span,
.wwc-mega__review-meta {
  color: var(--wwc-muted);
  font-size: 12px;
  font-weight: 800;
}

.wwc-mega__review-meta {
  opacity: 0.85;
}

.wwc-mega__info-block {
  margin-top: 12px;
  padding: 12px;
  font-size: 13px;
  line-height: 1.4;
  background: #f6f1eb;
  border-radius: 10px;
}

.wwc-mega__info-block strong {
  display: block;
  margin-bottom: 2px;
  font-weight: 700;
}

.wwc-mega__image-proof img {
  width: 100%;
  margin-top: 14px;
  border-radius: 12px;
}

.wwc-mega__note,
.wwc-mega__cta-note {
  color: var(--wwc-muted);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.3;
}

.wwc-mega__note {
  margin: -3px 0 8px;
}

.wwc-mega__cta-note {
  margin: -4px 0 4px;
  text-align: center;
}



/* alleen als er items zijn */
.site-nav__link[data-icon="cart"]:has(.cart-link__bubble--visible) {
  animation: cart-bounce 4s ease-in-out infinite;
}

/* bubble = aandacht */
.cart-link__bubble--visible {
  animation: cart-pulse 2s ease-out infinite;
}

/* subtiele bounce */
@keyframes cart-bounce {
  0%, 85%, 100% {
    transform: translateY(0);
  }

  88% {
    transform: translateY(-4px);
  }

  92% {
    transform: translateY(0);
  }

  96% {
    transform: translateY(-2px);
  }
}

/* zachte glow pulse */
@keyframes cart-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 80, 60, 0.5);
  }

  70% {
    transform: scale(1.25);
    box-shadow: 0 0 0 8px rgba(255, 80, 60, 0);
  }

  100% {
    transform: scale(1);
  }
}

.cart-link__bubble {
  width: 10px;
  height: 10px;
  background: #ff3b30;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -2px;
  
box-shadow: 0 0 0 2px rgba(0,0,0,0.05)

}


/* =========================================================
   09. Mobile mega menu — clean base
========================================================= */

.wwc-mobile-mega{
  padding:0 8px 18px!important;
  color:var(--wwc-dark)!important;
}

.wwc-mobile-mega *,
.wwc-mobile-mega *::before,
.wwc-mobile-mega *::after{
  box-sizing:border-box!important;
}

.wwc-mobile-mega a{
  text-decoration:none!important;
  background-image:none!important;
}

/* Hero */
.wwc-mobile-mega__hero{
  display:grid!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:12px!important;
  border:1px solid rgba(181,129,80,.32)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff9f3,#f8eee4)!important;
  box-shadow:0 12px 30px rgba(47,33,24,.08)!important;
}

.wwc-mobile-mega__hero--compact{
  gap:8px!important;
}

.wwc-mobile-mega__intro{
  display:grid!important;
  gap:4px!important;
}

.wwc-mobile-mega__intro strong{
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.wwc-mobile-mega__intro span{
  color:var(--wwc-muted)!important;
  font-size:13.5px!important;
  line-height:1.35!important;
}

/* Search */
.wwc-mobile-mega__search{
  display:grid!important;
  grid-template-columns:1fr 40px!important;
  gap:8px!important;
  align-items:center!important;
}

.wwc-mobile-mega__search input{
  width:100%!important;
  min-height:44px!important;
  padding:10px 13px!important;
  border:1px solid rgba(181,129,80,.34)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--wwc-dark)!important;
  font-size:15px!important;
  outline:0!important;
}

.wwc-mobile-mega__search button{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--wwc-accent)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}

/* Primary CTA */
.wwc-mobile-mega__primary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:46px!important;
  padding:11px 14px!important;
  border-radius:13px!important;
  background:var(--wwc-accent)!important;
  color:#fff!important;
  font-size:15.5px!important;
  font-weight:900!important;
}

.wwc-mobile-mega__primary span,
.wwc-mobile-mega__primary small{
  color:#fff!important;
}

.wwc-mobile-mega__primary small{
  font-size:18px!important;
  line-height:1!important;
}

/* Hero support lines */
.wwc-mobile-mega__proofline{
  padding:9px 11px!important;
  border:1px solid rgba(181,129,80,.22)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--wwc-dark)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
}

.wwc-mobile-mega__quickstart,
.wwc-mobile-mega__trustline{
  color:var(--wwc-muted)!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

.wwc-mobile-mega__intentline{
  padding:6px 8px!important;
  border-left:2px solid var(--wwc-accent)!important;
  background:transparent!important;
  color:var(--wwc-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

.wwc-pre-cta {
  font-size: 14px;
  font-weight: 600;
  color: #5a3e2b;
  margin: 10px 0 14px;
}

/* Trust bullets */
.wwc-mobile-mega__trust{
  display:grid!important;
  gap:5px!important;
  margin-top:2px!important;
}

.wwc-mobile-mega__trust span{
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--wwc-muted)!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-align:left!important;
}

/* Sections */
.wwc-mobile-mega__section{
  margin:0 0 20px!important;
}

.wwc-mobile-mega__section h4{
  margin:0 0 10px!important;
  color:var(--wwc-dark)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

/* Chips */
.wwc-mobile-mega__chips,
.wwc-mobile-mega__countries{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

.wwc-mobile-mega__chips a,
.wwc-mobile-mega__countries a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border:1px solid rgba(86,52,24,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wwc-dark)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:center!important;
  box-shadow:none!important;
}

.wwc-mobile-mega__chips a:active,
.wwc-mobile-mega__countries a:active{
  background:rgba(181,129,80,.08)!important;
  transform:scale(.98)!important;
}

.wwc-mobile-mega__countries a{
  border-color:rgba(181,129,80,.22)!important;
  border-radius:12px!important;
  background:var(--wwc-soft)!important;
}

/* Help menu: chips with subtitles */
.wwc-mobile-mega--help .wwc-mobile-mega__section--priority .wwc-mobile-mega__chips a{
  justify-content:flex-start!important;
  align-items:flex-start!important;
  min-height:52px!important;
  padding:11px 14px!important;
  border-color:rgba(181,129,80,.25)!important;
  background:#fff7ef!important;
  text-align:left!important;
}

.wwc-mobile-mega--help .wwc-mobile-mega__section--priority .wwc-mobile-mega__chips a span{
  display:block!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
}

.wwc-mobile-mega--help .wwc-mobile-mega__section--priority .wwc-mobile-mega__chips a small{
  display:block!important;
  margin-top:2px!important;
  color:var(--wwc-muted)!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.15!important;
}

/* Product menu: slightly tighter */
.wwc-mobile-mega--products .wwc-mobile-mega__section{
  margin-bottom:15px!important;
}

.wwc-mobile-mega--products .wwc-mobile-mega__chips a{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:12.5px!important;
  font-weight:800!important;
}

/* Drawer nav headings */
.mobile-nav__item{
  padding:.3em 0!important;
}

a.mobile-nav__link,
span.mobile-nav__faux-link{
  font-weight:480!important;
  letter-spacing:.5px!important;
  line-height:1!important;
  transition:all .2s ease!important;
}

.mobile-nav__link:active{
  opacity:.7!important;
}


/* ================================
   WWC Help Mega Menu
================================ */

.wwc-mega__grid--help{
  grid-template-columns:.95fr 1.2fr 1.25fr;
  align-items:stretch;
}

/* Global help icon styling */
.wwc-mega-help svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wwc-mega-help__icon,
.wwc-mega__contact-icon,
.wwc-mega__address-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f4eadf;
  color:var(--wwc-dark);
}

/* Left contact panel */
.wwc-mega-help__contact-panel{
  display:grid;
  align-content:start;
  gap:11px;
}

.wwc-mega-help__contact-panel .wwc-mega__intro{
  gap:4px;
}

.wwc-mega-help__contact-panel .wwc-mega__intro strong{
  font-size:18px;
  line-height:1.15;
}

.wwc-mega-help__contact-panel .wwc-mega__intro span{
  max-width:96%;
  font-size:12.8px;
  line-height:1.35;
}

.wwc-mega-help .wwc-mega__intent-line{
  padding:10px 12px;
  font-size:12.2px;
  line-height:1.35;
}

/* Primary CTA */
.wwc-mega-help .wwc-mega__primary{
  min-height:52px;
  box-shadow:0 10px 24px rgba(181,129,80,.18);
}

.wwc-mega-help .wwc-mega__primary small{
  font-size:18px;
  transition:transform .18s ease;
}

.wwc-mega-help .wwc-mega__primary:hover small{
  transform:translateX(2px);
}

.wwc-mega__cta-note{
  margin:-5px 0 1px;
  color:var(--wwc-muted);
  font-size:11.7px;
  font-weight:750;
  line-height:1.3;
  text-align:center;
}

/* Contact option cards */
.wwc-mega__contact-options{
  display:grid;
  gap:7px;
}

.wwc-mega__contact-link{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  align-items:center;
  min-height:46px;
  padding:8px 10px;
  border:1px solid var(--wwc-border);
  border-radius:12px;
  background:#fff;
  color:var(--wwc-dark)!important;
  text-decoration:none!important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.wwc-mega__contact-link:hover{
  border-color:var(--wwc-border-strong);
  background:#fff7ef;
  transform:translateX(1px);
}

.wwc-mega__contact-link strong{
  display:block;
  font-size:12.9px;
  line-height:1.15;
  font-weight:900;
  color:var(--wwc-dark);
}

.wwc-mega__contact-link small{
  display:block;
  margin-top:1px;
  color:var(--wwc-muted);
  font-size:11.4px;
  line-height:1.25;
  font-weight:700;
}

.wwc-mega__contact-note{
  margin-top:0;
  color:var(--wwc-muted);
  font-size:11.4px;
  font-weight:700;
  line-height:1.35;
}

/* Address */
.wwc-mega__address{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  align-items:start;
  margin-top:2px;
  padding:10px;
  border-left:3px solid rgba(181,129,80,.45);
  border-radius:12px;
  background:rgba(255,255,255,.66);
  color:var(--wwc-muted);
  font-size:11.8px;
  font-weight:750;
  line-height:1.35;
}

.wwc-mega__address strong{
  display:block;
  margin-bottom:2px;
  color:var(--wwc-dark);
  font-size:12.5px;
  font-weight:900;
}

.wwc-mega__address small{
  display:block;
  margin-top:3px;
  color:var(--wwc-accent-dark);
  font-size:11.4px;
  font-weight:900;
}

/* Section titles */
.wwc-mega-help__section-title{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  margin-bottom:9px;
}

.wwc-mega-help__section-title h4{
  margin:0;
  color:var(--wwc-dark);
  font-size:15px;
  line-height:1.15;
  font-weight:950;
}

.wwc-mega-help__section-title small{
  display:block;
  color:var(--wwc-muted);
  font-size:11.5px;
  line-height:1.25;
  font-weight:700;
}

.wwc-mega-help__section-title--green .wwc-mega-help__icon{
  background:#eaf1e7;
}

/* Link cards */
.wwc-mega-help__cards{
  display:grid;
  gap:6px;
}

.wwc-mega-help__cards a{
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:9px;
  align-items:center;
  min-height:44px;
  padding:7px 9px;
  border-radius:12px;
  color:var(--wwc-dark)!important;
  text-decoration:none!important;
  transition:background .18s ease, transform .18s ease;
}

.wwc-mega-help__cards a:hover{
  background:#fff7ef;
  transform:translateX(1px);
}

.wwc-mega-help__cards a > svg{
  width:30px;
  height:30px;
  padding:7px;
  border-radius:999px;
  background:#f4eadf;
  color:var(--wwc-dark);
}

.wwc-mega-help__cards strong{
  display:block;
  color:var(--wwc-dark);
  font-size:13.4px;
  line-height:1.16;
  font-weight:900;
}

.wwc-mega-help__cards small{
  display:block;
  color:var(--wwc-muted);
  font-size:11.4px;
  line-height:1.22;
  font-weight:700;
}

.wwc-mega-help__cards em{
  color:var(--wwc-muted);
  font-style:normal;
  font-weight:900;
  transition:transform .18s ease, color .18s ease;
}

.wwc-mega-help__cards a:hover em{
  color:var(--wwc-accent);
  transform:translateX(2px);
}

.wwc-mega-help__cards a[href*="klantenreviews"] > svg{
  background:#fff2dc;
  color:var(--wwc-accent-dark);
}

/* Dividers */
.wwc-mega-help__divider{
  height:1px;
  margin:12px 0 16px;
  background:rgba(86,52,24,.12);
}


.wwc-mobile-mega__chips a{
  display:flex;
  flex-direction:column;
  justify-content:left;
  align-items:flex-start;

  padding:12px 14px;
  min-height:52px;

  border-radius:999px;
  background:#fff;
}

.wwc-mobile-mega__chips a span{
  font-size:14px;
  font-weight:850;
  line-height:1.1;
}

.wwc-mobile-mega__chips a small{
  font-size:11.5px;
  font-weight:700;
  color:var(--wwc-muted);
  line-height:1.1;
  margin-top:2px;
}
.wwc-mobile-mega__section--priority .wwc-mobile-mega__chips a{
  background:#fff7ef;
  border:1px solid rgba(181,129,80,.25);
}


/* ==================================================
   WWC - Main Image Cards
   HTML: sections/wwc-main-image-cards.liquid
   JS: assets/wwc-image-cards.js
================================================== */

.ab-slider {
  background-color: var(--wwc-imgcards-bg, #fff);
  overflow: hidden;
}

.ab-slider * {
  box-sizing: border-box;
}

.ab-slider-section {
  max-width: var(--wwc-imgcards-max-width, 120rem);
  margin: 0 auto;
  padding: var(--wwc-imgcards-pt, 45px) 1.5rem var(--wwc-imgcards-pb, 60px);
}

@media (min-width: 750px) {
  .ab-slider-section {
    padding: var(--wwc-imgcards-pt-desktop, 60px) 5rem var(--wwc-imgcards-pb-desktop, 80px);
  }
}

.ab-slider-head {
  text-align: center;
  margin-bottom: 1rem;
}

.ab-slider-section-title {
  font-weight: 700;
  font-size: var(--wwc-imgcards-title-size, 25px);
  color: var(--wwc-imgcards-title-color, #212a2f);
}

.ab-slider-section-sub {
  opacity: .85;
  margin-top: .5rem;
  font-size: var(--wwc-imgcards-subtitle-size, 16px);
  color: var(--wwc-imgcards-subtitle-color, #50575b);
}

.ab-slider-tab-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 10%;
  margin: 0 -1.5rem 1.5rem;
  padding: 0 36px 2px;
  position: relative;
  z-index: 1;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ab-slider-tab-wrapper::-webkit-scrollbar {
  display: none;
}

@media (min-width: 500px) {
  .ab-slider-tab-wrapper {
    margin: 0 0 1.5rem;
  }
}

@media (min-width: 750px) {
  .ab-slider-tab-wrapper {
    margin-bottom: 4rem;
  }
}

.ab-slider-tab-indicator-bg {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #d3d4d5;
  display: block !important;
}

.ab-slider-tab {
  opacity: .8;
  padding: 30px 18px 6px;
  background: transparent;
  transform: translateY(2px);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--wwc-imgcards-tab-color, #212a2f);
  font-size: var(--wwc-imgcards-tab-size, 16px);
}

.ab-slider-tab--active {
  opacity: 1;
  transition: all .25s ease;
  border-bottom-color: #212a2f;
}

.ab-slider-tab-indicator {
  display: none;
}

@media (min-width: 1024px) {
  .ab-slider-tab {
    padding-bottom: 1rem;
  }

  .ab-slider-tab--active {
    border-bottom-color: transparent;
  }

  .ab-slider-tab-indicator {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #212a2f;
    transition: all .25s ease;
    pointer-events: none;
  }
}

.ab-slider-swiper {
  overflow: visible;
  position: relative;
}

.ab-slider-swiper .swiper-slide {
  width: calc(100% / var(--wwc-imgcards-per-mobile, 1));
}

@media (min-width: 750px) {
  .ab-slider-swiper .swiper-slide {
    width: calc(100% / var(--wwc-imgcards-per-tablet, 2));
  }
}

@media (min-width: 1024px) {
  .ab-slider-swiper .swiper-slide {
    width: calc(100% / var(--wwc-imgcards-per-desktop, 3));
  }
}

.ab-slider-slide {
  background: #fff;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--wwc-imgcards-card-radius, 12px);
}

.card--shadow-none {
  box-shadow: none;
}

.card--shadow-soft {
  box-shadow: 0 6px 24px 0 var(--wwc-imgcards-card-shadow, #d3d4d5);
}

.card--shadow-medium {
  box-shadow: 0 10px 32px 0 var(--wwc-imgcards-card-shadow, #d3d4d5);
}

.card--rounded {
  border-radius: 16px;
}

.card--round {
  border-radius: 9999px;
}

.card--round .ab-slider-image {
  aspect-ratio: 1 / 1;
}

.ab-slider-image {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  display: block;
}

.ab-slider-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 12px;
}

.ab-slider-slide-content {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
  justify-content: space-between;
}

@media (min-width: 750px) {
  .ab-slider-slide-content {
    padding: 18px 30px;
  }
}

.ab-slider-slide-title {
  font-weight: 700;
  line-height: 1;
  margin: 0 0 6px;
  border: 0;
  color: var(--wwc-imgcards-slide-title-color, #212a2f);
  font-size: var(--wwc-imgcards-slide-title-size, 22px);
}

.ab-slider-slide-subtitle {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--wwc-imgcards-slide-subtitle-color, #212a2f);
  font-size: var(--wwc-imgcards-slide-subtitle-size, 15px);
}

.ab-slider-desktop-grid {
  display: none;
}

@media (min-width: 1024px) {
  .ab-slider[data-force-slider="false"] .ab-slider-swiper {
    display: none !important;
  }

  .ab-slider[data-force-slider="false"] .ab-slider-desktop-grid {
    display: grid;
    grid-template-columns: repeat(var(--wwc-imgcards-per-desktop, 3), minmax(0, 1fr));
    gap: 24px;
  }

  .ab-slider-desktop-grid .ab-slider-slide {
    display: none;
  }

  .ab-slider-desktop-grid .ab-slider-slide--desktop-active {
    display: flex;
  }
}

.ab-slider-link-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 9px;
}

.ab-slider-link {
  cursor: pointer;
  transition: all .25s ease;
  letter-spacing: 2px;
  background: var(--wwc-imgcards-button-bg-mobile, #212a2f);
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px;
  font-size: 12px;
  width: 100%;
}

.ab-slider-link:hover {
  background: var(--wwc-imgcards-button-bg-hover, #212a2f);
  color: var(--wwc-imgcards-button-text-hover, #fff);
}

@media (min-width: 750px) {
  .ab-slider-link {
    background: var(--wwc-imgcards-button-bg, #fff);
    color: var(--wwc-imgcards-button-text, #212a2f);
  }
}

.swiper-nav-wrap {
  position: relative;
}

.nav-pos-outside .ab-slider-prev {
  left: -16px;
}

.nav-pos-outside .ab-slider-next {
  right: -16px;
}

.nav-pos-inside .ab-slider-prev {
  left: 8px;
}

.nav-pos-inside .ab-slider-next {
  right: 8px;
}

.nav-pos-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
}

.ab-slider-next,
.ab-slider-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: 0;
  background: transparent;
  box-shadow: none;
  z-index: 2;
  outline: 0;
}

.ab-slider-section .swiper, .ab-slider-section swiper-container {
    overflow: visible;
}

.nav-pos-top .ab-slider-next,
.nav-pos-top .ab-slider-prev {
  position: static;
  transform: none;
}

[data-arrow-style="minimal"] .ab-slider-next,
[data-arrow-style="minimal"] .ab-slider-prev {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 8px;
}

[data-arrow-style="square"] .ab-slider-next,
[data-arrow-style="square"] .ab-slider-prev {
  background: var(--wwc-imgcards-arrow-bg, #fff);
  border: 1px solid var(--wwc-imgcards-arrow-border, #d3d4d5);
  box-shadow: rgba(0, 0, 0, .14) 0 2px 10px;
  border-radius: 8px;
}

[data-arrow-style="circle-outline"] .ab-slider-next,
[data-arrow-style="circle-outline"] .ab-slider-prev {
  background: #fff;
  border: 1px solid var(--wwc-imgcards-arrow-border, #d3d4d5);
  box-shadow: rgba(0, 0, 0, .14) 0 2px 10px;
  border-radius: 50%;
}

[data-arrow-style="circle-filled"] .ab-slider-next,
[data-arrow-style="circle-filled"] .ab-slider-prev {
  background: var(--wwc-imgcards-arrow-bg, #fff);
  border: 1px solid var(--wwc-imgcards-arrow-border, #d3d4d5);
  box-shadow: rgba(0, 0, 0, .14) 0 2px 10px;
  border-radius: 50%;
}

.ab-slider-next::after,
.ab-slider-prev::after {
  display: none;
}

.ab-slider-next::before,
.ab-slider-prev::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 3px solid var(--wwc-imgcards-arrow-color, #4d5559);
  border-bottom: 3px solid var(--wwc-imgcards-arrow-color, #4d5559);
  transition: transform .15s ease;
}

.ab-slider-next::before {
  transform: rotate(-45deg);
}

.ab-slider-prev::before {
  transform: rotate(135deg);
}

.ab-slider-next:hover::before {
  transform: rotate(-45deg) translateX(1px);
}

.ab-slider-prev:hover::before {
  transform: rotate(135deg) translateX(-1px);
}

.ab-slider.no-nav .ab-slider-next,
.ab-slider.no-nav .ab-slider-prev {
  display: none !important;
}

.ab-slider.center-few .ab-slider-swiper .swiper-wrapper {
  justify-content: center;
}

.ab-slider.center-few .ab-slider-swiper .swiper-slide {
  margin-left: 12px;
  margin-right: 12px;
}

.wwc-dialog-backdrop::backdrop {
  background: rgba(0, 0, 0, .6);
}

.wwc-image-cards-lightbox {
  border: 0;
  padding: 0;
  background: transparent;
  max-width: 95vw;
  max-height: 95vh;
}

.wwc-image-cards-lightbox img {
  display: block;
  max-width: 95vw;
  max-height: 95vh;
  height: auto;
  width: auto;
  border-radius: 8px;
}

.wwc-image-cards-lightbox .wwc-close {
  position: absolute;
  top: 6px;
  right: 8px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  border: 0;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.ab-slider-card-anchor {
  display: block;
  color: inherit;
  text-decoration: none;
}

.ab-slider-image-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.ab-slider-title-link {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}


/* =========================================================
   X. Product page foundation and CTA
========================================================= */
/* ==========================================================================
   WWC Text Block Pro v2
   Used by: sections/ss-text-block-pro.liquid
   Dynamic values come from CSS variables inside the section.
   ========================================================================== */

.wwc-text-block {
  margin-top: var(--wwc-tb-mt-mobile);
  margin-bottom: var(--wwc-tb-mb-mobile);
  border-top: var(--wwc-tb-border-width) solid var(--wwc-tb-border-color);
  border-bottom: var(--wwc-tb-border-width) solid var(--wwc-tb-border-color);
  background-color: var(--wwc-tb-bg);
  background-image: var(--wwc-tb-gradient);
}

.wwc-text-block__inner {
  max-width: var(--wwc-tb-max-width);
  margin: 0 auto;
  padding: var(--wwc-tb-pt-mobile) var(--wwc-tb-px-mobile) var(--wwc-tb-pb-mobile);
  display: flex;
  align-items: center;
  flex-direction: var(--wwc-tb-direction-mobile);
  gap: var(--wwc-tb-gap-mobile);
}

.wwc-text-block__content {
  width: 100%;
  padding: var(--wwc-tb-content-py-mobile) var(--wwc-tb-content-px-mobile);
  border-radius: var(--wwc-tb-content-radius);
  background: var(--wwc-tb-content-bg);
}

.wwc-text-block__media {
  width: 100%;
  overflow: hidden;
  border-radius: var(--wwc-tb-image-radius);
}

.wwc-text-block__media img,
.wwc-tb-block-image img {
  display: block;
  width: 100%;
  height: auto;
}

.wwc-text-block__media img {
  height: 100%;
  object-fit: cover;
  border-radius: var(--wwc-tb-image-radius);
}

.wwc-text-block__image--square {
  aspect-ratio: 1 / 1;
}

.wwc-text-block__image--portrait {
  aspect-ratio: 1 / 1.3;
}

.wwc-text-block__image--custom {
  height: var(--wwc-tb-image-height-mobile);
}

/* Content blocks */

.wwc-tb-subtitle,
.wwc-tb-title {
  margin: 0;
  margin-top: var(--mt-mobile);
  font-size: var(--size-mobile);
  line-height: var(--line);
  color: var(--color);
  text-align: var(--align);
  text-transform: none;
}

.wwc-tb-subtitle {
  font-weight: 500;
}

.wwc-tb-title {
  font-weight: 700;
}

.wwc-tb-text {
  margin-top: var(--mt-mobile);
  text-align: var(--align);
}

.wwc-tb-text p,
.wwc-tb-text a,
.wwc-tb-text li {
  margin: 0;
  font-size: var(--size-mobile);
  line-height: var(--line);
  color: var(--color);
  text-transform: none;
}

.wwc-tb-text a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wwc-tb-btn {
  display: block;
  width: 100%;
  max-width: var(--width);
  margin-top: var(--mt-mobile);
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
  padding: var(--py) var(--px);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--color);
  font-size: var(--size-mobile);
  line-height: var(--line);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.wwc-tb-btn:hover {
  background: var(--bg-hover);
  color: var(--color-hover);
  border-color: var(--border-hover);
}

.wwc-tb-block-image {
  display: block;
  margin-top: var(--mt-mobile);
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
  overflow: hidden;
  border-radius: var(--radius);
}

.wwc-tb-block-image img {
  border-radius: var(--radius);
}

.wwc-tb-liquid {
  margin-top: var(--mt-mobile);
  margin-bottom: var(--mb-mobile);
}

/* Desktop */

@media (min-width: 768px) {
  .wwc-text-block__inner--has-image .wwc-text-block__media {
    flex: 1 1 var(--wwc-tb-image-width);
  }

  .wwc-text-block__inner--has-image .wwc-text-block__content {
    flex: 1 1 calc(100% - var(--wwc-tb-image-width));
  }
}

@media (min-width: 1024px) {
  .wwc-text-block {
    margin-top: var(--wwc-tb-mt);
    margin-bottom: var(--wwc-tb-mb);
  }

  .wwc-text-block__inner {
    padding: var(--wwc-tb-pt) var(--wwc-tb-px) var(--wwc-tb-pb);
    flex-direction: var(--wwc-tb-direction);
    gap: var(--wwc-tb-gap);
  }

  .wwc-text-block__content {
    padding: var(--wwc-tb-content-py) var(--wwc-tb-content-px);
  }

  .wwc-text-block__image--custom {
    height: var(--wwc-tb-image-height);
  }

  .wwc-tb-subtitle,
  .wwc-tb-title {
    margin-top: var(--mt);
    font-size: var(--size);
  }

  .wwc-tb-text {
    margin-top: var(--mt);
  }

  .wwc-tb-text p,
  .wwc-tb-text a,
  .wwc-tb-text li {
    font-size: var(--size);
  }

  .wwc-tb-btn {
    margin-top: var(--mt);
    font-size: var(--size);
  }

  .wwc-tb-block-image {
    margin-top: var(--mt);
  }

  .wwc-tb-liquid {
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}


/* =========================================================
   10. Product page foundation and CTA
========================================================= */

body.template-product {
  --wwc-cta: #8f663f;
  --wwc-cta-hover: #774f31;
}

/* FOCUSRING. Hier stond overal rgba(181,129,80,.35) als outline. Over wit rekent
   dat uit naar #E5D3C2, en dat geeft 1,46:1 - terwijl WCAG 2.2 SC 1.4.11 voor
   een focusindicator 3:1 eist. Wie met Tab door de productpagina liep, zag dus
   niet waar hij stond, op de hele pagina.

   Volle merkkleur haalt 5,07:1 op wit. Dat kan hier omdat outline-offset de ring
   BUITEN het element legt, dus op de pagina-achtergrond en niet op de knop zelf.
   Op :root zodat wwc-cro.css en wwc-gallery.css dezelfde bron gebruiken; die
   hadden elk hun eigen kopie van hetzelfde te lichte getal. */
:root { --wwc-focus: #8f663f; }

body.template-product .page-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

body.template-product .product-single__title,
.product-single__title {
  margin: 0 0 0.35em;
  color: var(--wwc-ink);
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.15;
  letter-spacing: 0.2px;
}

body.template-product .stamped-product-reviews-badge .stamped-starrating i {
  color: var(--wwc-gold) !important;
}

body.template-product .stamped-product-reviews-badge .stamped-badge-caption {
  margin-left: 0.35rem;
  color: #444;
  font-size: 0.9rem;
  font-weight: 600;
}

body.template-product .product-block--price .product__price,
.product-block--price .product__price {
  display: inline-block;
  color: var(--wwc-ink);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: 0.2px;
}

body.template-product .product-block--price .product__policies,
body.template-product .shopify-payment-terms.product__policies {
  display: none !important;
}

body.template-product .wwc-leadtime {
  margin-top: 0.35rem;
  color: #0a7a34;
  font-size: 0.95rem;
  font-weight: 700;
}

body.template-product .wwc-trust,
.wwc-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 12px 0 4px;
}

body.template-product .wwc-trust .trust-item,
.wwc-trust .trust-item {
  padding: 6px 10px;
  color: #3a2d21;
  font-size: 12px;
  font-weight: 700;
  background: var(--wwc-warm-bg);
  border: 1px solid var(--wwc-warm-border);
  border-radius: 999px;
}

body.template-product .variant__label,
.variant__label,
.product__quantity label {
  display: block;
  margin: 12px 0 6px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 700;
}

body.template-product .variant-input-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

body.template-product .variant-input-wrap .variant-input label,
.variant-input-wrap .variant-input label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 40px;
  margin: 6px 8px 0 0;
  padding: 8px 14px;
  color: #111;
  font-weight: 700;
  text-align: center;
  white-space: normal;
  background: #fff;
  border: 1.5px solid #ddd;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.template-product .variant-input-wrap .variant-input input:checked + label,
.variant-input-wrap .variant-input input:checked + label {
  border-color: var(--wwc-gold);
  box-shadow: 0 0 0 3px rgba(181, 129, 80, 0.18);
}

body.template-product .variant-input-wrap .variant-input label:hover {
  border-color: #c7c7c7;
}

body.template-product .variant-input-wrap .variant-input label:focus-within {
  box-shadow: 0 0 0 3px rgba(181, 129, 80, 0.22);
}

.variant-input-wrap .variant-input label[title]:hover::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 20;
  padding: 6px 8px;
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
  background: #111;
  border-radius: 6px;
  transform: translateX(-50%);
}

body.template-product .product__quantity,
.product__quantity {
  margin-top: 10px;
}

body.template-product .js-qty__wrapper,
.js-qty__wrapper {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 132px;
  min-height: 36px;
  padding: 0 6px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid var(--wwc-line);
  border-radius: 10px;
}

body.template-product .js-qty__adjust,
.js-qty__adjust {
  width: 36px;
  height: 36px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

body.template-product .js-qty__adjust:hover,
.js-qty__adjust:hover {
  background: #eee;
}

body.template-product .js-qty__num,
.js-qty__num {
  min-width: 56px;
  padding: 8px 4px;
  color: #111;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  background: transparent;
  border: 0;
  outline: 0;
}

input[type="number"].js-qty__num::-webkit-outer-spin-button,
input[type="number"].js-qty__num::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type="number"].js-qty__num {
  -moz-appearance: textfield;
}

body.template-product .payment-buttons,
.payment-buttons {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  margin-top: 10px;
}

body.template-product .add-to-cart,
body.template-product .add-to-cart.add-to-cart--secondary,
.add-to-cart.add-to-cart--secondary {
  width: 100%;
  padding: 14px 18px;
  color: #fff !important;
  font-size: clamp(16px, 1.6vw, 18px);
  font-weight: 900;
  background: var(--wwc-cta, #8f663f) !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(181, 129, 80, 0.28);
  transition: transform 0.06s ease, box-shadow 0.2s ease, filter 0.2s ease, background-color 0.2s ease;
}

body.template-product .add-to-cart:hover,
body.template-product .add-to-cart.add-to-cart--secondary:hover,
.add-to-cart.add-to-cart--secondary:hover {
  background: var(--wwc-cta-hover, #774f31) !important;
  box-shadow: 0 8px 18px rgba(181, 129, 80, 0.34);
  filter: brightness(1.03);
}

body.template-product .add-to-cart:focus-visible,
body.template-product .add-to-cart.add-to-cart--secondary:focus-visible {
  outline: 3px solid var(--wwc-focus, #8f663f);
  outline-offset: 2px;
}

body.template-product .add-to-cart:active,
body.template-product .add-to-cart.add-to-cart--secondary:active {
  transform: translateY(1px);
}

body.template-product .add-to-cart[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

body.template-product .shopify-payment-button {
  display: none;
}

body.template-product .shopify-payment-button__button--unbranded {
  width: 100%;
  padding: 14px 18px;
  color: #fff !important;
  font-size: clamp(16px, 1.6vw, 18px);
  font-weight: 900;
  background: #111 !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  transition: transform 0.06s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.template-product .shopify-payment-button__button--unbranded:hover {
  filter: brightness(1.06);
}

body.template-product .shopify-payment-button__button--unbranded:focus-visible {
  outline: 3px solid rgba(0, 0, 0, 0.35);
  outline-offset: 2px;
}

body.template-product .page-content .grid {
  row-gap: 16px;
}

body.template-product .product-block hr {
  margin: 10px 0;
  border: none;
  border-top: 1px solid var(--wwc-line);
}

body.template-product :where(button, [role="button"], input, a):focus-visible {
  outline: 3px solid var(--wwc-focus, #8f663f);
  outline-offset: 2px;
}

.wwc-subtitel {
  font-size: 1.1em;
}

#shopify-block-AV29Lb2hIc3lLRExxT__infinite_options_app_block_Ti33tM {
  display: none;
}

@media only screen and (max-width: 589px) {
  body.template-product .page-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  body.template-product .breadcrumb {
    margin-bottom: 10px;
    font-size: 11px;
  }

  body.template-product .product-single__meta {
    margin-top: 15px;
    padding-left: 0;
  }

  body.template-product .product-single__title {
    font-size: 1.4em;
  }

  body.template-product .product-block {
    margin-bottom: 15px;
  }

  body.template-product .js-qty__wrapper {
    min-width: 140px;
  }

  body.template-product .variant-input-wrap .variant-input label {
    min-height: 38px;
  }
}


/* =========================================================
   X. WWC Products Info Hub 
========================================================= */

  .shopify-section.section.section-wwc-product-info-hub {
    --wwc-info-accent: #b58150;
    --wwc-info-text: #1f1a17;
    --wwc-info-muted: #6e6258;
    --wwc-info-border: #e4d8cc;
    --wwc-info-bg: #fbf7f2;
    --wwc-info-card: #fff;
    --wwc-info-soft: #f7f0e9;
    --wwc-info-radius: 18px;
    --wwc-info-width: 1280px;
    --wwc-info-shadow: 0 18px 44px rgba(31,23,17,.055);
    --wwc-info-soft-shadow: 0 8px 22px rgba(31,23,17,.04);
  }

  .wwc-product-info {
    color: var(--wwc-info-text);
    margin-top: 24px;
    margin-bottom: 24px;
  }

  }

  .wwc-product-info {
    color: var(--wwc-info-text);
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .wwc-product-info .page-width {
    max-width: var(--wwc-info-width);
  }

  .wwc-product-info__inner {
    display: grid;
    gap: 18px;
  }

  .wwc-product-info__quick,
  .wwc-product-info__hub,
  .wwc-product-info__section {
    border: 1px solid var(--wwc-info-border);
    border-radius: calc(var(--wwc-info-radius) + 10px);
    background: var(--wwc-info-bg);
    box-shadow: var(--wwc-info-shadow);
  }

  .wwc-product-info__quick,
  .wwc-product-info__hub,
  .wwc-product-info__section {
    padding: 18px;
  }

  .wwc-product-info__quick {
    display: grid;
    gap: 14px;
  }

  .wwc-product-info__quick-head,
  .wwc-product-info__panel-head,
  .wwc-product-info__section-head {
    display: grid;
    gap: 4px;
  }

  .wwc-product-info__quick-head h2,
  .wwc-product-info__quick-head p,
  .wwc-product-info__panel-head h3,
  .wwc-product-info__panel-head p,
  .wwc-product-info__section-head h2,
  .wwc-product-info__section-head p,
  .wwc-product-info__section-head .rte > * {
    margin: 0;
  }

  .wwc-product-info__quick-head h2 {
    font-size: 1.12rem;
    line-height: 1.2;
    letter-spacing: -.15px;
  }

  .wwc-product-info__quick-head p,
  .wwc-product-info__mini-help,
  .wwc-product-info__panel-head p,
  .wwc-product-info__section-head p,
  .wwc-product-info__section-head .rte {
    color: var(--wwc-info-muted);
  }

  .wwc-product-info__quick-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .wwc-product-info__quick-card {
    appearance: none;
    position: relative;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    min-height: 74px;
    padding: 12px 34px 12px 12px;
    border: 1px solid rgba(181,129,80,.14);
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  .wwc-product-info__quick-card::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    color: var(--wwc-info-accent);
    opacity: .42;
    font-weight: 900;
  }

  .wwc-product-info__quick-card:hover {
    transform: translateY(-2px);
    border-color: rgba(181,129,80,.35);
    box-shadow: 0 10px 22px rgba(31,23,17,.07);
  }

  .wwc-product-info__quick-icon {
    font-size: 1.12rem;
    line-height: 1;
  }

  .wwc-product-info__quick-card span:not(.wwc-product-info__quick-icon) {
    display: grid;
    gap: 3px;
  }

  .wwc-product-info__quick-card strong {
    font-size: .95rem;
    line-height: 1.15;
  }

  .wwc-product-info__quick-card small {
    color: var(--wwc-info-muted);
    font-size: .82rem;
    line-height: 1.35;
  }

  .wwc-product-info__mini-help {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: .9rem;
  }

  .wwc-product-info__mini-help a {
    color: var(--wwc-info-accent);
    font-weight: 800;
    text-decoration: none;
  }

  .wwc-product-info__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
  }

  .wwc-product-info__tab {
    appearance: none;
    min-height: 40px;
    padding: 9px 17px;
    border: 1px solid rgba(181,129,80,.14);
    border-radius: 999px;
    background: #fff;
    color: var(--wwc-info-text);
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(31,23,17,.025);
  }

  .wwc-product-info__tab.is-active {
    background: var(--wwc-info-accent);
    color: #fff;
    border-color: var(--wwc-info-accent);
    box-shadow: 0 8px 18px rgba(181,129,80,.22);
  }

  .wwc-product-info__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    align-items: start;
  }

  .wwc-product-info__panel {
    display: none;
    background: #fff;
    border-radius: 20px;
    padding: 22px;
  }

  .wwc-product-info__panel.is-active {
    display: grid;
    gap: 18px;
  }

  .wwc-product-info__panel-head h3 {
    font-size: 1.42rem;
    line-height: 1.1;
    letter-spacing: -.35px;
  }

  .wwc-product-info__panel-head p {
    font-size: .96rem;
  }

  .wwc-product-info__blocks {
    display: grid;
    gap: 0;
  }

  .wwc-product-info__block {
    display: grid;
    gap: 13px;
    padding: 0;
    background: transparent;
  }

  .wwc-product-info__block + .wwc-product-info__block {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(181,129,80,.11);
  }

  .wwc-product-info__block.has-media {
    grid-template-columns: minmax(220px, 310px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }

  .wwc-product-info__block.has-media.media-right {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 310px);
  }

  .wwc-product-info__block.has-media.media-right .wwc-product-info__media {
    order: 2;
  }

  .wwc-product-info__block-text {
    display: grid;
    gap: 10px;
    min-width: 0;
  }

  .wwc-product-info__eyebrow {
    margin: 0;
    color: var(--wwc-info-accent);
    font-size: .78rem;
    font-weight: 850;
  }

  .wwc-product-info__block-text h4 {
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.2;
    letter-spacing: -.25px;
  }

  .wwc-product-info__rte {
    color: var(--wwc-info-muted);
    line-height: 1.58;
  }

  .wwc-product-info__rte > *:first-child {
    margin-top: 0;
  }

  .wwc-product-info__rte > *:last-child {
    margin-bottom: 0;
  }

  .wwc-product-info__points,
  .wwc-product-info__trust-list {
    display: grid;
    gap: 8px;
  }

  .wwc-product-info__points div,
  .wwc-product-info__trust-list div {
    position: relative;
    padding-left: 21px;
    line-height: 1.42;
  }

  .wwc-product-info__points div::before,
  .wwc-product-info__trust-list div::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--wwc-info-accent);
    font-size: .9rem;
    font-weight: 900;
  }

  .wwc-product-info__specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 2px;
  }

  .wwc-product-info__specs div {
    min-height: 68px;
    padding: 11px 13px;
    border: 1px solid rgba(181,129,80,.12);
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, rgba(255,255,255,.86));
    display: grid;
    align-content: center;
    gap: 3px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  .wwc-product-info__specs div:hover {
    transform: translateY(-2px);
    border-color: rgba(181,129,80,.25);
    box-shadow: var(--wwc-info-soft-shadow);
  }

  .wwc-product-info__specs span {
    color: var(--wwc-info-muted);
    font-size: .8rem;
    line-height: 1.2;
  }

  .wwc-product-info__specs strong {
    font-size: .96rem;
    line-height: 1.22;
  }

  .wwc-product-info__media {
    overflow: hidden;
    border-radius: 16px;
    background: var(--wwc-info-soft);
    box-shadow: 0 4px 14px rgba(31,23,17,.035);
  }

  .wwc-product-info__image,
  .wwc-product-info__video,
  .wwc-product-info__embed {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .wwc-product-info__image {
    height: auto;
    object-fit: cover;
  }

  .wwc-product-info__embed {
    position: relative;
  }

  .wwc-product-info__embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .wwc-product-info__side {
    position: sticky;
    top: 150px;
  }

  .wwc-product-info__trust {
    display: grid;
    gap: 13px;
    padding: 18px;
    border-radius: 20px;
    background: #fff;
  }

  .wwc-product-info__trust h3,
  .wwc-product-info__trust-text p,
  .wwc-product-info__help p {
    margin: 0;
  }

  .wwc-product-info__trust h3 {
    font-size: 1.14rem;
    line-height: 1.18;
    letter-spacing: -.2px;
  }

  .wwc-product-info__trust-text,
  .wwc-product-info__help p {
    color: var(--wwc-info-muted);
    line-height: 1.48;
  }

  .wwc-product-info__stars {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: .92rem;
  }

  .wwc-product-info__stars span {
    color: #f5a623;
    letter-spacing: -1px;
  }

  .wwc-product-info__help {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 16px;
    background: var(--wwc-info-soft);
  }

  .wwc-product-info__help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .wwc-product-info__help-actions a {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    color: var(--wwc-info-text);
    text-decoration: none;
    font-weight: 850;
  }

  .wwc-product-info__help-actions a:first-child {
    background: var(--wwc-info-accent);
    color: #fff;
  }

  .wwc-product-info__mobile-accordions,
  .wwc-product-info__mobile-trust {
    display: none;
  }

  .wwc-product-info__section {
    display: grid;
    gap: 14px;
  }

  .wwc-product-info__section-head h2 {
    font-size: 1.28rem;
    line-height: 1.2;
    letter-spacing: -.25px;
  }

  .wwc-product-info__faq-list {
    display: grid;
    gap: 8px;
  }

  .wwc-product-info__faq-item,
  .wwc-product-info__accordion {
    background: #fff;
    border: 1px solid rgba(181,129,80,.13);
    border-radius: 14px;
    overflow: hidden;
  }

  .wwc-product-info__faq-item summary,
  .wwc-product-info__accordion summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
  }

  .wwc-product-info__faq-item summary::-webkit-details-marker,
  .wwc-product-info__accordion summary::-webkit-details-marker {
    display: none;
  }

  .wwc-product-info__accordion summary span {
    display: grid;
    gap: 2px;
  }

  .wwc-product-info__accordion summary small {
    color: var(--wwc-info-muted);
  }

  .wwc-product-info__faq-item i,
  .wwc-product-info__accordion i {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    position: relative;
    margin-top: 2px;
  }

  .wwc-product-info__faq-item i::before,
  .wwc-product-info__faq-item i::after,
  .wwc-product-info__accordion i::before,
  .wwc-product-info__accordion i::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
  }

  .wwc-product-info__faq-item i::after,
  .wwc-product-info__accordion i::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .wwc-product-info__faq-item[open] i::after,
  .wwc-product-info__accordion[open] i::after {
    transform: translate(-50%, -50%);
  }

  .wwc-product-info__faq-answer,
  .wwc-product-info__accordion-body {
    padding: 0 15px 15px;
  }

  .wwc-product-info__seo-body {
    color: var(--wwc-info-muted);
    line-height: 1.58;
    max-height: calc(var(--visible-lines, 4) * 1.58em);
    overflow: hidden;
    position: relative;
  }

  .wwc-product-info__seo-body:not(.is-open)::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 48px;
    background: linear-gradient(180deg, rgba(251,247,242,0), var(--wwc-info-bg));
  }

  .wwc-product-info__seo-body.is-open {
    max-height: none;
  }

  .wwc-product-info__seo-toggle {
    appearance: none;
    width: fit-content;
    border: 1px solid rgba(181,129,80,.2);
    border-radius: 999px;
    background: #fff;
    color: var(--wwc-info-accent);
    padding: 8px 14px;
    font-weight: 850;
    cursor: pointer;
  }

  .wwc-product-info__panel,
  .wwc-product-info__accordion,
  .wwc-product-info__section {
    scroll-margin-top: 150px;
  }

  .wwc-product-info__panel.is-highlighted,
  .wwc-product-info__accordion.is-highlighted {
    animation: wwcInfoPulse 1.1s ease;
  }

  @keyframes wwcInfoPulse {
    0% { box-shadow: 0 0 0 0 rgba(181,129,80,.28); }
    100% { box-shadow: 0 0 0 16px rgba(181,129,80,0); }
  }

  @keyframes wwcInfoGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(181,129,80,.12); }
    50% { box-shadow: 0 0 0 5px rgba(181,129,80,.08); }
  }

  .wwc-buildings-inline {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 14px;
    padding: 12px;
    border: 1px solid rgba(181,129,80,.13);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff, rgba(247,240,233,.62));
  }

  .wwc-buildings-inline__icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--wwc-info-soft);
    font-size: 1rem;
  }

  .wwc-buildings-inline__content {
    display: grid;
    gap: 8px;
    min-width: 0;
  }

  .wwc-buildings-inline__label {
    color: var(--wwc-info-text);
    font-size: .86rem;
    font-weight: 850;
    line-height: 1.2;
  }

  .wwc-buildings-inline__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .wwc-buildings-inline__chips span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(181,129,80,.14);
    color: var(--wwc-info-text);
    font-size: .84rem;
    line-height: 1.2;
    font-weight: 750;
  }

  .wwc-buildings-inline--fallback p {
    margin: 0;
    color: var(--wwc-info-muted);
    line-height: 1.45;
  }

  .wwc-buildings-inline--fallback a {
    color: var(--wwc-info-accent);
    font-weight: 850;
    text-decoration: none;
  }

  .wwc-product-info__mobile-pill {
    display: none;
  }

  @media screen and (max-width: 989px) {
    .wwc-product-info__inner {
      gap: 14px;
    }

    .wwc-product-info__quick,
    .wwc-product-info__hub,
    .wwc-product-info__section {
      border-radius: 18px;
      padding: 13px;
    }

    .wwc-product-info__quick-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .wwc-product-info__quick-card {
      min-height: 72px;
      padding: 11px 30px 11px 11px;
    }

    .wwc-product-info__tabs,
    .wwc-product-info__desktop-panels,
    .wwc-product-info__side {
      display: none;
    }

    .wwc-product-info__layout {
      display: block;
    }

    .wwc-product-info__mobile-accordions {
      display: grid;
      gap: 8px;
    }

    .wwc-product-info__mobile-hint {
      margin: 0 0 2px;
      color: var(--wwc-info-muted);
      font-size: .92rem;
    }

    .wwc-product-info__accordion:first-of-type {
      animation: wwcInfoGlow 3.2s ease-in-out infinite;
    }

    .wwc-product-info__block,
    .wwc-product-info__block.has-media,
    .wwc-product-info__block.has-media.media-right {
      grid-template-columns: 1fr;
    }

    .wwc-product-info__block.has-media.media-right .wwc-product-info__media {
      order: 0;
    }

    .wwc-product-info__specs {
      grid-template-columns: 1fr;
      gap: 8px;
    }

    .wwc-buildings-inline {
      padding: 11px;
    }

    .wwc-buildings-inline__chips span {
      font-size: .82rem;
    }

    .wwc-product-info__mobile-trust {
      display: block;
      margin-top: 10px;
    }

    .wwc-product-info__mobile-trust-grid {
      display: grid;
      gap: 12px;
      padding: 14px;
      border-radius: 18px;
      background: #fff;
    }

    .wwc-product-info__mobile-rating {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: .94rem;
      line-height: 1;
    }

    .wwc-product-info__mobile-rating span {
      color: #f5a623;
      letter-spacing: -1px;
    }

    .wwc-product-info__mobile-rating small {
      color: var(--wwc-info-muted);
    }

    .wwc-product-info__mobile-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    .wwc-product-info__mobile-pills span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--wwc-info-soft);
      font-size: .82rem;
      font-weight: 750;
      line-height: 1.2;
    }

    .wwc-product-info__mobile-help {
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--wwc-info-muted);
      font-size: .9rem;
    }

    .wwc-product-info__mobile-help strong {
      color: var(--wwc-info-text);
    }

    .wwc-product-info__mobile-actions {
      display: flex;
      gap: 8px;
    }

    .wwc-product-info__mobile-actions a {
      flex: 1;
      min-height: 44px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-weight: 850;
      background: #fff;
      color: var(--wwc-info-text);
      border: 1px solid rgba(181,129,80,.22);
    }

    .wwc-product-info__mobile-actions a:first-child {
      background: var(--wwc-info-accent);
      color: #fff;
      border-color: var(--wwc-info-accent);
      box-shadow: 0 8px 18px rgba(181,129,80,.22);
    }
  }

  @media screen and (max-width: 540px) {
    .wwc-product-info__quick-grid {
      grid-template-columns: 1fr;
    }

    .wwc-product-info__quick-card {
      min-height: auto;
    }

    .wwc-product-info__panel,
    .wwc-product-info__accordion-body {
      padding: 14px;
    }

    .wwc-product-info__specs div {
      min-height: 62px;
    }
  }


  .wwc-product-info__media-link {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.wwc-product-info__media-link img,
.wwc-product-info__media-link image-element {
  display: block;
  width: 100%;
}

.wwc-product-info__lightbox {
  max-width: min(92vw, 1200px);
}

.wwc-product-info__lightbox img {
  width: 100%;
  height: auto;
  max-height: 88vh;
  object-fit: contain;
}

.wwc-product-info__media-link {
  appearance: none;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.wwc-info-lightbox {
  border: 0;
  padding: 0;
  background: transparent;
  max-width: min(94vw, 1200px);
}

.wwc-info-lightbox::backdrop {
  background: rgba(0,0,0,.72);
}

.wwc-info-lightbox img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 88vh;
  object-fit: contain;
  border-radius: 16px;
}

.wwc-info-lightbox__close {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.7);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}


/* ==================================================
   WWC - Related by City Bubbles
   HTML: product section
   JS: assets/wwc-product.js
================================================== */

.wwc-rel-bubbles {
  background: var(--wwc-rel-bg, #fff);
  border-top: var(--wwc-rel-border-size, 0) solid var(--wwc-rel-border-color, transparent);
  border-bottom: var(--wwc-rel-border-size, 0) solid var(--wwc-rel-border-color, transparent);
  margin-top: var(--wwc-rel-margin-top, 20px);
  margin-bottom: var(--wwc-rel-margin-bottom, 20px);
}

.wwc-rel-inner {
  margin: 0 auto;
  overflow: visible;
  padding: var(--wwc-rel-padding-top, 28px) var(--wwc-rel-padding-x-mobile, 1.5rem) var(--wwc-rel-padding-bottom, 28px);
}

.wwc-rel-bubbles--contained .wwc-rel-inner {
  max-width: var(--wwc-rel-content-width, 120rem);
}

@media (min-width: 750px) {
  .wwc-rel-inner {
    padding-left: var(--wwc-rel-padding-x, 5rem);
    padding-right: var(--wwc-rel-padding-x, 5rem);
  }
}

.wwc-rel-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.wwc-rel-heading {
  margin: 0;
  font-size: 16px;
  text-transform: none;
  color: var(--wwc-rel-text-color, #121212);
  font-weight: 800;
}

.wwc-rel-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.wwc-rel-tabs .wwc-tab {
  appearance: none;
  border-radius: 999px;
  border: 1.5px solid #e6e6e6;
  background: #fff;
  font-weight: 700;
  color: #222;
  cursor: pointer;
  transition: .15s;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1;
}

.wwc-rel-tabs .wwc-tab:hover {
  border-color: #d6d6d6;
}

.wwc-rel-tabs .wwc-tab[aria-selected="true"] {
  border-color: var(--wwc-rel-ring, #b58150);
  color: var(--wwc-rel-ring, #b58150);
  background: #faf7f4;
  box-shadow: 0 0 0 3px rgba(181, 129, 80, .18);
}

.wwc-rel-buttons {
  margin-left: auto;
  display: flex;
  gap: 12px;
  align-items: center;
}

.wwc-rel-buttons .bubble-prev,
.wwc-rel-buttons .bubble-next {
  position: static;
  width: var(--wwc-rel-button-size, 32px);
  height: var(--wwc-rel-button-size, 32px);
  border-radius: 50%;
  border: var(--wwc-rel-button-border-size, 0) solid var(--wwc-rel-button-border, #000);
  background: var(--wwc-rel-button-bg, #f2f2f2);
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: .2s;
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
}

.wwc-rel-buttons .bubble-prev::after,
.wwc-rel-buttons .bubble-next::after {
  font-size: var(--wwc-rel-button-icon-size, 10px);
  color: var(--wwc-rel-button-icon, #000);
  transition: .2s;
}

.wwc-rel-buttons .bubble-prev::after {
  content: '<';
}

.wwc-rel-buttons .bubble-next::after {
  content: '>';
}

.wwc-rel-buttons .bubble-prev:hover,
.wwc-rel-buttons .bubble-next:hover {
  border-color: var(--wwc-rel-button-border-hover, #000);
  background: var(--wwc-rel-button-bg-hover, #f2f2f2);
}

.wwc-rel-buttons .bubble-prev:hover::after,
.wwc-rel-buttons .bubble-next:hover::after {
  color: var(--wwc-rel-button-icon-hover, #000);
}

.wwc-rel-bottom {
  margin-top: var(--wwc-rel-slider-mt, 20px);
  display: flex;
  align-items: center;
}

.wwc-rel-slider {
  overflow: hidden !important;
  position: relative;
  width: 100% !important;
  padding-bottom: var(--wwc-rel-scrollbar-mt, 16px) !important;
}

.wwc-rel-scrollbar {
  background: var(--wwc-rel-scrollbar-bg, #efefef);
}

.wwc-rel-scrollbar .swiper-scrollbar-drag {
  background: var(--wwc-rel-scrollbar-drag, #d7d7d7);
  display: block !important;
}

.wwc-rel-container {
  display: flex;
  visibility: hidden;
}

.wwc-rel-item {
  width: 100%;
  max-width: var(--wwc-rel-icon-size-mobile, 110px);
  margin-right: var(--wwc-rel-gap, 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: .2px;
  box-sizing: border-box;
}

@media (min-width: 750px) {
  .wwc-rel-item {
    max-width: var(--wwc-rel-icon-size, 120px);
  }
}

.wwc-rel-img-wrapper {
  aspect-ratio: 1 / 1;
  width: 100%;
  position: relative;
  z-index: 1;
}

.wwc-rel-img-wrapper img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: var(--wwc-rel-img-border-size, 2px);
  border: var(--wwc-rel-img-border-size, 2px) solid var(--wwc-rel-ring, #121212);
  border-radius: 50%;
  transition: transform .2s, border-color .15s;
  background: #fff;
}

.wwc-rel-bubbles.is-square .wwc-rel-img-wrapper img {
  border-radius: 0;
}

.wwc-rel-bubbles.has-hover .wwc-rel-img-wrapper img {
  transform: scale(.97);
}

.wwc-rel-bubbles.has-hover .wwc-rel-img-wrapper img:hover {
  transform: scale(1);
}

.wwc-rel-item.is-active .wwc-rel-img-wrapper img {
  border-color: var(--wwc-rel-ring-active, #b58150);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

.wwc-rel-card-badge {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #111;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 10px;
  z-index: 5;
  pointer-events: none;
}

.wwc-rel-title-link {
  text-decoration: none;
}

.wwc-rel-title {
  margin: 0;
  font-size: var(--wwc-rel-text-size, 12px);
  text-align: center;
  margin-top: var(--wwc-rel-text-mt, 10px);
  color: var(--wwc-rel-text-color, #121212);
}

.wwc-rel-bubbles.has-bold-title .wwc-rel-title {
  font-weight: 700;
}

.wwc-rel-info,
.wwc-rel-swatches {
  margin-top: 6px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}

.wwc-rel-badge {
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 9999px;
  background: #fff;
  color: #222;
  border: 1px solid rgba(0, 0, 0, .08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
  font-weight: 600;
  position: relative;
}

.wwc-rel-badge[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 125%;
  background: #111;
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
  max-width: 240px;
  text-align: center;
  z-index: 99;
}

.wwc-rel-badge[data-tip]:hover::after {
  opacity: 1;
}

.wwc-rel-badge--materials {
  cursor: pointer;
  z-index: 60;
}

.wwc-rel-tip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 135%;
  background: #111;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
  display: flex;
  gap: 6px;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  z-index: 100;
}

.wwc-rel-badge--materials.is-open .wwc-rel-tip {
  opacity: 1;
  pointer-events: auto;
}

.wwc-rel-swatch {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.wwc-rel-swatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}


/* =========================================================
   X. WWC Product Page Size Guide for standing/wall
========================================================= */

.wwc-size-guide {
  padding: 18px 14px 13px;
  border-radius: 16px;
  border: 1px solid rgba(181,129,80,.22);
  background: #fffaf5;
  display: grid;
  gap: 10px;
}

.wwc-size-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wwc-size-head strong {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
  color: #5f402b;
}

.wwc-size-badge {
  display: none;
  padding: 4px 9px;
  border-radius: 999px;
  background: #f1e3d4;
  color: #7a4b23;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1;
}

.wwc-size-badge:not(:empty) {
  display: inline-flex;
}

.wwc-size-scale {
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  gap: 10px;
}

.wwc-size-label {
  font-size: 13px;
  font-weight: 900;
  color: #252525;
  white-space: nowrap;
}

.wwc-size-bar {
  position: relative;
  height: 7px;
  border-radius: 999px;
  background: #eee4da;
  overflow: hidden;
}

.wwc-size-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: #b58150;
  transition: width .22s ease;
}

.wwc-size-tip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #262626;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 4px 12px rgba(44,35,27,.05);
}

.wwc-size-tip__icon {
  font-size: 16px;
  line-height: 1;
}

.wwc-size-upsell {
  width: fit-content;
  color: #8a5528;
  font-size: 12.5px;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wwc-size-upsell::before {
  content: "→ ";
}

@media screen and (max-width: 749px) {
  .wwc-size-guide {
    padding: 17px 12px 12px;
    gap: 9px;
  }

  .wwc-size-head strong {
    font-size: 15px;
  }

  .wwc-size-scale {
    grid-template-columns: 48px 1fr;
    gap: 8px;
  }

  .wwc-size-tip,
  .wwc-size-upsell {
    font-size: 12px;
  }
}



/* =========================================================
   X. WWC City Browser Extension 
========================================================= */
  .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

  #wwc-city-browser-{{ section.id }}{
    --wwc-accent:#b58150;
    --wwc-accent-dark:#8f6138;
    --wwc-soft:#f7efe8;
    --wwc-panel:#fffaf6;
    --wwc-border:rgba(86,52,24,.14);
    --wwc-text:#20140b;
    --wwc-muted:#74665b;
    color:var(--wwc-text);
  }

  #wwc-city-browser-{{ section.id }} *,
  #wwc-city-browser-{{ section.id }} *::before,
  #wwc-city-browser-{{ section.id }} *::after{box-sizing:border-box}

  .wwc-wrap{max-width:1200px;margin:0 auto;padding:18px 14px 28px}
  .wwc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0}

  @media(min-width:768px){
    .wwc-wrap{padding:28px 18px 36px}
    .wwc-row{gap:12px;margin:12px 0}
  }

  .wwc-searchbar{
    position:relative;
    flex:1;
    z-index:19;
    padding:8px;
    border-radius:24px;
    background:var(--wwc-panel);
    border:1px solid rgba(181,129,80,.22);
  }

  .wwc-search input{
    width:100%;
    min-height:56px;
    padding:14px 48px;
    font-size:17px;
    font-weight:650;
    color:var(--wwc-text);
    background:#fff;
    border:1.5px solid rgba(181,129,80,.48);
    border-radius:999px;
    box-shadow:none;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease;
  }

  .wwc-search input::placeholder{color:#a3958a;font-weight:500}
  .wwc-search input:focus{border-color:var(--wwc-accent);box-shadow:0 0 0 4px rgba(181,129,80,.16)}

  .wwc-search-icon{
    position:absolute;
    left:26px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    pointer-events:none;
    color:var(--wwc-accent);
  }

  .wwc-clear-input{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:32px;
    height:32px;
    border:1px solid var(--wwc-border);
    border-radius:999px;
    background:#fff;
    color:var(--wwc-muted);
    cursor:pointer;
    display:none;
    font-size:20px;
    line-height:1;
  }

  .wwc-clear-input.is-visible{display:inline-flex;align-items:center;justify-content:center}
  .wwc-clear-input:hover{border-color:var(--wwc-accent);color:var(--wwc-accent-dark)}

  .wwc-facetbar{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    padding:12px;
    border:1px solid rgba(181,129,80,.22);
    border-radius:20px;
    background:var(--wwc-panel);
  }

  .wwc-facet-label,
  .wwc-az-prompt{font-size:13px;font-weight:850;color:#5b3a21}

  .wwc-select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    min-height:42px;
    padding:8px 40px 8px 13px;
    border:1px solid var(--wwc-border);
    border-radius:13px;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235b3a21' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:12px 8px;
    color:var(--wwc-text);
    font-size:13px;
    font-weight:750;
    cursor:pointer;
    box-shadow:none;
  }

  .wwc-select:focus{
    outline:none;
    border-color:var(--wwc-accent);
    box-shadow:0 0 0 3px rgba(181,129,80,.15);
  }

  .wwc-select:disabled{
    opacity:.5;
    cursor:not-allowed;
    background-color:#f8f4f0;
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239b8d82' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .wwc-clear{
    min-height:42px;
    padding:8px 14px;
    border:1px solid rgba(181,129,80,.35);
    border-radius:999px;
    background:#fff;
    color:var(--wwc-accent-dark);
    cursor:pointer;
    font-size:13px;
    font-weight:850;
    display:none;
  }

  .wwc-clear.is-visible{display:inline-block}
  .wwc-clear:hover{background:var(--wwc-soft);border-color:var(--wwc-accent)}

  .wwc-filters{display:flex;flex-wrap:wrap;gap:8px}

  .wwc-btn{
    min-height:36px;
    padding:7px 12px;
    border:1px solid var(--wwc-border);
    border-radius:999px;
    background:#fff;
    color:#4b3829;
    cursor:pointer;
    font-size:13px;
    font-weight:800;
    display:flex;
    gap:6px;
    align-items:center;
    transition:background .14s ease,color .14s ease,border-color .14s ease;
  }

  .wwc-btn:hover{border-color:rgba(181,129,80,.5);background:var(--wwc-soft)}
  .wwc-btn[aria-pressed="true"]{border-color:var(--wwc-accent);color:#fff;background:var(--wwc-accent)}
  .wwc-az-count{opacity:.9;font-size:12px;font-weight:700}
  .wwc-az-select{display:none;max-width:180px}

  .wwc-count{
    padding:8px 12px;
    border-radius:999px;
    background:var(--wwc-soft);
    color:#5a402b;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
  }

  .wwc-suggest{
    position:absolute;
    left:8px;
    right:8px;
    top:100%;
    margin-top:8px;
    background:#fff;
    border:1px solid var(--wwc-border);
    border-radius:18px;
    box-shadow:0 18px 36px rgba(32,20,11,.14);
    display:none;
    max-height:340px;
    overflow:auto;
    z-index:2000;
    padding:6px;
  }

  .wwc-suggest.is-open{display:block}
  .wwc-sg-item{display:flex;gap:11px;align-items:center;padding:10px;cursor:pointer;border-radius:14px}
  .wwc-sg-item:hover,.wwc-sg-item:focus{background:var(--wwc-panel);outline:none}
  .wwc-sg-thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#eee2d8;flex:0 0 auto}
  .wwc-sg-city{font-weight:850;font-size:14px;color:var(--wwc-text)}
  .wwc-sg-sub{font-size:12px;color:var(--wwc-muted);margin-top:2px}

  mark{background:transparent!important;color:inherit!important;padding:0!important;border-radius:0!important}

  .wwc-grid{
    --min:170px;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(var(--min),1fr));
    gap:16px;
    margin-top:18px;
  }

  @media(min-width:768px){
    .wwc-grid{--min:205px;gap:18px}
  }

  .wwc-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    border:1px solid rgba(86,52,24,.1);
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    box-shadow:none;
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
  }

  .wwc-card:hover,
  .wwc-card:focus-within{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(32,20,11,.07);
    border-color:rgba(181,129,80,.32);
  }

  .wwc-card.is-hidden{display:none!important}

  .wwc-media{
    position:relative;
    margin:10px 10px 0;
    border-radius:13px;
    background:#fff!important;
    overflow:hidden;
    border:1px solid rgba(86,52,24,.07);
    display:flex!important;
    align-items:center;
    justify-content:center;
    aspect-ratio:1.08/1;
    padding:14px;
    color:inherit;
    text-decoration:none;
    min-height:0;
    width:auto;
  }

  .wwc-media img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    mix-blend-mode:normal!important;
    position:static!important;
    padding:0!important;
    transform:none;
  }

  .wwc-card:hover .wwc-media img{transform:scale(1.025)}
  .wwc-media::after{display:none!important}

  @supports not (aspect-ratio:1 / 1){
    .wwc-media{height:0;padding:14px;padding-top:92%}
    .wwc-media img{position:absolute!important;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}
  }

  .wwc-body{
    padding:12px 14px 14px;
    display:flex;
    flex-direction:column;
    gap:9px;
  }

  .wwc-title{
    font-weight:900;
    font-size:15px;
    line-height:1.22;
    margin:0;
    min-height:auto;
    letter-spacing:-.01em;
  }

  .wwc-titlelink{color:var(--wwc-text);text-decoration:none}
  .wwc-titlelink:hover{color:var(--wwc-accent-dark)}

  .wwc-body > .wwc-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:38px;
    padding:8px 11px;
    border-radius:10px;
    background:var(--wwc-soft);
    color:#4c3019;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
    line-height:1.1;
    border:1px solid rgba(181,129,80,.22);
  }

  .wwc-body > .wwc-link:hover{
    background:var(--wwc-accent);
    color:#fff;
    border-color:var(--wwc-accent);
  }

  .wwc-empty{
    display:none;
    border:1px dashed rgba(181,129,80,.45);
    border-radius:18px;
    padding:18px 14px;
    text-align:center;
    background:var(--wwc-panel);
    margin-top:14px;
    color:var(--wwc-text);
  }

  .wwc-empty [data-empty-msg]{font-weight:900;font-size:16px}
  .wwc-near{margin-top:12px}
  .wwc-near-title{font-weight:900;margin-bottom:10px;display:none}

  .wwc-near-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    gap:10px;
    max-width:700px;
    margin:0 auto;
  }

  .wwc-near-card{
    border:1px solid var(--wwc-border);
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    text-align:left;
    text-decoration:none;
    color:var(--wwc-text);
    box-shadow:none;
  }

  .wwc-near-card:hover{border-color:rgba(181,129,80,.38);box-shadow:0 10px 22px rgba(32,20,11,.07)}
  .wwc-near-card img{width:100%;height:115px;object-fit:cover;display:block}
  .wwc-near-card div{padding:9px;font-size:13px;font-weight:800}

  .wwc-near-hero{
    width:100%;
    height:115px;
    background:#faf6f2;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b3a21;
    font-weight:900;
    font-size:22px;
  }

  .wwc-nav{
    display:none;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    margin:10px 0 8px;
  }

  .wwc-nav button{
    width:40px;
    height:40px;
    border:1px solid var(--wwc-border);
    border-radius:999px;
    background:#fff;
    cursor:pointer;
  }

  .wwc-nav button:hover{border-color:var(--wwc-accent);background:var(--wwc-soft)}
  .wwc-nav button[disabled]{opacity:.35;cursor:not-allowed}

  .wwc-nav [data-prev]::before,
  .wwc-nav [data-next]::before{
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    border-right:2px solid #5b3a21;
    border-bottom:2px solid #5b3a21;
  }

  .wwc-nav [data-prev]::before{transform:rotate(135deg)}
  .wwc-nav [data-next]::before{transform:rotate(-45deg)}

  .wwc-city-browser[data-layout="slider"] .wwc-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:2px 14px 12px 0;
    scrollbar-width:none;
  }

  .wwc-city-browser[data-layout="slider"] .wwc-grid::-webkit-scrollbar{display:none}

  .wwc-city-browser[data-layout="slider"] .wwc-card{
    flex:0 0 76%;
    max-width:360px;
    scroll-snap-align:start;
  }

  .wwc-city-browser[data-layout="slider"] .wwc-nav{display:flex}

  @media(min-width:480px){
    .wwc-city-browser[data-layout="slider"] .wwc-card{flex-basis:46%;max-width:none}
  }

  @media(max-width:899px){
    .wwc-city-browser[data-layout="auto"] .wwc-grid{
      display:flex;
      gap:14px;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      padding:2px 14px 12px 0;
      scrollbar-width:none;
    }

    .wwc-city-browser[data-layout="auto"] .wwc-grid::-webkit-scrollbar{display:none}

    .wwc-city-browser[data-layout="auto"] .wwc-card{
      flex:0 0 74%;
      max-width:360px;
      min-width:0;
      scroll-snap-align:start;
    }

    .wwc-city-browser[data-layout="auto"] .wwc-nav{display:flex}
  }

  @media(max-width:700px){
    .wwc-searchbar{padding:7px;border-radius:22px}
    .wwc-search input{min-height:50px;font-size:15px;padding:12px 44px}
    .wwc-search-icon{left:22px}
    .wwc-clear-input{right:18px}

    .wwc-facetbar{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      padding:10px;
      border-radius:18px;
    }

    .wwc-facet-label{display:none}
    .wwc-select{width:100%;min-width:0;min-height:40px;font-size:12.5px;padding-left:10px}
    .wwc-clear{grid-column:1 / -1;width:100%}

    .wwc-az-prompt,
    .wwc-filters{display:none}

    .wwc-az-select{display:inline-block;width:160px}
    .wwc-count{font-size:12.5px;padding:7px 10px}
  }

  @media(max-width:520px){
    .wwc-grid{--min:145px;gap:11px;margin-top:14px}
    .wwc-card{border-radius:15px}
    .wwc-media{margin:9px 9px 0;border-radius:13px;padding:12px}
    .wwc-body{padding:10px;gap:8px}
    .wwc-title{font-size:14px}

    .wwc-body > .wwc-link{
      min-height:34px;
      font-size:12.5px;
      padding:7px 9px;
    }

    .wwc-city-browser[data-layout="auto"] .wwc-card,
    .wwc-city-browser[data-layout="slider"] .wwc-card{flex-basis:72%}
  }

  @media(min-width:900px){
    .wwc-city-browser[data-layout="auto"] .wwc-grid{display:grid}
  }

  .wwc-more{margin:18px 0 4px;display:flex;justify-content:center}
  .wwc-more.is-hidden{display:none}

  .wwc-more button{
    min-height:44px;
    padding:10px 18px;
    border:1px solid var(--wwc-accent);
    border-radius:999px;
    background:var(--wwc-accent);
    color:#fff;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
  }

  .wwc-more button:hover{background:var(--wwc-accent-dark);border-color:var(--wwc-accent-dark)}

  @media(prefers-reduced-motion:reduce){
    .wwc-card,
    .wwc-media img,
    .wwc-btn,
    .wwc-search input{transition:none}
  }


  /* ==================================================
   WWC - Collection Clean
   HTML: main collection section
   JS: assets/wwc-collection.js
================================================== */

 .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .wwc-collection-header{margin-bottom:14px}
  .wwc-shop-finder{margin:0 0 22px;padding:16px;border:1px solid rgba(181,129,80,.32);border-radius:18px;background:linear-gradient(135deg,#fffaf5 0%,#f8efe6 100%);box-shadow:0 10px 28px rgba(0,0,0,.055)}
  .wwc-shop-finder__top{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.4fr);gap:20px;align-items:center}
  .wwc-shop-finder__copy h2{margin:0 0 4px;font-size:20px;line-height:1.18}
  .wwc-shop-finder__copy p{margin:0;color:rgba(0,0,0,.68);font-size:14px;line-height:1.45}
  .wwc-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
  .wwc-search-field{position:relative;min-width:0}
  .wwc-search-input{width:100%;min-height:48px;padding:0 44px 0 15px;border:1px solid rgba(0,0,0,.15);border-radius:13px;background:#fff;font-size:15px}
  .wwc-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
  .wwc-search-input::-ms-clear{display:none}
  .wwc-search-input:focus,.wwc-sort-wrap select:focus,.wwc-filter-search:focus{outline:3px solid rgba(181,129,80,.22);border-color:#b58150}
  .wwc-search-clear-inside{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:rgba(0,0,0,.58);font-size:22px;line-height:1;cursor:pointer}
  .wwc-search-clear-inside[hidden]{display:none}
  .wwc-search-submit{min-height:48px;padding:0 22px;border:0;border-radius:13px;background:#161616;color:#fff;font-weight:800;cursor:pointer}
  .wwc-filter-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  .wwc-suggestion{display:inline-flex;gap:7px;padding:8px 11px;border:1px solid rgba(181,129,80,.26);border-radius:999px;background:#fff;text-decoration:none;color:inherit;font-size:13px}
  .wwc-suggestion small{color:rgba(0,0,0,.54)}
  .wwc-suggestion-help,.wwc-suggestion-empty{margin:8px 0 0;font-size:13px;color:rgba(0,0,0,.62)}
  .wwc-suggestion-empty{color:#8a552b;font-weight:700}
  .wwc-suggestion-empty__cta{border:0;background:transparent;padding:0;margin-left:4px;text-decoration:underline;font-weight:800;cursor:pointer;color:inherit}
  .wwc-shop-finder__bottom{display:grid;grid-template-columns:minmax(200px,320px) minmax(220px,300px) 1fr;gap:14px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid rgba(181,129,80,.16)}
  .wwc-filter-open{display:inline-flex;gap:8px;align-items:center;justify-content:flex-start;min-height:50px;padding:0 14px;border:1px solid rgba(181,129,80,.38);border-radius:13px;background:#fff;color:#563418;cursor:pointer;font-size:15px;min-width:0}
  .wwc-filter-open em{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:999px;background:#b58150;color:#fff;font-style:normal;font-size:13px}
  .wwc-sort-wrap{display:block}
  .wwc-select-shell{position:relative}
  .wwc-select-shell select{width:100%;min-height:50px;padding:0 34px 0 12px;border:1px solid rgba(0,0,0,.16);border-radius:13px;background:#fff;font-size:14px;appearance:none;white-space:nowrap;text-overflow:ellipsis}
  .wwc-select-shell span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;pointer-events:none;color:#222}
  .wwc-active-filter-info{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;padding-bottom:14px;color:rgba(0,0,0,.72);font-size:14px}
  .wwc-filter-label-short{display:none}
  .wwc-desktop-copy{display:inline}
  .wwc-mobile-copy{display:none}
  .wwc-active-filter-info a{color:inherit;font-weight:800;text-decoration:underline}

  .wwc-product-switcher{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(181,129,80,.16)}
  .wwc-product-switcher__track{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .wwc-product-switcher__track::-webkit-scrollbar{display:none}
  .wwc-product-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid rgba(181,129,80,.28);border-radius:999px;background:#fff;color:#563418;font-size:13px;font-weight:850;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}
  .wwc-product-chip.is-active{background:#161616;border-color:#161616;color:#fff}

  .wwc-visual-type-filter{margin:0 0 10px;padding:0;border-bottom:0}
  .wwc-visual-type-filter__head{display:flex;flex-wrap:wrap;gap:3px 8px;align-items:baseline;margin-bottom:8px;color:#563418}
  .wwc-visual-type-filter__head strong{color:#161616;font-size:14px;line-height:1.2}
  .wwc-visual-type-filter__head span{font-size:12px;line-height:1.2;color:rgba(0,0,0,.62)}
  .wwc-visual-type-filter__track{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none;scroll-padding-inline:8px}
  .wwc-visual-type-filter__track::-webkit-scrollbar{display:none}
  .wwc-visual-type-card{position:relative;flex:0 0 96px;display:grid;grid-template-rows:46px 28px;gap:5px;justify-items:center;align-content:start;min-height:88px;padding:7px 7px 6px;border:1px solid rgba(181,129,80,.24);border-radius:14px;background:#fff;color:#2a1a0d;text-align:center;cursor:pointer;box-shadow:0 5px 13px rgba(0,0,0,.04)}
  .wwc-visual-type-card.is-active{border-color:#161616;box-shadow:0 0 0 2px #161616 inset}
  .wwc-visual-type-card__image{width:46px;height:46px;border-radius:999px;background:#f4eee8 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(181,129,80,.18)}
  .wwc-visual-type-card span:not(.wwc-visual-type-card__image){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;font-size:11px;font-weight:850;line-height:1.12;min-height:25px}
  .wwc-visual-type-card small{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#fbf7f2;color:#563418;font-size:10px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(181,129,80,.18)}
  .wwc-visual-type-card__image--all{background:linear-gradient(135deg,#fff,#ead3b6)}
  .wwc-visual-type-card__image--clock{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skyline-wandklok-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--board{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skylines-serveerplanken-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--standing{background-image:url('//www.woodwidecities.com/cdn/shop/collections/standing-skylines-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--wall{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skylines-wanddecoratie-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--coaster{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skylines-onderzetters-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--phone{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skylines-telefoonhouder-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--magnet{background-image:url('//www.woodwidecities.com/cdn/shop/collections/skylines-magneten-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--merch{background-image:url('//www.woodwidecities.com/cdn/shop/collections/merchandise-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--citymap{background-image:url('//www.woodwidecities.com/cdn/shop/collections/citymaps-collectie-hout-stedelijke-decoratie-cadeau-relatiegeschenk-woodwidecities.jpg?crop=center&height=240&width=240')}
  .wwc-visual-type-card__image--organizer{background:linear-gradient(135deg,#f8efe6,#d7b58f)}
  .wwc-visual-type-card__image--shape{background:linear-gradient(135deg,#fff,#c8a37d)}
  .wwc-visual-type-card__image--other{background:linear-gradient(135deg,#fff,#f4eee8)}

  /* City context removed from top on city pages. Use breadcrumbs and bottom SEO block instead. */
  .wwc-city-context{display:none}

  .wwc-filter-drawer[hidden]{display:none}
  .wwc-filter-drawer{position:fixed;inset:0;z-index:999999}
  .wwc-filter-overlay{position:absolute;inset:0;background:rgba(0,0,0,.42)}
  .wwc-filter-panel{position:absolute;top:0;left:0;width:min(460px,92vw);height:100%;padding:18px;background:#fff;overflow-y:auto;box-shadow:12px 0 34px rgba(0,0,0,.18)}
  .wwc-filter-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
  .wwc-filter-head h2{margin:0;font-size:25px}
  .wwc-filter-head button:not(.wwc-filter-reset-top){width:42px;height:42px;border:0;border-radius:999px;background:#f4eee8;cursor:pointer;font-size:28px;line-height:1}
  .wwc-filter-reset-top{margin-top:8px;min-height:36px;padding:8px 13px;border:1px solid rgba(181,129,80,.42);border-radius:999px;background:#fbf7f2;color:#563418;font-size:13px;font-weight:900;cursor:pointer}
  .wwc-filter-reset-top:hover{border-color:#b58150;background:#f4eee8}
  .wwc-inline-reset{border:0;padding:0;background:transparent;color:#563418;text-decoration:underline;font-weight:900;cursor:pointer}
  .wwc-location-result,.wwc-city-result{width:100%;display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:center;padding:7px 0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
  .wwc-location-radio,.wwc-city-radio{width:16px;height:16px;border:2px solid #b58150;border-radius:999px;position:relative}
  .wwc-location-result.is-active .wwc-location-radio::after,.wwc-city-result.is-active .wwc-city-radio::after{content:'';position:absolute;inset:3px;background:#b58150;border-radius:999px}
  .wwc-location-result strong,.wwc-city-result strong{display:block;font-size:14px;line-height:1.18}
  .wwc-location-result span,.wwc-city-result span{display:block;color:rgba(0,0,0,.58);font-size:11px;line-height:1.25}
  .wwc-location-picker-results,.wwc-city-picker-results{display:grid;gap:2px;max-height:190px;overflow-y:auto;padding:0 4px 12px 0}
  .wwc-location-picker-results{max-height:160px}
  .wwc-city-result:hover strong{color:#8a552b}
  .wwc-filter-group{padding:0;border-bottom:1px solid rgba(0,0,0,.08)}
  .wwc-filter-group summary{display:flex;align-items:center;gap:8px;min-height:54px;cursor:pointer;font-weight:850;font-size:16px;list-style:none}
  .wwc-filter-group summary::-webkit-details-marker{display:none}
  .wwc-filter-group summary span{flex:1}
  .wwc-filter-group summary em{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:999px;background:#b58150;color:#fff;font-style:normal;font-size:12px}
  .wwc-filter-group summary i:before{content:'+';font-style:normal;font-size:22px}
  .wwc-filter-group[open] summary i:before{content:'−'}
  .wwc-filter-search{width:100%;margin:0 0 10px;padding:11px 12px;border:1px solid rgba(181,129,80,.36);border-radius:11px;background:#fff;font-size:14px}
  .wwc-filter-options{display:grid;gap:8px;max-height:210px;overflow-y:auto;padding:0 4px 14px 0}
  .wwc-filter-option{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;cursor:pointer;font-size:15px}
  .wwc-filter-option.is-active{font-weight:850;color:#563418}
  .wwc-filter-option small{display:none}
  .wwc-city-picker-help{margin:0 0 10px;color:rgba(0,0,0,.62);font-size:13px}
  .wwc-sidebar-filter-empty{margin:0 0 14px;color:rgba(0,0,0,.55);font-size:13px}
  .wwc-sidebar-filter-empty a{color:#563418;text-decoration:underline;font-weight:900}
  .wwc-filter-tip{margin:14px 0 0;padding:10px 12px;border-radius:11px;background:#fbf7f2;color:#563418;font-size:13px;font-weight:700}
  .wwc-filter-tip a{color:inherit;text-decoration:underline;font-weight:900}
  .wwc-filter-actions{position:sticky;bottom:-18px;display:flex;gap:12px;align-items:center;margin:18px -18px -18px;padding:14px 18px;background:#fff;border-top:1px solid rgba(0,0,0,.08)}
  .wwc-apply-filter{flex:1;min-height:48px;border:0;border-radius:13px;background:#161616;color:#fff;font-weight:800;cursor:pointer}
  .wwc-filter-reset-link{border:0;background:transparent;color:inherit;text-decoration:underline;font-weight:800;cursor:pointer}
  .wwc-is-loading #CollectionAjaxContent{opacity:.45;pointer-events:none}
  .wwc-load-more-wrap{display:flex;justify-content:center;margin:34px 0 10px}
  .wwc-empty-state{margin:34px auto;padding:24px 18px;max-width:620px;text-align:center;border:1px solid rgba(181,129,80,.24);border-radius:20px;background:linear-gradient(135deg,#fffaf5,#f8efe6);box-shadow:0 10px 26px rgba(0,0,0,.055)}
  .wwc-empty-state__icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border-radius:999px;background:#fff;font-size:24px;box-shadow:0 5px 14px rgba(0,0,0,.06)}
  .wwc-empty-state h2{margin:0 0 8px;font-size:22px;line-height:1.2}
  .wwc-empty-state p{margin:0 auto 8px;max-width:500px;color:rgba(0,0,0,.68);line-height:1.45}
  .wwc-empty-state__small{font-size:13px}
  .wwc-empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
  .wwc-empty-state__actions .btn{min-height:42px;border-radius:12px}
  .wwc-large-catalog-note{margin:0 0 16px;padding:14px;border:1px solid rgba(181,129,80,.28);border-radius:14px;background:#fffaf5;color:#563418}
  .wwc-large-catalog-note strong{display:block;margin-bottom:4px;color:#161616;font-size:15px}
  .wwc-large-catalog-note p{margin:0 0 12px;font-size:13px;line-height:1.4}
  .wwc-large-catalog-note__links{display:grid;gap:8px}
  .wwc-large-catalog-note__links a,.wwc-large-catalog-note__links button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid rgba(181,129,80,.34);border-radius:11px;background:#fff;color:#563418;font-size:13px;font-weight:850;text-decoration:none;cursor:pointer}
  .wwc-large-catalog-note__links a:first-child{background:#161616;border-color:#161616;color:#fff}

  @media screen and (max-width:900px){
    .wwc-shop-finder__top{grid-template-columns:1fr}
    .wwc-shop-finder__bottom{grid-template-columns:1fr 1fr}
    .wwc-active-filter-info{grid-column:1 / -1;justify-content:flex-start;padding-bottom:0}
  }

  @media screen and (max-width:768px){
    .wwc-shop-finder{margin:0 0 18px;padding:14px;border-radius:16px}
    .wwc-shop-finder__top{gap:12px}
    .wwc-shop-finder__copy h2{margin-bottom:0;font-size:22px;line-height:1.12}
    .wwc-hide-mobile{display:none!important}
    .wwc-search-input{min-height:46px;font-size:14px}
    .wwc-search-submit{min-height:46px;padding:0 18px}
    .wwc-shop-finder__bottom{gap:10px;margin-top:10px;padding-top:10px}
    .wwc-filter-open,.wwc-select-shell select{width:100%;min-height:42px;font-size:13px}
    .wwc-filter-open{justify-content:center;padding:0 10px}
    .wwc-filter-label-full{display:none}
    .wwc-filter-label-short{display:inline}
    .wwc-desktop-copy{display:none}
    .wwc-mobile-copy{display:inline}
    .wwc-active-filter-info{font-size:12px}
    .wwc-filter-panel{width:94vw;padding:14px}
    .wwc-filter-head{margin-bottom:10px}
    .wwc-filter-head h2{font-size:22px}
    .wwc-filter-group summary{min-height:46px;font-size:15px}
    .wwc-city-picker-help{margin-bottom:8px;font-size:12px;line-height:1.35}
    .wwc-filter-search{margin-bottom:8px;padding:9px 11px;font-size:13px}
    .wwc-city-result{padding:6px 0}
    .wwc-city-result strong{font-size:13px}
    .wwc-city-result span{font-size:10.5px}
    .wwc-filter-options,.wwc-city-picker-results{max-height:145px}
    .wwc-filter-tip{margin-top:10px;padding:9px 10px;font-size:12px;line-height:1.35}
    .wwc-filter-actions{padding:12px 14px}
    .wwc-apply-filter{min-height:44px}
    .wwc-product-switcher{margin-top:12px;padding-top:12px}
    .wwc-product-chip{min-height:34px;padding:7px 11px;font-size:12px}
    .wwc-visual-type-filter{margin-bottom:8px}
    .wwc-visual-type-filter__head{margin-bottom:6px;position:relative;padding-right:22px}
    .wwc-visual-type-filter__head:after{content:'→';position:absolute;right:2px;top:0;color:#563418;font-weight:900}
    .wwc-visual-type-filter__head strong{font-size:13px}
    .wwc-visual-type-filter__head span{font-size:11.5px}
    .wwc-visual-type-filter__track{gap:7px;padding-bottom:2px}
    .wwc-visual-type-card{flex-basis:84px;grid-template-rows:40px 26px;min-height:78px;padding:6px 6px 5px;border-radius:13px}
    .wwc-visual-type-card__image{width:40px;height:40px}
    .wwc-visual-type-card span:not(.wwc-visual-type-card__image){font-size:10.3px;line-height:1.1;min-height:23px}
    .wwc-visual-type-card small{top:4px;right:4px;min-width:18px;height:18px;font-size:9.5px}
    .wwc-city-context{display:block;padding:9px 10px;font-size:12px;line-height:1.35}
    .wwc-city-context span{display:flex;margin-top:4px}
  }

/* ==================================================
   WWC - Collection Product Card Meta
   HTML: collection product cards
   JS: assets/wwc-collection.js
================================================== */

/* WWC product card meta */
#CollectionAjaxContent .grid-product,#CollectionAjaxContent .grid__item,#CollectionAjaxContent [data-product-grid-item],#CollectionAjaxContent .collection-grid__item{display:flex;flex-direction:column}
#CollectionAjaxContent .grid-product__content,#CollectionAjaxContent .product-card__info,#CollectionAjaxContent .grid-product__meta{display:flex;flex-direction:column;flex:1}
#CollectionAjaxContent .grid-product__title,#CollectionAjaxContent .grid-product__title--body,#CollectionAjaxContent .product-card__title,#CollectionAjaxContent .card__heading{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;margin-bottom:6px;line-height:1.28}
#CollectionAjaxContent .wwc-product-card-meta{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:48px;max-height:48px;margin:0 0 7px;overflow:hidden}
#CollectionAjaxContent .wwc-product-pill{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:999px;background:#f4eee8;color:#563418;font-size:11px;font-weight:800;line-height:1.1;letter-spacing:-.01em;box-shadow:none}
#CollectionAjaxContent .wwc-product-pill--size,#CollectionAjaxContent .wwc-product-pill--extra{background:#f2ebe4;color:#3f2a18;border:1px solid rgba(181,129,80,.20)}
#CollectionAjaxContent .wwc-product-pill--extra:first-child{background:#e7d7c8;color:#3f2a18;border:1px solid rgba(181,129,80,.28);font-weight:900}
#CollectionAjaxContent .wwc-product-pill--eiken{background:#ead3b6;color:#4b2d14}
#CollectionAjaxContent .wwc-product-pill--noten{background:#6a442b;color:#fff}
#CollectionAjaxContent .wwc-product-pill--bamboe{background:#f0d39a;color:#4b2d14}
#CollectionAjaxContent .wwc-product-pill--zwart,#CollectionAjaxContent .wwc-product-pill--black{background:#161616;color:#fff}
#CollectionAjaxContent .wwc-product-pill--palissander{background:#74371f;color:#fff}
#CollectionAjaxContent .wwc-product-pill--wit-glanzend{background:#fff;color:#222;border:1px solid rgba(0,0,0,.16)}
#CollectionAjaxContent .wwc-product-pill--zwart-glanzend{background:#050505;color:#fff}
#CollectionAjaxContent .wwc-product-pill--goud-metallic{background:linear-gradient(135deg,#b98928,#f2d37a,#a87518);color:#2b1a05}
#CollectionAjaxContent .wwc-product-pill--spiegel{background:linear-gradient(135deg,#d9d9d9,#fff,#a8a8a8);color:#222;border:1px solid rgba(0,0,0,.14)}
#CollectionAjaxContent .wwc-card-price-tuned,#CollectionAjaxContent .grid-product__price,#CollectionAjaxContent .product-card__price,#CollectionAjaxContent .price{margin-top:auto;color:#111;font-size:14px;font-weight:850;line-height:1.25}
@media screen and (min-width:769px){#CollectionAjaxContent .grid-product__meta,#CollectionAjaxContent .product-card__info{min-height:118px}}
@media screen and (max-width:768px){#CollectionAjaxContent .grid-product__title,#CollectionAjaxContent .grid-product__title--body,#CollectionAjaxContent .product-card__title,#CollectionAjaxContent .card__heading{min-height:38px;margin-bottom:5px;font-size:15px;line-height:1.2}#CollectionAjaxContent .wwc-product-card-meta{min-height:36px;max-height:36px;gap:3px;margin-bottom:4px}#CollectionAjaxContent .wwc-product-pill{min-height:17px;padding:2px 5px;font-size:9.5px}#CollectionAjaxContent .wwc-card-price-tuned,#CollectionAjaxContent .grid-product__price,#CollectionAjaxContent .product-card__price,#CollectionAjaxContent .price{margin-top:0;font-size:14px}}

/* =========================================================
   11. Product USP box
========================================================= */

.wwc-usp {
  position: relative;
  margin-top: 12px;
  padding: 12px 14px;
  color: #3a2d21;
  background: #fff;
  border: 1px solid var(--wwc-warm-border);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.wwc-usp__lead {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #39662b;
  font-weight: 700;
  line-height: 1.3;
}

.wwc-usp__lead em {
  color: #3a3a3a;
  font-style: normal;
  font-weight: 600;
}

.wwc-usp__lead .ico,
.wwc-usp__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--wwc-gold);
  background: #e9f7ec;
  border: 1px solid #cdebd4;
  border-radius: 999px;
}

.wwc-usp__brands,
.wwc-usp__payments {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.wwc-usp__brands img {
  display: block;
  height: 22px;
}

.wwc-usp__payments img {
  width: auto;
  height: 24px;
  padding: 3px 6px;
  background: #fff;
  border: 1px solid var(--wwc-warm-border);
  border-radius: 6px;
}

.wwc-usp__bullets {
  margin: 10px 0 0;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 480px) {
  .wwc-usp {
    padding: 12px;
  }

  .wwc-usp__payments img {
    height: 22px;
    padding: 2px 5px;
  }
}


/* De MagicToolbox-skin die hier stond is verwijderd (17 aug 2026): het CRO-thema
   gebruikt de eigen galerij (wwc-gallery) en haalt in product-images.liquid het
   haakje weg waar Magic Zoom Plus zich aan vastklampt, dus die 169 regels
   stuurden nergens meer iets aan. De app-embed staat nog aan en moet apart
   uitgezet worden.

   Deze ene regel hoort NIET bij Magic Zoom en stond er per ongeluk tussenin:
   .product__photo-dots wordt wel degelijk gerenderd, in product-images.liquid
   en wwc-cro-product-images-motion.liquid. Vandaar dat hij blijft. */
.product__photo-dots { margin-top: 8px; }


/* =========================================================
   13. Personalisation menu and Infinite Options
========================================================= */

/* Infinite options toggle original */ 

.wwc-pers-check {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 15px;
  border: 1.5px solid rgba(181,129,80,.35);
  border-radius: 14px;
  background: #fffaf5;
  cursor: pointer;
}

.wwc-pers-check__box {
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border-radius: 6px;
  background: #fff;
  box-shadow: inset 0 0 0 2px #d8c2aa;
  flex: 0 0 22px;
}

.wwc-pers-check__text strong {
  display: block;
  color: #1f1f1f;
  font-size: 15px;
  line-height: 1.25;
}

.wwc-pers-check__text span {
  display: block;
  margin-top: 3px;
  color: #6b4a2f;
  font-size: 13.5px;
  line-height: 1.35;
}

.wwc-toggle:checked + .wwc-pers-check {
  border-color: var(--wwc-gold);
  background: #fbf4ec;
}

.wwc-toggle:checked + .wwc-pers-check .wwc-pers-check__box {
  background: var(--wwc-gold);
  box-shadow: inset 0 0 0 2px var(--wwc-gold);
}

.wwc-toggle:checked + .wwc-pers-check .wwc-pers-check__box::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  margin: 3px 0 0 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.wwc-toggle:not(:checked) ~ #infiniteoptions-container {
  display: none !important;
}



.wwc-pers {
  margin: 20px 0;
}

.wwc-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.product-section .wwc-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px 18px;
  background: linear-gradient(180deg, #fff, #f6efe7);
  border: 2px solid var(--wwc-gold);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.product-section .wwc-btn:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.wwc-ico {
  display: grid;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--wwc-gold);
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px var(--wwc-gold);
}

.wwc-text {
  display: grid;
  gap: 4px;
}

.wwc-title {
  min-width: 200px;
  color: #1a1a1a;
  font-weight: 800;
  line-height: 1.2;
}

.wwc-sub {
  color: #6b6b6b;
  font-size: 0.95rem;
}

.wwc-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.wwc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wwc-chip {
  padding: 0.3em 0.7em;
  color: #7b5532;
  font-size: 0.86rem;
  font-weight: 700;
  background: rgba(181, 129, 80, 0.12);
  border: 1px solid rgba(181, 129, 80, 0.35);
  border-radius: 999px;
}

.wwc-caret {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #e7e1d9;
  border-radius: 8px;
}

.wwc-caret::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
}

.wwc-toggle:checked + label .wwc-caret::before {
  transform: rotate(45deg);
}

.chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
}

.chip--emphasis {
  color: #5a3e22;
  background: #fff3e8;
  border: 1px solid #f1d7bd;
}

.chip--accent {
  color: #3a2d21;
  background: #faf8f6;
  border: 1px solid #efe7df;
}

.wwc-toggle:not(:checked) ~ #infiniteoptions-container {
  display: none !important;
}

#infiniteoptions-container {
  padding: 16px;
  background: #fff;
  border: 1px solid #e7e1d9;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

#infiniteoptions-container.wwc-io {
  padding: 8px;
  overflow: visible;
  background: #fbf7f2;
}

#infiniteoptions-container.wwc-io > div {
  padding: 8px;
  overflow: visible;
}

#infiniteoptions-container.wwc-io fieldset {
  margin: 0;
  padding: 5px !important;
  border: 0;
}

#infiniteoptions-container.wwc-io span > label,
#infiniteoptions-container.wwc-io fieldset > label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
  padding: 10px 12px 10px 44px;
  background: #fff;
  border: 1px solid #f2e9df;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}

#infiniteoptions-container.wwc-io span > label > input,
#infiniteoptions-container.wwc-io fieldset > label > input {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 20px;
  height: 20px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

@supports selector(:has(*)) {
  #infiniteoptions-container.wwc-io span > label:has(> input[type="checkbox"])::before,
  #infiniteoptions-container.wwc-io fieldset > label:has(> input[type="checkbox"])::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px #e7e1d9;
    transform: translateY(-50%);
  }

  #infiniteoptions-container.wwc-io span > label:has(> input[type="checkbox"]:checked)::before,
  #infiniteoptions-container.wwc-io fieldset > label:has(> input[type="checkbox"]:checked)::before {
    background: var(--wwc-gold);
    box-shadow: inset 0 0 0 2px var(--wwc-gold);
  }

  #infiniteoptions-container.wwc-io span > label:has(> input[type="checkbox"]:checked)::after,
  #infiniteoptions-container.wwc-io fieldset > label:has(> input[type="checkbox"]:checked)::after {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 8px;
    height: 12px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: translateY(-60%) rotate(45deg);
  }

  #infiniteoptions-container.wwc-io span > label:has(> input[type="radio"])::before,
  #infiniteoptions-container.wwc-io fieldset > label:has(> input[type="radio"])::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 999px;
    box-shadow: inset 0 0 0 2px #e7e1d9;
    transform: translateY(-50%);
  }

  #infiniteoptions-container.wwc-io span > label:has(> input[type="radio"]:checked)::before,
  #infiniteoptions-container.wwc-io fieldset > label:has(> input[type="radio"]:checked)::before {
    box-shadow: inset 0 0 0 6px var(--wwc-gold), inset 0 0 0 2px var(--wwc-gold);
  }
}

@supports not selector(:has(*)) {
  #infiniteoptions-container.wwc-io input[type="radio"],
  #infiniteoptions-container.wwc-io input[type="checkbox"] {
    position: static;
    width: 18px;
    height: 18px;
    margin-left: -28px;
    opacity: 1;
    accent-color: var(--wwc-gold);
  }

  #infiniteoptions-container.wwc-io span > label,
  #infiniteoptions-container.wwc-io fieldset > label {
    padding-left: 44px;
  }
}

#infiniteoptions-container.wwc-io input[type="text"],
#infiniteoptions-container.wwc-io textarea {
  width: 100%;
  padding: 10px 12px;
  color: #111;
  background: #fff;
  border: 1.5px solid #eee4d9;
  border-radius: 10px;
  outline: none;
}

#infiniteoptions-container.wwc-io input[type="text"]:focus,
#infiniteoptions-container.wwc-io textarea:focus {
  border-color: var(--wwc-gold);
  box-shadow: 0 0 0 4px rgba(181, 129, 80, 0.18);
}

.spb-tooltip .spb-tooltiptext {
  padding: 10px;
  color: #111;
  font-size: 12px;
  background: #fff;
  border: 1px solid var(--wwc-gold);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
}

.shopify-block.shopify-app-block div#infiniteoptions-container {
  display: none;
}


/* =========================================================
   14. Related by city
========================================================= */

.wwc-rel {
  margin-top: 22px;
}

.wwc-rel__head {
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  gap: 10px;
}

.wwc-rel__h {
  margin: 0;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: 1.2;
}

.wwc-rel__filters {
  display: inline-flex;
  gap: 8px;
}

.wwc-rel__tab,
.wwc-rel__chipbtn {
  appearance: none;
  cursor: pointer;
}

.wwc-rel__tab {
  padding: 6px 10px;
  color: #1f2937;
  font-size: 12px;
  font-weight: 800;
  background: #fff;
  border: 1px solid var(--wwc-warm-border);
  border-radius: 999px;
}

.wwc-rel__tab.is-active {
  color: var(--wwc-gold);
  border: 2px solid var(--wwc-gold);
  box-shadow: 0 0 0 3px rgba(181, 129, 80, 0.18);
}

.wwc-rel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wwc-rel__chipbtn {
  padding: 4px 8px;
  color: #444;
  font-size: 11px;
  font-weight: 700;
  background: #fff;
  border: 1px dashed #ddd;
  border-radius: 999px;
}

.wwc-rel__chipbtn.is-active {
  color: var(--wwc-gold);
  border-color: var(--wwc-gold);
  border-style: solid;
}

.wwc-rel__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.wwc-rel__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
}

.wwc-rel__img {
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 12px;
}

.wwc-rel__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wwc-rel__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.wwc-rel__title {
  color: #111;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.wwc-rel__chip {
  padding: 2px 6px;
  color: #555;
  font-size: 11px;
  font-weight: 700;
  background: #faf8f6;
  border: 1px solid #efe7df;
  border-radius: 999px;
}

.wwc-rel__sub {
  margin: 16px 0 8px;
  color: #1f2937;
  font-size: 13px;
}

@media (max-width: 1200px) {
  .wwc-rel__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 900px) {
  .wwc-rel__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 700px) {
  .wwc-rel__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 520px) {
  .wwc-rel__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   X. WWC Footer
========================================================= */

.wwc-footer {
  background: var(--wwc-footer-bg);
  border-top: var(--wwc-footer-border-width) solid var(--wwc-footer-border-color);
  border-bottom: var(--wwc-footer-border-width) solid var(--wwc-footer-border-color);
  margin-top: var(--wwc-footer-margin-top-mobile);
  margin-bottom: var(--wwc-footer-margin-bottom-mobile);
  margin-left: var(--wwc-footer-margin-x-mobile);
  margin-right: var(--wwc-footer-margin-x-mobile);
  border-radius: var(--wwc-footer-radius-mobile);
  overflow: hidden;
}

.wwc-footer__inner {
  max-width: var(--wwc-footer-content-width);
  margin: 0 auto;
  padding: var(--wwc-footer-padding-top-mobile) var(--wwc-footer-padding-x-mobile) var(--wwc-footer-padding-bottom-mobile);
}

/* Top */
.wwc-footer__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wwc-footer__heading {
  width: 100%;
  margin-top: var(--wwc-footer-block-heading-mt-mobile);
  text-align: var(--wwc-footer-block-heading-align-mobile);
}

.wwc-footer__heading * {
  margin: 0;
  color: var(--wwc-footer-block-heading-color);
  font-size: var(--wwc-footer-block-heading-size-mobile);
  line-height: var(--wwc-footer-block-heading-line-height);
  word-break: break-word;
}

/* Newsletter */
.wwc-footer__signup {
  width: 100%;
}

.wwc-footer__newsletter {
  width: 100%;
}

.wwc-footer__newsletter-form {
  margin: 0;
}

.wwc-footer__newsletter-row {
  width: 100%;
  max-width: 100%;
  margin-top: var(--wwc-footer-newsletter-mt-mobile);
  display: flex;
  align-items: stretch;
  gap: 12px;
  padding-left: 15px;
  background: var(--wwc-footer-newsletter-bg);
  border-radius: var(--wwc-footer-newsletter-radius);
  border: var(--wwc-footer-newsletter-border-width) solid var(--wwc-footer-newsletter-border-color);
  overflow: hidden;
}

.wwc-footer__newsletter-row--shadow {
  box-shadow: 0 1px 2px var(--wwc-footer-newsletter-shadow-color);
}

.wwc-footer__newsletter-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 14px 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--wwc-footer-newsletter-input-color);
  font-size: var(--wwc-footer-newsletter-input-size-mobile);
  line-height: var(--wwc-footer-newsletter-input-line-height);
}

.wwc-footer__newsletter-input::placeholder {
  color: var(--wwc-footer-newsletter-placeholder-color);
}

.wwc-footer__newsletter-submit {
  flex: 0 0 auto;
  margin: 0;
  border-radius: var(--wwc-footer-newsletter-submit-radius);
  border: var(--wwc-footer-newsletter-submit-border-width) solid var(--wwc-footer-newsletter-submit-border-color);
  padding: var(--wwc-footer-newsletter-submit-py-mobile) var(--wwc-footer-newsletter-submit-px-mobile);
  background: var(--wwc-footer-newsletter-submit-bg);
  color: var(--wwc-footer-newsletter-submit-color);
  font-size: var(--wwc-footer-newsletter-submit-size-mobile);
  line-height: var(--wwc-footer-newsletter-submit-line-height);
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.wwc-footer__newsletter-submit:hover {
  background: var(--wwc-footer-newsletter-submit-hover-bg);
  color: var(--wwc-footer-newsletter-submit-hover-color);
  border-color: var(--wwc-footer-newsletter-submit-hover-border-color);
}

.wwc-footer__newsletter-submit[disabled] {
  opacity: .6;
  cursor: not-allowed;
}

.wwc-footer__newsletter-thanks,
.wwc-footer__newsletter-message {
  display: none;
  margin: var(--wwc-footer-newsletter-thanks-mt-mobile) 0 0;
  color: var(--wwc-footer-newsletter-thanks-color);
  font-size: var(--wwc-footer-newsletter-thanks-size-mobile);
  line-height: var(--wwc-footer-newsletter-thanks-line-height);
  text-align: var(--wwc-footer-newsletter-thanks-align-mobile);
}

.wwc-footer__newsletter-thanks.is-active,
.wwc-footer__newsletter-thanks.active,
.wwc-footer__newsletter-message--error {
  display: block;
}

/* Socials */
.wwc-footer__socials {
  width: 100%;
}

.wwc-footer__social-heading {
  margin-top: var(--wwc-footer-social-heading-mt-mobile);
  text-align: var(--wwc-footer-social-align-mobile);
}

.wwc-footer__social-heading * {
  margin: 0;
  color: var(--wwc-footer-social-heading-color);
  font-size: var(--wwc-footer-social-heading-size-mobile);
  line-height: var(--wwc-footer-social-heading-line-height);
}

.wwc-footer__social-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--wwc-footer-social-align-mobile);
  gap: var(--wwc-footer-social-gap-mobile);
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}

.wwc-footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wwc-footer-social-icon-size-mobile);
  height: var(--wwc-footer-social-icon-size-mobile);
  padding: calc(var(--wwc-footer-social-icon-size-mobile) * .5);
  border-radius: var(--wwc-footer-social-icon-radius);
  background: var(--wwc-footer-social-icon-bg);
  color: var(--wwc-footer-social-icon-color);
  box-sizing: content-box;
  transition: background .2s ease, color .2s ease;
}

.wwc-footer__social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}

.wwc-footer__social-link svg path {
  fill: currentColor;
}

.wwc-footer__social-link:hover {
  background: var(--wwc-footer-social-icon-hover-bg);
  color: var(--wwc-footer-social-icon-hover-color);
}

/* Menus */
.wwc-footer__menus-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  margin-top: var(--wwc-footer-menus-mt-mobile);
  padding-top: var(--wwc-footer-menus-mt-mobile);
  border-top: var(--wwc-footer-divider-width) solid var(--wwc-footer-divider-color);
}

.wwc-footer__desktop-menus {
  display: none;
}

.wwc-footer__mobile-menus {
  display: flex;
  flex-direction: column;
  gap: var(--wwc-footer-menus-gap-mobile);
}

.wwc-footer__menu {
  flex: 1 1 0;
}

.wwc-footer__menu-heading {
  margin: 0;
  color: var(--wwc-footer-heading-color);
  font-size: var(--wwc-footer-heading-size-mobile);
  line-height: var(--wwc-footer-heading-line-height);
  font-weight: 700;
  text-align: var(--wwc-footer-menu-align-mobile);
}

.wwc-footer__menu-list {
  display: flex;
  flex-direction: column;
  gap: var(--wwc-footer-menu-gap-mobile);
  padding: 0;
  margin: var(--wwc-footer-menu-mt-mobile) 0 0;
  list-style: none;
}

.wwc-footer__menu-link {
  display: block;
  color: var(--wwc-footer-link-color);
  font-size: var(--wwc-footer-link-size-mobile);
  line-height: var(--wwc-footer-link-line-height);
  text-align: var(--wwc-footer-menu-align-mobile);
  text-decoration: none;
  transition: color .2s ease;
}

.wwc-footer__menu-link:hover {
  color: var(--wwc-footer-link-hover-color);
}

/* Mobile accordion */
.wwc-footer__accordion {
  position: relative;
}

.wwc-footer__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.wwc-footer__toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wwc-footer-icon-size);
  height: var(--wwc-footer-icon-size);
  padding: 8px;
  border-radius: var(--wwc-footer-icon-radius);
  background: var(--wwc-footer-icon-bg);
  box-sizing: content-box;
  flex: 0 0 auto;
}

.wwc-footer__toggle-icon svg {
  width: var(--wwc-footer-icon-size);
  height: var(--wwc-footer-icon-size);
}

.wwc-footer__toggle-icon path {
  stroke: var(--wwc-footer-icon-color);
}

.wwc-footer__toggle-icon svg:last-child {
  display: none;
}

.wwc-footer__toggle-icon.is-active svg:first-child {
  display: none;
}

.wwc-footer__toggle-icon.is-active svg:last-child {
  display: block;
}

.wwc-footer__panel {
  display: none;
  height: 0;
  overflow: hidden;
  transition: height .25s ease, padding-top .25s ease;
}

.wwc-footer__panel .wwc-footer__menu-list {
  margin-top: 0;
}

.wwc-footer__height-panel {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}

/* Visual block */
.wwc-footer__visual {
  overflow: hidden;
}

.wwc-footer__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.wwc-footer__image {
  overflow: hidden;
  border-radius: var(--wwc-footer-image-radius);
  border: var(--wwc-footer-image-border-width) solid var(--wwc-footer-image-border-color);
}

.wwc-footer__images--mobile-portrait .wwc-footer__image {
  aspect-ratio: 9.6 / 13;
}

.wwc-footer__images--mobile-landscape .wwc-footer__image {
  aspect-ratio: 12 / 8;
}

.wwc-footer__images--mobile-square .wwc-footer__image {
  aspect-ratio: 1 / 1;
}

.wwc-footer__images--mobile-original .wwc-footer__image {
  aspect-ratio: auto;
}

.wwc-footer__image img,
.wwc-footer__image svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wwc-footer__image svg {
  background: #afafaf;
}

/* Ticker */
.wwc-footer__ticker {
  display: flex;
  flex-wrap: nowrap;
  width: 200vw;
  margin-top: var(--wwc-footer-ticker-mt-mobile);
  background: var(--wwc-footer-ticker-bg);
  overflow: hidden;
}

.wwc-footer__ticker-list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  animation: wwcFooterTicker var(--wwc-footer-ticker-speed-mobile) linear infinite;
  animation-direction: var(--wwc-footer-ticker-direction);
}

.wwc-footer__ticker--pause-hover:hover .wwc-footer__ticker-list {
  animation-play-state: paused;
}

.wwc-footer__ticker-text {
  margin-right: var(--wwc-footer-ticker-gap-mobile);
  color: var(--wwc-footer-ticker-color);
  font-size: var(--wwc-footer-ticker-size-mobile);
  line-height: var(--wwc-footer-ticker-line-height);
}

.wwc-footer__ticker-dot {
  width: calc(var(--wwc-footer-ticker-size-mobile) * .4);
  height: calc(var(--wwc-footer-ticker-size-mobile) * .4);
  margin-right: var(--wwc-footer-ticker-gap-mobile);
  border-radius: 999px;
  background: var(--wwc-footer-ticker-dot-color);
}

@keyframes wwcFooterTicker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* Bottom */
.wwc-footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: var(--wwc-footer-bottom-mt-mobile);
  padding-top: var(--wwc-footer-bottom-mt-mobile);
  border-top: var(--wwc-footer-divider-width) solid var(--wwc-footer-divider-color);
}

.wwc-footer__bottom-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--wwc-footer-bottom-menu-align-mobile);
  gap: 16px 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.wwc-footer__bottom-menu-link {
  display: block;
  color: var(--wwc-footer-bottom-link-color);
  font-size: var(--wwc-footer-bottom-link-size-mobile);
  line-height: var(--wwc-footer-bottom-link-line-height);
  text-decoration: none;
}

.wwc-footer__copyright {
  width: 100%;
  text-align: var(--wwc-footer-copyright-align-mobile);
}

.wwc-footer__copyright * {
  margin: 0;
  color: var(--wwc-footer-copyright-color);
  font-size: var(--wwc-footer-copyright-size-mobile);
  line-height: var(--wwc-footer-copyright-line-height);
  text-decoration: none;
}

/* Desktop */
@media (min-width: 1024px) {
  .wwc-footer {
    margin-top: var(--wwc-footer-margin-top);
    margin-bottom: var(--wwc-footer-margin-bottom);
    margin-left: var(--wwc-footer-margin-x);
    margin-right: var(--wwc-footer-margin-x);
    border-radius: var(--wwc-footer-radius);
  }

  .wwc-footer__inner {
    padding: var(--wwc-footer-padding-top) var(--wwc-footer-padding-x) var(--wwc-footer-padding-bottom);
  }

  .wwc-footer__top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .wwc-footer__heading {
    width: var(--wwc-footer-block-heading-width);
    margin-top: var(--wwc-footer-block-heading-mt);
    text-align: var(--wwc-footer-block-heading-align);
  }

  .wwc-footer__heading * {
    font-size: var(--wwc-footer-block-heading-size);
  }

  .wwc-footer__signup {
    width: fit-content;
  }

  .wwc-footer__newsletter-row {
    width: fit-content;
    margin-top: var(--wwc-footer-newsletter-mt);
  }

  .wwc-footer__newsletter-input {
    width: var(--wwc-footer-newsletter-input-width);
    font-size: var(--wwc-footer-newsletter-input-size);
  }

  .wwc-footer__newsletter-submit {
    padding: var(--wwc-footer-newsletter-submit-py) var(--wwc-footer-newsletter-submit-px);
    font-size: var(--wwc-footer-newsletter-submit-size);
  }

  .wwc-footer__newsletter-thanks,
  .wwc-footer__newsletter-message {
    margin-top: var(--wwc-footer-newsletter-thanks-mt);
    font-size: var(--wwc-footer-newsletter-thanks-size);
    text-align: var(--wwc-footer-newsletter-thanks-align);
  }

  .wwc-footer__social-heading {
    margin-top: var(--wwc-footer-social-heading-mt);
    text-align: var(--wwc-footer-social-align);
  }

  .wwc-footer__social-heading * {
    font-size: var(--wwc-footer-social-heading-size);
  }

  .wwc-footer__social-list {
    justify-content: var(--wwc-footer-social-align);
    gap: var(--wwc-footer-social-gap);
  }

  .wwc-footer__social-link {
    width: var(--wwc-footer-social-icon-size);
    height: var(--wwc-footer-social-icon-size);
    padding: calc(var(--wwc-footer-social-icon-size) * .5);
  }

  .wwc-footer__menus-wrap {
    grid-template-columns: 1fr 30%;
    gap: 25px;
    margin-top: var(--wwc-footer-menus-mt);
    padding-top: var(--wwc-footer-menus-mt);
  }

  .wwc-footer__desktop-menus {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--wwc-footer-menus-gap);
  }

  .wwc-footer__mobile-menus {
    display: none;
  }

  .wwc-footer__menu-heading {
    font-size: var(--wwc-footer-heading-size);
    text-align: var(--wwc-footer-menu-align);
  }

  .wwc-footer__desktop-menus .wwc-footer__menu-list {
    gap: var(--wwc-footer-menu-gap);
    margin-top: var(--wwc-footer-menu-mt);
  }

  .wwc-footer__menu-link {
    font-size: var(--wwc-footer-link-size);
    text-align: var(--wwc-footer-menu-align);
  }

  .wwc-footer__images--portrait .wwc-footer__image {
    aspect-ratio: 9.6 / 13;
  }

  .wwc-footer__images--landscape .wwc-footer__image {
    aspect-ratio: 12 / 8;
  }

  .wwc-footer__images--square .wwc-footer__image {
    aspect-ratio: 1 / 1;
  }

  .wwc-footer__images--original .wwc-footer__image {
    aspect-ratio: auto;
  }

  .wwc-footer__ticker {
    margin-top: var(--wwc-footer-ticker-mt);
  }

  .wwc-footer__ticker-list {
    animation-duration: var(--wwc-footer-ticker-speed);
  }

  .wwc-footer__ticker-text {
    margin-right: var(--wwc-footer-ticker-gap);
    font-size: var(--wwc-footer-ticker-size);
  }

  .wwc-footer__ticker-dot {
    width: calc(var(--wwc-footer-ticker-size) * .4);
    height: calc(var(--wwc-footer-ticker-size) * .4);
    margin-right: var(--wwc-footer-ticker-gap);
  }

  .wwc-footer__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--wwc-footer-bottom-mt);
    padding-top: var(--wwc-footer-bottom-mt);
  }

  .wwc-footer__bottom-menu {
    justify-content: var(--wwc-footer-bottom-menu-align);
  }

  .wwc-footer__bottom-menu-link {
    font-size: var(--wwc-footer-bottom-link-size);
  }

  .wwc-footer__copyright {
    text-align: var(--wwc-footer-copyright-align);
  }

  .wwc-footer__copyright * {
    font-size: var(--wwc-footer-copyright-size);
  }
}











  /* =========================================================
   15. Cart drawer CRO skin
   Complete merged version
========================================================= */

#CartDrawer {
  --wwc-cta-primary: #16a34a;
  --wwc-cta-primary-hover: #0f7a37;
  --wwc-cta-ring: rgba(22, 163, 74, 0.35);
  --wwc-cart-line: #efe7df;
  --wwc-cart-line-soft: rgba(181, 129, 80, 0.14);
  --wwc-cart-soft: #fff8f0;
  --wwc-cart-soft-2: #fffdf9;
  --wwc-cart-text: #1f2937;
  --wwc-cart-strong: #111;
  --wwc-cart-muted: #6b7280;
  --wwc-cart-brown: #6b4a2d;
  --wwc-cart-dark-brown: #2b160c;
  --wwc-cart-gold: #b58150;
  --wwc-cart-shadow: 0 -6px 18px rgba(0, 0, 0, 0.045);
}

#CartDrawer .drawer__inner,
#CartDrawer .drawer__header,
#CartDrawer .drawer__footer {
  background: #fff;
}

#CartDrawer .drawer__inner {
  position: relative;
}

#CartDrawer .sp-validate-overlay {
  pointer-events: none !important;
}

.js-drawer-open .main-content:after {
  background: #000;
}

/* =========================================================
   Header
========================================================= */

#CartDrawer .drawer__fixed-header {
  min-height: initial;
  padding-right: 0;
  padding-left: 0;
}

#CartDrawer .drawer__header {
  position: relative;
  display: block;
  min-height: initial;
  padding: 10px 18px;
  overflow: visible;
  border-bottom: 1px solid #eee;
}

#CartDrawer .drawer__title {
  width: initial;
  color: var(--wwc-cart-text);
  font-size: 19px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* =========================================================
   Free shipping bar
========================================================= */

#CartDrawer .wwc-freeship {
  padding: 7px 18px 9px;
  background: #fff;
  border-bottom: 2px solid rgba(181, 129, 80, 0.2);
}

#CartDrawer .wwc-freeship__text-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: nowrap;
}

#CartDrawer .wwc-freeship__text {
  margin: 0;
  color: #3a2d21;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
}

#CartDrawer .wwc-freeship__text.is-reached {
  color: #0a7a34;
}

#CartDrawer .wwc-freeship__bar {
  position: relative;
  height: 8px;
  margin-top: 7px;
  overflow: hidden;
  background: #efe9e2;
  border: 1px solid #efe7df;
  border-radius: 999px;
}

#CartDrawer .wwc-freeship__bar span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #1ea94b, #16923e);
  transition: width 0.35s ease;
}

/* =========================================================
   Shared tooltip
========================================================= */

#CartDrawer .wwc-shipping-tooltip {
  position: static;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  vertical-align: middle;
}

#CartDrawer .wwc-shipping-tooltip__toggle,
#CartDrawer .wwc-shipping-tooltip__close {
  appearance: none;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}

#CartDrawer .wwc-shipping-tooltip__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  color: #222;
  border-radius: 999px;
  transition: background 0.18s ease, transform 0.18s ease;
}

#CartDrawer .wwc-shipping-tooltip__toggle:hover {
  background: rgba(0, 0, 0, 0.08);
}

#CartDrawer .wwc-shipping-tooltip__toggle:focus-visible,
#CartDrawer .wwc-shipping-tooltip__close:focus-visible,
#CartDrawer .wwc-cart-discount__clear:focus-visible,
#CartDrawer .wwc-cart-discount__apply:focus-visible,
#CartDrawer .wwc-cart-note__toggle:focus-visible,
#CartDrawer .wwc-cart-discount__toggle:focus-visible,
#CartDrawer .cart__checkout:focus-visible {
  outline: 2px solid var(--wwc-cart-gold);
  outline-offset: 2px;
}

#CartDrawer .wwc-shipping-tooltip__toggle svg,
#CartDrawer .wwc-shipping-tooltip__close svg {
  width: 1.2rem;
  height: 1.2rem;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#CartDrawer .wwc-shipping-tooltip__popover {
  position: absolute;
  top: 58px;
  left: 16px;
  right: 16px;
  z-index: 9999;
  width: auto;
  max-width: none;
  padding: 12px;
  background: #fffffffc;
  border: 2px solid rgb(85 143 17);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

#CartDrawer .wwc-shipping-tooltip.is-open .wwc-shipping-tooltip__popover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

#CartDrawer .wwc-shipping-tooltip__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#CartDrawer .wwc-shipping-tooltip__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  min-width: 1.9rem;
  color: #222;
  border: 1px solid #484848;
  border-radius: 999px;
}

#CartDrawer .wwc-shipping-tooltip__list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#CartDrawer .wwc-shipping-tooltip__list li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  font-size: 14px;
  line-height: 1.45;
}

#CartDrawer .wwc-shipping-tooltip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* =========================================================
   Home delivery notice
========================================================= */

#CartDrawer .wwc-home-delivery-note {
  display: none;
  margin: 8px 0 0;
  padding: 7px 10px;
  color: #3f2a18;
  background: #fffaf5;
  border: 1px solid rgba(181, 129, 80, 0.18);
  border-radius: 12px;
}

#CartDrawer .wwc-home-delivery-note.is-visible {
  display: block;
}

#CartDrawer .wwc-home-delivery-note__top {
  display: flex;
  align-items: center;
  gap: 8px;
}

#CartDrawer .wwc-home-delivery-note__icon {
  flex: 0 0 auto;
  margin-top: 0;
  font-size: 15px;
  line-height: 1.2;
}

#CartDrawer .wwc-home-delivery-note__content {
  flex: 1 1 auto;
  min-width: 0;
}

#CartDrawer .wwc-home-delivery-note__title {
  display: block;
  color: var(--wwc-cart-dark-brown);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.18;
}

#CartDrawer .wwc-home-delivery-note__text {
  display: block;
  margin-top: 1px;
  color: var(--wwc-cart-brown);
  font-size: 12px;
  line-height: 1.25;
}

#CartDrawer .wwc-home-delivery-note__tooltip {
  margin-left: 2px;
}

#CartDrawer .wwc-home-delivery-note__info {
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: var(--wwc-cart-brown);
  background: var(--wwc-cart-soft-2);
  border: 1px solid rgba(181, 129, 80, 0.28);
}

#CartDrawer .wwc-home-delivery-note__info svg {
  width: 15px;
  height: 15px;
}

#CartDrawer .wwc-home-delivery-note .wwc-shipping-tooltip__popover {
  top: 58px;
}

/* =========================================================
   Scroll area and cart items
========================================================= */

#CartDrawer .drawer__scrollable {
  padding: 8px 14px 6px;
}

#CartDrawer .cart__items {
  margin-top: 0;
}

#CartDrawer .cart__item {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 10px;
  padding: 8px 0;
  border-bottom: none;
}

#CartDrawer .cart__item--image .image-wrap {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, 0.16);
  border-radius: 11px;
}

#CartDrawer .cart__product-name {
  margin-bottom: 8px;
  color: var(--wwc-cart-strong);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.015em;
  text-decoration: none;
}

#CartDrawer .cart__product-name:hover {
  text-decoration: underline;
}

#CartDrawer .cart__item--variants,
#CartDrawer .cart__item--properties {
  margin-top: 3px;
  margin-bottom: 8px;
  color: #5f6673;
  font-size: 12.5px;
  line-height: 1.1;
}

#CartDrawer .cart__item--properties span {
  color: #6b7280;
  font-weight: 650;
}

#CartDrawer .js-qty__wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 80px;
  min-height: 30px;
  padding: 0 4px;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, 0.16);
  border-radius: 10px;
}

#CartDrawer .js-qty__adjust {
  width: 28px;
  height: 28px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

#CartDrawer .js-qty__adjust:hover {
  background: #f3f0ec;
  fill: #494964;
}

#CartDrawer .js-qty__num {
  min-width: 36px;
  padding: 5px 2px;
  color: var(--wwc-cart-strong);
  font-size: 13.5px;
  font-weight: 550;
  text-align: center;
  background: transparent;
  border: 0;
}

#CartDrawer .cart__item--price {
  color: var(--wwc-cart-strong);
  font-size: 14px;
  font-weight: 900;
}

/* =========================================================
   Upsells and cart add-ons
========================================================= */

#CartDrawer .wwc-cart-upsell,
#CartDrawer [class*="upsell"] {
  border-radius: 13px;
}

#CartDrawer .drawer__scrollable [class*="upsell"] {
  margin-top: 0;
}

#CartDrawer .drawer__scrollable [class*="upsell"] strong,
#CartDrawer .drawer__scrollable [class*="upsell"] b {
  font-size: 13px;
  line-height: 1.18;
}

#CartDrawer .drawer__scrollable [class*="upsell"] small,
#CartDrawer .drawer__scrollable [class*="upsell"] span {
  line-height: 1.25;
}

#CartDrawer .drawer__scrollable h3,
#CartDrawer .drawer__scrollable .cart__upsell-title,
#CartDrawer .drawer__scrollable [class*="title"] {
  margin-bottom: 6px;
}

#CartDrawer .wwc-cart-upsell-global__inner {
  padding: 10px 0;
  border-top: none;
  border-bottom: none;
}

/* =========================================================
   Note and discount accordions
========================================================= */

#CartDrawer .wwc-cart-note,
#CartDrawer .wwc-cart-discount {
  margin-top: 8px;
  padding-top: 8px;
}

#CartDrawer .wwc-cart-note__toggle,
#CartDrawer .wwc-cart-discount__toggle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 0;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

#CartDrawer .wwc-cart-note__title,
#CartDrawer .wwc-cart-discount__title {
  color: var(--wwc-cart-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

#CartDrawer .wwc-cart-note__title small,
#CartDrawer .wwc-cart-discount__title small {
  display: inline;
  margin-left: 4px;
  color: var(--wwc-cart-muted);
  font-size: 12px;
  font-weight: 400;
}

#CartDrawer .wwc-cart-note__icon,
#CartDrawer .wwc-cart-discount__icon {
  position: relative;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

#CartDrawer .wwc-cart-note__icon::before,
#CartDrawer .wwc-cart-note__icon::after,
#CartDrawer .wwc-cart-discount__icon::before,
#CartDrawer .wwc-cart-discount__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: var(--wwc-cart-text);
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: transform 0.18s ease, opacity 0.18s ease;
}

#CartDrawer .wwc-cart-note__icon::after,
#CartDrawer .wwc-cart-discount__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

#CartDrawer .wwc-cart-note__toggle[aria-expanded="true"] .wwc-cart-note__icon::after,
#CartDrawer .wwc-cart-discount__toggle[aria-expanded="true"] .wwc-cart-discount__icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
}

#CartDrawer .wwc-cart-note__content,
#CartDrawer .wwc-cart-discount__content {
  margin-top: 0;
}

#CartDrawer .cart-notes,
#CartDrawer .wwc-cart-note__content textarea {
  min-height: 90px;
  padding: 10px 12px;
  font-size: 1em;
  resize: vertical;
  background: #fffaf6;
  border: 1.2px solid var(--wwc-cart-line);
  border-radius: 8px;
}

#CartDrawer .cart-notes:focus {
  outline: 2px solid rgba(181, 129, 80, 0.25);
  outline-offset: 2px;
}

#CartDrawer .wwc-cart-discount__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: stretch;
}

#CartDrawer .wwc-cart-discount__input-wrap {
  position: relative;
}

#CartDrawer .cart__discount {
  display: none !important;
}

#CartDrawer .wwc-cart-discount__input {
  margin-bottom: 0;
  padding-right: 44px;
  background: var(--wwc-cart-soft-2);
  border: 1px solid #d8c4af;
  border-radius: 10px;
}

#CartDrawer .wwc-cart-discount__input:focus {
  border-color: var(--wwc-cart-gold);
  box-shadow: 0 0 0 3px rgba(181, 129, 80, 0.12);
}

#CartDrawer .wwc-cart-discount__clear {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #7a5635;
  font-size: 22px;
  line-height: 1;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transform: translateY(-50%);
}

#CartDrawer .wwc-cart-discount__clear:hover {
  background: rgba(181, 129, 80, 0.08);
}

#CartDrawer .wwc-cart-discount__apply {
  min-height: 46px;
  padding: 0 18px;
  color: #fff;
  white-space: nowrap;
  background: var(--wwc-cart-gold);
  border: 1px solid var(--wwc-cart-gold);
  border-radius: 10px;
}

#CartDrawer .wwc-cart-discount__apply:hover {
  background: #9d6d43;
  border-color: #9d6d43;
}

#CartDrawer .wwc-cart-discount__help,
#CartDrawer .wwc-cart-discount__status {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
}

#CartDrawer .wwc-cart-discount__help {
  color: var(--wwc-cart-muted);
}

#CartDrawer .wwc-cart-discount__status {
  color: var(--wwc-cart-text);
}

#CartDrawer .wwc-cart-discount__status.is-success {
  color: #166534;
}

#CartDrawer .wwc-cart-discount__status.is-error {
  color: #b91c1c;
}


/* =========================================================
   WWC Cart Drawer line remove button
========================================================= */

/* =========================================================
   WWC Cart Drawer Line Remove Button
   Subtle default state, brand hover state
========================================================= */

#CartDrawer .wwc-cart-line-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

#CartDrawer .wwc-cart-line-head .cart__product-name {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 4px;
}

#CartDrawer .wwc-cart-line-remove {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin: -4px -2px 0 6px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #ffffff;
  color: #a8adb6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  appearance: none;
  box-shadow: none;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

@media (hover: hover) {
  #CartDrawer .wwc-cart-line-remove:hover {
    background: #fff7f1;
    border-color: rgba(181, 129, 80, 0.38);
    color: #b58150;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }
}

#CartDrawer .wwc-cart-line-remove:focus-visible {
  outline: none;
  background: #fff7f1;
  border-color: rgba(181, 129, 80, 0.45);
  color: #b58150;
  box-shadow: 0 0 0 3px rgba(181, 129, 80, 0.14);
}

#CartDrawer .wwc-cart-line-remove:active {
  transform: scale(.96);
  background: #fff1e6;
  border-color: rgba(181, 129, 80, 0.42);
  color: #986536;
}

#CartDrawer .wwc-cart-line-remove svg {
  width: 15px;
  height: 15px;
  display: block;
}

#CartDrawer .wwc-cart-line-remove svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#CartDrawer .wwc-cart-line-remove svg path:first-child,
#CartDrawer .wwc-cart-line-remove svg path:nth-child(2) {
  fill: none;
}

#CartDrawer .wwc-cart-line-remove:disabled,
#CartDrawer .wwc-cart-line-remove.is-loading {
  opacity: .45;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

@media (max-width: 749px) {
  #CartDrawer .wwc-cart-line-head {
    gap: 8px;
  }

  #CartDrawer .wwc-cart-line-remove {
    width: 28px;
    height: 28px;
    margin: -3px -1px 0 6px;
  }

  #CartDrawer .wwc-cart-line-remove svg {
    width: 14px;
    height: 14px;
  }
}


/* =========================================================
   Continue shopping
========================================================= */

#CartDrawer .wwc-cart-continue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 6px auto 0;
  padding: 5px 10px;
  color: #7a5635;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}

#CartDrawer .wwc-cart-continue:hover {
  color: var(--wwc-cart-dark-brown);
  text-decoration: underline;
}

/* =========================================================
   Footer and checkout
========================================================= */

#CartDrawer .drawer__footer {
  padding: 10px 14px 12px;
  background: #fff;
  border-top: 2px solid rgba(181, 129, 80, 0.85);
  box-shadow: var(--wwc-cart-shadow);
}

#CartDrawer .cart__item-sub.cart__item-row,
#CartDrawer .cart__item-row {
  margin-bottom: 6px;
}

#CartDrawer .wwc-cart-footer {
  margin-top: 8px;
  padding-top: 8px;
}

#CartDrawer .wwc-cart-footer__subtotal-row {
  align-items: end;
}

#CartDrawer .cart__subtotal {
  color: var(--wwc-cart-text);
  font-size: 15px;
  font-weight: 700;
}

#CartDrawer .cart__subtotal + [data-subtotal],
#CartDrawer .wwc-cart-footer__subtotal-price {
  color: var(--wwc-cart-strong);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

#CartDrawer .cart__checkout {
  width: 100%;
  min-height: 52px;
  padding: 14px 18px;
  margin-top: 4px;
  margin-bottom: 10px;
  color: #fff !important;
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: -0.01em;
  background: var(--wwc-cta-primary) !important;
  border: none;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(22, 163, 74, 0.25);
  transition: transform 0.06s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#CartDrawer .cart__checkout:hover {
  background: var(--wwc-cta-primary-hover) !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.3);
}

#CartDrawer .cart__checkout:focus-visible {
  outline: 3px solid var(--wwc-cta-ring);
  outline-offset: 2px;
}

#CartDrawer .cart__checkout-wrapper .additional-checkout-buttons {
  margin-top: 12px;
}

#CartDrawer .cart__checkout-wrapper .shopify-cleanslate [role="button"],
#CartDrawer .cart__checkout-wrapper .shopify-cleanslate .Xz7c4c9A04m6iJdZtrpQ {
  border-radius: 12px !important;
}

#CartDrawer .wwc-cart-footer__microproof {
  display: none;
}

#CartDrawer .wwc-cart-footer__microproof-icon {
  display: none;
}

#CartDrawer .wwc-cart-footer__microproof-text {
  display: block;
  white-space: nowrap;
}

#CartDrawer .wwc-cart-footer__express {
  margin-top: 12px;
}

/* =========================================================
   Trust and payments
========================================================= */

#CartDrawer .wwc-cart-trust {
  margin-top: 10px;
  text-align: center;
}

#CartDrawer .wwc-cart-trust__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #444;
  font-size: 13px;
  text-align: center;
}

#CartDrawer .wwc-cart-trust__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #5f5f5f;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
}

#CartDrawer .wwc-cart-trust__item svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.9;
}

#CartDrawer .wwc-cart-trust__dot {
  color: #b7b7b7;
  line-height: 1;
  opacity: 0.4;
}

#CartDrawer .wwc-cart-payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

#CartDrawer .wwc-cart-payments__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  min-width: 38px;
  padding: 4px 7px;
  background: #fff;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

#CartDrawer .wwc-cart-payments__icon svg {
  display: block;
  width: auto;
  max-width: 34px;
  height: 13px;
}

/* =========================================================
   Small helper blocks
========================================================= */

#CartDrawer .wwc-legal small,
#CartDrawer .ajaxcart__note small {
  display: block;
  color: var(--wwc-cart-muted);
  font-size: 12px;
  line-height: 1.5;
}

#CartDrawer .label-info {
  display: block;
  margin-top: 6px;
  margin-bottom: 0 !important;
  color: var(--wwc-cart-text);
  font-weight: 700;
}

#CartDrawer .wwc-cart-warning,
#CartDrawer p.text-small.wwc-cart-warning {
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 8px 10px;
  color: #5a3e22;
  font-size: calc(var(--typeBaseSize) - 2px);
  font-weight: 700;
  line-height: 1.35;
  background: #fff8ef;
  border: 1px solid #f1e4d6;
  border-radius: 10px;
}

#CartDrawer p.text-small.wwc-cart-warning span {
  font-weight: 700;
}

/* =========================================================
   Empty cart
========================================================= */

#CartDrawer .drawer__cart-empty .drawer__scrollable {
  padding: 24px 16px;
  color: var(--wwc-cart-muted);
}

#CartDrawer .wwc-empty-cart {
  min-height: calc(100vh - 130px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 26px 20px 20px;
  color: var(--wwc-cart-text);
  text-align: center;
}

#CartDrawer .wwc-empty-cart__badge {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin: 0 auto 14px;
  font-size: 38px;
  background: linear-gradient(180deg, #fff8ef, #f2e2cf);
  border: 1px solid rgba(181, 129, 80, 0.28);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(91, 62, 34, 0.12);
}

#CartDrawer .wwc-empty-cart__title {
  max-width: 310px;
  margin: 0 auto 8px;
  color: #202938;
  font-size: 21px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

#CartDrawer .wwc-empty-cart__text {
  max-width: 320px;
  margin: 0 auto 18px;
  color: var(--wwc-cart-muted);
  font-size: 14px;
  line-height: 1.45;
}

#CartDrawer .wwc-empty-cart__btn,
#CartDrawer .wwc-empty-cart__grid .wwc-empty-cart__btn {
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-template-areas:
    "icon title"
    "icon text";
  gap: 1px 11px;
  align-items: center;
  width: 100%;
  padding: 13px 14px;
  margin: 0;
  color: var(--wwc-cart-text);
  text-align: left;
  text-decoration: none !important;
  background: var(--wwc-cart-soft-2);
  border: 1px solid rgba(181, 129, 80, 0.22);
  border-radius: 15px;
  box-shadow: 0 3px 12px rgba(31, 41, 55, 0.05);
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

#CartDrawer .wwc-empty-cart__btn:hover {
  border-color: rgba(181, 129, 80, 0.48);
  box-shadow: 0 8px 20px rgba(31, 41, 55, 0.09);
  transform: translateY(-1px);
}

#CartDrawer .wwc-empty-cart__btn span {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 18px;
  background: #f5eee7;
  border-radius: 11px;
}

#CartDrawer .wwc-empty-cart__btn strong {
  grid-area: title;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
}

#CartDrawer .wwc-empty-cart__btn small {
  grid-area: text;
  color: var(--wwc-cart-muted);
  font-size: 12px;
  line-height: 1.25;
}

#CartDrawer .wwc-empty-cart__btn--primary {
  margin-bottom: 10px;
  color: #fff;
  background: var(--wwc-cart-gold);
  border-color: var(--wwc-cart-gold);
}

#CartDrawer .wwc-empty-cart__btn--primary span {
  background: rgba(255, 255, 255, 0.18);
}

#CartDrawer .wwc-empty-cart__btn--primary small {
  color: rgba(255, 255, 255, 0.84);
}

#CartDrawer .wwc-empty-cart__grid {
  display: grid;
  gap: 10px;
  margin-top: 0;
}

#CartDrawer .wwc-empty-cart__proof {
  max-width: 300px;
  margin: 14px auto 0;
  color: var(--wwc-cart-muted);
  font-size: 12px;
  line-height: 1.35;
}

#CartDrawer .wwc-empty-cart__quote {
  max-width: 310px;
  margin: 14px auto 0;
  padding: 10px 12px;
  color: var(--wwc-cart-brown);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  background: #f8f5f1;
  border-radius: 14px;
}

/* =========================================================
   Tablet and wider screens
========================================================= */

@media only screen and (min-width: 590px) {
  #CartDrawer .drawer__header {
    padding: 12px 20px;
  }

  #CartDrawer .drawer__title {
    font-size: 20px;
  }

  #CartDrawer .wwc-freeship {
    padding: 8px 20px 10px;
  }

  #CartDrawer .drawer__scrollable {
    padding: 12px 20px 8px;
  }

  #CartDrawer .cart__item {
    grid-template-columns: 72px 1fr;
    gap: 14px;
    padding: 12px 0;
  }

  #CartDrawer .cart__product-name {
    font-size: 15.5px;
  }

  #CartDrawer .cart__item--variants,
  #CartDrawer .cart__item--properties {
    font-size: 13px;
    line-height: 1.2;
  }

  #CartDrawer .drawer__footer {
    padding: 12px 20px 14px;
  }

  #CartDrawer .cart__checkout {
    min-height: 56px;
    font-size: 16px;
  }

  #CartDrawer .wwc-cart-footer__microproof {
    display: none;
  }
}

/* =========================================================
   Mobile
========================================================= */

@media only screen and (max-width: 589px) {
  #CartDrawer .drawer__header {
    padding: 8px 12px 8px 8px;
  }

  #CartDrawer .drawer__title {
    font-size: 16px;
  }

  #CartDrawer .wwc-freeship {
    padding: 2px 8px 6px;
  }

  #CartDrawer .wwc-freeship__text {
    font-size: 12.5px;
  }

  #CartDrawer .wwc-freeship__bar {
    margin-top: 0;
  }

  #CartDrawer .wwc-shipping-tooltip__popover {
    left: 12px;
    right: 12px;
  }

  #CartDrawer .wwc-home-delivery-note {
    margin-top: 8px;
    padding: 6px;
  }

  #CartDrawer .wwc-home-delivery-note__title {
    font-size: 13px;
  }

  #CartDrawer .wwc-home-delivery-note__text {
    font-size: 12px;
  }

  #CartDrawer .drawer__scrollable {
    padding: 4px 8px 6px;
  }

  #CartDrawer .cart__item {
    grid-template-columns: 62px 1fr;
    gap: 10px;
    padding: 6px 0 0;
  }

  #CartDrawer .cart__product-name {
    font-size: 14px;
  }

  #CartDrawer .cart__item--variants,
  #CartDrawer .cart__item--properties {
    font-size: 12px;
  }

  /* #CartDrawer .cart__item--properties {
    margin-bottom: 10px;
  }*/

  #CartDrawer .wwc-cart-note,
  #CartDrawer .wwc-cart-discount {
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f6f6f6;
  }

  #CartDrawer .cart-notes,
  #CartDrawer .wwc-cart-note__content textarea {
    height: 60px;
    min-height: 60px;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  #CartDrawer .wwc-cart-discount__row {
    grid-template-columns: 1fr;
  }

  #CartDrawer .wwc-cart-discount__apply {
    width: 100%;
    min-height: 30px;
    padding: 8px 12px;
    color: #fff;
    white-space: nowrap;
    background: #a07042 !important;
    border-radius: 10px;
  }

  #CartDrawer .js-qty__wrapper {
    min-width: 80px !important;
  }

  #CartDrawer .drawer__footer {
    padding: 10px 14px 12px;
  }

  #CartDrawer .cart__item-sub.cart__item-row,
  #CartDrawer .cart__item-row {
    margin-bottom: 2px;
  }

  #CartDrawer .cart__checkout {
    min-height: 54px;
    font-size: 15.5px;
  }

  #CartDrawer .wwc-cart-footer {
    padding-top: 4px !important;
    border: none !important;
  }

  #CartDrawer .wwc-cart-footer__microproof {
    display: none !important;
  }

  #CartDrawer .wwc-cart-trust__row {
    gap: 4px;
  }

  #CartDrawer .wwc-cart-trust__item {
    gap: 3px !important;
    font-size: 11px !important;
  }

  #CartDrawer .wwc-cart-payments {
    display: none !important;
  }

  #CartDrawer .drawer__cart-empty .drawer__scrollable {
    padding: 24px 12px;
  }

  #CartDrawer .wwc-empty-cart {
    padding: 24px 18px 18px;
  }

  #CartDrawer .wwc-empty-cart__badge {
    width: 68px;
    height: 68px;
    font-size: 34px;
  }

  #CartDrawer .wwc-empty-cart__title {
    font-size: 20px;
  }

  #CartDrawer .wwc-empty-cart__text {
    margin-bottom: 16px;
  }

  #CartDrawer .wwc-empty-cart__btn,
  #CartDrawer .wwc-empty-cart__grid .wwc-empty-cart__btn {
    padding: 12px 13px;
    border-radius: 14px;
  }
}



/*Hier de cart drawer css toevoegen */


/* =========================================================
   WWC Cart Upsell v1.9
   Cleaner cross-sell card, desktop + mobile CRO
========================================================= */

.wwc-cart-upsell,
.wwc-cart-upsell-global {
  width: 100%;
  clear: both;
}

.wwc-cart-upsell {
  margin: 6px 0 12px;
}

.wwc-cart-upsell:empty,
.wwc-cart-upsell-global:empty {
  display: none;
}

.wwc-cart-upsell-global {
  margin: 14px 0 18px;
}

[data-products] {
  position: relative;
}

[data-products].wwc-cart-scrollable::after {
  content: "↓";
  position: sticky;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  bottom: 0;
  height: 34px;
  margin-top: -34px;
  pointer-events: none;
  color: rgba(95, 59, 30, .5);
  font-size: 16px;
  font-weight: 900;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 78%);
  z-index: 4;
}

#CartDrawer .drawer__footer,
#CartDrawer .cart__footer,
#CartDrawer .cart-drawer__footer,
#CartDrawer [data-cart-footer] {
  background: #fffaf6;
  border-top: 1px solid rgba(181, 129, 80, .18);
  box-shadow: 0 -10px 28px rgba(17, 17, 17, .045);
}

#CartDrawer .cart__item-price,
#CartDrawer .cart-item__price,
#CartDrawer [data-cart-item-price],
#CartDrawer .cart__price {
  background: #f7efe7 !important;
  color: #2a160b !important;
  border: 1px solid #eadbcd !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Header */

.wwc-cart-upsell-global__inner {
  border-top: 1px solid rgba(17, 17, 17, .07);
  border-bottom: 1px solid rgba(17, 17, 17, .07);
  padding: 14px 0 15px;
}

.wwc-cart-upsell-global__inner--carousel {
  padding-top: 14px;
  padding-bottom: 15px;
}

.wwc-cart-upsell-global__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 11px;
}

.wwc-cart-upsell-global__head {
  margin: 0;
  color: #171717;
  font-size: 15.5px;
  font-weight: 850;
  line-height: 1.2;
}

.wwc-cart-upsell-global__navwrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wwc-cart-upsell-carousel__nav {
  width: 39px;
  height: 34px;
  border: 1px solid rgba(17, 17, 17, .10);
  border-radius: 999px;
  background: #fff;
  color: #171717;
  font-size: 22px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(17, 17, 17, .05);
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.wwc-cart-upsell-carousel__nav:hover {
  background: #fff8f0;
  border-color: rgba(181, 129, 80, .34);
  color: #5f3b1e;
  transform: translateY(-1px);
}

/* Item upgrade */

.wwc-cart-upsell__line {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(181, 129, 80, .22);
  background: linear-gradient(180deg, #fffaf5 0%, #fff 100%);
  border-radius: 13px;
  padding: 9px 10px;
  box-shadow: 0 5px 14px rgba(17, 17, 17, .025);
}

.wwc-cart-upsell__line--item {
  border-color: rgba(181, 129, 80, .26);
}

.wwc-cart-upsell__main {
  min-width: 0;
  padding-right: 12px;
}

.wwc-cart-upsell__main strong {
  display: block;
  color: #171717;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.18;
}

.wwc-cart-upsell__main span {
  display: block;
  margin-top: 2px;
  color: rgba(17, 17, 17, .64);
  font-size: 11.8px;
  line-height: 1.25;
}

.wwc-cart-upsell__cta,
.wwc-cart-upsell__plus {
  border: 0;
  border-radius: 999px;
  background: #b58150;
  color: #fff;
  font-weight: 850;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  transition:
    background-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.wwc-cart-upsell__cta {
  padding: 8px 11px;
  font-size: 12px;
  min-width: 74px;
}

.wwc-cart-upsell__cta:hover,
.wwc-cart-upsell__plus:hover {
  background: #986536;
  transform: translateY(-1px);
}

.wwc-cart-upsell__cta[disabled],
.wwc-cart-upsell__plus[disabled] {
  opacity: .6;
  cursor: wait;
  transform: none;
}

/* Small dismiss only on item upgrades */

.wwc-cart-upsell__dismiss {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(181, 129, 80, .16);
  border-radius: 999px;
  background: #fff;
  color: rgba(95, 59, 30, .58);
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s ease, color .15s ease;
  z-index: 2;
}

.wwc-cart-upsell__dismiss:hover {
  color: #5f3b1e;
}

.wwc-cart-upsell__line:hover .wwc-cart-upsell__dismiss {
  opacity: 1;
}

/* Global visual carousel */

.wwc-cart-upsell-carousel {
  width: 100%;
}

.wwc-cart-upsell-carousel__card {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  grid-template-areas:
    "image content"
    "actions actions";
  gap: 12px 14px;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(17, 17, 17, .08);
  background: linear-gradient(180deg, #fff 0%, #fffdfb 100%);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 8px 24px rgba(17, 17, 17, .045);
}

.wwc-cart-upsell-carousel__image {
  grid-area: image;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(181, 129, 80, .14);
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wwc-cart-upsell-carousel__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 6px;
}

.wwc-cart-upsell-carousel__image span,
.wwc-cart-upsell-carousel__image--emoji {
  font-size: 28px;
  line-height: 1;
}

.wwc-cart-upsell-carousel__content {
  grid-area: content;
  min-width: 0;
  align-self: center;
}

.wwc-cart-upsell-carousel__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.wwc-cart-upsell-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #fff3e8;
  color: #7a502b;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.wwc-cart-upsell-count {
  color: rgba(17, 17, 17, .48);
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
}

.wwc-cart-upsell-carousel__content strong {
  display: block;
  color: #171717;
  font-size: 15.5px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -.01em;
}

.wwc-cart-upsell-carousel__content .wwc-cart-upsell-subline {
  display: block;
  margin-top: 5px;
  color: rgba(17, 17, 17, .64);
  font-size: 13px;
  line-height: 1.35;
}

.wwc-cart-upsell-price {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  margin-left: 6px;
  white-space: nowrap;
}

.wwc-cart-upsell-price s {
  color: rgba(17, 17, 17, .42);
  font-size: .95em;
  font-weight: 650;
  text-decoration-thickness: 1px;
}

.wwc-cart-upsell-price b {
  color: #5f3b1e;
  font-size: 1em;
  font-weight: 900;
}

.wwc-cart-upsell-carousel__actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding-top: 2px;
}

.wwc-cart-upsell__info,
.wwc-cart-upsell__citybtn {
  border: 1px solid rgba(181, 129, 80, .22);
  background: #fff;
  color: #7a502b;
  cursor: pointer;
  line-height: 1;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease;
}

.wwc-cart-upsell__info {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  font-family: Georgia, serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wwc-cart-upsell__citybtn {
  height: 38px;
  min-width: 0;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wwc-cart-upsell__info:hover,
.wwc-cart-upsell__citybtn:hover {
  background: #fff8f0;
  border-color: rgba(181, 129, 80, .38);
  color: #5f3b1e;
  transform: translateY(-1px);
}

.wwc-cart-upsell__plus {
  grid-column: 1 / -1;
  width: 100%;
  height: 42px;
  min-height: 42px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 7px 16px rgba(181, 129, 80, .18);
}

.wwc-cart-upsell__plus::before {
  content: "+";
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  margin-top: -1px;
}

.wwc-cart-upsell-carousel__card .wwc-cart-upsell-preview,
.wwc-cart-upsell-carousel__card .wwc-cart-upsell-inline {
  grid-column: 1 / -1;
}

/* Preview */

.wwc-cart-upsell-preview {
  margin-top: 3px;
  padding-top: 10px;
  border-top: 1px solid rgba(17, 17, 17, .07);
}

.wwc-cart-upsell-preview[hidden] {
  display: none !important;
}

.wwc-cart-upsell-preview strong {
  display: block;
  color: #171717;
  font-size: 13px;
  line-height: 1.2;
}

.wwc-cart-upsell-preview span {
  display: block;
  margin-top: 4px;
  color: rgba(17, 17, 17, .62);
  font-size: 12.2px;
  line-height: 1.4;
}

/* Inline city / text */

.wwc-cart-upsell-inline {
  margin-top: 3px;
  padding-top: 10px;
  border-top: 1px solid rgba(17, 17, 17, .07);
}

.wwc-cart-upsell-inline[hidden] {
  display: none !important;
}

.wwc-cart-upsell-inline__hint {
  margin: 0 0 8px;
  color: rgba(17, 17, 17, .64);
  font-size: 12.2px;
  line-height: 1.35;
}

.wwc-cart-upsell-inline__input,
.wwc-cart-upsell-inline__textarea {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, .13);
  border-radius: 12px;
  padding: 10px 11px;
  font-size: 13px;
  background: #fff;
  color: #171717;
}

.wwc-cart-upsell-inline__textarea {
  min-height: 68px;
  resize: vertical;
}

.wwc-cart-upsell-inline__submit {
  width: 100%;
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: #b58150;
  color: #fff;
  padding: 10px 12px;
  font-weight: 850;
  cursor: pointer;
}

.wwc-cart-upsell-inline__submit:hover {
  background: #986536;
}

.wwc-cart-upsell-inline__error,
.wwc-cart-upsell__error {
  margin: 7px 0 0;
  color: #9b1c1c;
  font-size: 12px;
  line-height: 1.3;
}

.wwc-cart-upsell-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.wwc-cart-upsell-chip {
  border: 1px solid rgba(181, 129, 80, .24);
  background: #fff;
  color: #5f3b1e;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11.5px;
  font-weight: 850;
  cursor: pointer;
}

.wwc-cart-upsell-chip:hover {
  background: #fff8f0;
  border-color: rgba(181, 129, 80, .38);
}

.wwc-cart-upsell-inline__results {
  display: grid;
  gap: 6px;
  max-height: 140px;
  overflow: auto;
  margin-top: 7px;
}

.wwc-cart-upsell-inline__city {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, .08);
  background: #fff;
  border-radius: 12px;
  padding: 9px 10px;
  text-align: left;
  cursor: pointer;
}

.wwc-cart-upsell-inline__city:hover {
  border-color: rgba(181, 129, 80, .38);
  background: #fff8f0;
}

.wwc-cart-upsell-inline__city strong {
  display: block;
  font-size: 12.6px;
  color: #171717;
  line-height: 1.2;
}

.wwc-cart-upsell-inline__city span {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: rgba(17, 17, 17, .58);
  line-height: 1.2;
}

/* Restore */

.wwc-cart-upsell-restore {
  margin-top: 10px;
  border: 0;
  background: transparent;
  color: #7a502b;
  font-size: 12px;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.wwc-cart-upsell-restore:hover {
  color: #5f3b1e;
}

/* Upgrade feedback */

.wwc-cart-upsell.is-upgrading {
  opacity: .72;
  pointer-events: none;
}

.wwc-cart-upsell.is-upgrading .wwc-cart-upsell__line {
  position: relative;
}

.wwc-cart-upsell.is-upgrading .wwc-cart-upsell__line::after {
  content: "Upgrade wordt toegepast…";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, .78);
  color: #5f3b1e;
  font-size: 12px;
  font-weight: 850;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Verder winkelen minder dominant */

#CartDrawer a[href="/collections"],
#CartDrawer a[href="/collections/all"],
#CartDrawer .cart__continue,
#CartDrawer .cart-drawer__continue {
  color: #6b4a32 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  opacity: .85;
}

#CartDrawer a[href="/collections"]:hover,
#CartDrawer a[href="/collections/all"]:hover,
#CartDrawer .cart__continue:hover,
#CartDrawer .cart-drawer__continue:hover {
  opacity: 1;
  text-decoration: underline !important;
}

/* Desktop drawer: geef de kaart lucht */

@media (min-width: 750px) {
  #CartDrawer .wwc-cart-upsell-carousel__card {
    grid-template-columns: 86px minmax(0, 1fr);
    grid-template-areas:
      "image content"
      "image actions";
    gap: 12px 16px;
    padding: 16px;
    align-items: center;
  }

  #CartDrawer .wwc-cart-upsell-carousel__image {
    width: 86px;
    height: 86px;
  }

  #CartDrawer .wwc-cart-upsell-carousel__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding-top: 0;
  }

  #CartDrawer .wwc-cart-upsell__plus {
    grid-column: auto;
    width: auto;
    min-width: 126px;
    height: 40px;
    min-height: 40px;
    padding: 0 18px;
  }

  #CartDrawer .wwc-cart-upsell__citybtn {
    min-width: 108px;
  }
}

/* Brede desktop: nog rustiger */

@media (min-width: 990px) {
  #CartDrawer .wwc-cart-upsell-carousel__content strong {
    font-size: 16px;
  }

  #CartDrawer .wwc-cart-upsell-carousel__content .wwc-cart-upsell-subline {
    font-size: 13.2px;
  }
}

/* Mobile */

@media (max-width: 749px) {
  .wwc-cart-upsell {
    margin: 5px 0 10px;
  }

  .wwc-cart-upsell-global {
    margin: 10px 0 15px;
  }

  .wwc-cart-upsell-global__inner {
    padding-top: 11px;
    padding-bottom: 12px;
  }

  .wwc-cart-upsell-global__top {
    margin-bottom: 9px;
  }

  .wwc-cart-upsell-global__head {
    font-size: 14.5px;
  }

  .wwc-cart-upsell-carousel__nav {
    width: 40px;
    height: 32px;
    font-size: 22px;
  }

  .wwc-cart-upsell__line {
    padding: 8px;
    border-radius: 12px;
    gap: 6px;
  }

  .wwc-cart-upsell__main {
    padding-right: 8px;
  }

  .wwc-cart-upsell__main strong {
    font-size: 12.4px;
  }

  .wwc-cart-upsell__main span {
    font-size: 11.3px;
  }

  .wwc-cart-upsell__cta {
    padding: 8px 10px;
    font-size: 11.5px;
    min-width: 68px;
  }

  .wwc-cart-upsell__dismiss {
    opacity: .72;
  }

  .wwc-cart-upsell-carousel__card {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-areas:
      "image content"
      "actions actions";
    gap: 10px 11px;
    padding: 12px;
    border-radius: 16px;
  }

  .wwc-cart-upsell-carousel__image {
    width: 64px;
    height: 64px;
    border-radius: 13px;
  }

  .wwc-cart-upsell-carousel__content strong {
    font-size: 14px;
  }

  .wwc-cart-upsell-carousel__content .wwc-cart-upsell-subline {
    font-size: 12.4px;
  }

  .wwc-cart-upsell-carousel__actions {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 8px;
    padding-top: 2px;
  }

  .wwc-cart-upsell-carousel__card .wwc-cart-upsell__info {
    width: 38px;
    height: 38px;
  }

  .wwc-cart-upsell-carousel__card .wwc-cart-upsell__citybtn {
    height: 38px;
    min-width: 0;
    font-size: 12px;
  }

  .wwc-cart-upsell-carousel__card .wwc-cart-upsell__plus {
    grid-column: 1 / -1;
    width: 100%;
    height: 42px;
    font-size: 14px;
  }

  .wwc-cart-upsell-price {
    margin-left: 4px;
  }
}

/* =========================================================
   16. Cart price pills
========================================================= */

.wwc-cart-price-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
  padding: 0.2rem 0.9rem;
  background: #2b1a10;
  border-radius: 999px;
}

.wwc-cart-price-pill--no-discount {
  background: #f5eee6;
}

.cart__price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.cart__price--pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 4px 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #22150b;
  border-radius: 999px;
}

.wwc-cart-price-pill--no-discount .cart__price--pill {
  color: #2b1a10;
}

.cart__price--strikethrough {
  display: block;
  margin-bottom: 0.05rem;
  color: #c2b6aa;
  font-size: 13px;
  text-decoration: line-through;
}

.wwc-cart-unitprice,
.cart__unit-price {
  margin-top: 2px;
  color: #7a6a5a;
  font-size: 13px;
}

.wwc-cart-unitprice span {
  opacity: 0.8;
}

.wwc-cart-saving,
.cart__discount {
  margin-top: 2px;
  color: var(--wwc-gold);
  font-size: 13px;
}

.wwc-cart-saving-label {
  margin-right: 0.1rem;
  font-weight: 600;
}

.wwc-cart-saving-value {
  font-weight: 700;
}

.wwc-cart-saving-extra {
  display: inline-block;
  margin-left: 0.25rem;
  color: var(--wwc-gold);
  font-weight: 500;
}


/* =========================================================
   X. Price Discount field product page
========================================================= */


.wwc-price-promo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  font-size: 13.5px;
  line-height: 1.3;
  color: #6b4a2f;
}

.wwc-price-promo__badge {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(181,129,80,.12);
  color: #7a5638;
  font-size: 11.5px;
  font-weight: 800;
}

.wwc-price-promo strong {
  color: #3f2a18;
  font-weight: 850;
  letter-spacing: .3px;
}

/* =========================================================
   WWC Cartdeal-only guard
========================================================= */

#CartDrawer .wwc-cartdeal-only-warning {
  display: grid;
  gap: 4px;
  margin: 8px 0 10px;
  padding: 12px 13px;
  color: #3f2a18;
  background: #fff8ef;
  border: 1px solid rgba(181, 129, 80, 0.28);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(17, 17, 17, 0.04);
}

#CartDrawer .wwc-cartdeal-only-warning strong {
  color: #22150b;
  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.2;
}

#CartDrawer .wwc-cartdeal-only-warning span {
  color: #6b4a32;
  font-size: 12.5px;
  line-height: 1.35;
}

#CartDrawer .wwc-cartdeal-only-warning a {
  display: inline-flex;
  width: fit-content;
  margin-top: 4px;
  color: #7a502b;
  font-size: 12.5px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#CartDrawer .cart__checkout.wwc-cart-checkout-disabled,
#CartDrawer .cart__checkout:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  background: #9ca3af !important;
  box-shadow: none !important;
  transform: none !important;
}

#CartDrawer .wwc-cartdeal-only-warning.is-shaking {
  animation: wwcCartdealShake 0.42s ease;
}

@keyframes wwcCartdealShake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-3px); }
  80% { transform: translateX(3px); }
}




/* WWC Price Promo - subtext */
.wwc-price-promo__subtext {
  display: block;
  margin-top: 4px;
  font-size: 0.82rem;
  line-height: 1.35;
  font-weight: 500;
  color: #5f4a3a;
  opacity: 0.95;
}

.wwc-price-promo__subtext::before {
  content: "";
}

/* Mobiel iets compacter */
@media screen and (max-width: 589px) {
  .wwc-price-promo__subtext {
    margin-top: 3px;
    font-size: 0.78rem;
    line-height: 1.3;
  }
}







/* Test */

/* =========================================================
   WWC Cart Drawer v2.0 overrides
   Cross-sell CRO + calm line prices + service hint
   Plaats dit helemaal onderaan je Cart Drawer CSS
========================================================= */

/* ---------------------------------------------
   1. Line item prices: geen grote pills meer
--------------------------------------------- */

#CartDrawer .cart__item--price,
#CartDrawer .cart__item-price-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: right;
}

#CartDrawer .cart__price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
}

#CartDrawer .cart__item-price,
#CartDrawer .cart-item__price,
#CartDrawer [data-cart-item-price],
#CartDrawer .cart__price,
#CartDrawer .cart__price--pill {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#CartDrawer .cart__price--current,
#CartDrawer .cart__price--pill {
  display: block !important;
  min-width: 0 !important;
  color: #1f2937 !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em;
}

#CartDrawer .cart__price--strikethrough,
#CartDrawer .cart__price--compare {
  display: block !important;
  margin: 0 0 2px !important;
  color: #9ca3af !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

#CartDrawer .cart__unit-price,
#CartDrawer .product__unit-price {
  margin-top: 3px;
  color: #7a6a5a;
  font-size: 11.5px;
  line-height: 1.2;
}

#CartDrawer .cart__discount,
#CartDrawer .wwc-cart-saving {
  display: block !important;
  margin-top: 3px;
  color: #7a5635;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.25;
}

/* ---------------------------------------------
   2. Cross-sell titel + kaart
--------------------------------------------- */

#CartDrawer .wwc-cart-upsell-global__head {
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

#CartDrawer .wwc-cart-upsell-carousel__card {
  overflow: hidden;
}

#CartDrawer .wwc-cart-upsell-badge {
  background: #fff2e5;
  color: #7a4b23;
}

#CartDrawer .wwc-cart-upsell-carousel__content strong {
  max-width: 100%;
}

#CartDrawer .wwc-cart-upsell-carousel__content .wwc-cart-upsell-subline {
  color: rgba(17, 17, 17, .62);
}

/* ---------------------------------------------
   3. Cross-sell knoppen: CTA duidelijk, maar rustiger
   - Toevoegen blijft eerst
   - Minder dominant dan checkout
   - Mobiel nog steeds goed klikbaar
--------------------------------------------- */

#CartDrawer .wwc-cart-upsell-carousel__actions {
  align-items: center;
}

#CartDrawer .wwc-cart-upsell__plus {
  order: 1;
}

#CartDrawer .wwc-cart-upsell__citybtn {
  order: 2;
}

#CartDrawer .wwc-cart-upsell__info {
  order: 3;
}

/* Rustigere add-on CTA */
#CartDrawer .wwc-cart-upsell__plus {
  background: #b58150;
  color: #fff;
  border: 1px solid rgba(181, 129, 80, .78);
  box-shadow: 0 4px 10px rgba(181, 129, 80, .13);
  transform: none;
}

#CartDrawer .wwc-cart-upsell__plus:hover {
  background: #9f6c3e;
  border-color: rgba(159, 108, 62, .88);
  box-shadow: 0 5px 12px rgba(181, 129, 80, .16);
  transform: translateY(-1px);
}

#CartDrawer .wwc-cart-upsell__plus:active {
  transform: scale(.98);
  box-shadow: 0 2px 7px rgba(181, 129, 80, .12);
}

#CartDrawer .wwc-cart-upsell__plus::before {
  font-size: 18px;
  margin-top: -1px;
}

/* Secundaire knoppen */
#CartDrawer .wwc-cart-upsell__citybtn,
#CartDrawer .wwc-cart-upsell__info {
  background: #fff;
  border-color: rgba(181, 129, 80, .20);
  color: #7a5635;
  box-shadow: none;
}

#CartDrawer .wwc-cart-upsell__citybtn:hover,
#CartDrawer .wwc-cart-upsell__info:hover {
  background: #fff8f0;
  border-color: rgba(181, 129, 80, .36);
  color: #5f3b1e;
}

/* Desktop: Toevoegen links, daarna wijzigen, daarna info */
@media (min-width: 750px) {
  #CartDrawer .wwc-cart-upsell-carousel__actions {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
  }

  #CartDrawer .wwc-cart-upsell__plus {
    width: auto;
    min-width: 104px;
    height: 36px;
    min-height: 36px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 850;
    border-radius: 12px;
  }

  #CartDrawer .wwc-cart-upsell__citybtn {
    min-width: 104px;
    height: 36px;
    font-size: 12px;
  }

  #CartDrawer .wwc-cart-upsell__info {
    width: 36px;
    min-width: 36px;
    height: 36px;
    font-size: 14px;
  }
}

/* Mobiel: Toevoegen breed, maar minder hard dan checkout */
@media (max-width: 749px) {
  #CartDrawer .wwc-cart-upsell-carousel__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 8px;
  }

  #CartDrawer .wwc-cart-upsell__plus {
    grid-column: 1 / -1;
    width: 100%;
    height: 40px;
    min-height: 40px;
    font-size: 13.5px;
    font-weight: 850;
    border-radius: 12px;
  }

  #CartDrawer .wwc-cart-upsell__citybtn {
    grid-column: 1 / 2;
    width: 100%;
    height: 38px;
  }

  #CartDrawer .wwc-cart-upsell__info {
    grid-column: 2 / 3;
    width: 42px;
    height: 38px;
  }
}

/* ---------------------------------------------
   4. Hint: er staat nog meer onder cross-sell
--------------------------------------------- */

#CartDrawer .wwc-cart-after-upsell-hint {
  width: 100%;
  margin: 11px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(181, 129, 80, .18);
  border-radius: 13px;
  background: #fffaf5;
  color: #6b4a2d;
  cursor: pointer;
  text-align: left;
  display: grid;
  grid-template-columns: 28px 1fr 18px;
  gap: 9px;
  align-items: center;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    transform .16s ease;
}

#CartDrawer .wwc-cart-after-upsell-hint:hover {
  background: #fff6ed;
  border-color: rgba(181, 129, 80, .32);
  transform: translateY(-1px);
}

#CartDrawer .wwc-cart-after-upsell-hint__icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, .16);
  border-radius: 999px;
  font-size: 14px;
}

#CartDrawer .wwc-cart-after-upsell-hint__text strong {
  display: block;
  color: #2b160c;
  font-size: 12.8px;
  font-weight: 900;
  line-height: 1.15;
}

#CartDrawer .wwc-cart-after-upsell-hint__text span {
  display: block;
  margin-top: 2px;
  color: #7a6a5a;
  font-size: 11.8px;
  line-height: 1.25;
}

#CartDrawer .wwc-cart-after-upsell-hint__arrow {
  color: #9a6c43;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
}

/* ---------------------------------------------
   5. Opmerking + kortingscode als servicekaarten
--------------------------------------------- */

#CartDrawer .wwc-cart-note,
#CartDrawer .wwc-cart-discount {
  margin-top: 8px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid rgba(181, 129, 80, .14);
  border-radius: 13px;
  box-shadow: 0 3px 12px rgba(17, 17, 17, .025);
}

#CartDrawer .wwc-cart-note__title,
#CartDrawer .wwc-cart-discount__title {
  font-size: 13.5px;
  font-weight: 850;
}

#CartDrawer .wwc-cart-note__title small,
#CartDrawer .wwc-cart-discount__title small {
  color: #8a8f99;
  font-size: 11.8px;
}

#CartDrawer .wwc-cart-note__content,
#CartDrawer .wwc-cart-discount__content {
  margin-top: 9px;
}

@media (max-width: 589px) {
  #CartDrawer .wwc-cart-note,
  #CartDrawer .wwc-cart-discount {
    margin-top: 7px;
    padding: 9px 10px;
    border-bottom: 1px solid rgba(181, 129, 80, .14);
  }
}

/* =========================================================
   WWC Cart Footer discount row
========================================================= */

#CartDrawer .wwc-cart-footer-discounts {
  margin-bottom: 6px;
}

#CartDrawer .wwc-cart-footer-discount-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 0 0 4px;
  color: var(--wwc-cart-text);
  font-size: 13.5px;
  line-height: 1.25;
}

#CartDrawer .wwc-cart-footer-discount-row__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-weight: 650;
}

#CartDrawer .wwc-cart-footer-discount-row__label span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#CartDrawer .wwc-cart-footer-discount-row__amount {
  color: #2b160c;
  font-weight: 850;
  white-space: nowrap;
}

#CartDrawer .wwc-cart-footer-discount-row__tooltip {
  position: static;
}

#CartDrawer .wwc-cart-footer-discount-row__info {
  width: 22px;
  height: 22px;
  min-width: 22px;
  color: #7a5635;
  background: #fffaf6;
  border: 1px solid rgba(181, 129, 80, .24);
}

#CartDrawer .wwc-cart-footer-discount-row__info svg {
  width: 14px;
  height: 14px;
}

#CartDrawer .wwc-cart-footer-discount-row__tooltip .wwc-shipping-tooltip__popover {
  top: auto;
  bottom: 150px;
  left: 16px;
  right: 16px;
}

#CartDrawer .wwc-cart-footer__subtotal-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 8px;
}

@media (max-width: 589px) {
  #CartDrawer .wwc-cart-footer-discount-row {
    font-size: 13px;
  }

  #CartDrawer .wwc-cart-footer-discount-row__tooltip .wwc-shipping-tooltip__popover {
    bottom: 145px;
    left: 12px;
    right: 12px;
  }
}

#CartDrawer .wwc-cart-footer-discounts {
  margin-bottom: 6px;
}

#CartDrawer .wwc-cart-footer-discounts:empty {
  display: none;
}

#CartDrawer .wwc-cart-footer__discount-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

#CartDrawer .wwc-cart-footer__discount-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #111827;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.2;
}

#CartDrawer .wwc-cart-footer__discount-label small {
  display: block;
  margin-top: 2px;
  color: #6b4a2d;
  font-size: 12px;
  font-weight: 750;
}

#CartDrawer .wwc-cart-footer__discount-price {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

#CartDrawer .wwc-cart-footer__discount-info {
  width: 19px;
  height: 19px;
  padding: 0;
  border: 1px solid rgba(181, 129, 80, .28);
  border-radius: 999px;
  background: #fffaf6;
  color: #7a5635;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

#CartDrawer .wwc-cart-footer__discount-note {
  margin: 6px 0 8px;
  padding: 9px 10px;
  background: #fffaf6;
  border: 1px solid rgba(181, 129, 80, .2);
  border-radius: 11px;
}

#CartDrawer .wwc-cart-footer__discount-note strong {
  display: block;
  color: #2b160c;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
}

#CartDrawer .wwc-cart-footer__discount-note span {
  display: block;
  margin-top: 3px;
  color: #6b4a2d;
  font-size: 12px;
  line-height: 1.35;
}




/* =========================================================
   WWC Cart After Products Nudge
   Staat onder producten, vóór upsells
========================================================= */

#CartDrawer .wwc-cart-after-products-nudge {
  width: 100%;
  display: none;
  align-items: center;
  gap: 10px;
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(181, 129, 80, 0.18);
  border-radius: 14px;
  background: linear-gradient(135deg, #fffaf4 0%, #fff 100%);
  color: #5f432b;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(17, 17, 17, 0.045);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

#CartDrawer .wwc-cart-after-products-nudge:not([hidden]) {
  display: flex;
}

#CartDrawer .wwc-cart-after-products-nudge:hover {
  background: #fff8f0;
  border-color: rgba(181, 129, 80, 0.32);
  box-shadow: 0 10px 26px rgba(17, 17, 17, 0.065);
  transform: translateY(-1px);
}

#CartDrawer .wwc-cart-after-products-nudge:focus-visible {
  outline: 2px solid rgba(181, 129, 80, 0.45);
  outline-offset: 2px;
}

#CartDrawer .wwc-cart-after-products-nudge__icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(181, 129, 80, 0.12);
  font-size: 17px;
  line-height: 1;
}

#CartDrawer .wwc-cart-after-products-nudge__text {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 2px;
}

#CartDrawer .wwc-cart-after-products-nudge__text strong {
  color: #2b2119;
  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.15;
}

#CartDrawer .wwc-cart-after-products-nudge__text span {
  color: #7a6658;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.25;
}

#CartDrawer .wwc-cart-after-products-nudge__arrow {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #b58150;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

/* Mobiel: compact, maar duidelijk */
@media (max-width: 749px) {
  #CartDrawer .wwc-cart-after-products-nudge {
    margin: 8px 0 10px;
    padding: 9px 10px;
    border-radius: 13px;
  }

  #CartDrawer .wwc-cart-after-products-nudge__icon {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  #CartDrawer .wwc-cart-after-products-nudge__text strong {
    font-size: 13px;
  }

  #CartDrawer .wwc-cart-after-products-nudge__text span {
    font-size: 12px;
  }

  #CartDrawer .wwc-cart-after-products-nudge__arrow {
    width: 25px;
    height: 25px;
    font-size: 14px;
  }
}

/* Desktop: iets rustiger, want ruimte is minder kritisch */
@media (min-width: 750px) {
  #CartDrawer .wwc-cart-after-products-nudge {
    margin-top: 12px;
  }
}






/* =========================================================
   WWC Cart Drawer Upsell blok
   Cadeaugericht, zichtbaar en mobielvriendelijk
========================================================= */

#CartDrawer .wwc-cart-upsell-global {
  margin-top: 22px;
  padding-top: 4px;
}

#CartDrawer .wwc-cart-upsell-global__inner {
  position: relative;
}

#CartDrawer .wwc-cart-upsell-global__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}

#CartDrawer .wwc-cart-upsell-global__head {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #111827;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.025em;
}

#CartDrawer .wwc-cart-upsell-global__head::before {
  content: "🎁";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #fff1e3;
  font-size: 16px;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(181, 129, 80, 0.12);
}

#CartDrawer .wwc-cart-upsell-global__navwrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

#CartDrawer .wwc-cart-upsell-carousel__nav {
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

#CartDrawer .wwc-cart-upsell-carousel__nav:hover {
  transform: translateY(-1px);
  border-color: rgba(181, 129, 80, 0.28);
  box-shadow: 0 10px 22px rgba(17, 17, 17, 0.08);
}

#CartDrawer .wwc-cart-upsell-carousel__card {
  position: relative;
  overflow: visible;
  background: linear-gradient(180deg, #fffaf5 0%, #ffffff 74%);
  border: 2px solid rgba(181, 129, 80, 0.18);
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.065);
}

#CartDrawer .wwc-cart-upsell-carousel__image {
  background: #fff;
  border-color: rgba(181, 129, 80, 0.18);
  box-shadow: inset 0 0 0 1px rgba(181, 129, 80, 0.04);
}

#CartDrawer .wwc-cart-upsell-badge {
  background: #fff1e3;
  color: #7a4f28;
  font-weight: 900;
}

#CartDrawer .wwc-cart-upsell-count {
  color: #8b8b8b;
  font-weight: 800;
}

#CartDrawer .wwc-cart-upsell-carousel__content > strong {
  color: #111;
  font-weight: 900;
}

#CartDrawer .wwc-cart-upsell-subline {
  color: #6b625c;
}

#CartDrawer .wwc-cart-upsell-price s {
  color: #8f8f8f;
}

#CartDrawer .wwc-cart-upsell-price b {
  color: #6f4626;
}

#CartDrawer .wwc-cart-upsell__plus {
  background: #b58150;
  color: #fff;
  border-color: #b58150;
  box-shadow: 0 10px 22px rgba(181, 129, 80, 0.22);
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

#CartDrawer .wwc-cart-upsell__plus:hover {
  background: #9f6d3f;
  box-shadow: 0 12px 26px rgba(181, 129, 80, 0.28);
  transform: translateY(-1px);
}

#CartDrawer .wwc-cart-upsell__plus:active {
  transform: translateY(0);
  box-shadow: 0 7px 16px rgba(181, 129, 80, 0.18);
}

#CartDrawer .wwc-cart-upsell__citybtn,
#CartDrawer .wwc-cart-upsell__info {
  background: #fff;
  border-color: rgba(181, 129, 80, 0.22);
  color: #7a5635;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

#CartDrawer .wwc-cart-upsell__citybtn:hover,
#CartDrawer .wwc-cart-upsell__info:hover {
  background: #fffaf5;
  border-color: rgba(181, 129, 80, 0.34);
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 749px) {
  #CartDrawer .wwc-cart-upsell-global {
    margin-top: 18px;
    padding-top: 2px;
  }

  #CartDrawer .wwc-cart-upsell-global__top {
    gap: 10px;
    margin-bottom: 12px;
  }

  #CartDrawer .wwc-cart-upsell-global__head {
    gap: 7px;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: -0.018em;
  }

  #CartDrawer .wwc-cart-upsell-global__head::before {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  #CartDrawer .wwc-cart-upsell-global__navwrap {
    gap: 8px;
  }

  #CartDrawer .wwc-cart-upsell-carousel__card {
    border-radius: 18px;
    border-width: 1.5px;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.055);
  }

  #CartDrawer .wwc-cart-upsell-carousel__card::before {
    top: -10px;
    left: 16px;
    min-height: 22px;
    padding: 4px 11px;
    font-size: 11px;
  }

  #CartDrawer .wwc-cart-upsell-carousel__content > strong {
    font-size: 15px;
    line-height: 1.18;
  }

  #CartDrawer .wwc-cart-upsell-subline {
    font-size: 14px;
    line-height: 1.2;
  }

  #CartDrawer .wwc-cart-upsell__plus,
  #CartDrawer .wwc-cart-upsell__citybtn,
  #CartDrawer .wwc-cart-upsell__info {
    min-height: 42px;
  }
}

/* Extra smal mobiel */
@media (max-width: 390px) {
  #CartDrawer .wwc-cart-upsell-global__head {
    font-size: 17px;
  }

  #CartDrawer .wwc-cart-upsell-global__head::before {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  #CartDrawer .wwc-cart-upsell-carousel__card::before {
    left: 14px;
  }
}





/* =========================================================
   Price Discount field product page
========================================================= */

.wwc-price-promo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  font-size: 13.5px;
  line-height: 1.3;
  color: #6b4a2f;
}

.wwc-price-promo__badge {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(181,129,80,.12);
  color: #7a5638;
  font-size: 11.5px;
  font-weight: 800;
}

.wwc-price-promo strong {
  color: #3f2a18;
  font-weight: 850;
  letter-spacing: .3px;
}









/* =========================================================
   X. Delivery Trust
========================================================= */


  .wwc-delivery-trust {
    margin: 16px 0 18px;
    padding: 14px;
    border: 1px solid rgba(181, 129, 80, .22);
    border-radius: 16px;
    background: linear-gradient(180deg, #fffaf5 0%, #fff 100%);
    color: #252525;
  }

  .wwc-delivery-trust__hero {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 13px 14px;
    border-radius: 14px;
    background: #f7efe8;
  }

  .wwc-delivery-trust__status {
    width: 11px;
    height: 11px;
    margin-top: 6px;
    border-radius: 999px;
    background: #2f7d32;
    box-shadow: 0 0 0 5px rgba(47, 125, 50, .12);
    flex: 0 0 11px;
  }

  .wwc-delivery-trust__content strong {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 850;
    color: #244f27;
  }

  .wwc-delivery-trust__content span {
    display: block;
    margin-top: 3px;
    font-size: 13.5px;
    line-height: 1.35;
    color: #5c4a3a;
  }

  .wwc-delivery-trust__grid {
    display: grid;
    gap: 8px;
    margin-top: 10px;
  }

  .wwc-delivery-trust__item {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(181, 129, 80, .12);
    font-size: 13.5px;
    line-height: 1.35;
    color: #333;
  }

  .wwc-delivery-trust__item a {
    color: #7a5638;
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  @media (max-width: 480px) {
    .wwc-delivery-trust {
      padding: 12px;
      border-radius: 14px;
    }

    .wwc-delivery-trust__hero {
      padding: 12px;
    }

    .wwc-delivery-trust__content strong {
      font-size: 15px;
    }

    .wwc-delivery-trust__item {
      font-size: 13px;
    }
  }



  .wwc-info-tip {
    position: relative;
    display: inline-flex;
    align-items: center;
  }

  .wwc-info-tip__button {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(122, 86, 56, .35);
    background: #fffaf5;
    color: #7a5638;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    cursor: help;
  }

  .wwc-info-tip__bubble {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    width: 235px;
    padding: 9px 10px;
    border-radius: 10px;
    background: #2f241c;
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
    text-align: left;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
    transform: translateX(-50%) translateY(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 20;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  .wwc-info-tip__bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 10px;
    height: 10px;
    background: #2f241c;
    transform: translateX(-50%) rotate(45deg);
    margin-top: -5px;
  }

  .wwc-info-tip:hover .wwc-info-tip__bubble,
  .wwc-info-tip:focus-within .wwc-info-tip__bubble {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }
  

/* =========================================================
   17. Breadcrumbs
========================================================= */

.breadcrumb--enhanced {
  /* Was margin 0 0 18px / padding 10px 0 2px = 30px verticaal.
     De 10px boven was de grootste losse post en asymmetrisch met de 2px
     eronder. Nu symmetrisch en krapper; samen met de lagere chips hieronder
     gaat de balk van 60px naar 42px. */
  margin: 0 0 10px;
  padding: 2px 0;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb__item {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  line-height: 1.35;
}

.breadcrumb__item--divider {
  opacity: 0.5;
}

.breadcrumb__divider {
  display: inline-block;
  padding: 0 3px;
  font-size: 13px;
}

.breadcrumb__link,
.breadcrumb__current,
.breadcrumb__text {
  display: inline-flex;
  align-items: center;
  /* 24px in plaats van 30px: dat is precies het WCAG-tapdoel, dus de chips
     blijven goed aan te tikken. De inhoud is 13px x 1.35 = 17,6px, dus met
     3px boven en onder past hij ruim. De horizontale 8px en de 13px letter
     blijven staan - de leesbaarheid verandert niet. */
  min-height: 24px;
  padding: 3px 8px;
  font-size: 13px;
  text-decoration: none;
  border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.breadcrumb__link {
  color: rgba(var(--color-foreground), 0.78);
  background: rgba(var(--color-foreground), 0.05);
}

.breadcrumb__link:hover,
.breadcrumb__link:focus {
  color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.1);
}

.breadcrumb__current {
  max-width: 100%;
  color: rgb(var(--color-foreground));
  font-weight: 600;
  background: rgba(var(--color-foreground), 0.08);
}

.breadcrumb__text {
  color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.04);
}

.breadcrumb__current,
.breadcrumb__text,
.breadcrumb__link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 749px) {
  .breadcrumb--enhanced {
    margin: 0 0 14px;
    padding-top: 8px;
  }

  .breadcrumb__link,
  .breadcrumb__current,
  .breadcrumb__text {
    min-height: 28px;
    padding: 4px 7px;
    font-size: 12px;
  }

  .breadcrumb__list {
    gap: 3px;
  }
}



.product-block.product-block--header {
    margin-bottom: .5em;
}

.product-block {
    margin-bottom: 1.2em;
}

/* mobiel enhancement */ 

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

  .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE {
    width: 100%;
    padding: 20px 15px;
    border-radius: 30px;
}

.text-block-content-template--25501099131214__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj, .text-block-content-template--28962497528142__ss_text_block_pro_VpeMnE .text-block-title-title_zRwpwj {
    margin: 0 0 20px;
    color: #fff;
    font-size: 1.3em;
    line-height: 1.25;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

.hero-content-template--28962497528142__ss_hero_30_h7PbNV{
    margin-bottom: 40px;
}

.wwc-floating-badge {
    right: initial;
}


    body.template-product .page-content {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }


    .breadcrumb__link, .breadcrumb__current, .breadcrumb__text {
        min-height: initial;
        padding: 4px 6px;
        font-size: 12px;
    }

    .breadcrumb__item {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        line-height: 1.1;
    }
    .breadcrumb__item li {
        margin-bottom: 0.5em;
 
    }


        body.template-product .breadcrumb {
        margin-bottom: 5px;
        font-size: 11px;
    }


    body.template-product .product-single__meta {
        margin-top: 5px;
        padding-left: 0;
    }

    body.template-product .product-single__title {
        font-size: 1.4em;
    }
    

    body.template-product .product-block {
        margin-bottom: 15px;
    }
    .product-block.product-block--header {
        margin-bottom: .0em !important;
    }

    .wwc-pers-check__text span {
    font-size: 12.5px;
    font-weight: 450;
    }

    .wwc-pers-check,
    .wwc-material-picker__summary,
    .wwc-material-picker__panel,
    .wwc-delivery-trust{
        padding: 10px;
        border-radius: 8px;
    }

    .wwc-material-option{
        border-radius: 8px;
    }

    .wwc-material-picker__intro {
        font-size: 12px
    }

    #infiniteoptions-container.wwc-io>div {
        padding:0px;
    }
    
}


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

    .wwc-subtitel { 
        font-size: 1em;
    }

    .chip {
        font-size: 11px;
    }

    .wwc-pers-check__text span {
    font-size: 11px;
    font-weight: 450;
    }

    
    .wwc-delivery-trust__content strong {
        font-size: 13px;
    }

    .wwc-delivery-trust__content span {
        font-size: 13px;
    }

        .wwc-shop-finder__copy h2 {
     font-size: 18px;
    }

.wwc-shop-finder__bottom {
 margin-top: 0;
}

}
    





/* =========================================================
   WWC Product Video Under Gallery v2
   File: assets/custom.css
========================================================= */

.wwc-product-video {
  margin-top: 14px;
  width: 100%;
}

.wwc-product-video__button {
  width: 100%;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px 12px 12px;
  border: 1px solid rgba(181, 129, 80, 0.28);
  border-radius: 18px;
  background:
    linear-gradient(135deg, #fff8f0 0%, #fff 58%, #fffaf6 100%);
  color: inherit;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 8px 24px rgba(35, 24, 16, 0.055);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.wwc-product-video__button:hover {
  transform: translateY(-1px);
  border-color: rgba(181, 129, 80, 0.52);
  box-shadow: 0 14px 34px rgba(35, 24, 16, 0.09);
  background:
    linear-gradient(135deg, #fff4e8 0%, #fff 62%, #fff8f0 100%);
}

.wwc-product-video__button:focus-visible {
  outline: 2px solid #b58150;
  outline-offset: 3px;
}

.wwc-product-video__thumb {
  position: relative;
  width: 88px;
  height: 72px;
  overflow: hidden;
  border-radius: 14px;
  background: #eadfd3;
  isolation: isolate;
}

.wwc-product-video__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.wwc-product-video__button:hover .wwc-product-video__image {
  transform: scale(1.04);
}

.wwc-product-video__image--placeholder {
  background: #eadfd3;
}

.wwc-product-video__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.28));
  pointer-events: none;
}

.wwc-product-video__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 42px;
  height: 30px;
  margin: auto;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #c4302b;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
  transition:
    transform 0.18s ease,
    background 0.18s ease;
}

.wwc-product-video__play svg {
  width: 24px;
  height: 24px;
  margin-left: 1px;
}

.wwc-product-video__button:hover .wwc-product-video__play {
  transform: scale(1.06);
  background: #e62117;
}

.wwc-product-video__copy {
  min-width: 0;
}

.wwc-product-video__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(196, 48, 43, 0.1);
  color: #b91c1c;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.wwc-product-video__copy strong {
  display: block;
  margin: 0;
  color: #1f1f1f;
  font-size: 15.5px;
  line-height: 1.2;
  font-weight: 800;
}

.wwc-product-video__copy small {
  display: block;
  margin-top: 4px;
  color: #6b4a2f;
  font-size: 13px;
  line-height: 1.35;
}

.wwc-product-video__arrow {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #b58150;
  background: rgba(181, 129, 80, 0.11);
  font-size: 18px;
  line-height: 1;
  transition:
    transform 0.18s ease,
    background 0.18s ease;
}

.wwc-product-video__button:hover .wwc-product-video__arrow {
  transform: translateX(2px);
  background: rgba(181, 129, 80, 0.17);
}

/* =========================================================
   Modal
========================================================= */

.wwc-product-video-modal[hidden] {
  display: none !important;
}

.wwc-product-video-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(10, 8, 6, 0.72);
}

.wwc-product-video-modal__backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.wwc-product-video-modal__dialog {
  position: relative;
  z-index: 2;
  width: min(920px, 92vw);
  max-height: 82vh;
  overflow: hidden;
  border-radius: 22px;
  background: #000;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
}

.wwc-product-video-modal[data-wwc-video-ratio="16-9"] .wwc-product-video-modal__dialog {
  aspect-ratio: 16 / 9;
}

.wwc-product-video-modal[data-wwc-video-ratio="1-1"] .wwc-product-video-modal__dialog {
  width: min(680px, 92vw, 78vh);
  aspect-ratio: 1 / 1;
}

.wwc-product-video-modal[data-wwc-video-ratio="9-16"] .wwc-product-video-modal__dialog {
  width: min(430px, 88vw);
  aspect-ratio: 9 / 16;
}

.wwc-product-video-modal__video {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: contain;
}

.wwc-product-video-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #1f1f1f;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.16s ease,
    background 0.16s ease;
}

.wwc-product-video-modal__close:hover {
  transform: scale(1.05);
  background: #fff;
}

html.wwc-video-open {
  overflow: hidden !important;
}

body.wwc-video-open {
  position: fixed;
  width: 100%;
  overflow: hidden !important;
}

/* =========================================================
   Mobile
========================================================= */

@media screen and (max-width: 749px) {
  .wwc-product-video {
    margin-top: 12px;
  }

  .wwc-product-video__button {
    grid-template-columns: 78px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 11px 12px 11px 11px;
    border-radius: 16px;
  }

  .wwc-product-video__thumb {
    width: 78px;
    height: 64px;
    border-radius: 13px;
  }

  .wwc-product-video__play {
    width: 38px;
    height: 28px;
    border-radius: 8px;
  }

  .wwc-product-video__play svg {
    width: 22px;
    height: 22px;
  }

  .wwc-product-video__badge {
    margin-bottom: 3px;
    padding: 3px 6px;
    font-size: 9.5px;
  }

  .wwc-product-video__copy strong {
    font-size: 14px;
  }

  .wwc-product-video__copy small {
    margin-top: 3px;
    font-size: 12.5px;
    line-height: 1.3;
  }

  .wwc-product-video__arrow {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }

  .wwc-product-video-modal {
    align-items: center;
    padding: 10px;
    background: rgba(10, 8, 6, 0.76);
  }

  .wwc-product-video-modal__dialog {
    max-height: 78vh;
    border-radius: 16px;
  }

  .wwc-product-video-modal[data-wwc-video-ratio="16-9"] .wwc-product-video-modal__dialog {
    width: 96vw;
    aspect-ratio: 16 / 9;
  }

  .wwc-product-video-modal[data-wwc-video-ratio="1-1"] .wwc-product-video-modal__dialog {
    width: min(96vw, 72vh);
    aspect-ratio: 1 / 1;
  }

  .wwc-product-video-modal[data-wwc-video-ratio="9-16"] .wwc-product-video-modal__dialog {
    width: min(82vw, 390px);
    max-height: 82vh;
    aspect-ratio: 9 / 16;
  }

  .wwc-product-video-modal__close {
    top: 8px;
    right: 8px;
    width: 42px;
    height: 42px;
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {
  .wwc-product-video__button {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .wwc-product-video__thumb {
    width: 72px;
    height: 60px;
  }

  .wwc-product-video__arrow {
    display: none;
  }

  .wwc-product-video__copy small {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wwc-product-video__button,
  .wwc-product-video__image,
  .wwc-product-video__play,
  .wwc-product-video__arrow,
  .wwc-product-video-modal__close {
    transition: none !important;
  }
}

    
    /* ==================================================
   WWC - Home Instafeed / Marquee
   HTML: sections/ss-instafeed-4.liquid
   JS: assets/wwc-home.js
================================================== */

.wwc-home-marquee {
  background-color: var(--wwc-marquee-bg, #fff);
  background-image: var(--wwc-marquee-gradient);
  border-top: solid var(--wwc-marquee-border-color, #000) var(--wwc-marquee-border-width, 0);
  border-bottom: solid var(--wwc-marquee-border-color, #000) var(--wwc-marquee-border-width, 0);
  margin: var(--wwc-marquee-mt-mobile, 0) var(--wwc-marquee-mx-mobile, 0) var(--wwc-marquee-mb-mobile, 0);
  border-radius: var(--wwc-marquee-radius-mobile, 0);
  overflow: hidden;
}

.wwc-home-marquee__inner {
  max-width: var(--wwc-marquee-max-width, 120rem);
  margin: 0 auto;
  padding: var(--wwc-marquee-pt-mobile, 27px) var(--wwc-marquee-px-mobile, 1.5rem) 0;
}

.wwc-home-marquee__left {
  display: flex;
  flex-direction: column;
  align-items: var(--wwc-marquee-align-mobile, center);
  text-align: var(--wwc-marquee-text-align-mobile, center);
}

.wwc-home-marquee__heading * {
  margin: 0;
  font-size: var(--wwc-marquee-heading-size-mobile, 32px);
  color: var(--wwc-marquee-heading-color, #121212);
  line-height: var(--wwc-marquee-heading-line, 130%);
  text-transform: none;
}

.wwc-home-marquee__text {
  margin-top: var(--wwc-marquee-text-mt-mobile, 9px);
}

.wwc-home-marquee__text * {
  margin: 0;
  font-size: var(--wwc-marquee-text-size-mobile, 16px);
  color: var(--wwc-marquee-text-color, #121212);
  line-height: var(--wwc-marquee-text-line, 130%);
  text-transform: none;
}

.wwc-home-marquee__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: var(--wwc-marquee-button-width-mobile, 250px);
  margin: var(--wwc-marquee-button-mt-mobile, 32px) auto 0;
  font-size: var(--wwc-marquee-button-size-mobile, 16px);
  color: var(--wwc-marquee-button-color, #121212);
  line-height: var(--wwc-marquee-button-line, 100%);
  text-align: center;
  text-decoration: none;
  padding: var(--wwc-marquee-button-py-mobile, 18px) var(--wwc-marquee-button-px-mobile, 32px);
  border-radius: var(--wwc-marquee-button-radius, 100px);
  transition: all .25s ease;
  position: relative;
  font-weight: 700;
  z-index: 2;
}

.wwc-home-marquee__button.is-filled {
  background-color: var(--wwc-marquee-button-bg);
}

.wwc-home-marquee__button.is-outline {
  background-color: var(--wwc-marquee-button-bg);
  border: var(--wwc-marquee-button-border);
}

.wwc-home-marquee__button:hover {
  color: var(--wwc-marquee-button-hover-color, #fff);
  background-color: var(--wwc-marquee-button-bg-hover);
  border: var(--wwc-marquee-button-border-hover);
}

.wwc-home-marquee__button svg {
  width: 14px;
  height: 14px;
}

.wwc-home-marquee__button svg path {
  fill: currentColor;
}

.wwc-home-marquee__slider {
  margin-top: var(--wwc-marquee-slider-mt-mobile, 32px);
  padding-bottom: var(--wwc-marquee-pb-mobile, 27px);
}

.wwc-home-marquee__viewport {
  position: relative;
  z-index: 2;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.wwc-home-marquee__track {
  display: flex;
  flex-shrink: 0;
  gap: var(--wwc-marquee-gap-mobile, 20px);
  padding-left: var(--wwc-marquee-gap-mobile, 20px);
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
  animation: wwc-home-marquee var(--wwc-marquee-speed, 32s) linear infinite;
  animation-direction: var(--wwc-marquee-direction, normal);
}

.wwc-home-marquee__slide {
  flex: 0 0 var(--wwc-marquee-img-width-mobile, 180px);
  width: var(--wwc-marquee-img-width-mobile, 180px);
  aspect-ratio: var(--wwc-marquee-img-aspect-mobile, 1 / 1);
  overflow: hidden;
  border-radius: var(--wwc-marquee-img-radius, 24px);
  border: var(--wwc-marquee-img-border, 0 solid transparent);
  display: block;
}

.wwc-home-marquee__slide img,
.wwc-home-marquee__slide svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wwc-home-marquee__slide svg {
  background-color: #a0a0a0;
}

@keyframes wwc-home-marquee {
  0% {
    transform: translateZ(0);
    visibility: visible;
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@media (min-width: 1024px) {
  .wwc-home-marquee {
    margin: var(--wwc-marquee-mt, 0) var(--wwc-marquee-mx, 0) var(--wwc-marquee-mb, 0);
    border-radius: var(--wwc-marquee-radius, 0);
  }

  .wwc-home-marquee__inner {
    padding: var(--wwc-marquee-pt, 36px) var(--wwc-marquee-px, 5rem) 0;
  }

  .wwc-home-marquee__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }

  .wwc-home-marquee__left {
    display: block;
    text-align: left;
  }

  .wwc-home-marquee__heading * {
    font-size: var(--wwc-marquee-heading-size, 52px);
  }

  .wwc-home-marquee__text {
    margin-top: var(--wwc-marquee-text-mt, 12px);
  }

  .wwc-home-marquee__text * {
    font-size: var(--wwc-marquee-text-size, 16px);
  }

  .wwc-home-marquee__button {
    margin: 0;
    max-width: var(--wwc-marquee-button-width, 250px);
    padding: var(--wwc-marquee-button-py, 18px) var(--wwc-marquee-button-px, 32px);
    font-size: var(--wwc-marquee-button-size, 20px);
  }

  .wwc-home-marquee__slider {
    margin-top: var(--wwc-marquee-slider-mt, 90px);
    padding-bottom: var(--wwc-marquee-pb, 36px);
  }

  .wwc-home-marquee__track {
    gap: var(--wwc-marquee-gap, 20px);
    padding-left: var(--wwc-marquee-gap, 20px);
  }

  .wwc-home-marquee__slide {
    flex-basis: var(--wwc-marquee-img-width, 350px);
    width: var(--wwc-marquee-img-width, 350px);
    aspect-ratio: var(--wwc-marquee-img-aspect, 1 / 1);
  }

  .wwc-home-marquee[data-pause-hover="true"] .wwc-home-marquee__viewport:hover .wwc-home-marquee__track {
    animation-play-state: paused;
  }
}


/* ==================================================
   WWC - Fix Zoom issue op ios devices zoom in bij te kleine teksten in input textarea en select fields. 
================================================== */

@media screen and (max-width: 749px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
    line-height: 1.3;
  }

  .field__input,
  .customer input,
  .search__input {
    font-size: 16px !important;
  }
}


/* ==================================================
   WWC - Scrolling Logo Cloud
   HTML: sections/ss-scrolling-logo-cloud.liquid
   JS: assets/wwc-home.js
================================================== */

.wwc-logo-cloud {
  margin-top: var(--wwc-logo-cloud-mt-mobile, 0);
  margin-bottom: var(--wwc-logo-cloud-mb-mobile, 0);
  background: var(--wwc-logo-cloud-bg, #fff);
  border: var(--wwc-logo-cloud-border, 0 solid transparent);
}

.wwc-logo-cloud__inner {
  max-width: var(--wwc-logo-cloud-max-width, none);
  margin: 0 auto;
  padding-top: var(--wwc-logo-cloud-pt-mobile, 27px);
  padding-bottom: var(--wwc-logo-cloud-pb-mobile, 27px);
}

.wwc-logo-cloud__title {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  text-align: var(--wwc-logo-cloud-title-align, center);
  font-size: var(--wwc-logo-cloud-title-size-mobile, 24px);
  color: var(--wwc-logo-cloud-title-color, #121212);
  line-height: 1.2;
}

.wwc-logo-cloud__slider {
  margin-top: var(--wwc-logo-cloud-slider-mt-mobile, 14px);
  padding-top: var(--wwc-logo-cloud-slider-pt, 0);
  padding-bottom: var(--wwc-logo-cloud-slider-pb, 0);
  background: var(--wwc-logo-cloud-slider-bg, #fff);
  box-shadow: var(--wwc-logo-cloud-shadow, none);
}

.wwc-logo-cloud__viewport {
  position: relative;
  z-index: 1;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.wwc-logo-cloud__track {
  display: flex;
  flex-shrink: 0;
  gap: var(--wwc-logo-cloud-gap-mobile, 30px);
  padding-left: var(--wwc-logo-cloud-gap-mobile, 30px);
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
  animation: wwc-logo-cloud-scroll var(--wwc-logo-cloud-speed, 10s) linear infinite;
  animation-direction: var(--wwc-logo-cloud-direction, normal);
}

.wwc-logo-cloud__slide {
  display: block;
  flex: 0 0 var(--wwc-logo-cloud-width-mobile, 170px);
  width: var(--wwc-logo-cloud-width-mobile, 170px);
}

.wwc-logo-cloud__slide img,
.wwc-logo-cloud__slide svg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.wwc-logo-cloud__placeholder {
  width: 100%;
  background: #f4f4f4;
}

@keyframes wwc-logo-cloud-scroll {
  0% {
    transform: translateZ(0);
    visibility: visible;
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.wwc-logo-cloud[data-pause-hover="true"] .wwc-logo-cloud__viewport:hover .wwc-logo-cloud__track {
  animation-play-state: paused;
}

html[dir="rtl"] .wwc-logo-cloud__viewport {
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .wwc-logo-cloud {
    margin-top: var(--wwc-logo-cloud-mt, 0);
    margin-bottom: var(--wwc-logo-cloud-mb, 0);
  }

  .wwc-logo-cloud__inner {
    padding-top: var(--wwc-logo-cloud-pt, 36px);
    padding-bottom: var(--wwc-logo-cloud-pb, 36px);
  }

  .wwc-logo-cloud__title {
    font-size: var(--wwc-logo-cloud-title-size, 30px);
  }

  .wwc-logo-cloud__slider {
    margin-top: var(--wwc-logo-cloud-slider-mt, 16px);
  }

  .wwc-logo-cloud__track {
    gap: var(--wwc-logo-cloud-gap, 30px);
    padding-left: var(--wwc-logo-cloud-gap, 30px);
  }

  .wwc-logo-cloud__slide {
    flex-basis: var(--wwc-logo-cloud-width, 200px);
    width: var(--wwc-logo-cloud-width, 200px);
  }
}

@media screen and (max-width: 767px) {
  .wwc-logo-cloud__slider {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* =========================================================
   WWC Manual City Bubbles
   Section: wwc-manual-city-bubbles.liquid
========================================================= */

.wwc-manual-city-bubbles {
  position: relative;
  overflow: visible;
  margin-top: var(--wwc-bubbles-margin-top, 20px);
  margin-bottom: var(--wwc-bubbles-margin-bottom, 20px);
  border-top: var(--wwc-bubbles-border-width, 0) solid var(--wwc-bubbles-border-color, transparent);
  border-bottom: var(--wwc-bubbles-border-width, 0) solid var(--wwc-bubbles-border-color, transparent);
  background: var(--wwc-bubbles-bg, #fff);
}

.wwc-bubbles__inner {
  max-width: var(--wwc-bubbles-content-width, 120rem);
  margin-inline: auto;
  padding: var(--wwc-bubbles-padding-top, 36px) var(--wwc-bubbles-padding-x-mobile, 1.5rem) var(--wwc-bubbles-padding-bottom, 36px);
  overflow: visible;
}

@media screen and (min-width: 750px) {
  .wwc-bubbles__inner {
    padding-left: var(--wwc-bubbles-padding-x, 5rem);
    padding-right: var(--wwc-bubbles-padding-x, 5rem);
  }
}

.wwc-bubbles__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.wwc-bubbles__heading {
  margin: 0;
  color: var(--wwc-bubbles-text-color, #121212);
  font-size: 16px;
  line-height: 1.25;
  text-transform: none;
}

.wwc-bubbles__buttons {
  display: flex;
  gap: 12px;
  margin-left: auto;
}

.wwc-manual-city-bubbles[data-show-nav="false"] .wwc-bubbles__buttons {
  display: none;
}

.wwc-bubbles__button {
  position: static;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--wwc-bubbles-button-size, 32px);
  height: var(--wwc-bubbles-button-size, 32px);
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  color: var(--wwc-bubbles-button-icon, #000);
  border: var(--wwc-bubbles-button-border-width, 0) solid var(--wwc-bubbles-button-border, #000);
  background: transparent;
  cursor: pointer;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
  z-index: 2;
}

.wwc-bubbles--nav-circle .wwc-bubbles__button {
  border-radius: 999px;
}

.wwc-bubbles--nav-soft .wwc-bubbles__button {
  border-radius: 10px;
}

.wwc-bubbles--nav-filled .wwc-bubbles__button {
  background: var(--wwc-bubbles-button-bg, #f2f2f2);
}

.wwc-bubbles--nav-shadow .wwc-bubbles__button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.wwc-bubbles__button:hover {
  color: var(--wwc-bubbles-button-icon-hover, #000);
  border-color: var(--wwc-bubbles-button-border-hover, #000);
  background: var(--wwc-bubbles-button-bg-hover, rgba(0, 0, 0, 0.04));
  transform: translateY(-1px);
}

.wwc-bubbles__button svg {
  display: block;
  width: var(--wwc-bubbles-button-icon-size, 16px);
  height: var(--wwc-bubbles-button-icon-size, 16px);
}

.wwc-bubbles__button.is-disabled {
  opacity: 0.35;
  pointer-events: none;
  transform: none;
}

.wwc-bubbles__bottom {
  display: flex;
  align-items: center;
  margin-top: var(--wwc-bubbles-slider-mt, 20px);
}

.wwc-bubbles--sticky .wwc-bubbles__bottom {
  position: sticky;
  top: var(--wwc-bubbles-sticky-top-mobile, 64px);
  z-index: var(--wwc-bubbles-sticky-layer, 30);
  background: var(--wwc-bubbles-bg, #fff);
}

@media screen and (min-width: 750px) {
  .wwc-bubbles--sticky .wwc-bubbles__bottom {
    top: var(--wwc-bubbles-sticky-top-desktop, 96px);
  }
}

.wwc-bubbles__slider {
  position: relative;
  width: 100% !important;
  overflow: hidden !important;
  padding-bottom: var(--wwc-bubbles-scrollbar-mt, 20px) !important;
}

.wwc-manual-city-bubbles[data-show-scrollbar="false"] .wwc-bubbles__slider {
  padding-bottom: 0 !important;
}

.wwc-bubbles__track {
  display: flex;
  visibility: hidden;
  scroll-snap-type: x mandatory;
}

.wwc-bubbles__track.is-ready {
  visibility: visible;
}

.wwc-bubbles__item {
  width: 100%;
  max-width: var(--wwc-bubbles-icon-size-mobile, 110px);
  margin-right: var(--wwc-bubbles-gap, 20px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 0.2px;
  scroll-snap-align: start;
}

@media screen and (min-width: 750px) {
  .wwc-bubbles__item {
    max-width: var(--wwc-bubbles-icon-size, 120px);
  }
}

.wwc-bubbles__image-link,
.wwc-bubbles__title-link {
  color: inherit;
  text-decoration: none;
}

.wwc-bubbles__image-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.wwc-bubbles__image-wrap img,
.wwc-bubbles__placeholder {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: var(--wwc-bubbles-ring-width, 2px);
  border: var(--wwc-bubbles-ring-width, 2px) solid var(--wwc-card-ring, var(--wwc-bubbles-ring-color, #121212));
  background: var(--wwc-card-bg, #fff);
  object-fit: cover;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.wwc-bubbles--round .wwc-bubbles__image-wrap img,
.wwc-bubbles--round .wwc-bubbles__placeholder {
  border-radius: 50%;
}

.wwc-bubbles--square .wwc-bubbles__image-wrap img,
.wwc-bubbles--square .wwc-bubbles__placeholder {
  border-radius: 14px;
}

/* HET KRIMPEFFECT ALLEEN OP APPARATEN MET EEN MUISAANWIJZER.

   Het icoon stond standaard op scale(0.97) en groeide alleen naar 1 bij :hover.
   Op een aanraakscherm is dat geen animatie maar een blokkade: zodra de
   weergave van het tikdoel van :hover afhangt, geeft iOS de EERSTE tik aan
   hover en opent pas de tweede tik de link. Vandaar de melding dat je twee keer
   op zo'n icoon moet tikken.

   Dat het icoon wel en de titel ernaast niet twee tikken vroeg, is met deze
   verklaring geen toeval: .wwc-bubbles__title-link heeft helemaal geen
   hover-regel, dus daar valt niets te hoveren.

   Binnen @media (hover: hover) blijft het effect intact op desktop, terwijl het
   beeld op touch meteen op ware grootte staat - dus ook geen icoon dat er
   ingedrukt uitziet zonder dat er iets ingedrukt is.

   Zet dit nooit terug zonder guard: elk hover-afhankelijk tikdoel kost op touch
   een extra tik. */
@media (hover: hover) {
  .wwc-bubbles--hover .wwc-bubbles__image-wrap img,
  .wwc-bubbles--hover .wwc-bubbles__placeholder {
    transform: scale(0.97);
  }

  .wwc-bubbles--hover .wwc-bubbles__image-link:hover img,
  .wwc-bubbles--hover .wwc-bubbles__image-link:hover .wwc-bubbles__placeholder {
    transform: scale(1);
  }
}

.wwc-bubbles__placeholder svg {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.wwc-bubbles__item[data-active="1"] .wwc-bubbles__image-wrap img,
.wwc-bubbles__item[data-active="1"] .wwc-bubbles__placeholder {
  box-shadow:
    0 0 0 3px rgba(0, 0, 0, 0.06),
    0 0 0 8px var(--wwc-card-active-glow, #b58150);
}

.wwc-bubbles__badge {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
  pointer-events: none;
  padding: 4px 6px;
  border-radius: 10px;
  background: #111;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

.wwc-bubbles__title {
  margin: var(--wwc-bubbles-text-mt, 10px) 0 0;
  color: var(--wwc-bubbles-text-color, #121212);
  font-size: var(--wwc-bubbles-text-size, 12px);
  line-height: 1.25;
  text-align: center;
}

.wwc-bubbles--bold-title .wwc-bubbles__title {
  font-weight: 700;
}

.wwc-bubbles__info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.wwc-bubbles__chip {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  background: #fff;
  color: #222;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.wwc-bubbles__chip--link:hover {
  border-color: rgba(0, 0, 0, 0.18);
}

.wwc-bubbles__swatches {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.wwc-bubbles__swatch {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  overflow: visible;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #ddd;
}

.wwc-bubbles__swatch::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: 125%;
  z-index: 30;
  max-width: 180px;
  padding: 4px 6px;
  border-radius: 4px;
  background: #111;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity 0.15s ease;
}

.wwc-bubbles__swatch:hover::after,
.wwc-bubbles__swatch:focus-visible::after {
  opacity: 1;
}

.wwc-bubbles__last-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: var(--wwc-bubbles-icon-size-mobile, 110px);
  aspect-ratio: 1 / 1;
  padding: var(--wwc-bubbles-ring-width, 2px);
  border: var(--wwc-bubbles-ring-width, 2px) solid var(--wwc-bubbles-ring-color, #121212);
  background: #fafafa;
  text-align: center;
}

.wwc-bubbles--round .wwc-bubbles__last-card {
  border-radius: 50%;
}

.wwc-bubbles--square .wwc-bubbles__last-card {
  border-radius: 14px;
}

@media screen and (min-width: 750px) {
  .wwc-bubbles__last-card {
    max-width: var(--wwc-bubbles-icon-size, 120px);
  }
}

.wwc-bubbles__last-icon {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.wwc-bubbles__last-title {
  margin: 0;
  color: var(--wwc-bubbles-text-color, #121212);
  font-size: var(--wwc-bubbles-text-size, 12px);
  line-height: 1.2;
}

.wwc-bubbles__last-sub {
  margin: 0;
  color: #666;
  font-size: 11px;
  line-height: 1.2;
}

.wwc-bubbles__scrollbar {
  background: var(--wwc-bubbles-scrollbar-bg, #efefef);
}

.wwc-bubbles__scrollbar .swiper-scrollbar-drag {
  display: block !important;
  background: var(--wwc-bubbles-scrollbar-drag, #d7d7d7);
}

.wwc-manual-city-bubbles[data-show-scrollbar="false"] .wwc-bubbles__scrollbar {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .wwc-bubbles__button,
  .wwc-bubbles__image-wrap img,
  .wwc-bubbles__placeholder,
  .wwc-bubbles__swatch::after {
    transition: none;
  }
}



/* =========================================================
   WWC Testimonials Slider v3
   Cleaner trust-strip version
   Section: ss-testimonials-29.liquid
   JS: assets/wwc-testimonials.js
========================================================= */

.wwc-testimonials__main-text p a {
    color: #fff !important;
}

.wwc-testimonials {
  --wwc-review-brand: #b58150;
  --wwc-review-brand-dark: #986536;
  --wwc-review-soft: #fff8f0;
  --wwc-review-line: rgba(17, 17, 17, .08);
  --wwc-review-shadow: 0 14px 38px rgba(17, 17, 17, .055);

  margin-top: var(--wwc-t-margin-top);
  margin-bottom: var(--wwc-t-margin-bottom);
  margin-left: var(--wwc-t-margin-x-mobile);
  margin-right: var(--wwc-t-margin-x-mobile);
  overflow: hidden;
  background: #fff;
  border-top: var(--wwc-t-border-width) solid var(--wwc-t-border-color);
  border-bottom: var(--wwc-t-border-width) solid var(--wwc-t-border-color);
  border-radius: calc(var(--wwc-t-radius) * .6);
}

.wwc-testimonials *,
.wwc-testimonials *::before,
.wwc-testimonials *::after {
  box-sizing: border-box;
}

.wwc-testimonials__inner {
  position: relative;
  margin: 0 auto;
  padding: 44px 18px 54px;
}

.wwc-testimonials__inner--contained {
  max-width: var(--wwc-t-content-width);
}

/* Heading */

.wwc-testimonials__heading {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.wwc-testimonials__heading > * {
  margin: 0;
  color: var(--wwc-t-heading-color);
  font-size: clamp(32px, 3.2vw, 48px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -.035em;
}

/* Slider */

.wwc-testimonials__slider-wrap {
  position: relative;
}

.wwc-testimonials__slider {
  position: relative;
  overflow: visible;
  margin-top: 34px;
  padding: 0 0 58px;
}

.wwc-testimonials__slider .swiper-wrapper {
  align-items: stretch;
}

.wwc-testimonials__slider.is-preview .swiper-wrapper {
  display: flex;
  gap: 18px;
  overflow: hidden;
}

.wwc-testimonials__slider.is-preview .swiper-slide {
  flex: 0 0 86%;
}

.wwc-testimonials__main-card,
.wwc-testimonials__card {
  height: auto;
  min-height: 280px;
  border-radius: 24px;
}

/* Main trust card */

.wwc-testimonials__main-card {
  position: relative;
  display: none;
  overflow: hidden;
  padding: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 8%, rgba(255,255,255,.18), transparent 24%),
    linear-gradient(135deg, #c8925f 0%, #ad7441 100%);
  border: 0;
  box-shadow: var(--wwc-review-shadow);
}

.wwc-testimonials__main-card::after {
  content: "★";
  position: absolute;
  right: 24px;
  bottom: 18px;
  color: rgba(255, 255, 255, .9);
  font-size: 26px;
  line-height: 1;
}

.wwc-testimonials__main-title {
  max-width: 8.2em;
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 2.5vw, 42px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.wwc-testimonials__main-text {
  max-width: 92%;
  margin-top: 18px;
  color: rgba(255, 255, 255, .84);
}

.wwc-testimonials__main-text > * {
  margin: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

/* Review card */

.wwc-testimonials__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  padding: 30px;
  text-align: left;
  background: #fff;
  border: 1px solid var(--wwc-review-line);
  box-shadow: var(--wwc-review-shadow);
}

.wwc-testimonials__card--has-image {
  padding-right: 112px;
}

.wwc-testimonials__image {
  position: absolute;
  top: 26px;
  right: 26px;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: var(--wwc-t-image-radius);
  background: var(--wwc-review-soft);
  box-shadow: 0 10px 24px rgba(17, 17, 17, .10);
}

.wwc-testimonials__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Stars */

.wwc-testimonials__stars {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  margin: 0;
  color: var(--wwc-review-brand);
}

.wwc-testimonials__star,
.wwc-testimonials__stars img {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
}

.wwc-testimonials__star path {
  fill: currentColor;
}

.wwc-testimonials__star--empty {
  opacity: .18;
}

.wwc-testimonials__star--half path {
  fill: currentColor;
  clip-path: inset(0 50% 0 0);
}

/* Text */

.wwc-testimonials__text {
  margin-top: 28px;
}

.wwc-testimonials__text > * {
  margin: 0;
  color: #171412;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -.01em;
}

.wwc-testimonials__author {
  margin: 26px 0 0;
  color: #171412;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
}

.wwc-testimonials__bottom {
  display: block;
  margin-top: 8px;
}

.wwc-testimonials__tag {
  max-width: 100%;
  margin: 0;
  color: rgba(23, 20, 18, .45);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.wwc-testimonials__link {
  display: inline-flex;
  margin-top: 10px;
  color: var(--wwc-review-brand-dark);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Arrows */

.wwc-testimonials__arrow {
  position: absolute;
  bottom: 0;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #fff;
  background: var(--wwc-review-brand);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(181, 129, 80, .24);
  cursor: pointer;
  appearance: none;
  transition: background .2s ease, opacity .2s ease, transform .2s ease;
}

.wwc-testimonials__arrow--prev {
  right: calc(50% + 7px);
}

.wwc-testimonials__arrow--next {
  left: calc(50% + 7px);
}

.wwc-testimonials__arrow span {
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.wwc-testimonials__arrow--prev span {
  transform: rotate(-135deg);
}

.wwc-testimonials__arrow--next span {
  transform: rotate(45deg);
}

.wwc-testimonials__arrow:hover {
  background: var(--wwc-review-brand-dark);
  transform: translateY(-1px);
}

.wwc-testimonials__arrow.swiper-button-disabled {
  opacity: .25;
  cursor: not-allowed;
}

.wwc-testimonials__slider[data-arrows-mobile="true"] .wwc-testimonials__arrow {
  display: flex;
}


  .wwc-testimonials__slider-wrap {
    padding: 0 1em;
}

.wwc-testimonials__slider.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    overflow: initial;
}

/* Desktop */

@media (min-width: 1024px) {
  .wwc-testimonials {
    margin-left: var(--wwc-t-margin-x);
    margin-right: var(--wwc-t-margin-x);
    border-radius: var(--wwc-t-radius);
  }

  .wwc-testimonials__inner {
    padding-top: 72px;
    padding-bottom: 76px;
    padding-left: var(--wwc-t-padding-x);
    padding-right: var(--wwc-t-padding-x);
  }

  .wwc-testimonials__slider {
    margin-top: 42px;
    padding-bottom: 0;
  }

  .wwc-testimonials__slider.is-preview .swiper-wrapper {
    gap: 22px;
  }

  .wwc-testimonials__slider.is-preview .swiper-slide {
    flex-basis: calc((100% - 66px) / 4);
  }

  .wwc-testimonials__main-card {
    display: flex;
  }

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

  .wwc-testimonials__card:hover {
    transform: translateY(-3px);
    border-color: rgba(181, 129, 80, .20);
    box-shadow: 0 20px 50px rgba(17, 17, 17, .08);
  }

  .wwc-testimonials__arrow {
    /*top: 50%;
    bottom: auto;
    opacity: 0;
    transform: translateY(-50%);*/
  }

  .wwc-testimonials__arrow:hover {
    transform: translateY(calc(-50% - 1px));
  }

  .wwc-testimonials__arrow--prev {
    left: 12px;
    right: auto;
  }



  .wwc-testimonials__arrow--next {
    right: 12px;
    left: auto;
  }

  .wwc-testimonials__slider:hover .wwc-testimonials__arrow {
    opacity: 1;
  }

  .wwc-testimonials__slider[data-arrows-desktop="true"] .wwc-testimonials__arrow {
    display: flex;
  }

  .wwc-testimonials__slider[data-arrows-desktop="false"] .wwc-testimonials__arrow {
    display: none;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .wwc-testimonials__inner {
    padding: 42px 0 54px;
  }

  .wwc-testimonials__heading {
    padding-inline: 20px;
    text-align: left;
  }

  .wwc-testimonials__heading > * {
    font-size: clamp(32px, 10vw, 44px);
    line-height: 1.04;
  }

  .wwc-testimonials__slider {
    margin-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wwc-testimonials__main-card {
    display: none !important;
  }

  .wwc-testimonials__card {
    min-height: 300px;
    padding: 28px;
    border-radius: 22px;
  }

  .wwc-testimonials__card--has-image {
    padding-right: 28px;
  }

  .wwc-testimonials__image {
    display: none;
  }

  .wwc-testimonials__stars {
    justify-content: flex-start;
  }

  .wwc-testimonials__text {
    margin-top: 24px;
  }

  .wwc-testimonials__text > * {
    font-size: 20px;
    line-height: 1.48;
  }

  .wwc-testimonials__author {
    margin-top: 24px;
    font-size: 17px;
  }

  .wwc-testimonials__tag {
    font-size: 17px;
  }
}

/* =========================================================
   Woody Keuzehulp
   Snippet: snippets/woody-keuzehulp.liquid
   JS: assets/wwc-core.js
========================================================= */

.woody-keuzehulp {
  --woody-brand: #b58150;
  --woody-brand-dark: #916238;
  --woody-brand-soft: #fff4ec;
  --woody-ink: #171412;
  --woody-muted: #70675f;
  --woody-line: rgba(23, 20, 18, .12);
  --woody-bg: #fff;
  --woody-soft: #fbf7f2;
  --woody-shadow: 0 18px 55px rgba(0, 0, 0, .12);

  color: var(--woody-ink);
}

.woody-keuzehulp *,
.woody-keuzehulp *::before,
.woody-keuzehulp *::after {
  box-sizing: border-box;
}

.woody-keuzehulp [hidden] {
  display: none !important;
}

.woody-keuzehulp--inline .woody-keuzehulp__overlay {
  display: none;
}

.woody-keuzehulp--popup .woody-keuzehulp__overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, .46);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.woody-keuzehulp--popup.is-open .woody-keuzehulp__overlay {
  opacity: 1;
  pointer-events: auto;
}

.woody-keuzehulp__card {
  width: min(100%, 960px);
  margin: 18px auto;
  overflow: hidden;
  background: var(--woody-bg);
  border: 1px solid var(--woody-line);
  border-radius: 24px;
  box-shadow: var(--woody-shadow);
}

.woody-keuzehulp--inline .woody-keuzehulp__card {
  position: relative;
}

.woody-keuzehulp--popup .woody-keuzehulp__card {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: min(94vw, 960px);
  max-height: 90vh;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -46%) scale(.98);
  transition: opacity .2s ease, transform .2s ease;
}

.woody-keuzehulp--popup.is-open .woody-keuzehulp__card {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}

.woody-keuzehulp__header {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 14px;
  align-items: center;
  padding: clamp(16px, 2.5vw, 24px);
  background:
    radial-gradient(circle at top left, rgba(181, 129, 80, .16), transparent 34%),
    linear-gradient(180deg, #fff, #fffaf6);
  border-bottom: 1px solid var(--woody-line);
}

.woody-keuzehulp__avatar {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-size: 28px;
  background: var(--woody-brand-soft);
  border: 1px solid rgba(181, 129, 80, .25);
}

.woody-keuzehulp__eyebrow {
  margin: 0 0 4px;
  color: var(--woody-brand-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.woody-keuzehulp h2,
.woody-keuzehulp h3,
.woody-keuzehulp h4 {
  margin: 0;
  color: var(--woody-ink);
  line-height: 1.15;
}

.woody-keuzehulp h2 {
  font-size: clamp(21px, 3vw, 30px);
}

.woody-keuzehulp h3 {
  font-size: clamp(20px, 2.5vw, 28px);
}

.woody-keuzehulp h4 {
  font-size: 17px;
}

.woody-keuzehulp__sub,
.woody-keuzehulp__hint,
.woody-keuzehulp__result-head p,
.woody-keuzehulp__meta,
.woody-keuzehulp__explain {
  color: var(--woody-muted);
}

.woody-keuzehulp__sub {
  margin: 4px 0 0;
  font-size: 14px;
}

.woody-keuzehulp__body {
  padding: clamp(16px, 2.6vw, 26px);
}

.woody-keuzehulp__progress {
  height: 8px;
  overflow: hidden;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #f0e8df;
}

.woody-keuzehulp__progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: var(--woody-brand);
  transition: width .25s ease;
}

.woody-keuzehulp__hint {
  margin: 0 0 16px;
  font-size: 14px;
}

.woody-keuzehulp__steps {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woody-keuzehulp__step {
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid var(--woody-line);
  border-radius: 20px;
  background: #fff;
}

.woody-keuzehulp__step-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.woody-keuzehulp__step-count {
  color: var(--woody-muted);
  font-size: 13px;
  white-space: nowrap;
}

.woody-keuzehulp__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.woody-keuzehulp__option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-height: 58px;
  padding: 13px;
  border: 1px solid var(--woody-line);
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.woody-keuzehulp__option:hover {
  border-color: rgba(181, 129, 80, .55);
  background: #fffaf6;
  transform: translateY(-1px);
}

.woody-keuzehulp__option:has(input:checked) {
  border-color: var(--woody-brand);
  background: var(--woody-brand-soft);
}

.woody-keuzehulp__option input {
  flex: 0 0 auto;
  margin-top: 2px;
  accent-color: var(--woody-brand);
}

.woody-keuzehulp__option span {
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.woody-keuzehulp__actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
}

.woody-keuzehulp__actions-left,
.woody-keuzehulp__actions-right {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.woody-keuzehulp__btn,
.woody-keuzehulp__ghost,
.woody-keuzehulp__link-btn {
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease, background .18s ease;
}

.woody-keuzehulp__btn {
  color: #fff;
  background: var(--woody-brand);
  border: 1px solid var(--woody-brand);
}

.woody-keuzehulp__btn:hover,
.woody-keuzehulp__link-btn:hover {
  filter: brightness(.96);
  transform: translateY(-1px);
}

.woody-keuzehulp__ghost {
  color: var(--woody-brand-dark);
  background: #fff;
  border: 1px solid rgba(181, 129, 80, .42);
}

.woody-keuzehulp__ghost:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.woody-keuzehulp__close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .04);
  color: #777;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.woody-keuzehulp--inline .woody-keuzehulp__close {
  display: none;
}

.woody-keuzehulp__result-head {
  margin-bottom: 16px;
}

.woody-keuzehulp__result-head p {
  margin: 6px 0 0;
  font-size: 14px;
}

.woody-keuzehulp__top {
  display: grid;
  gap: 12px;
}

.woody-keuzehulp__product {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--woody-line);
  border-radius: 18px;
  background: #fff;
}

.woody-keuzehulp__rank {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--woody-brand-soft);
  border: 1px solid rgba(181, 129, 80, .25);
  font-weight: 900;
  color: var(--woody-brand-dark);
}

.woody-keuzehulp__product-title {
  margin-bottom: 3px;
  font-weight: 900;
}

.woody-keuzehulp__match {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
}

.woody-keuzehulp__match-track {
  width: min(140px, 32vw);
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6dd;
}

.woody-keuzehulp__match-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--woody-brand);
}

.woody-keuzehulp__materials {
  margin-top: 18px;
  padding: 15px;
  border-radius: 18px;
  background: var(--woody-soft);
  border: 1px solid var(--woody-line);
}

.woody-keuzehulp__material-list {
  list-style: none;
  display: grid;
  gap: 9px;
  margin: 12px 0 0;
  padding: 0;
}

.woody-keuzehulp__material-list li {
  padding: 11px;
  border-radius: 14px;
  background: #fff;
  border: 1px dashed rgba(181, 129, 80, .45);
}

.woody-keuzehulp__material-list strong {
  display: block;
  margin-bottom: 3px;
}

.woody-keuzehulp__search {
  margin-top: 18px;
}

.woody-keuzehulp__search label {
  display: block;
  margin-bottom: 8px;
  font-weight: 850;
}

.woody-keuzehulp__search-row {
  display: flex;
  gap: 9px;
}

.woody-keuzehulp__search input {
  flex: 1;
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid var(--woody-line);
  border-radius: 999px;
  font-size: 16px;
}

.woody-keuzehulp__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.woody-keuzehulp__link-btn {
  display: inline-flex;
  align-items: center;
  color: #fff;
  background: var(--woody-brand);
  border: 1px solid var(--woody-brand);
}

.woody-keuzehulp__summary {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--woody-line);
}

.woody-keuzehulp__summary summary {
  cursor: pointer;
  font-weight: 850;
}

.woody-keuzehulp__explain {
  margin-top: 8px;
  white-space: pre-line;
  font-size: 14px;
}

.woody-keuzehulp__again {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

@media (max-width: 760px) {
  .woody-keuzehulp__header {
    grid-template-columns: auto 1fr auto;
    gap: 11px;
  }

  .woody-keuzehulp__header .woody-keuzehulp__restart {
    display: none;
  }

  .woody-keuzehulp__options {
    grid-template-columns: 1fr;
  }

  .woody-keuzehulp__product {
    grid-template-columns: auto 1fr;
  }

  .woody-keuzehulp__product .woody-keuzehulp__btn {
    grid-column: 1 / -1;
    width: 100%;
    text-align: center;
  }

  .woody-keuzehulp__search-row {
    flex-direction: column;
  }

  .woody-keuzehulp__search-row .woody-keuzehulp__btn {
    width: 100%;
  }

  .woody-keuzehulp__actions {
    flex-direction: column;
  }

  .woody-keuzehulp__actions-left,
  .woody-keuzehulp__actions-right,
  .woody-keuzehulp__actions button {
    width: 100%;
  }
}


/* ==========================================================================
   WWC Feature Icons V2
   ========================================================================== */

.wwc-feature-icons-v2 {
  background: var(--wwc-fi-bg);
  padding: var(--wwc-fi-pt-mobile) 1.5rem var(--wwc-fi-pb-mobile);
  color: var(--wwc-fi-text);
  text-align: center;
}

.wwc-feature-icons-v2 p {
  margin: 0;
}

.wwc-feature-icons-v2__slider {
  width: 100%;
}

.wwc-feature-icons-v2__wrapper {
  align-items: stretch;
}

.wwc-feature-icons-v2__item {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.wwc-feature-icons-v2__icon {
  width: var(--wwc-fi-icon-size);
  height: var(--wwc-fi-icon-size);
  margin: 0 auto 14px;
  color: var(--wwc-fi-icon);
  flex: 0 0 auto;
}

.wwc-feature-icons-v2__icon svg,
.wwc-feature-icons-v2__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wwc-feature-icons-v2__content {
  max-width: 360px;
  line-height: 1.35;
}

.wwc-feature-icons-v2__title {
  color: var(--wwc-fi-title);
  font-size: var(--wwc-fi-title-size);
  font-weight: 700;
  margin-bottom: 7px;
}

.wwc-feature-icons-v2__text {
  color: var(--wwc-fi-text);
  font-size: var(--wwc-fi-text-size);
}

.wwc-feature-icons-v2__text strong {
  font-weight: 700;
}

.wwc-feature-icons-v2__text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wwc-feature-icons-v2__pagination {
  position: static;
  margin-top: 18px;
}

.wwc-feature-icons-v2__slider.swiper {
  padding-bottom: 2px;
}

.wwc-feature-icons-v2.is-stack-mobile .wwc-feature-icons-v2__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.wwc-feature-icons-v2.is-stack-mobile .wwc-feature-icons-v2__pagination {
  display: none;
}

@media screen and (min-width: 750px) {
  .wwc-feature-icons-v2 {
    padding: var(--wwc-fi-pt) 5rem var(--wwc-fi-pb);
  }

  .wwc-feature-icons-v2__wrapper {
    display: grid !important;
    grid-template-columns: repeat(var(--wwc-fi-items-tablet), minmax(0, 1fr));
    gap: 30px;
    transform: none !important;
  }

  .wwc-feature-icons-v2__item {
    width: auto !important;
    margin: 0 !important;
  }

  .wwc-feature-icons-v2__pagination {
    display: none;
  }

  .wwc-feature-icons-v2.is-left-desktop .wwc-feature-icons-v2__item {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }

  .wwc-feature-icons-v2.is-left-desktop .wwc-feature-icons-v2__icon {
    margin: 2px 16px 0 0;
  }

  .wwc-feature-icons-v2.is-left-desktop .wwc-feature-icons-v2__content {
    max-width: none;
  }
}

@media screen and (min-width: 1024px) {
  .wwc-feature-icons-v2__wrapper {
    grid-template-columns: repeat(var(--wwc-fi-items), minmax(0, 1fr));
  }
}

/* Mobile spacing fix pagination */
.wwc-feature-icons-v2__slider.swiper {
  padding-bottom: 36px;
}

.wwc-feature-icons-v2__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Extra ruimte onder tekst */
.wwc-feature-icons-v2__item {
  padding-bottom: 10px;
}

@media screen and (max-width: 749px) {
  .wwc-feature-icons-v2__slider.swiper {
    padding-bottom: 44px;
  }

  .wwc-feature-icons-v2__pagination {
    bottom: 4px;
  }
}

/* =========================================================
   SS Feature #18 - Custom CSS insert
   Let op: section-specifieke waardes blijven in Liquid.
========================================================= */

.wwc-feature-18 {
  overflow: hidden;
}

.wwc-feature-18__inner {
  margin: 0 auto;
}

.wwc-feature-18__body {
  display: grid;
}

.wwc-feature-18__image {
  overflow: hidden;
  position: relative;
}

.wwc-feature-18__image img,
.wwc-feature-18__image svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: none;
  border: 0;
}

.wwc-feature-18__image svg {
  background-color: #afafaf;
}

.wwc-feature-18__content {
  display: flex;
  flex-direction: column;
}

.wwc-feature-18__text * {
  margin: 0;
  text-transform: unset;
}

.wwc-feature-18__items {
  max-width: fit-content;
  display: grid;
}

.wwc-feature-18__item {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.wwc-feature-18__icon img,
.wwc-feature-18__icon svg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.wwc-feature-18__heading {
  text-align: center;
}

.wwc-feature-18__heading * {
  margin: 0;
  text-transform: unset;
  word-wrap: break-word;
  word-break: break-word;
}

.wwc-feature-18__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: fit-content;
  margin: 0;
  text-align: center;
  text-transform: unset;
  text-decoration: none;
  transition: all 0.25s ease;
  position: relative;
  font-weight: 700;
  z-index: 2;
  box-sizing: border-box;
}

.wwc-feature-18__button svg {
  background: transparent;
  width: 14px;
  height: 14px;
}

.wwc-feature-18__button svg path {
  transition: all 0.25s ease;
}

/* Theme-check safe placeholder */
.wwc-feature-18__placeholder {
  width: 100%;
  height: 100%;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
}

.wwc-feature-18__placeholder svg {
  width: 120px;
  height: 120px;
  opacity: 0.35;
}

/* =========================================================
   WWC - Media Grid base styles
   Dynamic spacing, colors and block settings stay in Liquid.
========================================================= */

.wwc-media-grid {
  overflow: hidden;
}

.wwc-media-grid__inner {
  margin: 0 auto;
}

.wwc-media-grid__items {
  display: grid;
  align-items: start;
}

.wwc-media-grid__item {
  display: flex;
  position: relative;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
}

.wwc-media-grid__item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.wwc-media-grid__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.wwc-media-grid__item:hover .wwc-media-grid__image {
  transform: scale(1.05);
}

.wwc-media-grid__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.wwc-media-grid__video video,
.wwc-media-grid__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0 !important;
}

.wwc-media-grid__content {
  width: fit-content;
  position: relative;
  z-index: 2;
  text-align: center;
}

.wwc-media-grid__heading {
  margin: 0;
  text-transform: unset;
}

.wwc-media-grid__link {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-transform: unset;
  text-decoration: none;
}

/* =========================================================
   WWC - Steps #8
   Static styling. Dynamic settings komen uit CSS variables.
========================================================= */

.wwc-steps8 {
  background: var(--wwc-steps-bg);
  background-image: var(--wwc-steps-bg-gradient);
  border-top: solid var(--wwc-steps-border-color) var(--wwc-steps-border-width);
  border-bottom: solid var(--wwc-steps-border-color) var(--wwc-steps-border-width);
  margin-top: var(--wwc-steps-margin-top-mobile);
  margin-bottom: var(--wwc-steps-margin-bottom-mobile);
  margin-left: var(--wwc-steps-margin-x-mobile);
  margin-right: var(--wwc-steps-margin-x-mobile);
  border-radius: var(--wwc-steps-radius-mobile);
  overflow: hidden;
}

.wwc-steps8__inner {
  max-width: var(--wwc-steps-content-width);
  margin: 0 auto;
  padding-top: var(--wwc-steps-padding-top-mobile);
  padding-bottom: var(--wwc-steps-padding-bottom-mobile);
  padding-left: var(--wwc-steps-padding-x-mobile);
  padding-right: var(--wwc-steps-padding-x-mobile);
}

.wwc-steps8__item {
  display: none;
  flex-direction: column;
  gap: var(--wwc-steps-gap-mobile);
}

.wwc-steps8__item.active {
  display: flex;
  animation: var(--wwc-steps-animation) 0.5s linear;
}

.wwc-steps8__image {
  overflow: hidden;
  flex: auto;
  border-radius: var(--wwc-steps-image-radius);
  border: var(--wwc-steps-image-border-width) solid var(--wwc-steps-image-border-color);
}

.wwc-steps8__img,
.wwc-steps8__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wwc-steps8__placeholder {
  background-color: #afafaf;
}

.wwc-steps8--ratio-mobile-portrait .wwc-steps8__image {
  aspect-ratio: 9.6 / 13;
}

.wwc-steps8--ratio-mobile-landscape .wwc-steps8__image {
  aspect-ratio: 12 / 8;
}

.wwc-steps8--ratio-mobile-square .wwc-steps8__image {
  aspect-ratio: 1 / 1;
}

.wwc-steps8--ratio-mobile-original .wwc-steps8__image {
  aspect-ratio: auto;
}

.wwc-steps8__content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: var(--wwc-steps-content-v-align);
  align-items: var(--wwc-steps-content-h-align-mobile);
}

.wwc-steps8__number {
  margin: 0;
  max-width: fit-content;
  text-align: var(--wwc-steps-text-align-mobile);
  font-size: var(--wwc-steps-number-size-mobile);
  line-height: var(--wwc-steps-number-line);
  color: var(--wwc-steps-number-color);
  padding: var(--wwc-steps-number-pad-y-mobile) var(--wwc-steps-number-pad-x-mobile);
  border: var(--wwc-steps-number-border-width) solid var(--wwc-steps-number-border-color);
  border-radius: var(--wwc-steps-number-radius);
  background: var(--wwc-steps-number-bg);
  font-weight: 700;
  word-break: break-word;
}

.wwc-steps8__title {
  margin: 0;
  margin-top: var(--wwc-steps-title-mt-mobile);
  font-size: var(--wwc-steps-title-size-mobile);
  line-height: var(--wwc-steps-title-line);
  color: var(--wwc-steps-title-color);
  text-align: var(--wwc-steps-text-align-mobile);
  font-weight: 700;
  word-break: break-word;
}

.wwc-steps8__text {
  margin-top: var(--wwc-steps-text-mt-mobile);
  text-align: var(--wwc-steps-text-align-mobile);
}

.wwc-steps8__text * {
  margin: 0;
  font-size: var(--wwc-steps-text-size-mobile);
  line-height: var(--wwc-steps-text-line);
  color: var(--wwc-steps-text-color);
  word-break: break-word;
}

.wwc-steps8__nav-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  margin-top: calc(var(--wwc-steps-nav-mt-mobile) + 17.5px);
  margin-left: calc((var(--wwc-steps-padding-x-mobile) + 2rem) * -1) !important;
  margin-right: calc((var(--wwc-steps-padding-x-mobile) + 2rem) * -1) !important;
  padding-left: var(--wwc-steps-padding-x-mobile) !important;
  padding-right: var(--wwc-steps-padding-x-mobile) !important;
}

.wwc-steps8__nav-wrapper {
  width: 100%;
  padding-top: calc((var(--wwc-steps-nav-mt-mobile) / 2) + 17.5px);
  overflow-x: auto;
  scrollbar-width: none;
}

.wwc-steps8__nav-wrapper::-webkit-scrollbar {
  display: none;
}

.wwc-steps8__nav {
  display: flex;
  position: relative;
  justify-content: space-between;
}

.wwc-steps8__nav::after {
  content: '';
  position: absolute;
  top: 0;
  left: 80px;
  width: 550px;
  height: 1px;
  background-color: var(--wwc-steps-step-color);
}

.wwc-steps8__step {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.wwc-steps8__step span {
  max-width: 70%;
  width: 180px;
  margin: 0;
  margin-top: var(--wwc-steps-step-mt-mobile);
  margin-bottom: 5px;
  font-size: var(--wwc-steps-step-size-mobile);
  line-height: var(--wwc-steps-step-line);
  color: var(--wwc-steps-step-color);
  text-align: center;
  opacity: 0.5;
  font-weight: 700;
  word-break: break-word;
  transition: all 0.25s ease;
}

.wwc-steps8__step::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--wwc-steps-step-color);
  border-radius: 999px;
  transition: all 0.25s ease;
}

.wwc-steps8__step.active span {
  transform: scale(1.3);
  opacity: 1;
}

.wwc-steps8__step.active::after {
  width: 35px;
  height: 35px;
  top: -17.5px;
}

.wwc-steps8__buttons {
  display: none;
  align-items: center;
  gap: 10px;
}

.wwc-steps8--arrows-mobile .wwc-steps8__buttons {
  display: flex;
}

.wwc-steps8__btn {
  display: flex;
  width: var(--wwc-steps-arrow-size-mobile);
  height: var(--wwc-steps-arrow-size-mobile);
  border: var(--wwc-steps-arrow-border-width) solid var(--wwc-steps-arrow-border-color);
  border-radius: var(--wwc-steps-arrow-radius);
  background: var(--wwc-steps-arrow-bg);
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  cursor: pointer;
  appearance: none;
}

.wwc-steps8__btn .animate-icon {
  pointer-events: none;
  place-items: center;
  display: grid;
  color: var(--wwc-steps-arrow-color);
}

.wwc-steps8__btn .animate-icon::before {
  content: '';
  grid-area: 1 / -1;
  width: var(--wwc-steps-arrow-icon-size-mobile);
  height: var(--wwc-steps-arrow-icon-size-mobile);
  transform: rotate(45deg);
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  position: relative;
  left: -1px;
  transition: all 0.2s ease;
}

.wwc-steps8__btn--prev .animate-icon::before {
  left: auto;
  right: -1px;
  border-right: 0;
  border-top: 0;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
}

.wwc-steps8__btn .animate-icon::after {
  content: '';
  grid-area: 1 / -1;
  width: calc(var(--wwc-steps-arrow-icon-size-mobile) - 0.3px);
  height: 1.6px;
  background: currentColor;
  opacity: 0;
  transform: scaleX(0.5);
  transform-origin: center;
  transition: all 0.2s ease;
}

.wwc-steps8--hover-color .wwc-steps8__btn:hover {
  border-color: var(--wwc-steps-arrow-border-hover-color);
  background: var(--wwc-steps-arrow-bg-hover);
}

.wwc-steps8--hover-color .wwc-steps8__btn:hover .animate-icon {
  color: var(--wwc-steps-arrow-hover-color);
}

.wwc-steps8--hover-scale .wwc-steps8__btn:hover {
  transform: scale(0.9);
}

.wwc-steps8--hover-arrow .wwc-steps8__btn--next:hover .animate-icon::before {
  transform: translate(0.125rem) rotate(45deg);
}

.wwc-steps8--hover-arrow .wwc-steps8__btn--prev:hover .animate-icon::before {
  transform: translate(-0.125rem) rotate(45deg);
}

.wwc-steps8--hover-arrow .wwc-steps8__btn:hover .animate-icon::after {
  opacity: 1;
  transform: scaleX(1);
}

.wwc-steps8--mobile-image_content .wwc-steps8__image {
  order: 1;
}

.wwc-steps8--mobile-image_content .wwc-steps8__content {
  order: 2;
}

.wwc-steps8--mobile-content_image .wwc-steps8__image {
  order: 2;
}

.wwc-steps8--mobile-content_image .wwc-steps8__content {
  order: 1;
}

@media (min-width: 1024px) {
  .wwc-steps8 {
    margin-top: var(--wwc-steps-margin-top);
    margin-bottom: var(--wwc-steps-margin-bottom);
    margin-left: var(--wwc-steps-margin-x);
    margin-right: var(--wwc-steps-margin-x);
    border-radius: var(--wwc-steps-radius);
  }

  .wwc-steps8__inner {
    padding-top: var(--wwc-steps-padding-top);
    padding-bottom: var(--wwc-steps-padding-bottom);
    padding-left: var(--wwc-steps-padding-x);
    padding-right: var(--wwc-steps-padding-x);
  }

  .wwc-steps8__item {
    flex-direction: row;
    gap: var(--wwc-steps-gap);
  }

  .wwc-steps8__image {
    flex: 1 1 0;
  }

  .wwc-steps8__content {
    align-items: var(--wwc-steps-content-h-align);
  }

  .wwc-steps8__number {
    text-align: var(--wwc-steps-text-align);
    font-size: var(--wwc-steps-number-size);
    padding: var(--wwc-steps-number-pad-y) var(--wwc-steps-number-pad-x);
  }

  .wwc-steps8__title {
    text-align: var(--wwc-steps-text-align);
    margin-top: var(--wwc-steps-title-mt);
    font-size: var(--wwc-steps-title-size);
  }

  .wwc-steps8__text {
    text-align: var(--wwc-steps-text-align);
    margin-top: var(--wwc-steps-text-mt);
  }

  .wwc-steps8__text * {
    font-size: var(--wwc-steps-text-size);
  }

  .wwc-steps8__nav-body {
    flex-direction: row;
    margin-top: var(--wwc-steps-nav-mt);
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wwc-steps8__nav-wrapper {
    padding-top: calc(var(--wwc-steps-nav-mt) / 2);
    overflow-x: visible;
  }

  .wwc-steps8__nav::after {
    width: calc(100% - 180px);
  }

  .wwc-steps8__step span {
    margin-top: var(--wwc-steps-step-mt);
    font-size: var(--wwc-steps-step-size);
  }

  .wwc-steps8__btn {
    width: var(--wwc-steps-arrow-size);
    height: var(--wwc-steps-arrow-size);
  }

  .wwc-steps8__btn .animate-icon::before {
    width: var(--wwc-steps-arrow-icon-size);
    height: var(--wwc-steps-arrow-icon-size);
  }

  .wwc-steps8__btn .animate-icon::after {
    width: calc(var(--wwc-steps-arrow-icon-size) - 0.3px);
  }

  .wwc-steps8--arrows-desktop .wwc-steps8__buttons {
    display: flex;
  }

  .wwc-steps8:not(.wwc-steps8--arrows-desktop) .wwc-steps8__buttons {
    display: none;
  }

  .wwc-steps8--desktop-image_content .wwc-steps8__image {
    order: 1;
  }

  .wwc-steps8--desktop-image_content .wwc-steps8__content {
    order: 2;
  }

  .wwc-steps8--desktop-content_image .wwc-steps8__image {
    order: 2;
  }

  .wwc-steps8--desktop-content_image .wwc-steps8__content {
    order: 1;
  }

  .wwc-steps8--ratio-desktop-portrait .wwc-steps8__image {
    aspect-ratio: 9.6 / 13;
  }

  .wwc-steps8--ratio-desktop-landscape .wwc-steps8__image {
    aspect-ratio: 12 / 8;
  }

  .wwc-steps8--ratio-desktop-square .wwc-steps8__image {
    aspect-ratio: 1 / 1;
  }

  .wwc-steps8--ratio-desktop-original .wwc-steps8__image {
    aspect-ratio: auto;
  }
}

/* =========================================================
   WWC Playful Divider
   Compact global styling for all divider sections.
========================================================= */

.wwc-divider {
  position: relative;
  width: 100%;
}

.wwc-divider__spacer {
  width: 100%;
}

.wwc-divider__spacer--top {
  height: var(--wwc-divider-top-space);
}

.wwc-divider__spacer--bottom {
  height: var(--wwc-divider-bottom-space);
}

.wwc-divider__wrap {
  position: absolute;
  left: 0;
  right: 0;
  z-index: var(--wwc-divider-z);
  pointer-events: none;
  display: flex;
}

.wwc-divider--top .wwc-divider__wrap {
  top: 0;
}

.wwc-divider--bottom .wwc-divider__wrap {
  bottom: 0;
}

.wwc-divider--align-left .wwc-divider__wrap {
  justify-content: flex-start;
}

.wwc-divider--align-center .wwc-divider__wrap {
  justify-content: center;
}

.wwc-divider--align-right .wwc-divider__wrap {
  justify-content: flex-end;
}

.wwc-divider--shadow .wwc-divider__wrap {
  filter: drop-shadow(
    0
    var(--wwc-divider-shadow-y)
    var(--wwc-divider-shadow-blur)
    rgba(0, 0, 0, 0.25)
  );
}

.wwc-divider__svg {
  width: var(--wwc-divider-size);
  height: var(--wwc-divider-size);
  transform:
    translateX(var(--wwc-divider-x))
    translateY(var(--wwc-divider-y))
    rotate(var(--wwc-divider-rotate))
    scaleX(var(--wwc-divider-scale-x))
    scaleY(var(--wwc-divider-scale-y));
  transform-origin: center;
  transform-box: fill-box;
}

.wwc-divider--animate .wwc-divider__svg {
  animation: wwc-divider-wiggle 2.2s ease-in-out infinite;
}

@keyframes wwc-divider-wiggle {
  0%,
  100% {
    transform:
      translateX(var(--wwc-divider-x))
      translateY(var(--wwc-divider-y))
      rotate(var(--wwc-divider-rotate))
      scaleX(var(--wwc-divider-scale-x))
      scaleY(var(--wwc-divider-scale-y));
  }

  50% {
    transform:
      translateX(var(--wwc-divider-x))
      translateY(var(--wwc-divider-y-wiggle))
      rotate(var(--wwc-divider-rotate-wiggle))
      scaleX(var(--wwc-divider-scale-x))
      scaleY(var(--wwc-divider-scale-y));
  }
}

@media (max-width: 749px) {
  .wwc-divider--hide-mobile {
    display: none;
  }
}


/* =========================================================
   WWC - Video with text
   File: custom.css
========================================================= */

.wwc-vwt {
  background: var(--wwc-vwt-bg);
  background-image: var(--wwc-vwt-bg-gradient);
  border-top: var(--wwc-vwt-border-width) solid var(--wwc-vwt-border-color);
  border-bottom: var(--wwc-vwt-border-width) solid var(--wwc-vwt-border-color);
  margin-top: var(--wwc-vwt-margin-top-mobile);
  margin-bottom: var(--wwc-vwt-margin-bottom-mobile);
}

.wwc-vwt__inner {
  width: 100%;
  max-width: var(--wwc-vwt-content-width);
  margin: 0 auto;
  padding: var(--wwc-vwt-padding-top-mobile) var(--wwc-vwt-padding-x-mobile) var(--wwc-vwt-padding-bottom-mobile);
}

.wwc-vwt__inner--full {
  max-width: none;
}

.wwc-vwt__grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  padding: var(--wwc-vwt-card-padding-mobile);
  border: var(--wwc-vwt-card-border-width) solid var(--wwc-vwt-card-border-color);
  border-radius: var(--wwc-vwt-card-radius);
  background: var(--wwc-vwt-card-bg);
}

.wwc-vwt__grid--shadow {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06), 0 18px 60px rgba(0, 0, 0, 0.08);
}

.wwc-vwt__media-item,
.wwc-vwt__text-item {
  width: 100%;
  min-width: 0;
}

.wwc-vwt__media {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  border-radius: var(--wwc-vwt-media-radius);
  background: #f7f6f4;
}

/* Mobile heights */
.wwc-vwt__media--adapt {
  aspect-ratio: var(--wwc-vwt-media-aspect);
}

.wwc-vwt__media--small {
  height: 19.4rem;
}

.wwc-vwt__media--large {
  height: 43.5rem;
}

.wwc-vwt__image,
.wwc-vwt__poster,
.wwc-vwt__video,
.wwc-vwt__iframe,
.wwc-vwt__placeholder,
.wwc-vwt__media iframe,
.wwc-vwt__media video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  border-radius: var(--wwc-vwt-media-radius);
}

.wwc-vwt__poster-button {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
}

.wwc-vwt__poster-button.is-hidden {
  display: none;
}

.wwc-vwt__play {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: var(--wwc-vwt-play-size-mobile);
  height: var(--wwc-vwt-play-size-mobile);
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: #b58150;
  background: rgba(255, 255, 255, 0.68);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.wwc-vwt__play:hover {
  transform: translate(-50%, -50%) scale(1.06);
  background: rgba(255, 255, 255, 0.88);
}

.wwc-vwt__play.is-hidden {
  display: none;
}

.wwc-vwt__play-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wwc-vwt__play-icon {
  display: block;
  width: 34%;
  height: 34%;
  margin-left: 4px;
}

.wwc-vwt__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--wwc-vwt-content-gap-mobile);
  min-height: 100%;
  padding: var(--wwc-vwt-content-padding-top-mobile) var(--wwc-vwt-content-padding-x-mobile) var(--wwc-vwt-content-padding-bottom-mobile);
}

.wwc-vwt__content--mobile-left {
  align-items: flex-start;
  text-align: left;
}

.wwc-vwt__content--mobile-center {
  align-items: center;
  text-align: center;
}

.wwc-vwt__content--mobile-right {
  align-items: flex-end;
  text-align: right;
}

.wwc-vwt__heading {
  margin: var(--wwc-vwt-heading-mt-mobile) 0 0;
  color: var(--wwc-vwt-heading-color);
  font-size: var(--wwc-vwt-heading-size-mobile);
  line-height: var(--wwc-vwt-heading-height);
  font-weight: var(--wwc-vwt-heading-weight);
}

.wwc-vwt__caption {
  margin: 0;
}

.wwc-vwt__text {
  margin-top: var(--wwc-vwt-text-mt-mobile);
}

.wwc-vwt__text p,
.wwc-vwt__text li,
.wwc-vwt__text a {
  margin: 0;
  color: var(--wwc-vwt-text-color);
  font-size: var(--wwc-vwt-text-size-mobile);
  line-height: var(--wwc-vwt-text-height);
}

.wwc-vwt__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  margin-top: var(--wwc-vwt-button-mt-mobile);
  color: var(--wwc-vwt-button-text);
  font-size: var(--wwc-vwt-button-size-mobile);
  line-height: var(--wwc-vwt-button-height);
  text-decoration: none;
  transition: all 0.2s ease;
}

.wwc-vwt__button--button {
  padding: var(--wwc-vwt-button-py-mobile) var(--wwc-vwt-button-px-mobile);
  border: var(--wwc-vwt-button-border-width) solid var(--wwc-vwt-button-border);
  border-radius: var(--wwc-vwt-button-radius);
  background: var(--wwc-vwt-button-bg);
}

.wwc-vwt__button:hover {
  color: var(--wwc-vwt-button-text-hover);
}

.wwc-vwt__button--button:hover {
  border-color: var(--wwc-vwt-button-border-hover);
  background: var(--wwc-vwt-button-bg-hover);
}

.wwc-vwt__button-icon {
  width: 22px;
  height: 22px;
}

/* Desktop */
@media screen and (min-width: 750px) {
  .wwc-vwt {
    margin-top: var(--wwc-vwt-margin-top);
    margin-bottom: var(--wwc-vwt-margin-bottom);
  }

  .wwc-vwt__inner {
    padding: var(--wwc-vwt-padding-top) var(--wwc-vwt-padding-x) var(--wwc-vwt-padding-bottom);
  }

  .wwc-vwt__grid {
    flex-direction: row;
    align-items: stretch;
    padding: var(--wwc-vwt-card-padding);
  }

  .wwc-vwt__grid--reverse {
    flex-direction: row-reverse;
  }

  .wwc-vwt__media-item {
    flex: 0 0 var(--wwc-vwt-media-width);
    max-width: var(--wwc-vwt-media-width);
  }

  .wwc-vwt__text-item {
    flex: 1 1 auto;
    min-width: 0;
  }

  .wwc-vwt__media--small {
    height: 31.4rem;
  }

  .wwc-vwt__media--large {
    height: 69.5rem;
  }

  .wwc-vwt__media--adapt {
    aspect-ratio: var(--wwc-vwt-media-aspect);
  }

  .wwc-vwt__content {
    gap: var(--wwc-vwt-content-gap);
    padding: var(--wwc-vwt-content-padding-top) var(--wwc-vwt-content-padding-x) var(--wwc-vwt-content-padding-bottom);
  }

  .wwc-vwt__content--desktop-left {
    align-items: flex-start;
    text-align: left;
  }

  .wwc-vwt__content--desktop-center {
    align-items: center;
    text-align: center;
  }

  .wwc-vwt__content--desktop-right {
    align-items: flex-end;
    text-align: right;
  }

  .wwc-vwt__heading {
    margin-top: var(--wwc-vwt-heading-mt);
    font-size: var(--wwc-vwt-heading-size);
  }

  .wwc-vwt__text {
    margin-top: var(--wwc-vwt-text-mt);
  }

  .wwc-vwt__text p,
  .wwc-vwt__text li,
  .wwc-vwt__text a {
    font-size: var(--wwc-vwt-text-size);
  }

  .wwc-vwt__button {
    margin-top: var(--wwc-vwt-button-mt);
    font-size: var(--wwc-vwt-button-size);
  }

  .wwc-vwt__button--button {
    padding: var(--wwc-vwt-button-py) var(--wwc-vwt-button-px);
  }

  .wwc-vwt__play {
    width: var(--wwc-vwt-play-size);
    height: var(--wwc-vwt-play-size);
  }
}