.elementor-171 .elementor-element.elementor-element-c8608f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-a309228{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:5;}.elementor-171 .elementor-element.elementor-element-a309228:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-a309228 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-171 .elementor-element.elementor-element-f295f5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-171 .elementor-element.elementor-element-1ac93c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-171 .elementor-element.elementor-element-80c8620 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#1B1B1B;}.elementor-171 .elementor-element.elementor-element-fed6464{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-9056f0e.elementor-element{--align-self:center;}.elementor-171 .elementor-element.elementor-element-fefee76 .cart button, .elementor-171 .elementor-element.elementor-element-fefee76 .cart .button{transition:all 0.2s;}.elementor-171 .elementor-element.elementor-element-fefee76 .quantity .qty{transition:all 0.2s;}.elementor-171 .elementor-element.elementor-element-9974614{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-171 .elementor-element.elementor-element-671ff76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-c992c83{--e-image-carousel-slides-to-show:1;}.elementor-171 .elementor-element.elementor-element-96a023b{--e-image-carousel-slides-to-show:1;}.elementor-171 .elementor-element.elementor-element-3cfbe58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-171 .elementor-element.elementor-element-1d7d981{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-171 .elementor-element.elementor-element-c520a83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-59c1a10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-171 .elementor-element.elementor-element-2baa4b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-171 .elementor-element.elementor-element-9dd7a8e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-171 .elementor-element.elementor-element-88c3983{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-171 .elementor-element.elementor-element-8b66af7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-4d0a829{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-4950238{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-6342597{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:3;}.elementor-171 .elementor-element.elementor-element-6342597:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-6342597 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1F1;}.elementor-171 .elementor-element.elementor-element-9564b75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-9564b75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-171 .elementor-element.elementor-element-339d898{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-171 .elementor-element.elementor-element-e801476{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-556158b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;}.elementor-171 .elementor-element.elementor-element-556158b.elementor-element{--align-self:center;}.elementor-171 .elementor-element.elementor-element-035e277 .cart button, .elementor-171 .elementor-element.elementor-element-035e277 .cart .button{transition:all 0.2s;}.elementor-171 .elementor-element.elementor-element-035e277 .quantity .qty{transition:all 0.2s;}.elementor-171 .elementor-element.elementor-element-f4f6323{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-171 .elementor-element.elementor-element-ff2fe55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-171 .elementor-element.elementor-element-fed6464{--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-e801476{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-c8608f7{--content-width:1200px;}.elementor-171 .elementor-element.elementor-element-a309228{--content-width:1200px;}.elementor-171 .elementor-element.elementor-element-f295f5c{--width:60%;}.elementor-171 .elementor-element.elementor-element-1ac93c9{--width:50%;}.elementor-171 .elementor-element.elementor-element-fed6464{--width:65%;}.elementor-171 .elementor-element.elementor-element-9974614{--content-width:1200px;}.elementor-171 .elementor-element.elementor-element-671ff76{--width:60%;}.elementor-171 .elementor-element.elementor-element-3cfbe58{--width:50%;}.elementor-171 .elementor-element.elementor-element-1d7d981{--content-width:1200px;}.elementor-171 .elementor-element.elementor-element-c520a83{--width:60%;}.elementor-171 .elementor-element.elementor-element-59c1a10{--width:50%;}.elementor-171 .elementor-element.elementor-element-8b66af7{--width:50%;}.elementor-171 .elementor-element.elementor-element-4d0a829{--width:50%;}.elementor-171 .elementor-element.elementor-element-4950238{--width:50%;}.elementor-171 .elementor-element.elementor-element-6342597{--content-width:1200px;}.elementor-171 .elementor-element.elementor-element-9564b75{--width:50%;}.elementor-171 .elementor-element.elementor-element-339d898{--width:50%;}.elementor-171 .elementor-element.elementor-element-e801476{--width:65%;}}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-fed6464{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-171 .elementor-element.elementor-element-e801476{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-fefee76 */table.variations { display: none; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6279bb4 *//* container met ruimte tussen de knoppen */
.rv-kleur {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px; /* meer witruimte tussen de knoppen */
  margin-top: 8px;
  margin-bottom: 8px;
}

