/* Start custom CSS */:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: 4px;
  margin-bottom: 20px;
  max-width: 100%;
  box-sizing: border-box;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .options-container {
  display: contents;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .options-container.default-closed {
  display: contents !important;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .addon-header {
  display: inline;
  margin: 0;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .addon-header .wapo-addon-title {
  display: inline;
  margin: 0;
  font-size: 18px;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .addon-header .wapo-addon-title span {
  display: inline;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .addon-header .wapo-addon-title:after {
  content: " ";
}
#yith-wapo-addon-578 .wapo-addon-description {
  display: inline;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .options.per-row-1 {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  max-width: 100%;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .image-container {
  width: 96px !important;
  height: 96px !important;
  flex: 0 0 96px;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .image-container:empty {
  display: block !important;
  visibility: hidden;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .image-container .image {
  width: 96px !important;
  height: 96px !important;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .image-container img {
  width: 96px !important;
  height: 96px !important;
  object-fit: contain;
}
:is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .yith-wapo-option-value {
  flex: 0 1 260px;
  max-width: 260px;
  min-width: 160px;
}
@media (max-width: 480px) {
  :is(#yith-wapo-addon-578, #yith-wapo-addon-580, #yith-wapo-addon-581, #yith-wapo-addon-582, #yith-wapo-addon-583, #yith-wapo-addon-584) .yith-wapo-option-value {
    flex: 1 1 auto;
    max-width: none;
  }
}
#yith-wapo-addon-10 .dro30c-fallback-label,
#yith-wapo-addon-10 select.yith-wapo-option-value {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* DRO sessie 30: scroll-hint op vergelijkingstabel tab "Verwarmingselementen" */
.dro-table-wrap {
  position: relative;
}
.dro-table-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%);
  pointer-events: none;
}

/* DRO Triga-fix v2: .dro-tabs blijft op mobiel vastzitten op 1140px. Root cause: snippet 336 zet zelf inline in de body een <style> met ".dro-tabs{max-width:1140px}", ná deze pagina-CSS in de broncode-volgorde, dus die regel wint bij gelijke specificiteit. Daarom hier bewust ".product .dro-tabs" (hogere specificiteit) i.p.v. !important, en bewust hier i.p.v. in snippet 336 zelf (Triga-only scope, protocol: nooit een bestaande snippet bewerken). */
.product .dro-tabs {
  max-width: min(1140px, 100%);
}/* End custom CSS */