/** Shopify CDN: Minification failed

Line 1842:0 Unexpected "}"
Line 1905:2 Expected identifier but found "."
Line 2221:1 Expected identifier but found "note-galbanum-("
Line 2456:1 Expected identifier but found "note-mate-("
Line 2476:1 Expected identifier but found "note-moepel-("
Line 2506:1 Expected identifier but found "note-oud-("
Line 2576:1 Expected identifier but found "note-pomme-damour-("
Line 2696:1 Expected identifier but found "note-shisoplant-("

**/
@media screen and (min-width: 1025px) {
.product-title {
  font-size: 36px !important;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  color: #222222;
  margin-top: 30px;
}

.smellish-merk {
  font-size: 1rem;
  font-weight: 500;
  color: #555555;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  font-family: 'Helvetica Neue', sans-serif;
}

.product-concentration-gender {
  font-size: 16px;
  font-weight: 300;
  color: #666666;
  margin-bottom: 4px;
}

.geurkalender-knop {
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 9999px;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border: 1px solid #000000;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
}

.geurkalender-knop:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
  transform: scale(var(--sm-scale-subtle, 1.02));
}
} /* einde @media (min-width: 1025px) bovenaan bestand */

/* ===== STERREN GOUD (alle breakpoints) ===== */
.jdgm-star {
  color: #9E7A4D !important;
}
/* Judge.me review widget sterren (klantbeoordelingen onderaan) */
.jm-review-item .jm-star-rating .jm-star-rating_font-icon,
.jm-star-rating .jm-star-rating_font-icon {
  color: #9E7A4D !important;
}
[style*="--jm-review-widget-star-and-histogram-color"] {
  --jm-review-widget-star-and-histogram-color: #9E7A4D !important;
}