/* individuele knoppen */
.rv-kleur button {
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1.5px solid #dcdcdc;
  border-radius: 12px;
  padding: 14px 18px; /* iets meer ruimte binnenin */
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px; /* extra witruimte tussen bol en tekst */
  align-items: center;
  transition: all .2s ease;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* hover en active state */
.rv-kleur button:hover {
  border-color: #00C896;
  box-shadow: 0 4px 10px rgba(0,200,150,0.08);
}

.rv-kleur button.active {
  border-color: #000;
  background: #f6f3ff;
  box-shadow: 0 0 0 2px #000;
}

/* bolletje links */
.rv-kleur button::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.15);
}

/* kleur bolletjes */
.rv-kleur button[data-kleur="Alpengroen"]::before { background: #3E4C40; }
.rv-kleur button[data-kleur="Sierra blue"]::before { background: #8AA4C8; }
.rv-kleur button[data-kleur="Grafiet"]::before { background: #9B9B9B; }
.rv-kleur button[data-kleur="Goud"]::before { background: #E2D3B0; }
.rv-kleur button[data-kleur="Zilver"]::before { background: #EDEDED; }

/* tekst rechts naast het bolletje */
.rv-kleur button span {
  grid-column: 2;
  display: block;
  line-height: 1.3;
}

/* naam en prijs styling */
.rv-kleur button .naam {
  font-weight: 600;
  color: #222;
}

.rv-kleur button .prijs {
  font-size: 14px;
  color: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9181e03 */.rv-conditie {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.rv-conditie button {
  width: 100%;
  text-align: left;
  background: #f8f9fb;
  border: 1.5px solid #dcdcdc;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; /* ruimte tussen tekst en label */
  transition: all 0.25s ease;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #1B1B1B;
}

/* Hover en actieve toestand */
.rv-conditie button:hover {
  border-color: #00C896;
  box-shadow: 0 3px 8px rgba(0,200,150,0.08);
}

.rv-conditie button.active {
  border-color: #000;
  background: #f6f3ff;
  box-shadow: 0 0 0 2px #000;
}

/* De “Populair” badge */
.rv-conditie .label {
  background: #00C896;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .rv-conditie button {
    padding: 12px 14px;
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c48f743 *//* Geheugenopties naast elkaar */
.rv-geheugen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.rv-geheugen button {
  background: #f8f9fb;
  border: 1.5px solid #dcdcdc;
  border-radius: 12px;
  padding: 14px 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #1B1B1B;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

/* Radiostijl bolletje */
.rv-geheugen button::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #bbb;
  background: #fff;
  transition: all 0.2s ease;
}

/* Hover en actieve stijl */
.rv-geheugen button:hover {
  border-color: #00C896;
  box-shadow: 0 3px 8px rgba(0,200,150,0.08);
}

.rv-geheugen button.active {
  border-color: #000;
  background: #f6f3ff;
  box-shadow: 0 0 0 2px #000;
}

.rv-geheugen button.active::before {
  border-color: #000;
  background: #000;
}

/* Mobiel: knoppen onder elkaar */
@media (max-width: 480px) {
  .rv-geheugen {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15a5da8 */.rv-summary li:last-child {
  margin-top: 4px;
}

.rv-sum-stock {
  font-weight: 600;
}

.rv-sum-stock::before {
  content: '● ';
  color: #00C896;   /* groen bolletje bij "op voorraad" */
}

/* Als je later met klassen wilt werken kun je dat nog verfijnen,
   maar voor nu gebruiken we gewoon de tekst van WooCommerce. *//* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-035e277 */table.variations { display: none; }/* End custom CSS */