/** Shopify CDN: Minification failed

Line 1744:2 Unexpected "}"
Line 2350:1 Expected identifier but found "note-galbanum-("
Line 2585:1 Expected identifier but found "note-mate-("
Line 2605:1 Expected identifier but found "note-moepel-("
Line 2635:1 Expected identifier but found "note-oud-("
Line 2705:1 Expected identifier but found "note-pomme-damour-("
Line 2825:1 Expected identifier but found "note-shisoplant-("
Line 3084:0 Expected "}" to go with "{"

**/
@media only screen and (max-width: 767px) {
  .product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .product * {
    box-sizing: border-box !important;
  }

  .product-gallery {
    width: 100vw;
    margin: 0 calc(-50vw + 50%);
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
  }
html, body {
  overflow-x: hidden !important;
}

  .product-gallery img {
    width: auto;
    max-width: 200px;
    height: auto;
    object-fit: contain;
  }

@media only screen and (max-width: 767px) {
  h1.product-title {
    font-family: 'inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 19.8px !important;
    line-height: 23.8px !important;
    text-align: center !important;
    margin-top: -12px !important;
    margin-bottom: -4px !important;
    color: rgb(0, 0, 0) !important;
    vertical-align: baseline !important; 
  }
  .smellish-merk {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
    margin-top: 6px !important;
    text-align: center !important;
    margin-bottom: 4px !important;
  }
/* Alleen op mobiel: sterren + tekst gecentreerd onder producttitel */
@media screen and (max-width: 767px) {
  .jdgm-preview-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 4px !important;
    margin: 8px 0 !important;
  }

  .jdgm-preview-badge__text {
    display: block !important;
    margin-top: 4px !important;
    text-align: center !important;
  }

  .jdgm-preview-badge__stars {
    justify-content: center !important;
  }

  .product-concentration-gender {
    justify-content: center !important;
    font-size: 12.5px !important;
    text-align: center !important;
    margin-bottom: 4px !important;
    color: #000000 !important;
  }

.geurkalender-knop {
  width: 100% !important;
  height: 52.2px !important;
  font-size: 14.2px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  border-radius: 25px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #000 !important;
  color: #fff !important;
  text-align: center !important;
  padding-inline-end: 10px !important;
  padding-inline-start: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  vertical-align: Middle !important; 
  position: relative !important; 
}


@media screen and (max-width: 767px) {
  /*
    LAYOUT:  [ ---- tekst (gecentreerd over volle breedte) ---- ][ afbeelding ][ 🔍 ]
    Wrapper = flex row, centered.  Tekst + afbeelding zitten samen in de flow.
    De tekst is het visuele midden; de afbeelding schuift er rechts tegenaan.
  */
  .product-teaser-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 2px !important;
    margin: 6px 0 2px !important;
    padding: 8px 10px !important;
    background: #f8f6f3 !important;
    border: 1px solid #ece8e3 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  /* Onzichtbare spacer links = zelfde breedte als afbeelding rechts → tekst exact gecentreerd */
  .product-teaser-wrapper::before {
    content: '' !important;
    width: 78px !important;
    min-width: 78px !important;
    flex-shrink: 0 !important;
  }

  .product-teaser {
    font-size: 13.5px !important;
    font-style: italic !important;
    line-height: 1.45 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 228px !important;
    flex-shrink: 1 !important;
  }

  /* Afbeelding: naast de tekst, niet absoluut, gewoon in de flex-flow */
  .teaser-icon-frame {
    position: relative !important;
    width: 78px !important;
    min-width: 78px !important;
    aspect-ratio: 1 / 1.4 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

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

  /* Vergrootglas: rechtsboven op de afbeelding */
  .teaser-zoom-btn {
    position: absolute !important;
    width: 25px !important;
    height: 25px !important;
    top: -5px !important;
    right: -2px !important;
  }
  .teaser-zoom-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

/* ------------------------------ ACCORDIONS ------------------------------ */
  .accordion-section {
  margin-top: 2px !important;
}

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

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

.accordion-icon {
  position: absolute !important;
  right: 10px !important;
  top: 30% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  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 !important;
  background-size: contain !important;
  transition: transform 0.3s ease !important;
}

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

.accordion-content {
  display: none !important;
  padding-top: 10px !important;
  margin-top: 15px !important;
  padding-left: 0 !important;
  list-style: none !important;
  font-size: 13.5px !important;
  color: #333 !important;  
  font-family: 'Inter', sans-serif !important;
}

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

@media screen and (max-width: 767px) {
  .accordion-content ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .accordion-content li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 5px !important;
    line-height: 1.5 !important;
    font-size: 13.5px !important;
    margin-bottom: 12px !important;
  }

  .accordion-content li strong {
    font-weight: 600 !important;
    color: #111 !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
    margin-right: 1px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  .accordion-content li a {
    background: #f2f2f2 !important;
    padding: 3px 6px !important;
    border-radius: 14px !important;
    font-size: 12.5px !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    flex-shrink: 1 !important;
    margin: 0 !important;
  }

  @media (hover: hover) {
    .accordion-content li a:hover {
      background: #e8e8e8;
    }
  }

  .accordion-content li a + a {
    margin-left: 0 !important;
  }

  /* Tekstregels zoals 'Afvulling' */
  .accordion-content li span {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
  }

  /* Specifiek kleinere font voor Afvulling-tekst */
  .accordion-content li:last-child span {
    font-size: 13.5px;
  }


  .info-icon:active::after {
    opacity: 1 !important;
    pointer-events: !important;
  }  
.info-icon::after {
  bottom: 140% !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  width: 250px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

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

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

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

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

.note-item {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 138px !important;
  height: 40px !important;
  border-radius: 25px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #333 !important;
  padding: 6px 12px !important;
}
/* hovertip css */
@media screen and (max-width: 767px) {
  /* Tooltip-overlay */
  .tooltip-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%);
    transition: opacity 0.2s ease, transform 0.2s ease;
    background-color: #1a1a1a;
    color: #fff;
    padding: 24px 24px;
    border-radius: 14px;
    max-width: 80vw;
    min-width: 260px;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    text-align: left;
  }

  .tooltip-modal:not(.hidden) {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .tooltip-modal.hidden {
    display: none;
  }

  .tooltip-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .tooltip-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff !important;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    margin-bottom: 16px;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
    text-align: left;
  }

  #tooltip-close {
    background-color: #fff;
    color: #1a1a1a;
    padding: 6px 14px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    align-self: center;
  }

  /* Actieve geurnoot stijl */
  .tooltip-note.tooltip-active {
    border: 2px solid #1a1a1a;
    border-radius: 8px;
    transition: all 0.2s ease;
  }

  /* Verberg standaard hover-tooltips op mobiel */
  .tooltip-note::after,
  .tooltip-note .mobile-tooltip {
    display: none !important;
  }
}


  /* Verberg hover-tooltips op mobiel */
  .tooltip-note::after,
  .tooltip-note .mobile-tooltip {
    display: none !important;
  }
  }

  /* Zorg dat bestaande hover-tooltips niet storen op mobiel */
  .tooltip-note::after,
  .tooltip-note .mobile-tooltip {
    display: none !important;
  }
}
/* Kleuren */
.note-roze-peper {
  background-color: #f4b6c2 !important;
  color: #fff !important;
}

.note-grapefruit {
  background-color: #ffcc99 !important;
  color: #000 !important;
}

.note-bergamot {
  background-color: #cdeab0 !important;
  color: #000 !important;
}

.note-gember {
  background-color: #f0b478 !important;
  color: #000 !important;
}

.note-salie {
  background-color: #c3d7c0 !important;
  color: #000 !important;
}

.note-lavendel {
  background-color: #dbc4e8 !important;
  color: #000 !important;
}

.note-suede {
  background-color: #cab8a2 !important;
  color: #000 !important;
}

.note-mos {
  background-color: #98c99c !important;
  color: #000 !important;
}

.note-helder-hout {
  background-color: #e4c59e !important;
  color: #000 !important;
}
  .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 !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.accord-item {
  font-size: 14px !important;
  padding: 6px 12px !important;
  background-color: #f0f0f0 !important;
  color: #222 !important;
  border-radius: 9999px !important;
  font-weight: 500 !important;
  text-transform: lowercase !important;
  font-family: 'Open Sans', sans-serif !important;
}
  
@media only screen and (max-width: 768px) {
  .smellish-daynight-wrapper,
  .scent-bar-group,
  .houdbaarheid-wrapper,
  .sillage-wrapper,
  .disclaimer-section,
  .transparantie-wrapper
  }
@media screen and (max-width: 767px) {
  .smellish-anchor-nav {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 20px 16px 24px 16px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin-top: -8px !important;
    margin-bottom: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .smellish-anchor-nav a {
    flex: 1 1 45% !important;
    min-width: 100px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 12.5px !important;              /* ✅ kleiner font */
    padding: 8px 0 !important;                 /* ✅ iets minder padding */
    border-radius: 9999px !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  .smellish-anchor-nav a.active {
    background: #333 !important;
    color: #fff !important;
  }

  @media (hover: hover) {
    .smellish-anchor-nav a:hover {
      background: #333 !important;
      color: #fff !important;
    }
  }

  .smellish-anchor-nav a:active {
    transform: scale(0.98) !important;
  }

  .anchor-intro-text {
    font-size: 12.5px !important;             /* ✅ kleiner font intro */
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    margin-top: -24px !important;
    padding: 0 24px !important;
    font-family: 'Inter', sans-serif !important;
  }


@media screen and (max-width: 767px) {
  .seizoenen-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important; /* Iets minder ruimte tussen seizoensitems */
    margin: 16px 16px 0 16px !important; /* Minder marge boven */
  }

  .seizoenen-item {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #e0e0e0 !important;
  }

  .seizoen-icon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 4px !important;
  }

  .seizoen-label {
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 2px 0 6px 0 !important;
  }

  .seizoen-bar-wrapper {
    background: #eee !important;
    height: 8px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    max-width: 200px !important;
    width: 100% !important;
  }

  .seizoen-bar {
    height: 8px !important;
    background: #000 !important;
  }

  .tooltip {
    font-size: 12px !important;
    color: #666 !important;
    margin-top: 10px !important; /* Meer afstand onder de bar */
    max-width: 260px !important;
  }

/* --- MOBILE --- */
@media screen and (max-width: 767px) {

  /* Zelfde breedte + centreren voor alle onderdelen */
  .smellish-daynight-wrapper,
  .scent-bar-group {
    max-width: 320px;                 /* dezelfde contentbreedte */
    margin: 24px auto !important;     /* center + consistente marge */
  }

  /* ------ Day/Night (kleuren/typografie blijven gelijk) ------ */
  .smellish-daynight-wrapper {
    text-align: center !important;
    padding: 0 8px 16px !important;   /* 8px side padding → zelfde optische breedte als .scent-bar-wrapper */
    border-bottom: 1px solid #e0e0e0; /* scheidingslijn boven Houdbaarheid */
  }

  .smellish-daynight-bar {
    display: flex !important;
    height: 30px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    background: #f0f0f0 !important;   /* ongewijzigd */
  }
  .smellish-day-bar,
  .smellish-night-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 8px !important;        /* match met de 8px sides */
  }
  .smellish-day-bar  { background: #ffec88 !important; color: #000 !important; }
  .smellish-night-bar{ background: #1a1a1a !important; color: #fff !important; }
  .daynight-icon     { width: 16px !important; margin-right: 6px !important; }
  .daynight-hint     { font-size: 13px !important; color: #555 !important; font-style: italic !important; margin-top: 4px !important; margin-bottom: 20px !important; }

  /* ------ Geur-balken (kleuren/typografie/tooltip look blijven gelijk) ------ */
  .scent-bar-group {
    padding: 0 0 16px 0 !important;   /* ruimte vóór eventuele scheidslijn */
  }

  /* scheidingslijn TUSSEN Houdbaarheid en Sillage, niet onder de laatste */
  .scent-bar-group:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 16px !important;
  }
.geurinfo-blok {
     margin-bottom: 20px !important;
    margin-top: 20px !important;
}
  .scent-labels { display: none !important; } /* desktop labels uit op mobiel */

  .scent-label-title {
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: left !important;
    padding: 0 8px !important;
    margin: 0 0 6px !important;
  }

  .scent-bar-wrapper {
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 8px !important;        /* zelfde side padding als Day/Night → balken exact even breed */
  }

  .bar  { height: 8px !important; background: #eee !important; border-radius: 4px !important; overflow: hidden !important; width: 100% !important; }
  .fill { height: 8px !important; background: #000 !important; }

  .mobile-scent-labels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 8px !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    color: #333 !important;
  }
/* =========================
   MOBIEL (≤768px)
   ========================= */
@media (max-width: 768px) {

  /* Zelfde breedte + centreren voor geurblokken */
  .scent-bar-group {
    margin: 24px auto !important;
    padding: 0 0 16px 0 !important;
  }

  /* Titel + i-icoon naast elkaar (blijven zichtbaar) */
  .scent-label-title {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0 0 6px !important;
    padding: 0 8px !important;
  }
  /* mini pixel-push zodat het icoon optisch perfect naast de tekst staat */
  .scent-label-title .info-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 auto !important;
    vertical-align: middle !important;
    transform: translateY(-5px) !important;; /* optische correctie */
  }
  /* Balk + vulling (ongewijzigde kleuren) */
  .scent-bar-wrapper {
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 8px !important; /* zelfde side padding als labels */
  }
  .bar  { height: 8px !important; background: #eee !important; border-radius: 4px !important; overflow: hidden !important; width: 100% !important; }
  .fill { height: 8px !important; background: #000 !important; }

  /* Desktop-labels uit */
  .scent-labels { display: none !important; }

  /* Mobiele labels exact onder de balk: links / midden / rechts */
  .mobile-scent-labels {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    padding: 0 8px !important;   /* zelfde side padding als .scent-bar-wrapper */
    margin-top: 6px !important;
    font-size: 13px !important;
    color: #333 !important;
  }
  .mobile-scent-label {
    display: flex !important;
    width: 100% !important;
  }
  .mobile-scent-label:nth-child(1) { justify-content: flex-start !important; }
  .mobile-scent-label:nth-child(2) { justify-content: center !important; }
  .mobile-scent-label:nth-child(3) { justify-content: flex-end !important; }

  /* ====== Tooltips (mobiel) ====== */

  /* Trigger */
  .mobile-scent-label .tooltip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    position: relative !important;
    white-space: nowrap !important;
    font-weight: 500 !important;
  }
  .tooltip { position: relative !important; }

  /* Ballon: zelfde look, nooit off-screen, en geen display-toggling meer */
  .tooltiptext {
    display: block !important;              /* niet meer none/block */
    position: absolute !important;
    bottom: 125% !important;

    /* look behoud */
    background: #000 !important;
    color: #fff !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
    z-index: 99 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 140px !important;
    min-width: 140px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;

    /* verbergen/tonen via visibility → geen klik-glitches */
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease !important;
  }

  /* Open state via .is-open (uit je JS) */
  .toggle-tooltip.is-open .tooltiptext {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Houd ballon binnen viewport per kolom */
  .mobile-scent-label:nth-child(1) .tooltiptext {
    left: 0 !important;
    transform: none !important;
  }
  .mobile-scent-label:nth-child(2) .tooltiptext {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .mobile-scent-label:nth-child(3) .tooltiptext {
    right: 0 !important;
    left: auto !important;
    transform: none !important;
  }

  /* (optioneel) subtiele scheidslijn tussen Houdbaarheid en Sillage */
  .scent-bar-group:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0 !important;
  }

/* Globaal laten staan zoals je had */
.info-icon { stroke: #666; flex-shrink: 0; }
body { overflow-x: hidden !important; }


@media screen and (max-width: 767px) {
  .disclaimer-section {
    padding: 10p !important;
    margin: 32px 16px;
    font-size: 5px;
    color: #777;
    line-height: 1.6;
  }

  .disclaimer-header {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin-bottom: 10px;
  }


  .disclaimer-body {
    display: block;
    font-size: 5px;
    color: #999;
    text-align: justify;
  }

@media screen and (min-width: 768px) {
  .mobile-scent-labels {
    display: none !important;
  }
  .desktop-scent-labels {
    display: block !important;
  }



@media screen and (max-width: 767px) {
  .desktop-only {
    display: none !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;
}