/* ===== DESKTOP (vanaf 1025px) ===== */
@media screen and (min-width: 1025px) {
  /* NUCLEAIRE FIX: safe-sticky (custom element) is standaard display:inline.
     Flex forceert block-level layout + gap:0 = totale controle over spacing.
     align-items:flex-start zorgt dat kinderen NIET stretchen (knop blijft inline-block breed) */
  safe-sticky.product-info,
  .product-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    position: static !important;
    inset-block-start: auto !important;
  }

  /* Reset ALLE directe kinderen - zero margin */
  .product-info > * {
    margin-block: 0 !important;
    flex-shrink: 0 !important;
  }

  /* KNOP: behoud originele inline-block stijl, niet stretchen */
  .product-info > .geurkalender-knop {
    align-self: flex-start !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* Specifieke custom elementen: nul margin/padding */
  .product-info > .product-type,
  .product-info > .product-teaser-wrapper,
  .product-info > .twistup-lightbox,
  .product-info > .scent-section {
    margin: 0 !important;
    margin-block: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Nul ruimte voor product-type */
  .product-info > .product-type {
    margin-top: 0px !important;
  }

  /* Standaard (brede desktop 1300px+): agressieve negatieve margins */
  .product-info > .product-teaser-wrapper {
    margin-top: -50px !important;
  }
  .product-info > .scent-section {
    margin-top: -30px !important;
  }

  .product-teaser-wrapper {
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
    column-gap: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
  }

  .product-teaser {
    font-size: 15px !important;
    color: #222 !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 460px !important;
  }

  .teaser-icon-frame {
    width: clamp(90px, 8vw, 130px) !important;
    aspect-ratio: 1 / 1.4 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    margin-left: 4px !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  .teaser-icon {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: crisp-edges !important;
    -webkit-image-rendering: -webkit-optimize-contrast !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
  }
}

/* ===== SMALLERE DESKTOP (1025px – 1299px): mildere negatieve margins ===== */
@media screen and (min-width: 1025px) and (max-width: 1299px) {
  .product-info > .product-teaser-wrapper {
    margin-top: -15px !important;
  }
  .product-info > .scent-section {
    margin-top: -10px !important;
  }
}

/* ------------------------------ ZOOM BUTTON & LIGHTBOX ------------------------------ */
.teaser-zoom-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  opacity: 0.8;
  transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.teaser-zoom-btn:hover {
  opacity: 1;
  background: #fff;
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Lightbox overlay - wanneer IN product-info: verborgen flex child */
.twistup-lightbox {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 20px !important;
  flex-direction: row !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
}

/* Wanneer active: toon als flex overlay, alle properties expliciet voor tablet-fix */
.twistup-lightbox.active {
  display: flex !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  transform: none !important;
}

.twistup-lightbox__inner {
  position: relative !important;
  max-width: 340px !important;
  width: 90vw !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 32px 24px 24px !important;
  text-align: center !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  margin: auto !important;
  flex-shrink: 0 !important;
}

.twistup-lightbox__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f5f5f5;
  border: none;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}

.twistup-lightbox__close:hover {
  background: #e0e0e0;
}

.twistup-lightbox__img {
  max-height: 50vh;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  image-rendering: crisp-edges;
  -webkit-image-rendering: -webkit-optimize-contrast;
  margin: 0 auto;
  display: block;
}

.twistup-lightbox__caption {
  margin-top: 16px;
  font-size: 14px;
  color: #555;
  font-style: italic;
  line-height: 1.5;
  font-family: 'Inter', sans-serif;
}

/* ------------------------------ ACCORDIONS ------------------------------ */
.accordion-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.accordion {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0;
  cursor: pointer;
}

.accordion-header {
  position: relative;
    font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 16px;
  letter-spacing: 0.5px;
  padding-right: 30px;
  color: #000;
}

.accordion-icon {
  position: absolute;
  right: 10px;
  top: 30%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat center;
  background-size: contain;
  transition: transform 0.3s ease;
}

.accordion.open .accordion-icon {
  transform: translateY(-50%) rotate(180deg);
}

.accordion-content {
  display: none;
  padding-top: 10px;
  margin-top: 15px;
  padding-left: 0;
  list-style: none;
}

.accordion.open .accordion-content {
  display: block;
}

.accordion-content li {
  font-size: 15px;
  color: #333;
  margin-bottom: 12px;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.accordion-content li strong {
  font-weight: 600;
  color: #000;
  font-size: 15px;
  margin-right: 6px;
  white-space: nowrap;
}

.accordion-content li a {
  background: #f2f2f2;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 14px;
  margin: 4px 5px 4px 0;
  display: inline-block;
  color: #1a1a1a;
  text-decoration: none;
  transition: all 0.2s ease;
}

.accordion-content li a:hover {
  background: #ffeaf4;
  color: #d1006b;
}

/* ------------------------------ GEURNOTEN KLEUREN ------------------------------ */
.scent-section {
  align-items: start !important;
  padding: 0 !important;
  font-family: 'Open sans', serif;
  max-width: 600px;
  margin: 0 auto;
}

/* ===== TABLET + MOBILE: compacte spacing + grotere teaser icon ===== */
@media screen and (max-width: 1024px) {
  /* FIX: safe-sticky ook op tablet/mobiel flex column + gap:0
     width:100% voorkomt dat container meegroeit als accordion opent */
  safe-sticky.product-info,
  .product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Reset ALLE directe kinderen */
  .product-info > * {
    margin-block: 0 !important;
    flex-shrink: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* FIX: Correcte selectors - .product-info > niet .product-info__block-list > */
  .product-info > .product-type,
  .product-info > .geurkalender-knop,
  .product-info > .product-teaser-wrapper,
  .product-info > .twistup-lightbox,
  .product-info > .scent-section {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* KNOP: behoud eigen breedte, niet 100% */
  .product-info > .geurkalender-knop {
    margin-top: 2px !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Ruimte tussen button en teaser */
  .product-info > .product-teaser-wrapper {
    margin-top: 26px !important;
  }

  /* Ruimte tussen teaser en scent-section */
  .product-info > .scent-section {
    margin-top: 26px !important;
    overflow: hidden !important;
  }

  .product-teaser-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .product-teaser {
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  .scent-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .accordion-section {
    margin-top: 0 !important;
  }
}

/* Tablet-only: grotere icon-frame */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teaser-icon-frame {
    width: clamp(70px, 10vw, 85px) !important;
    aspect-ratio: 1 / 1.4 !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    position: relative !important;
  }

  .teaser-icon {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    image-rendering: auto !important;
    transform: none !important;
  }
}

.note-category {
  margin-bottom: 25px;
}

.note-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.note-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.note-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 138px;
  height: 40px;
  border-radius: 6px;
  font-weight: 500px;
  font-size: 12.5px;
  color: #333;
  font-family: 'Inter', sans-serif;
}
/* hover css */
  
  .tooltip-note {
  position: relative;
  cursor: pointer;
}

.tooltip-note:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1a1a1a;
  color: #fff;
  padding: 8px 10px;
  font-size: 13px;
  border-radius: 6px;
  white-space: normal;
  width: max-content;
  max-width: 220px;
  z-index: 999;
  opacity: 1;
  visibility: visible;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  transition: opacity 0.3s ease;
  font-family: 'Open Sans', sans-serif;
}

.tooltip-note::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Geurnootkleuren op basis van realistische, luxe en frisse accenten */

.note-roze-peper {
  background-color: #f4b6c2; /* zachtroze/roze peper */
  color: #fff;
}

.note-grapefruit {
  background-color: #ffcc99; /* grapefruitkleur */
  color: #000;
}

.note-bergamot {
  background-color: #cdeab0; /* zachtgroen citrus */
  color: #000;
}

.note-gember {
  background-color: #f0b478; /* warm gemberoranje */
  color: #000;
}

.note-salie {
  background-color: #c3d7c0; /* dusty green */
  color: #000;
}

.note-lavendel {
  background-color: #dbc4e8; /* zachtpaars */
  color: #000;
}

.note-suede {
  background-color: #cab8a2; /* licht leerachtig/beige */
  color: #000;
}

.note-mos {
  background-color: #98c99c; /* mosgroen */
  color: #000;
}

.note-helder-hout {
  background-color: #e4c59e; /* houttint */
  color: #000;
}
  .note-mango {
  background-color: #ffd36e !important; /* zonnig geel/oranje */
  color: #000 !important;
}

.note-jasmijn {
  background-color: #fff0f5 !important; /* zacht bloemig witroze */
  color: #000 !important;
}

.note-kerkwierook {
  background-color: #d2c2aa !important; /* mystiek beige/grijs */
  color: #000 !important;
}

.note-vanille {
  background-color: #fbe7c6 !important; /* romig vanillebeige */
  color: #000 !important;
}

.note-sandelhout {
  background-color: #deb887 !important; /* warm houtbruin */
  color: #000 !important;
}
.note-bloed-mandarijn {
  background-color: #ffb3a7 !important; /* warm mandarijnroze */
  color: #000 !important;
}

.note-munt {
  background-color: #b9eacb !important; /* frisse muntgroen */
  color: #000 !important;
}

.note-kaneel {
  background-color: #d2691e !important; /* kaneelbruin */
  color: #fff !important;
}

.note-kruidige-geurnoten {
  background-color: #e3b778 !important; /* warme kruidige tint */
  color: #000 !important;
}

.note-roos {
  background-color: #f4c2c2 !important; /* zachte rozenroze */
  color: #000 !important;
}

.note-amber {
  background-color: #ffc87c !important; /* amberkleur */
  color: #000 !important;
}

.note-leer {
  background-color: #a67c52 !important; /* leerbruin */
  color: #fff !important;
}

.note-hout-noten {
  background-color: #deb887 !important; /* klassiek houtbruin */
  color: #000 !important;
}

.note-indiase-patchouli {
  background-color: #b2a49b !important; /* aardse patchoulikleur */
  color: #000 !important;
}
.note-rood-fruit {
  background-color: #f28b82 !important; /* fris rood fruit */
  color: #000 !important;
}

.note-rabarber {
  background-color: #e0a899 !important; /* roze/beige zuurzoet */
  color: #000 !important;
}

.note-mandarijn {
  background-color: #ffcc80 !important; /* helder oranjegeel */
  color: #000 !important;
}

.note-muskus {
  background-color: #e8e6e1 !important; /* lichtgrijs/beige muskus */
  color: #000 !important;
}

.note-ambroxan {
  background-color: #dcd6c3 !important; /* synthetisch amberachtig */
  color: #000 !important;
}

.note-ceder {
  background-color: #c8b89a !important; /* zacht houtachtig beige */
  color: #000 !important;
}

.note-patchouli {
  background-color: #bfa6a0 !important; /* aards bruinpaars */
  color: #000 !important;
}
.note-appel {
  background-color: #f1f1f1 !important; /* neutraal lichtgrijs voor Appel */
  color: #000 !important;
}

.note-kaneel {
  background-color: #d2691e !important; /* warm kaneeloranje */
  color: #fff !important;
}

.note-lavendel {
  background-color: #d9c2e9 !important; /* lavendelpaars */
  color: #000 !important;
}

.note-bergamot {
  background-color: #cdeab0 !important; /* zachtgroen citrus */
  color: #000 !important;
}

.note-oranje-bloesem {
  background-color: #fdeacb !important; /* zacht oranje/witbloesemkleurig */
  color: #000 !important;
}

.note-lelietje-van-dalen {
  background-color: #e6f2da !important; /* lichtgroen bloemig */
  color: #000 !important;
}


.note-vanille {
  background-color: #fbe9c6 !important; /* romig vanillebeige */
  color: #000 !important;
}

.note-tonkaboon {
  background-color: #ddd0c0 !important; /* lichtbruin, nootachtig */
  color: #000 !important;
}

.note-amber {
  background-color: #fbc987 !important; /* warm amberkleurig */
  color: #000 !important;
}
.note-bramen {
  background-color: #b285a5 !important; /* donker bessenpaars */
  color: #fff !important;
}

.note-peer {
  background-color: #e3f6c4 !important; /* zachtgroen, sappig fruit */
  color: #000 !important;
}
.note-slagroom {
  background-color: #fff4ea !important; /* romig wit */
  color: #000 !important;
}

.note-marshmellow {
  background-color: #fdeaf1 !important; /* zacht roze/snoepkleur */
  color: #000 !important;
}

.note-zwarte-bes {
  background-color: #6f3b74 !important; /* diep paars */
  color: #fff !important;
}

.note-jasmijn {
  background-color: #ffeef1 !important; /* lichtbloemig roze */
  color: #000 !important;
}

.note-plumeria {
  background-color: #fce5d1 !important; /* zacht perzikachtig bloemig */
  color: #000 !important;
}

.note-kamperfoelie {
  background-color: #f3fdd4 !important; /* geelgroen bloemig */
  color: #000 !important;
}
.note-kasjmier-hout {
  background-color: #d9cfc2 !important; /* warm beige houtachtig */
  color: #000 !important;
}
.note-lychees {
  background-color: #ffe5ec !important; /* fris lichtroze fruit */
  color: #000 !important;
}

.note-framboos {
  background-color: #f4b6c2 !important; /* helder framboosroze */
  color: #000 !important;
}

.note-meloen {
  background-color: #fef3d3 !important; /* zachtgeelgroen meloen */
  color: #000 !important;
}

.note-guave {
  background-color: #ffe1d6 !important; /* guave-oranje/roze pastel */
  color: #000 !important;
}
.note-waterlelie {
  background-color: #e5f5f7 !important; /* lichtblauw aquatisch bloemig */
  color: #000 !important;
}

.note-passiebloem {
  background-color: #e6d5f3 !important; /* licht violetbloemig */
  color: #000 !important;
}

.note-pioenroos {
  background-color: #fde3f3 !important; /* zacht roze bloemig */
  color: #000 !important;
}
.note-rozenhout {
  background-color: #e6cfc7 !important; /* zacht houtachtig roze/beige */
  color: #000 !important;
}
.note-koriander {
  background-color: #e0d4c2 !important; /* kruidig lichtbeige */
  color: #000 !important;
}

.note-mandarijn {
  background-color: #ffc56b !important; /* helder oranjegeel citrus */
  color: #000 !important;
}

.note-grapefruit {
  background-color: #ffcc99 !important; /* pastel perzikkleur */
  color: #000 !important;
}

.note-limoen {
  background-color: #d2f4b7 !important; /* lichtgroen citrus */
  color: #000 !important;
}
.note-mirre {
  background-color: #dbc5a3 !important; /* harsachtig beige-bruin */
  color: #000 !important;
}

.note-nootmuskaat {
  background-color: #e8d4b0 !important; /* kruidig warmbeige */
  color: #000 !important;
}

.note-anjer {
  background-color: #f9e0e0 !important; /* bloemig roze */
  color: #000 !important;
}

.note-denneboom {
  background-color: #c3d4bb !important; /* dennenachtig groen/grijs */
  color: #000 !important;
}

.note-rode-bessen {
  background-color: #de6b74 !important; /* helder rood/roze beskleur */
  color: #fff !important;
}
.note-vetiver {
  background-color: #b3a98f !important; /* aards olijfgroen/bruin */
  color: #000 !important;
}
  .note-sinaasappel {
  background-color: #ffe4b5 !important; /* licht sinaasappelbeige */
  color: #000 !important;
}

.note-bloedgrapefruit {
  background-color: #f9c5b9 !important; /* roze/grapefruit pastel */
  color: #000 !important;
}

.note-indiase-mandarijn {
  background-color: #ffd89f !important; /* warm oranjegeel */
  color: #000 !important;
}

.note-pruim {
  background-color: #c29fc6 !important; /* zacht pruimpaars */
  color: #000 !important;
}

.note-groene-noten {
  background-color: #cde8b2 !important; /* frisgroen blad */
  color: #000 !important;
}

.note-viooltje {
  background-color: #e4cdf9 !important; /* lila bloemkleur */
  color: #000 !important;
}

.note-viooltjesblad {
  background-color: #cbe2c4 !important; /* groenbladig bloemig */
  color: #000 !important;
}

.note-tuberoos {
  background-color: #fef0e3 !important; /* romig witbloemig */
  color: #000 !important;
}
.note-fresia {
  background-color: #ffeef5 !important; /* zachtbloemig roze */
  color: #000 !important;
}

.note-orchidee {
  background-color: #f3d1ec !important; /* licht orchideeroze */
  color: #000 !important;
}

.note-sering {
  background-color: #e6d7f0 !important; /* zacht lila bloemig */
  color: #000 !important;
}

.note-lelie {
  background-color: #fff5e9 !important; /* licht warm crème */
  color: #000 !important;
}

.note-geranium {
  background-color: #f0b6b3 !important; /* roze-rood bloemig */
  color: #000 !important;
}

.note-karo-karounde {
  background-color: #d4c4a8 !important; /* exotisch bloemig beige */
  color: #000 !important;
}
.note-mimosa {
  background-color: #fef1b6 !important; /* zachtgeel bloemig */
  color: #000 !important;
}

.note-magnolia {
  background-color: #ffe9f0 !important; /* bloesem roze/wit */
  color: #000 !important;
}

.note-ceder {
  background-color: #c8b89a !important; /* zacht houtachtig beige */
  color: #000 !important;
}
  .note-gojibessen {
  background-color: #f4a6a0 !important; /* rood fruit, fris en sappig */
  color: #000 !important;
}

.note-kweepeer {
  background-color: #fef1c1 !important; /* zachtgeel fruitig */
  color: #000 !important;
}

.note-vanille-orchidee {
  background-color: #f7eada !important; /* bloemig romig beige */
  color: #000 !important;
}

.note-roze-pioen {
  background-color: #f9d1dc !important; /* romantisch roze bloemig */
  color: #000 !important;
}

.note-osmanthus {
  background-color: #ffe3b0 !important; /* abrikoosachtig bloemig geel */
  color: #000 !important;
}

.note-hibiscus {
  background-color: #f4b3b3 !important; /* tropisch roze/rood bloemig */
  color: #000 !important;
}
.note-citroen {
  background-color: #fff9c4 !important; /* lichtgele citrustint */
  color: #000 !important;
}

.note-eikenmos {
  background-color: #b5c19a !important; /* aards groengrijs mos */
  color: #000 !important;
}

.note-mahoniehout {
  background-color: #d8b6a1 !important; /* warm roodbruin hout */
  color: #000 !important;
}

.note-cederhout {
  background-color: #c8b89a !important; /* houtachtig beige */
  color: #000 !important;
}

.note-olijfboom {
  background-color: #d4cdb0 !important; /* zacht olijfgroen/beige hout */
  color: #000 !important;
}
.note-maninka {
  background-color: #f3dbbb !important; /* fruitig/beige met tropische vibe */
  color: #000 !important;
}
.note-fruitige-noten {
  background-color: #ffe7b7 !important; /* fris geel-oranje fruitig */
  color: #000 !important;
}

.note-afrikaanse-oranjebloesem {
  background-color: #fff1cc !important; /* zachtgeel bloemig citrus */
  color: #000 !important;
}

.note-amalfi-citroen {
  background-color: #fafdcb !important; /* heldergeel citrus */
  color: #000 !important;
}

.note-cassis {
  background-color: #7f4c6b !important; /* donkerpaars bessentint */
  color: #fff !important;
}
.note-ylang-ylang {
  background-color: #fff8c9 !important; /* lichtgeel bloemig tropisch */
  color: #000 !important;
}

.note-heliotroop {
  background-color: #e6d6f0 !important; /* lila/pastel paars bloemig */
  color: #000 !important;
}

.note-iriswortel {
  background-color: #dcd0e8 !important; /* koel paarsgrijs poederachtig */
  color: #000 !important;
}
.note-benzoine {
  background-color: #f1e0c5 !important; /* warm beige/amberhars */
  color: #000 !important;
}

.note-styrax {
  background-color: #d3b8a4 !important; /* warme harsachtig bruinbeige */
  color: #000 !important;
}

.note-tabaksblad {
  background-color: #a4805d !important; /* donker tabaksbruin */
  color: #fff !important;
}
.note-zeenoten {
  background-color: #c9e4f3 !important; /* fris aqua/blauwgrijs */
  color: #000 !important;
}
.note-laurierblad {
  background-color: #d6e8c5 !important; /* groen kruidig blad */
  color: #000 !important;
}
.note-ambergris {
  background-color: #dad8d0 !important; /* zilvergrijs/zeewaterachtig */
  color: #000 !important;
}

.note-guaiac-hout {
  background-color: #bfaea0 !important; /* warm houtachtig grijsbruin */
  color: #000 !important;
}

.note-eikenmos {
  background-color: #aab98b !important; /* aards mosgroen */
  color: #000 !important;
}
.note-roze-grapefruit {
  background-color: #ffd3c6 !important; /* zachtroze citruskleur */
  color: #000 !important;
}

.note-siciliaanse-bergamot {
  background-color: #d7f4b7 !important; /* frisser citrusgroen dan gewone bergamot */
  color: #000 !important;
}

.note-hyacint {
  background-color: #e0d4f7 !important; /* paars/lavendelkleurig bloemig */
  color: #000 !important;
}
.note-patchouli-uit-singapore {
  background-color: #b8a79f !important; /* iets lichtere aardse patchouli */
  color: #000 !important;
}

.note-civet {
  background-color: #c4b9ac !important; /* dierlijk, zachtgrijs-bruin */
  color: #000 !important;
}
.note-zwart-viooltje {
  background-color: #8b5c85 !important; /* diep paarsachtig violet */
  color: #fff !important;
}

.note-saffraan {
  background-color: #f6c47e !important; /* warm goudgeel kruidig */
  color: #000 !important;
}
.note-honing {
  background-color: #fbe5a2 !important; /* honinggeel zacht goud */
  color: #000 !important;
}
.note-chinotto {
  background-color: #e0c3a5 !important; /* bitterzoet citrus-bruin */
  color: #000 !important;
}

.note-madagascar-peper {
  background-color: #d7a17c !important; /* warm peperachtig oranje-bruin */
  color: #000 !important;
}

.note-rozemarijn {
  background-color: #b7d1b0 !important; /* groen kruidig */
  color: #000 !important;
}
.note-pepperwood {
  background-color: #cfb5a3 !important; /* houtachtig roze/bruin tint */
  color: #000 !important;
}
  .note-calabrische-bergamot {
  background-color: #d4edb0 !important; /* frisgroen citrus */
  color: #000 !important;
}

.note-waternoten {
  background-color: #c8e4f0 !important; /* zacht aqua blauw */
  color: #000 !important;
}

.note-vijgenblad {
  background-color: #b6d4a8 !important; /* fruitig groen blad */
  color: #000 !important;
}
.note-zwarte-peper {
  background-color: #c1b4a9 !important; /* warm kruidig grijs/beige */
  color: #000 !important;
}

.note-papyrus {
  background-color: #e2d7c3 !important; /* houtachtig beige */
  color: #000 !important;
}
.note-wierook {
  background-color: #b6a99c !important; /* rookachtig grijsbruin */
  color: #000 !important;
}

/* ------------------------------ NIEUWE GEURNOTEN ------------------------------ */
.note-kardemom {
  background-color: #d4c4a0 !important;
  color: #000 !important;
}
.note-kokosnoot {
  background-color: #fff5eb !important;
  color: #000 !important;
}
.note-gardenia {
  background-color: #fff8f0 !important;
  color: #000 !important;
}
.note-granaatappel {
  background-color: #e86b6b !important;
  color: #fff !important;
}
.note-sharonvrucht {
  background-color: #f5a85c !important;
  color: #000 !important;
}
.note-groen-accoord {
  background-color: #b8d4a8 !important;
  color: #000 !important;
}
.note-zwarte-orchidee {
  background-color: #4a3c5c !important;
  color: #fff !important;
}
.note-lotus {
  background-color: #f5e1eb !important;
  color: #000 !important;
}
.note-champaca {
  background-color: #f5e6b8 !important;
  color: #000 !important;
}
.note-aldehyden {
  background-color: #e8e8e8 !important;
  color: #000 !important;
}
.note-orris-wortel {
  background-color: #dcd0e8 !important;
  color: #000 !important;
}
.note-davana {
  background-color: #e8d4b0 !important;
  color: #000 !important;
}
.note-damask-roos {
  background-color: #f0b8c0 !important;
  color: #000 !important;
}
.note-neroli {
  background-color: #fff4d4 !important;
  color: #000 !important;
}
.note-melk-mousse {
  background-color: #fff8f4 !important;
  color: #000 !important;
}
.note-zwarte-vanilleboon {
  background-color: #3d3020 !important;
  color: #fff !important;
}
.note-elemi {
  background-color: #d4e8c4 !important;
  color: #000 !important;
}
.note-suiker {
  background-color: #fff8f8 !important;
  color: #000 !important;
}
.note-cashmeran {
  background-color: #d8c8b8 !important;
  color: #000 !important;
}
.note-groene-thee {
  background-color: #c8e4c0 !important;
  color: #000 !important;
}
.note-suikerriet {
  background-color: #e8e4d0 !important;
  color: #000 !important;
}
.note-lisdodde {
  background-color: #c4d8c4 !important;
  color: #000 !important;
}
.note-thee-roos {
  background-color: #f8d4d8 !important;
  color: #000 !important;
}
.note-thanaka-hout {
  background-color: #d4c4a8 !important;
  color: #000 !important;
}
.note-rode-appel {
  background-color: #e85050 !important;
  color: #fff !important;
}
.note-den {
  background-color: #85a878 !important;
  color: #fff !important;
}
.note-iris {
  background-color: #d8d0e8 !important;
  color: #000 !important;
}
.note-arabische-jasmijn {
  background-color: #fff4f0 !important;
  color: #000 !important;
}
.note-tabak {
  background-color: #8b7355 !important;
  color: #fff !important;
}
.note-agarhout {
  background-color: #6b5040 !important;
  color: #fff !important;
}
.note-lichte-amber {
  background-color: #ffd8a0 !important;
  color: #000 !important;
}
.note-strawberry-smores {
  background-color: #e89090 !important;
  color: #000 !important;
}
.note-karamel {
  background-color: #d4a050 !important;
  color: #000 !important;
}
.note-dadels {
  background-color: #8b6040 !important;
  color: #fff !important;
}
.note-praline-vulling {
  background-color: #c8a080 !important;
  color: #000 !important;
}
.note-gesuikerd-fruit {
  background-color: #ffd4e0 !important;
  color: #000 !important;
}
.note-melk {
  background-color: #fff8f4 !important;
  color: #000 !important;
}
.note-droog-hout {
  background-color: #c4b090 !important;
  color: #000 !important;
}
.note-labdanum {
  background-color: #a89078 !important;
  color: #000 !important;
}
.note-welriekende-lathyrus {
  background-color: #e8c8d8 !important;
  color: #000 !important;
}
.note-komkommer {
  background-color: #c8e8c4 !important;
  color: #000 !important;
}
.note-basilicum {
  background-color: #90c878 !important;
  color: #000 !important;
}
.note-schijnhulst {
  background-color: #b8c8a0 !important;
  color: #000 !important;
}
.note-capuccino {
  background-color: #c4a080 !important;
  color: #000 !important;
}
.note-ceder-uit-virginia {
  background-color: #c8b8a0 !important;
  color: #000 !important;
}
.note-tahitiaanse-gardenia {
  background-color: #fff4e8 !important;
  color: #000 !important;
}
.note-palissander-rozenhout {
  background-color: #d8a8a0 !important;
  color: #000 !important;
}
.note-jasmijnthee {
  background-color: #f0f4e0 !important;
  color: #000 !important;
}
.note-appelbloesem {
  background-color: #ffe8f0 !important;
  color: #000 !important;
}
.note-camelia {
  background-color: #f8e0e8 !important;
  color: #000 !important;
}
.note-citrusvruchten {
  background-color: #ffe8a0 !important;
  color: #000 !important;
}
.note-groene-mandarijn {
  background-color: #c8e0a0 !important;
  color: #000 !important;
}
.note-vijg {
  background-color: #c8a8c0 !important;
  color: #000 !important;
}
.note-narcis {
  background-color: #fff8c0 !important;
  color: #000 !important;
}
.note-huid {
  background-color: #e8d8c8 !important;
  color: #000 !important;
}
.note-zout {
  background-color: #f0f0f0 !important;
  color: #000 !important;
}
.note-kastanje {
  background-color: #8b6545 !important;
  color: #fff !important;
}
.note-kassieboom {
  background-color: #d4c090 !important;
  color: #000 !important;
}
.note-tomatenblad {
  background-color: #90b868 !important;
  color: #000 !important;
}
.note-dragon {
  background-color: #a8c890 !important;
  color: #000 !important;
}
.note-klimop {
  background-color: #608850 !important;
  color: #fff !important;
}
.note-zoethout {
  background-color: #4a3830 !important;
  color: #fff !important;
}
.note-kersen {
  background-color: #c83030 !important;
  color: #fff !important;
}
.note-amaryllis {
  background-color: #e86868 !important;
  color: #fff !important;
}
.note-witte-musk {
  background-color: #f8f8f8 !important;
  color: #000 !important;
}
.note-drijfhout {
  background-color: #b8a890 !important;
  color: #000 !important;
}
.note-italiaanse-citroen {
  background-color: #fff8a0 !important;
  color: #000 !important;
}
.note-grapefruit-bloesem {
  background-color: #ffe0d0 !important;
  color: #000 !important;
}
.note-yuzu {
  background-color: #f8f4a0 !important;
  color: #000 !important;
}
.note-citroenverbena {
  background-color: #e8f4a0 !important;
  color: #000 !important;
}
.note-cipres {
  background-color: #708860 !important;
  color: #fff !important;
}
.note-calone {
  background-color: #c0e0f0 !important;
  color: #000 !important;
}
.note-blauwe-lotus {
  background-color: #a0c8e8 !important;
  color: #000 !important;
}
.note-bourbon-geranium {
  background-color: #e8a8a8 !important;
  color: #000 !important;
}
.note-ceylon-kaneel {
  background-color: #c87830 !important;
  color: #fff !important;
}
.note-reseda {
  background-color: #c8d8a0 !important;
  color: #000 !important;
}
.note-tahitiaanse-vetiver {
  background-color: #a8a078 !important;
  color: #000 !important;
}
.note-steranijs {
  background-color: #d8c8a8 !important;
  color: #000 !important;
}
.note-jeneverbes {
  background-color: #607080 !important;
  color: #fff !important;
}
.note-watermeloen {
  background-color: #f89090 !important;
  color: #000 !important;
}
.note-rode-besblad {
  background-color: #c8a0a0 !important;
  color: #000 !important;
}
.note-cactus {
  background-color: #78a868 !important;
  color: #fff !important;
}
.note-rode-ceder {
  background-color: #b88870 !important;
  color: #000 !important;
}
.note-kumquat {
  background-color: #ffa850 !important;
  color: #000 !important;
}
.note-scharlei {
  background-color: #b8c0a8 !important;
  color: #000 !important;
}
.note-absinth-alsem {
  background-color: #98a878 !important;
  color: #000 !important;
}
.note-narcissen {
  background-color: #fff8c0 !important;
  color: #000 !important;
}
.note-sklareen {
  background-color: #c0c8b0 !important;
  color: #000 !important;
}
.note-timur {
  background-color: #d8c0a0 !important;
  color: #000 !important;
}
.note-minerale-noten {
  background-color: #c8c8c8 !important;
  color: #000 !important;
}
.note-indonesische-nootmuskaat {
  background-color: #d8c8a8 !important;
  color: #000 !important;
}
.note-vlas {
  background-color: #d8d0c0 !important;
  color: #000 !important;
}
.note-haitiaanse-vetiver {
  background-color: #a09068 !important;
  color: #000 !important;
}
.note-sylkolide {
  background-color: #e8e0d8 !important;
  color: #000 !important;
}
.note-zure-kers {
  background-color: #c83848 !important;
  color: #fff !important;
}
.note-marojaan {
  background-color: #a8b890 !important;
  color: #000 !important;
}
.note-pomerans {
  background-color: #ffa060 !important;
  color: #000 !important;
}
.note-rode-bes {
  background-color: #d85050 !important;
  color: #fff !important;
}
.note-ananas {
  background-color: #ffe858 !important;
  color: #000 !important;
}
.note-berkehout {
  background-color: #d8c8b0 !important;
  color: #000 !important;
}
.note-turkse-roos {
  background-color: #e8a8b0 !important;
  color: #000 !important;
}
.note-bourbon-peper {
  background-color: #c8a888 !important;
  color: #000 !important;
}
.note-heiligenbloem {
  background-color: #f8e8a0 !important;
  color: #000 !important;
}
.note-harsen {
  background-color: #c8a878 !important;
  color: #000 !important;
}
.note-cypriol-olie {
  background-color: #908068 !important;
  color: #fff !important;
}
.note-cranberry {
  background-color: #c83850 !important;
  color: #fff !important;
}
.note-tabaksplantblad {
  background-color: #788848 !important;
  color: #fff !important;
}
.note-papyrusriet {
  background-color: #d8d0b8 !important;
  color: #000 !important;
}
.note-cognac {
  background-color: #a87030 !important;
  color: #fff !important;
}
.note-olibanum {
  background-color: #c8b898 !important;
  color: #000 !important;
}
.note-witte-ceder-extract {
  background-color: #e8e0d0 !important;
  color: #000 !important;
}
.note-tolubalsem {
  background-color: #c8a070 !important;
  color: #000 !important;
}
.note-bulgaarse-roos {
  background-color: #e8a0b0 !important;
  color: #000 !important;
}
.note-elemi-hars {
  background-color: #d0e0c0 !important;
  color: #000 !important;
}
.note-west-indische-laurier {
  background-color: #90a878 !important;
  color: #000 !important;
}
.note-amandel {
  background-color: #f0e8d8 !important;
  color: #000 !important;
}
.note-bosbes {
  background-color: #5050a0 !important;
  color: #fff !important;
}
.note-moerbei {
  background-color: #803060 !important;
  color: #fff !important;
}
.note-grote-aardbei {
  background-color: #e85858 !important;
  color: #fff !important;
}
.note-bourbon-vanille {
  background-color: #f8e8c8 !important;
  color: #000 !important;
}
.note-waterachtige-noten {
  background-color: #c8e0f0 !important;
  color: #000 !important;
}
.note-bourbon-vetiver {
  background-color: #a89870 !important;
  color: #000 !important;
}
.note-mahonie {
  background-color: #904030 !important;
  color: #fff !important;
}
.note-akigalahout {
  background-color: #987050 !important;
  color: #fff !important;
}
.note-oud {
  background-color: #584030 !important;
  color: #fff !important;
}
.note-drank {
  background-color: #c89048 !important;
  color: #000 !important;
}
.note-witte-bloemen {
  background-color: #fff8f4 !important;
  color: #000 !important;
}
.note-witte-houtsoorten {
  background-color: #f0e8e0 !important;
  color: #000 !important;
}
.note-amberhout {
  background-color: #d8b080 !important;
  color: #000 !important;
}
.note-kruidige-noten {
  background-color: #d8c8a0 !important;
  color: #000 !important;
}
.note-houtachtige-noten {
  background-color: #c8b898 !important;
  color: #000 !important;
}
.note-koffie {
  background-color: #5c4030 !important;
  color: #fff !important;
}
.note-peper {
  background-color: #c0b0a0 !important;
  color: #000 !important;
}
.note-karwijzaad {
  background-color: #c8b890 !important;
  color: #000 !important;
}
/* Typo-variant (met streepjes) - voor backwards compatibility */
.note-lelietje-van-dalen {
  background-color: #f5f5f0 !important;
  color: #000 !important;
}

/* ------------------------------ EXTRA ONTBREKENDE NOTEN ------------------------------ */
.note-bloedsinaasappel {
  background-color: #e85030 !important;
  color: #fff !important;
}
.note-cedrat {
  background-color: #e8e878 !important;
  color: #000 !important;
}
.note-pompelmoes {
  background-color: #f8e8a0 !important;
  color: #000 !important;
}
.note-frangipani {
  background-color: #fff0e8 !important;
  color: #000 !important;
}
.note-eikenhout {
  background-color: #a08060 !important;
  color: #fff !important;
}
.note-teakhout {
  background-color: #907050 !important;
  color: #fff !important;
}
.note-dennenhout {
  background-color: #608850 !important;
  color: #fff !important;
}
.note-berkenhout {
  background-color: #e8e0d0 !important;
  color: #000 !important;
}
.note-cypressen {
  background-color: #708860 !important;
  color: #fff !important;
}
.note-kruidnagel {
  background-color: #8b4020 !important;
  color: #fff !important;
}
.note-komijn {
  background-color: #c8a870 !important;
  color: #000 !important;
}
.note-kurkuma {
  background-color: #e8a820 !important;
  color: #000 !important;
}
.note-perzik {
  background-color: #ffc898 !important;
  color: #000 !important;
}
.note-abrikoos {
  background-color: #f8a860 !important;
  color: #000 !important;
}
.note-kers {
  background-color: #c83040 !important;
  color: #fff !important;
}
.note-braam {
  background-color: #603048 !important;
  color: #fff !important;
}
.note-aardbei {
  background-color: #e84848 !important;
  color: #fff !important;
}
.note-passievrucht {
  background-color: #a85890 !important;
  color: #fff !important;
}
.note-papaja {
  background-color: #f8a068 !important;
  color: #000 !important;
}
.note-lychee {
  background-color: #ffe0e8 !important;
  color: #000 !important;
}
.note-gras {
  background-color: #90c860 !important;
  color: #000 !important;
}
.note-bamboe {
  background-color: #a8c878 !important;
  color: #000 !important;
}
.note-tijm {
  background-color: #a0a878 !important;
  color: #000 !important;
}
.note-chocolade {
  background-color: #5c3020 !important;
  color: #fff !important;
}
.note-cacao {
  background-color: #4a2818 !important;
  color: #fff !important;
}
.note-marshmallow {
  background-color: #fff0f4 !important;
  color: #000 !important;
}

/* ------------------------------ HOOFDAKKOORDEN ------------------------------ */
.accords-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.accord-item {
  font-size: 13px;
  padding: 6px 12px;
  background-color: #f0f0f0;
  color: #222;
  border-radius: 9999px;
  font-weight: 500;
  text-transform: lowercase;
  font-family: 'Open Sans', sans-serif;
}
}
.extra-info-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 24px;
}

.info-row {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #1a1a1a;
}

.info-label {
  font-weight: 600;
}

.info-value {
  color: #c4008e;
  text-decoration: none;
  font-weight: 500;
}

.info-value:hover {
  text-decoration: underline;
}
/* Tooltip nieuwe variant */
.info-icon {
  display: inline-block;
  position: relative;
  cursor: help;
  margin-left: 8px;
}

.info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  color: white;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 6px;
  white-space: normal;
  max-width: 300px; /* was 250px */
  width: 270px;
  text-align: left; /* links uitlijnen */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 20;
}

.info-icon:hover::after,
.info-icon.active::after {
  opacity: 1;
}

.info-icon:hover::before { /* pijltje */
  ...
}

.info-label-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.accordion-header .info-icon {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  transform: translateY(-2px); /* optioneel fine-tune */
  cursor: help;
}

/* =========================
   TEASER POLISH (tablet + desktop)
   ========================= */

/* iPad / tablet */
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .product-info > .product-teaser-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin: 16px auto 6px !important;
    padding: 10px 12px !important;
    background: #f8f6f3 !important;
    border: 1px solid #ece8e3 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .product-info .product-teaser {
    flex: 1 1 auto !important;
    max-width: 420px !important;
    margin: 0 !important;
    font-size: 13.6px !important;
    line-height: 1.45 !important;
    color: #1a1a1a !important;
    text-align: center !important;
  }

  .product-info .teaser-icon-frame {
    width: 84px !important;
    min-width: 84px !important;
    margin: 0 !important;
    position: relative !important;
  }

  .product-info .teaser-icon {
    transform: scale(1.1) !important;
    transform-origin: center center !important;
  }

  .product-info .teaser-zoom-btn {
    width: 25px !important;
    height: 25px !important;
    right: -1px !important;
    top: -5px !important;
  }

  .product-info .teaser-zoom-btn svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* ========== AANVULLING ONTBREKENDE GEURNOOTKLEUREN ========== */
