/** Shopify CDN: Minification failed

Line 1573:2 Expected identifier but found "."
Line 1591:0 Unexpected "}"

**/
@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: 15px;
}

.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: none;
  transition: background-color 0.3s ease;
  display: inline-block;
  margin-bottom: 0px;
}

.geurkalender-knop:hover {
  background-color: #222222;
  transform: scale(1.03);
}

/* ===== DESKTOP (vanaf 769px) ===== */
@media screen and (min-width: 1025px) {
  .product-teaser-wrapper {
    display: flex !important;
    align-items: flex-end !important;
    margin-top: -40px !important;
  }

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

  .teaser-icon {
    height: 70px !important;
    width: auto !important;
    margin-left: 8px !important;
  }
}

/* ------------------------------ ACCORDIONS ------------------------------ */
.accordion-section {
  margin-top: 30px;
}

.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: 25px 0;
  font-family: 'Open sans', serif;
  max-width: 600px;
  margin: 0 auto;
}

.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;
}
}