.note-aardse-noten {
  background-color: #c8b8a0 !important; /* warm aards beige */
  color: #000 !important;
}

.note-abricoosbloesem {
  background-color: #ffe0c8 !important; /* zacht abrikoosbloesem */
  color: #000 !important;
}

.note-amandelmelk {
  background-color: #f8f0e0 !important; /* creme amandelwit */
  color: #000 !important;
}

.note-amber-xtreme {
  background-color: #f0c070 !important; /* intens ambergoud */
  color: #000 !important;
}

.note-ambrettezaad {
  background-color: #e0d8c8 !important; /* muskusachtig beige */
  color: #000 !important;
}

.note-ambrofix {
  background-color: #dcd6c3 !important; /* warm ambroxachtig */
  color: #000 !important;
}

.note-anijs {
  background-color: #e0d8c0 !important; /* lichtbeige kruidig */
  color: #000 !important;
}

.note-appelbrandewijn {
  background-color: #e8c890 !important; /* warm amberfruitig */
  color: #000 !important;
}

.note-aquatische-noten {
  background-color: #c8e0f0 !important; /* licht aquatisch blauw */
  color: #000 !important;
}

.note-aronskelk {
  background-color: #f0e8f0 !important; /* licht paarsbloemig */
  color: #000 !important;
}

.note-artemisia {
  background-color: #b8c8a8 !important; /* zilvergroen kruid */
  color: #000 !important;
}

.note-atlasceder {
  background-color: #c8b89a !important; /* warm cederhoutbeige */
  color: #000 !important;
}

.note-balsem-spar {
  background-color: #a8c8a0 !important; /* groenig harsachtig spar */
  color: #000 !important;
}

.note-belambraboom {
  background-color: #c8b898 !important; /* exotisch houtbeige */
  color: #000 !important;
}

.note-benzoïne {
  background-color: #f0e0c8 !important; /* warm harsachtig beige */
  color: #000 !important;
}

.note-berk {
  background-color: #d0c8b0 !important; /* licht berkenhout */
  color: #000 !important;
}

.note-bessen {
  background-color: #c88098 !important; /* donker bessenrood */
  color: #fff !important;
}

.note-bittere-amandel {
  background-color: #e8d8c0 !important; /* lichtbruin amandel */
  color: #000 !important;
}

.note-blauwe-hyacint {
  background-color: #c5cae9 !important; /* zacht blauwlila */
  color: #000 !important;
}

.note-blauweregen {
  background-color: #d1c4e9 !important; /* lila blauwregen */
  color: #000 !important;
}

.note-bleke-iris {
  background-color: #e0d8f0 !important; /* bleek paars iris */
  color: #000 !important;
}

.note-bloed-sinaasappel {
  background-color: #ffb3a7 !important; /* warm rood-oranje citrus */
  color: #000 !important;
}

.note-bloemen {
  background-color: #f8e8f0 !important; /* generiek bloemig roze */
  color: #000 !important;
}

.note-bloemige-noten {
  background-color: #f8e8f0 !important; /* generiek bloemig roze */
  color: #000 !important;
}

.note-braziliaans-rozenhout {
  background-color: #d8b8a8 !important; /* warm rozehoutbruin */
  color: #000 !important;
}

.note-bruine-suiker {
  background-color: #d8b088 !important; /* warm karamelbruin */
  color: #000 !important;
}

.note-cacao-dop {
  background-color: #a08060 !important; /* warm cacaobruin */
  color: #fff !important;
}

.note-cactusbloem {
  background-color: #e8f5e9 !important; /* zachtgroen woestijnbloem */
  color: #000 !important;
}

.note-calamondin {
  background-color: #ffe0a0 !important; /* klein oranje citrus */
  color: #000 !important;
}

.note-cashmere-hout {
  background-color: #d9cfc2 !important; /* warm beige kasjmier */
  color: #000 !important;
}

.note-castoreum {
  background-color: #a89078 !important; /* donker dierlijk leerbruin */
  color: #000 !important;
}

.note-citroen-meringue-taart {
  background-color: #fff5c0 !important; /* zoet citroengeel */
  color: #000 !important;
}

.note-citroenbloesem {
  background-color: #fefce8 !important; /* lichtgeel citrusbloesem */
  color: #000 !important;
}

.note-citroenschil {
  background-color: #fef9c4 !important; /* heldergeel citrusschil */
  color: #000 !important;
}

.note-citruswater {
  background-color: #f0f8e0 !important; /* fris groenig citrus */
  color: #000 !important;
}

.note-crème-brûlée {
  background-color: #f8e0c0 !important; /* warm karamelcreme */
  color: #000 !important;
}

.note-cumarine {
  background-color: #e8d8c0 !important; /* warm hooiachtig beige */
  color: #000 !important;
}

.note-cupcake {
  background-color: #ffe0e0 !important; /* zoet roze cupcake */
  color: #000 !important;
}

.note-cyclamen {
  background-color: #f3d5e6 !important; /* zacht cyclaamroze */
  color: #000 !important;
}

.note-dauwdruppels {
  background-color: #d8f0e8 !important; /* fris transparant groen */
  color: #000 !important;
}

.note-dragee {
  background-color: #e8e0f0 !important; /* pastel suikerboon */
  color: #000 !important;
}

.note-druiven {
  background-color: #d8b8d8 !important; /* licht druifpaars */
  color: #000 !important;
}

.note-ebbenhout {
  background-color: #6b4c3b !important; /* donker ebbenhout */
  color: #fff !important;
}

.note-egyptische-jasmijn {
  background-color: #ffeef1 !important; /* warm bloemig roze */
  color: #000 !important;
}

.note-eik {
  background-color: #c8a878 !important; /* stevig eikenhoutbruin */
  color: #000 !important;
}

.note-engelwortel {
  background-color: #d0c8b0 !important; /* aards kruidig beige */
  color: #000 !important;
}

.note-foelie {
  background-color: #e0c8a0 !important; /* warm geeloranje kruidig */
  color: #000 !important;
}

.note-fruitpunch {
  background-color: #ff9898 !important; /* feestelijk fruitrood */
  color: #000 !important;
}

.note-galbanum-(gomhars) {
  background-color: #c8d8a0 !important; /* groenig harsachtig */
  color: #000 !important;
}

.note-geconfijte-amandel {
  background-color: #e8d0b8 !important; /* zoet amandel */
  color: #000 !important;
}

.note-gekonfijte-citroen {
  background-color: #fff5b0 !important; /* zoet geel citrus */
  color: #000 !important;
}

.note-gele-jasmijn {
  background-color: #fff5c0 !important; /* warm geel jasmijn */
  color: #000 !important;
}

.note-geroosterde-koffiebonen {
  background-color: #6b4830 !important; /* donker koffiebruin */
  color: #fff !important;
}

.note-goudsbloem {
  background-color: #f0c868 !important; /* warm goudgeel bloem */
  color: #000 !important;
}

.note-gourmand-akkoord {
  background-color: #f0d8c0 !important; /* warm gourmandbeige */
  color: #000 !important;
}

.note-granny-smith-appel {
  background-color: #c8e8a8 !important; /* helder groen appel */
  color: #000 !important;
}

.note-grapefruitbloesem {
  background-color: #ffe8d6 !important; /* zacht perzikbloesem */
  color: #000 !important;
}

.note-grenadine {
  background-color: #e85858 !important; /* diep granaatappelrood */
  color: #fff !important;
}

.note-groen-gras {
  background-color: #b8d8a0 !important; /* helder grasgroen */
  color: #000 !important;
}

.note-groene-amandel {
  background-color: #d8e8c8 !important; /* groenig amandel */
  color: #000 !important;
}

.note-groene-appel {
  background-color: #d4edbc !important; /* frisgroen appel */
  color: #000 !important;
}

.note-groene-sering {
  background-color: #d5e8d0 !important; /* groenig lila bloemig */
  color: #000 !important;
}

.note-groene-theebladeren {
  background-color: #c0d8a8 !important; /* zacht theeblad groen */
  color: #000 !important;
}

.note-gustaviabloem {
  background-color: #f8e8e0 !important; /* zacht warm bloemig */
  color: #000 !important;
}

.note-hazelnoot {
  background-color: #d0b090 !important; /* warm hazelnootbruin */
  color: #000 !important;
}

.note-haïtiaanse-vetiver {
  background-color: #b3a98f !important; /* aards olijfbruin vetiver */
  color: #000 !important;
}

.note-hedione {
  background-color: #f0f0e0 !important; /* licht fris jasmijnachtig */
  color: #000 !important;
}

.note-hooi {
  background-color: #e8e0b8 !important; /* warm goudgeel hooi */
  color: #000 !important;
}

.note-indiase-tuberoos {
  background-color: #fef0e3 !important; /* romig witbloemig */
  color: #000 !important;
}

.note-indonesisch-patchouliblad {
  background-color: #bfa6a0 !important; /* aards bruinpaars */
  color: #000 !important;
}

.note-iso-e-super {
  background-color: #e0d8c8 !important; /* houtig amberachtig */
  color: #000 !important;
}

.note-jasmijn-sambac {
  background-color: #ffeef1 !important; /* warm jasmijnroze */
  color: #000 !important;
}

.note-jeneverstruik {
  background-color: #98b898 !important; /* donkergroen jeneverbes */
  color: #000 !important;
}

.note-kardemom-uit-guatemala {
  background-color: #d0c0a8 !important; /* warm kruidig beige */
  color: #000 !important;
}

.note-kauwgom {
  background-color: #f8c0d0 !important; /* roze kauwgom */
  color: #000 !important;
}

.note-kersenbloesem {
  background-color: #fce4ec !important; /* zachtroze kersenbloesem */
  color: #000 !important;
}

.note-kiwi {
  background-color: #c8e8a0 !important; /* frisgroen kiwi */
  color: #000 !important;
}

.note-klaver {
  background-color: #a8d0a0 !important; /* frisgroen klaver */
  color: #000 !important;
}

.note-klokjesbloem {
  background-color: #c8d5f0 !important; /* lichtblauw bloemig */
  color: #000 !important;
}

.note-koenjit {
  background-color: #f0c858 !important; /* goudgeel koenjit */
  color: #000 !important;
}

.note-kokosmelk {
  background-color: #fef8f0 !important; /* creme kokoswit */
  color: #000 !important;
}

.note-kruidnagelen {
  background-color: #c89878 !important; /* warm kruidnagelbruin */
  color: #000 !important;
}

.note-kulfi {
  background-color: #f0e8d0 !important; /* romig goudbeige */
  color: #000 !important;
}

.note-laurier {
  background-color: #98b088 !important; /* donkergroen laurier */
  color: #000 !important;
}

.note-lavendel-extract {
  background-color: #d9c2e9 !important; /* lavendelpaars */
  color: #000 !important;
}

.note-lindebloesem {
  background-color: #f0f5d4 !important; /* zachtgeel-groen bloemig */
  color: #000 !important;
}

.note-louro-amarelo-hout {
  background-color: #d8c8a0 !important; /* goudbruin tropisch hout */
  color: #000 !important;
}

.note-macarons {
  background-color: #f8d8e0 !important; /* pastelroze macaron */
  color: #000 !important;
}

.note-madagascar-vanille {
  background-color: #fbe9c6 !important; /* romig vanillebeige */
  color: #000 !important;
}

.note-madonnalelie {
  background-color: #fff8ec !important; /* creme witbloemig */
  color: #000 !important;
}

.note-mahonial {
  background-color: #d0c0a8 !important; /* houtig bloemig beige */
  color: #000 !important;
}

.note-mandarijnblad {
  background-color: #d8f0c0 !important; /* groen mandarijnblad */
  color: #000 !important;
}

.note-marokkaanse-roos {
  background-color: #f2b8b8 !important; /* warm rozenroze */
  color: #000 !important;
}

.note-massoia-hout {
  background-color: #dcc8a8 !important; /* romig kokosachtig hout */
  color: #000 !important;
}

.note-mastiekhars {
  background-color: #e0d8c0 !important; /* licht harsbeige */
  color: #000 !important;
}

.note-mate-(ilex-paraguariensis) {
  background-color: #a8c890 !important; /* groen mate */
  color: #000 !important;
}

.note-meidoorn {
  background-color: #fce8f0 !important; /* zacht rozebloemig */
  color: #000 !important;
}

.note-mexicaanse-chocolade {
  background-color: #8b6048 !important; /* donker chocoladebruin */
  color: #fff !important;
}

.note-mirte {
  background-color: #a8c8a8 !important; /* groenig kruidig */
  color: #000 !important;
}

.note-moepel-(mimusops-zeyheri) {
  background-color: #e8d8c0 !important; /* warm exotisch beige */
  color: #000 !important;
}

.note-muskus-ambrette {
  background-color: #e8e0d8 !important; /* zacht muskusbeige */
  color: #000 !important;
}

.note-nectarine {
  background-color: #ffcca0 !important; /* warm geeloranje nectarine */
  color: #000 !important;
}

.note-opoponax {
  background-color: #d8c0a0 !important; /* warm harsbruin */
  color: #000 !important;
}

.note-oranjebloesem {
  background-color: #fdeacb !important; /* warm oranjebloesem */
  color: #000 !important;
}

.note-oriëntaalse-noten {
  background-color: #e8c898 !important; /* warm orientaals beige */
  color: #000 !important;
}

.note-oud-(agarwood) {
  background-color: #a08868 !important; /* donker oudhoutbruin */
  color: #fff !important;
}

.note-palissander--en-rozenhout {
  background-color: #c8a098 !important; /* warm rozighout */
  color: #000 !important;
}

.note-panacotta {
  background-color: #fef8e8 !important; /* romig vanillewit */
  color: #000 !important;
}

.note-pelargonium {
  background-color: #f0b6b3 !important; /* geraniumachtig roze */
  color: #000 !important;
}

.note-peru-balsem {
  background-color: #c8a078 !important; /* donker balsambruin */
  color: #000 !important;
}

.note-perzikbloesem {
  background-color: #fce5d8 !important; /* zacht perzikroze bloesem */
  color: #000 !important;
}

.note-petalia {
  background-color: #f5e0ea !important; /* bloemig zachtroze */
  color: #000 !important;
}

.note-petitgrain {
  background-color: #d8e8c0 !important; /* groenig citrusblad */
  color: #000 !important;
}

.note-piment {
  background-color: #c89068 !important; /* warm pimentbruin */
  color: #000 !important;
}

.note-pistache {
  background-color: #c8d8a0 !important; /* lichtgroen pistache */
  color: #000 !important;
}

.note-pistache-nootjes {
  background-color: #c8d8a0 !important; /* lichtgroen pistache */
  color: #000 !important;
}

.note-pittosporeae {
  background-color: #e8f0d8 !important; /* groenig bloemig */
  color: #000 !important;
}

.note-pittosporum {
  background-color: #e8f0d8 !important; /* groenig bloemig */
  color: #000 !important;
}

.note-pomarose {
  background-color: #fce5d8 !important; /* rozeappel bloemig */
  color: #000 !important;
}

.note-pomme-damour-(suikerappel) {
  background-color: #e85050 !important; /* helder rood suikerappel */
  color: #fff !important;
}

.note-praline {
  background-color: #d8b898 !important; /* warm pralinebeige */
  color: #000 !important;
}

.note-praliné {
  background-color: #d8b898 !important; /* warm pralinebeige */
  color: #000 !important;
}

.note-praliné-vulling {
  background-color: #e0c0a0 !important; /* warm pralinebruin */
  color: #000 !important;
}

.note-provençaalse-roos {
  background-color: #f4c2c2 !important; /* klassiek Provencaalse roos */
  color: #000 !important;
}

.note-pruimenlikeur {
  background-color: #a07090 !important; /* diep pruimpaars */
  color: #fff !important;
}

.note-rijst {
  background-color: #f8f5e8 !important; /* licht rijstwit */
  color: #000 !important;
}

.note-rijstbloem {
  background-color: #f8f5e8 !important; /* licht rijstwit */
  color: #000 !important;
}

.note-rode-amber {
  background-color: #e8a060 !important; /* warm roodamber */
  color: #000 !important;
}

.note-rode-cyclamen {
  background-color: #e88fa0 !important; /* diep cyclaamrood */
  color: #000 !important;
}

.note-rode-lychees {
  background-color: #ffe5ec !important; /* roze lychee */
  color: #000 !important;
}

.note-rode-piment {
  background-color: #d87060 !important; /* warm roodbruin piment */
  color: #fff !important;
}

.note-rode-pioenroos {
  background-color: #f0a0b0 !important; /* diep roze pioen */
  color: #000 !important;
}

.note-romige-karamel {
  background-color: #e0b878 !important; /* warm karameltint */
  color: #000 !important;
}

.note-roomijs {
  background-color: #f8f0e8 !important; /* creme roomijswit */
  color: #000 !important;
}

.note-rosa-damascena {
  background-color: #f4c2c2 !important; /* klassiek roze roos */
  color: #000 !important;
}

.note-rose-freesia {
  background-color: #ffeef5 !important; /* lichtroze freesia */
  color: #000 !important;
}

.note-roze-roos {
  background-color: #f9c8d0 !important; /* zacht rozenroze */
  color: #000 !important;
}

.note-rozenblaadjes {
  background-color: #fce4ec !important; /* licht rozenbladroze */
  color: #000 !important;
}

.note-rozenbottel {
  background-color: #f4c1a8 !important; /* warm oranjeroze */
  color: #000 !important;
}

.note-rozenwater {
  background-color: #fce4ec !important; /* zacht rozenwater roze */
  color: #000 !important;
}

.note-rum {
  background-color: #c89060 !important; /* warm donkerbruin rum */
  color: #000 !important;
}

.note-selderij-zaden {
  background-color: #c8d0b0 !important; /* groenig kruidzaad */
  color: #000 !important;
}

.note-sesamzaad {
  background-color: #e8dcc8 !important; /* licht sesambeige */
  color: #000 !important;
}

.note-shisoplant-(japanse-netel) {
  background-color: #b8d0a8 !important; /* groenig japans kruid */
  color: #000 !important;
}

.note-siamese-benzoine {
  background-color: #f0e0c8 !important; /* warm harsachtig beige */
  color: #000 !important;
}

.note-sichuan-peper {
  background-color: #e8a890 !important; /* warm rozerood peper */
  color: #000 !important;
}

.note-siciliaanse-citroen {
  background-color: #fff9c4 !important; /* heldergeel citrus */
  color: #000 !important;
}

.note-siciliaanse-citroenbladeren {
  background-color: #e8f5c8 !important; /* groenig citrusblad */
  color: #000 !important;
}

.note-siciliaanse-mandarijn {
  background-color: #ffd89f !important; /* warm oranjegeel */
  color: #000 !important;
}

.note-sinaasappelschil {
  background-color: #ffd8a8 !important; /* warm oranjeschil */
  color: #000 !important;
}

.note-snoepnoten {
  background-color: #f0d8c0 !important; /* warm zoet nootbruin */
  color: #000 !important;
}

.note-spar {
  background-color: #b0c8a0 !important; /* fris groen sparrenhout */
  color: #000 !important;
}

.note-sparhars {
  background-color: #c8b898 !important; /* warm harsachtig beige */
  color: #000 !important;
}

.note-specerijen {
  background-color: #d8a878 !important; /* warm specerijbruin */
  color: #000 !important;
}

.note-strawberry-s’mores {
  background-color: #f4a0a0 !important; /* warm aardbeiroze */
  color: #000 !important;
}

.note-sukadecitroen {
  background-color: #fff5b8 !important; /* geelgroen citrus */
  color: #000 !important;
}

.note-suède {
  background-color: #cab8a2 !important; /* zacht leerachtig beige */
  color: #000 !important;
}

.note-thee {
  background-color: #d8d0b8 !important; /* warm theebeige */
  color: #000 !important;
}

.note-theeblad {
  background-color: #c8d0b0 !important; /* groenig theeblad */
  color: #000 !important;
}

.note-tiaré-tahiti {
  background-color: #fff8e8 !important; /* creme tropisch bloemig */
  color: #000 !important;
}

.note-truffel {
  background-color: #a08068 !important; /* donker truffelbruin */
  color: #fff !important;
}

.note-tutti-frutti {
  background-color: #ffa8c0 !important; /* zoet roze fruitig */
  color: #000 !important;
}

.note-vanille-absolute {
  background-color: #fbe9c6 !important; /* romig vanillebeige */
  color: #000 !important;
}

.note-vanille-caviar {
  background-color: #e8d8b8 !important; /* donker vanillebeige */
  color: #000 !important;
}

.note-vanillepeul {
  background-color: #f0e0c0 !important; /* warm vanillebruin */
  color: #000 !important;
}

.note-venkel {
  background-color: #d0e0c0 !important; /* lichtgroen kruidig */
  color: #000 !important;
}

.note-vergeet-me-nietjes {
  background-color: #b8d4e8 !important; /* lichtblauw bloemig */
  color: #000 !important;
}

.note-vijgeblad {
  background-color: #c8d8b0 !important; /* frisgroen vijgeblad */
  color: #000 !important;
}

.note-viooltjes-bladeren {
  background-color: #c8d8b8 !important; /* groenig bladachtig */
  color: #000 !important;
}

.note-viooltjes-wortel {
  background-color: #d8c8e0 !important; /* poederig paarsblauw */
  color: #000 !important;
}

.note-virginiaanse-ceder {
  background-color: #c0b090 !important; /* droog cederhout */
  color: #000 !important;
}

.note-vruchten {
  background-color: #ffe7b7 !important; /* generiek fruitig geel */
  color: #000 !important;
}

.note-vuursteen {
  background-color: #c0b8b0 !important; /* koel mineraal grijs */
  color: #000 !important;
}

.note-water-noten {
  background-color: #d0e8f0 !important; /* fris aquatisch blauw */
  color: #000 !important;
}

.note-waterfruit {
  background-color: #d8f0e8 !important; /* fris aqua fruitig */
  color: #000 !important;
}

.note-waterkers {
  background-color: #b8d8b0 !important; /* frisgroen waterkers */
  color: #000 !important;
}

.note-whiskey {
  background-color: #d0a060 !important; /* goudbruin whiskey */
  color: #000 !important;
}

.note-wilde-bessen {
  background-color: #c07888 !important; /* diep bessenrood */
  color: #fff !important;
}

.note-wit-viooltje {
  background-color: #ece0f8 !important; /* licht violetbloem */
  color: #000 !important;
}

.note-witte-amber {
  background-color: #f8f0e0 !important; /* creme witambertint */
  color: #000 !important;
}

.note-witte-camelia {
  background-color: #fff8f0 !important; /* creme witbloemig */
  color: #000 !important;
}

.note-witte-ceder {
  background-color: #e0d8c8 !important; /* licht cederhout */
  color: #000 !important;
}

.note-witte-chocola {
  background-color: #fef8e8 !important; /* creme witchocolade */
  color: #000 !important;
}

.note-witte-chocolade {
  background-color: #fef8e8 !important; /* creme witchocolade */
  color: #000 !important;
}

.note-witte-nerium-oleander {
  background-color: #f5f0e8 !important; /* creme oleander */
  color: #000 !important;
}

.note-witte-peper {
  background-color: #f0e8d8 !important; /* creme peperachtig */
  color: #000 !important;
}

.note-witte-perzik {
  background-color: #ffe8d8 !important; /* creme perzik */
  color: #000 !important;
}

.note-witte-roos {
  background-color: #fff5f5 !important; /* creme wit rozenachtig */
  color: #000 !important;
}

.note-witte-thee {
  background-color: #f0ece0 !important; /* licht creme theewit */
  color: #000 !important;
}

.note-zeebries {
  background-color: #c0d8e0 !important; /* fris lichtblauw */
  color: #000 !important;
}

.note-zeewater {
  background-color: #b8d8e8 !important; /* fris zeewaterblauw */
  color: #000 !important;
}

.note-zeezout {
  background-color: #c8dce8 !important; /* zilt blauwgrijs */
  color: #000 !important;
}

.note-zemelen {
  background-color: #e0d8c0 !important; /* licht graanbeige */
  color: #000 !important;
}

.note-zwarte-thee {
  background-color: #a08870 !important; /* donker theebruin */
  color: #000 !important;
}

.note-afrikaanse-oranjebloem {
  background-color: #fff1cc !important; /* zachtgeel bloemig citrus */
  color: #000 !important;
}