/* rc-pdp-colors.css — PDP variation-category tab coloring (normal/active), modal-upsell,
   dropdown/archive dot indicators, per-scent banner sections. Consumes tokens from rc-tokens.css.
   Sources: post 702696783 "colors" (all :root blocks moved to rc-tokens.css) + the coloring
   rules from post 703844282 (shampoo active-tab + modal-upsell using --scent-color). Load AFTER tokens. */

/* ===== from 703844282: shampoo/modal --scent-color coloring ===== */
.single-product.shampoo #content ul.tabs-variation-categories > li.tab-variation-category  > a {
  /*color: var(--scent-color) !important;*/
  color: #666666 !important;
}  
.single-product.shampoo-conditioner #content ul.tabs-variation-categories > li.tab-variation-category  > a {
  /*color: var(--scent-color) !important;*/
}
  
.single-product.shampoo #content ul.tabs-variation-categories > li.tab-variation-category.active  > a {
  color: var(--scent-color) !important;
}     
.single-product.shampoo-conditioner #content ul.tabs-variation-categories > li.tab-variation-category.active  > a {
  color: var(--scent-color) !important;
}  
.single-product.shampoo-conditioner-one-liter #content ul.tabs-variation-categories > li.tab-variation-category.active  > a {
  color: var(--scent-color) !important;
}
  
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category > a {
  border: 1px solid var(--scent-color) !important;
  color: var(--scent-color) !important;
}  
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.active > a, .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.active > a {
    background-color: var(--scent-color) !important;
    color: #fff !important;
}

/* ===== from 702696783: bulk category coloring (:root blocks relocated to rc-tokens.css) ===== */
/* === CATEGORY COLORS === */
      
.single-product #content li.tab-variation-category.category-fragrance-free.active > a {
    color: var(--scent-rose-hips) !important;
}      

/* === SPO RO130 - Active Tab Overrides === */
#content li.tab-variation-category.category-pumpkin-spice.active > a {
  color: var(--color-pumpkin-spice) !important;
}
#content li.tab-variation-category.category-vanilla-cashmere-oak.active > a {
  color: var(--color-vanilla-cashmere-oak) !important;
}
#content li.tab-variation-category.category-jasmine-rosewater.active > a {
  color: var(--color-jasmine-rosewater) !important;
}
#content li.tab-variation-category.category-citrus-bloom-mint-leaf.active > a {
  color: var(--color-citrus-bloom-mint-leaf) !important;
}
#content li.tab-variation-category.category-orange-blossom-sandalwood.active > a {
  color: var(--color-orange-blossom-sandalwood) !important;
}
#content li.tab-variation-category.category-lilac-winter-rose.active > a {
  color: var(--color-lilac-winter-rose) !important;
}
#content li.tab-variation-category.category-pear-blossom-white-lotus.active > a {
  color: var(--color-pear-blossom-white-lotus) !important;
}
#content li.tab-variation-category.category-fresh-cut-roses.active > a {
  color: var(--color-fresh-cut-roses) !important;
}
      
      

/* === PDP Tabs (Normal State + Active) === */
.single-product li.tab-variation-category.category-pumpkin-spice > a {
  border: 1px solid var(--color-pumpkin-spice) !important;
  color: var(--color-pumpkin-spice) !important;
}
.single-product li.tab-variation-category.category-pumpkin-spice.active > a {
  background-color: var(--color-pumpkin-spice) !important;
  color: #fff !important;
}

.single-product li.tab-variation-category.category-vanilla-cashmere-oak > a {
  border: 1px solid var(--color-vanilla-cashmere-oak) !important;
  color: var(--color-vanilla-cashmere-oak) !important;
}
.single-product li.tab-variation-category.category-vanilla-cashmere-oak.active > a {
  background-color: var(--color-vanilla-cashmere-oak) !important;
  color: #fff !important;
}

.single-product li.tab-variation-category.category-jasmine-rosewater > a {
  border: 1px solid var(--color-jasmine-rosewater) !important;
  color: var(--color-jasmine-rosewater) !important;
}
.single-product li.tab-variation-category.category-jasmine-rosewater.active > a {
  background-color: var(--color-jasmine-rosewater) !important;
  color: #fff !important;
}

.single-product li.tab-variation-category.category-citrus-bloom-mint-leaf > a {
  border: 1px solid var(--color-citrus-bloom-mint-leaf) !important;
  color: var(--color-citrus-bloom-mint-leaf) !important;
}
.single-product li.tab-variation-category.category-citrus-bloom-mint-leaf.active > a {
  background-color: var(--color-citrus-bloom-mint-leaf) !important;
  color: #fff !important;
}
      
.archive li[data-tab-group-id="citrus-bloom-&-mint"]:before,
.archive .custom-dropdown-group[data-active-group="citrus-bloom-&-mint"] .selected-item-title:before {
  background-color: var(--color-citrus-bloom-mint-leaf);
}      
      
/* Orange Blossom & Sandalwood */
.single-product li.tab-variation-category.category-orange-blossom-sandalwood > a {
  border: 1px solid var(--color-orange-blossom-sandalwood) !important;
  color: var(--color-orange-blossom-sandalwood) !important;
}
.single-product li.tab-variation-category.category-orange-blossom-sandalwood.active > a {
  background-color: var(--color-orange-blossom-sandalwood) !important;
  color: #fff !important;
}

/* Lilac & Winter Rose */
.single-product li.tab-variation-category.category-lilac-winter-rose > a {
  border: 1px solid var(--color-lilac-winter-rose) !important;
  color: var(--color-lilac-winter-rose) !important;
}
.single-product li.tab-variation-category.category-lilac-winter-rose.active > a {
  background-color: var(--color-lilac-winter-rose) !important;
  color: #fff !important;
}

/* Pear Blossom & White Lotus */
.single-product li.tab-variation-category.category-pear-blossom-white-lotus > a {
  border: 1px solid var(--color-pear-blossom-white-lotus) !important;
  color: var(--color-pear-blossom-white-lotus) !important;
}
.single-product li.tab-variation-category.category-pear-blossom-white-lotus.active > a {
  background-color: var(--color-pear-blossom-white-lotus) !important;
  color: #fff !important;
}

/* Fresh Cut Roses */
.single-product li.tab-variation-category.category-fresh-cut-roses > a {
  border: 1px solid var(--color-fresh-cut-roses) !important;
  color: var(--color-fresh-cut-roses) !important;
}
.single-product li.tab-variation-category.category-fresh-cut-roses.active > a {
  background-color: var(--color-fresh-cut-roses) !important;
  color: #fff !important;
}
/* Magnolia & Fresh Rain */
.single-product li.tab-variation-category.category-magnolia-fresh-rain > a {
  border: 1px solid var(--color-magnolia-fresh-rain) !important;
  color: var(--color-magnolia-fresh-rain) !important;
}
.single-product li.tab-variation-category.category-magnolia-fresh-rain.active > a {
  background-color: var(--color-magnolia-fresh-rain) !important;
  color: #fff !important;
}

/* White Lily & Gardenia */
.single-product li.tab-variation-category.category-white-lily-gardenia > a {
  border: 1px solid var(--color-white-lily-gardenia) !important;
  color: var(--color-white-lily-gardenia) !important;
}
.single-product li.tab-variation-category.category-white-lily-gardenia.active > a {
  background-color: var(--color-white-lily-gardenia) !important;
  color: #fff !important;
}

/* Berry Bloom & Citrus */
.single-product li.tab-variation-category.category-berry-bloom-citrus > a {
  border: 1px solid var(--color-berry-bloom-citrus) !important;
  color: var(--color-berry-bloom-citrus) !important;
}
.single-product li.tab-variation-category.category-berry-bloom-citrus.active > a {
  background-color: var(--color-berry-bloom-citrus) !important;
  color: #fff !important;
}      
/* Citrus & Grapefruit Blossom */
.single-product li.tab-variation-category.category-citrus-grapefruit-blossom > a {
  border: 1px solid var(--color-citrus-grapefruit-blossom) !important;
  color: var(--color-citrus-grapefruit-blossom) !important;
}
.single-product li.tab-variation-category.category-citrus-grapefruit-blossom.active > a {
  background-color: var(--color-citrus-grapefruit-blossom) !important;
  color: #fff !important;
}

/* Fresh Linen & Summer Rose */
.single-product li.tab-variation-category.category-fresh-linen-summer-rose > a {
  border: 1px solid var(--color-fresh-linen-summer-rose) !important;
  color: var(--color-fresh-linen-summer-rose) !important;
}
.single-product li.tab-variation-category.category-fresh-linen-summer-rose.active > a {
  background-color: var(--color-fresh-linen-summer-rose) !important;
  color: #fff !important;
}

/* Pink Pineapple & Coconut */
.single-product li.tab-variation-category.category-pink-pineapple-coconut > a {
  border: 1px solid var(--color-pink-pineapple-coconut) !important;
  color: var(--color-pink-pineapple-coconut) !important;
}
.single-product li.tab-variation-category.category-pink-pineapple-coconut.active > a {
  background-color: var(--color-pink-pineapple-coconut) !important;
  color: #fff !important;
}
/* === Modal Upsell (PDP Scope + Global Fallback) === */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pumpkin-spice > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pumpkin-spice > a {
  border: 1px solid var(--color-pumpkin-spice) !important;
  color: var(--color-pumpkin-spice) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pumpkin-spice.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pumpkin-spice.active > a {
  background-color: var(--color-pumpkin-spice) !important;
  color: #fff !important;
}

.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-cashmere-oak > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-cashmere-oak > a {
  border: 1px solid var(--color-vanilla-cashmere-oak) !important;
  color: var(--color-vanilla-cashmere-oak) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-cashmere-oak.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-cashmere-oak.active > a {
  background-color: var(--color-vanilla-cashmere-oak) !important;
  color: #fff !important;
}

.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-rosewater > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-rosewater > a {
  border: 1px solid var(--color-jasmine-rosewater) !important;
  color: var(--color-jasmine-rosewater) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-rosewater.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-rosewater.active > a {
  background-color: var(--color-jasmine-rosewater) !important;
  color: #fff !important;
}

.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-bloom-mint-leaf > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-bloom-mint-leaf > a {
  border: 1px solid var(--color-citrus-bloom-mint-leaf) !important;
  color: var(--color-citrus-bloom-mint-leaf) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-bloom-mint-leaf.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-bloom-mint-leaf.active > a {
  background-color: var(--color-citrus-bloom-mint-leaf) !important;
  color: #fff !important;
}
/* === Modal Upsell === */

      
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-coconut-vanilla > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-coconut-vanilla > a {
  border: 1px solid var(--scent-coconut-vanilla) !important;
  color: var(--scent-coconut-vanilla) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-coconut-vanilla.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-coconut-vanilla.active > a {
  background-color: var(--scent-coconut-vanilla) !important;
  color: #fff !important;
}      
      
      
/* Orange Blossom & Sandalwood */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orange-blossom-sandalwood > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orange-blossom-sandalwood > a {
  border: 1px solid var(--color-orange-blossom-sandalwood) !important;
  color: var(--color-orange-blossom-sandalwood) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orange-blossom-sandalwood.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orange-blossom-sandalwood.active > a {
  background-color: var(--color-orange-blossom-sandalwood) !important;
  color: #fff !important;
}

/* Lilac & Winter Rose */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lilac-winter-rose > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lilac-winter-rose > a {
  border: 1px solid var(--color-lilac-winter-rose) !important;
  color: var(--color-lilac-winter-rose) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lilac-winter-rose.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lilac-winter-rose.active > a {
  background-color: var(--color-lilac-winter-rose) !important;
  color: #fff !important;
}

/* Pear Blossom & White Lotus */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pear-blossom-white-lotus > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pear-blossom-white-lotus > a {
  border: 1px solid var(--color-pear-blossom-white-lotus) !important;
  color: var(--color-pear-blossom-white-lotus) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pear-blossom-white-lotus.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pear-blossom-white-lotus.active > a {
  background-color: var(--color-pear-blossom-white-lotus) !important;
  color: #fff !important;
}

/* Fresh Cut Roses */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-cut-roses > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-cut-roses > a {
  border: 1px solid var(--color-fresh-cut-roses) !important;
  color: var(--color-fresh-cut-roses) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-cut-roses.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-cut-roses.active > a {
  background-color: var(--color-fresh-cut-roses) !important;
  color: #fff !important;
}
      

/* === Dot Indicators (Dropdown Menus) === */
li[data-tab-group-id="pumpkin-spice"]:before,
.custom-dropdown-group[data-active-group="pumpkin-spice"] .selected-item-title:before {
  background-color: var(--color-pumpkin-spice);
}
li[data-tab-group-id="vanilla-cashmere-oak"]:before,
.custom-dropdown-group[data-active-group="vanilla-cashmere-oak"] .selected-item-title:before {
  background-color: var(--color-vanilla-cashmere-oak);
}
li[data-tab-group-id="jasmine-rosewater"]:before,
.custom-dropdown-group[data-active-group="jasmine-rosewater"] .selected-item-title:before {
  background-color: var(--color-jasmine-rosewater);
}
li[data-tab-group-id="citrus-bloom-mint-leaf"]:before,
.custom-dropdown-group[data-active-group="citrus-bloom-mint-leaf"] .selected-item-title:before {
  background-color: var(--color-citrus-bloom-mint-leaf);
}
li[data-tab-group-id="orange-blossom-sandalwood"]:before,
.custom-dropdown-group[data-active-group="orange-blossom-sandalwood"] .selected-item-title:before {
  background-color: var(--color-orange-blossom-sandalwood);
}

li[data-tab-group-id="lilac-winter-rose"]:before,
.custom-dropdown-group[data-active-group="lilac-winter-rose"] .selected-item-title:before {
  background-color: var(--color-lilac-winter-rose);
}

li[data-tab-group-id="pear-blossom-white-lotus"]:before,
.custom-dropdown-group[data-active-group="pear-blossom-white-lotus"] .selected-item-title:before {
  background-color: var(--color-pear-blossom-white-lotus);
}

li[data-tab-group-id="fresh-cut-roses"]:before,
.custom-dropdown-group[data-active-group="fresh-cut-roses"] .selected-item-title:before {
  background-color: var(--color-fresh-cut-roses);
}
  
      
      
/* Tabs (PDP) */
.single-product li.tab-variation-category.category-sage-bergamot > a {
  border: 1px solid #7A8B5A !important;
  color: #7A8B5A !important;
}
.single-product li.tab-variation-category.category-sage-bergamot.active > a {
  background-color: #7A8B5A !important;
  color: #fff !important;
}

/* Tabs (Modal upsell, PDP scope) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-sage-bergamot > a {
  border: 1px solid #7A8B5A !important;
  color: #7A8B5A !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-sage-bergamot.active > a {
  background-color: #7A8B5A !important;
  color: #fff !important;
}

/* Tabs (Modal upsell, global fallback) */
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-sage-bergamot > a {
  border: 1px solid #7A8B5A !important;
  color: #7A8B5A !important;
}
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-sage-bergamot.active > a {
  background-color: #7A8B5A !important;
  color: #fff !important;
}

/* Dot color for menu/dropdown (handle & and &) */
li[data-tab-group-id="sage-&-bergamot"]:before,
li[data-tab-group-id="sage-&-bergamot"]:before,
.custom-dropdown-group[data-active-group="sage-&-bergamot"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="sage-&-bergamot"] .selected-item-title:before {
  background-color: #7A8B5A;
}
      
/* Vanilla Cashmere & Oak */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="vanilla-cashmere-&-oak"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="vanilla-cashmere-&-oak"]:before,
.custom-dropdown-group[data-active-group="vanilla-cashmere-&-oak"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="vanilla-cashmere-&-oak"] .selected-item-title:before {
  background-color: var(--color-vanilla-cashmere-oak);
}

/* Jasmine & Rosewater */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="jasmine-&-rosewater"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="jasmine-&-rosewater"]:before,
.custom-dropdown-group[data-active-group="jasmine-&-rosewater"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="jasmine-&-rosewater"] .selected-item-title:before {
  background-color: var(--color-jasmine-rosewater);
}

/* Citrus Bloom & Mint Leaf */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="citrus-bloom-&-mint-leaf"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="citrus-bloom-&-mint-leaf"]:before,
.custom-dropdown-group[data-active-group="citrus-bloom-&-mint-leaf"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="citrus-bloom-&-mint-leaf"] .selected-item-title:before {
  background-color: var(--color-citrus-bloom-mint-leaf);
}
      
/* Orange Blossom & Sandalwood */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="orange-blossom-sandalwood"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="orange-blossom-sandalwood"]:before, /* duplicate-safe */
.custom-dropdown-group[data-active-group="orange-blossom-sandalwood"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="orange-blossom-sandalwood"] .selected-item-title:before {
  background-color: var(--color-orange-blossom-sandalwood);
}

/* Lilac & Winter Rose */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="lilac-winter-rose"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="lilac-winter-rose"]:before,
.custom-dropdown-group[data-active-group="lilac-winter-rose"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="lilac-winter-rose"] .selected-item-title:before {
  background-color: var(--color-lilac-winter-rose);
}
/* Pear Blossom & White Lotus */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="pear-blossom-white-lotus"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="pear-blossom-white-lotus"]:before,
.custom-dropdown-group[data-active-group="pear-blossom-white-lotus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="pear-blossom-white-lotus"] .selected-item-title:before {
  background-color: var(--color-pear-blossom-white-lotus);
}
/* Fresh Cut Roses */
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="fresh-cut-roses"]:before,
.custom-dropdown-group .custom-dropdown-group-list li[data-tab-group-id="fresh-cut-roses"]:before,
.custom-dropdown-group[data-active-group="fresh-cut-roses"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="fresh-cut-roses"] .selected-item-title:before {
  background-color: var(--color-fresh-cut-roses);
}
      
/* ================================
   Orange Blossom & Sandalwood
================================ */
.archive li[data-tab-group-id="orange-blossom-&-sandalwood"]:before,
.archive .custom-dropdown-group[data-active-group="orange-blossom-&-sandalwood"] .selected-item-title:before {
    background-color: var(--color-orange-blossom-sandalwood);
}

/* ================================
   Lilac & Winter Rose
================================ */
.archive li[data-tab-group-id="lilac-&-winter-rose"]:before,
.archive .custom-dropdown-group[data-active-group="lilac-&-winter-rose"] .selected-item-title:before {
    background-color: var(--color-lilac-winter-rose);
}

/* ================================
   Pear Blossom & White Lotus
================================ */
.archive li[data-tab-group-id="pear-blossom-&-white-lotus"]:before,
.archive .custom-dropdown-group[data-active-group="pear-blossom-&-white-lotus"] .selected-item-title:before {
    background-color: var(--color-pear-blossom-white-lotus);
}

/* ================================
   Fresh Cut Roses
================================ */
.archive li[data-tab-group-id="fresh-cut-roses"]:before,
.archive .custom-dropdown-group[data-active-group="fresh-cut-roses"] .selected-item-title:before {
    background-color: var(--color-fresh-cut-roses);
}

      
/* === NEW: Gardenia & Jasmine === */

/* Root color token */

/* SPO RO130 - Active Tab Override */
#content li.tab-variation-category.category-gardenia-jasmine.active > a {
  color: var(--color-gardenia-jasmine) !important;
}

/* PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-gardenia-jasmine > a {
  border: 1px solid var(--color-gardenia-jasmine) !important;
  color: var(--color-gardenia-jasmine) !important;
}
.single-product li.tab-variation-category.category-gardenia-jasmine.active > a {
  background-color: var(--color-gardenia-jasmine) !important;
  color: #fff !important;
}

/* Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-gardenia-jasmine > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-gardenia-jasmine > a {
  border: 1px solid var(--color-gardenia-jasmine) !important;
  color: var(--color-gardenia-jasmine) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-gardenia-jasmine.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-gardenia-jasmine.active > a {
  background-color: var(--color-gardenia-jasmine) !important;
  color: #fff !important;
}

/* Dot indicators (dropdowns) — handle &, &, and slug */
li[data-tab-group-id="gardenia-&-jasmine"]:before,
li[data-tab-group-id="gardenia-&-jasmine"]:before,
li[data-tab-group-id="gardenia-jasmine"]:before,
.custom-dropdown-group[data-active-group="gardenia-&-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="gardenia-&-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="gardenia-jasmine"] .selected-item-title:before {
  background-color: var(--color-gardenia-jasmine);
}
      
/* === NEW: Wildflower & Jasmine (Shampoo & Conditioner) === */

/* Root color token */

/* SPO RO130 - Active Tab Override */
#content li.tab-variation-category.category-wildflower-jasmine.active > a {
  color: var(--color-wildflower-jasmine) !important;
}

/* PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-wildflower-jasmine > a {
  border: 1px solid var(--color-wildflower-jasmine) !important;
  color: var(--color-wildflower-jasmine) !important;
}
.single-product li.tab-variation-category.category-wildflower-jasmine.active > a {
  background-color: var(--color-wildflower-jasmine) !important;
  color: #fff !important;
}

/* Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-wildflower-jasmine > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-wildflower-jasmine > a {
  border: 1px solid var(--color-wildflower-jasmine) !important;
  color: var(--color-wildflower-jasmine) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-wildflower-jasmine.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-wildflower-jasmine.active > a {
  background-color: var(--color-wildflower-jasmine) !important;
  color: #fff !important;
}

/* Dot indicators (dropdowns) — handle slug variations */
li[data-tab-group-id="wildflower-jasmine"]:before,
li[data-tab-group-id="wildflower-and-jasmine"]:before,
.custom-dropdown-group[data-active-group="wildflower-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="wildflower-and-jasmine"] .selected-item-title:before {
  background-color: var(--color-wildflower-jasmine);
}
      
      
/* === NEW: Christmas Eve (Shampoo & Conditioner) === */

/* Root color token */

/* SPO RO130 - Active Tab Override */
#content li.tab-variation-category.category-christmas-eve-shampoo-conditioner.active > a {
  color: var(--color-christmas-eve-shampoo-conditioner) !important;
}

/* PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-christmas-eve-shampoo-conditioner > a {
  border: 1px solid var(--color-christmas-eve-shampoo-conditioner) !important;
  color: var(--color-christmas-eve-shampoo-conditioner) !important;
}
.single-product li.tab-variation-category.category-christmas-eve-shampoo-conditioner.active > a {
  background-color: var(--color-christmas-eve-shampoo-conditioner) !important;
  color: #fff !important;
}

/* Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-christmas-eve-shampoo-conditioner > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-christmas-eve-shampoo-conditioner > a {
  border: 1px solid var(--color-christmas-eve-shampoo-conditioner) !important;
  color: var(--color-christmas-eve-shampoo-conditioner) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-christmas-eve-shampoo-conditioner.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent
li.tab-variation-category.category-christmas-eve-shampoo-conditioner.active > a {
  background-color: var(--color-christmas-eve-shampoo-conditioner) !important;
  color: #fff !important;
}

/* Dot indicators (dropdowns) — handle &, &, and slug variations */
li[data-tab-group-id="christmas-eve"]:before,
li[data-tab-group-id="christmas-eve-shampoo-conditioner"]:before,
.custom-dropdown-group[data-active-group="christmas-eve"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="christmas-eve-shampoo-conditioner"] .selected-item-title:before {
  background-color: var(--color-christmas-eve-shampoo-conditioner);
}
      
/* === SECTION START: Wildflower & Jasmine === */

/* Root color token */

/* SPO RO130 - Active Tab Override */
#content li.tab-variation-category.category-wildflower-jasmine.active > a {
  color: var(--color-wildflower-jasmine) !important;
}

/* PDP Tabs (Normal + Active) */
.single-product li.tab-variation-category.category-wildflower-jasmine > a {
  border: 1px solid var(--color-wildflower-jasmine) !important;
  color: var(--color-wildflower-jasmine) !important;
}
.single-product li.tab-variation-category.category-wildflower-jasmine.active > a {
  background-color: var(--color-wildflower-jasmine) !important;
  color: #fff !important;
}

/* Modal Upsell (PDP Scope + Global Fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-wildflower-jasmine > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-wildflower-jasmine > a {
  border: 1px solid var(--color-wildflower-jasmine) !important;
  color: var(--color-wildflower-jasmine) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-wildflower-jasmine.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-wildflower-jasmine.active > a {
  background-color: var(--color-wildflower-jasmine) !important;
  color: #fff !important;
}

/* Dot indicators (Dropdowns & Archives) - Handling slugs and & variations */
li[data-tab-group-id="wildflower-jasmine"]:before,
li[data-tab-group-id="wildflower-&-jasmine"]:before,
li[data-tab-group-id="wildflower-&-jasmine"]:before,
li[data-tab-group-id="wildflower-and-jasmine"]:before,
.custom-dropdown-group[data-active-group="wildflower-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="wildflower-&-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="wildflower-&-jasmine"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="wildflower-and-jasmine"] .selected-item-title:before,
.archive li[data-tab-group-id="wildflower-&-jasmine"]:before,
.archive .custom-dropdown-group[data-active-group="wildflower-&-jasmine"] .selected-item-title:before {
  background-color: var(--color-wildflower-jasmine);
}

/* Specific CamelCase handling for Shampoo categories if needed */
li.tab-variation-category.category-WildflowerJasmineShampoo > a { 
  border: 1px solid var(--color-wildflower-jasmine) !important; 
  color: var(--color-wildflower-jasmine) !important; 
}
li.tab-variation-category.category-WildflowerJasmineShampoo.active > a { 
  background-color: var(--color-wildflower-jasmine) !important; 
  color: #fff !important;
}

/* === SECTION END: Wildflower & Jasmine === */  

/* ================================
   Mother's Day
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-mothers-day > a {
  border: 1px solid var(--scent-mothers-day) !important;
  color: var(--scent-mothers-day) !important;
}
.single-product li.tab-variation-category.category-mothers-day.active > a {
  background-color: var(--scent-mothers-day) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day > a {
  border: 1px solid var(--scent-mothers-day) !important;
  color: var(--scent-mothers-day) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day.active > a {
  background-color: var(--scent-mothers-day) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="mothers-day"]:before,
li[data-tab-group-id="mothers-&-day"]:before,
li[data-tab-group-id="mothers-&-day"]:before,
li[data-tab-group-id="mothers-and-day"]:before,
.custom-dropdown-group[data-active-group="mothers-day"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="mothers-&-day"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="mothers-&-day"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="mothers-and-day"] .selected-item-title:before {
  background-color: var(--scent-mothers-day);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="mothers-day"]:before,
.archive li[data-tab-group-id="mothers-&-day"]:before,
.archive li[data-tab-group-id="mothers-&-day"]:before,
.archive li[data-tab-group-id="mothers-and-day"]:before,
.archive .custom-dropdown-group[data-active-group="mothers-day"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="mothers-&-day"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="mothers-&-day"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="mothers-and-day"] .selected-item-title:before {
  background-color: var(--scent-mothers-day);
}      

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="mothers-day"]:before,
li[data-tab-group-id="mother's-day"]:before,
li[data-tab-group-id="mother’s-day"]:before,
.custom-dropdown-group[data-active-group="mothers-day"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="mother's-day"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="mother’s-day"] .selected-item-title:before {
  background-color: var(--scent-mothers-day);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="mothers-day"]:before,
.archive li[data-tab-group-id="mother's-day"]:before,
.archive li[data-tab-group-id="mother’s-day"]:before,
.archive .custom-dropdown-group[data-active-group="mothers-day"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="mother's-day"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="mother’s-day"] .selected-item-title:before {
  background-color: var(--scent-mothers-day);
}      
      
/* ================================
   Magnolia & Fresh Rain
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-magnolia-fresh-rain > a {
  border: 1px solid var(--color-magnolia-fresh-rain) !important;
  color: var(--color-magnolia-fresh-rain) !important;
}
.single-product li.tab-variation-category.category-magnolia-fresh-rain.active > a {
  background-color: var(--color-magnolia-fresh-rain) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-magnolia-fresh-rain > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-magnolia-fresh-rain > a {
  border: 1px solid var(--color-magnolia-fresh-rain) !important;
  color: var(--color-magnolia-fresh-rain) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-magnolia-fresh-rain.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-magnolia-fresh-rain.active > a {
  background-color: var(--color-magnolia-fresh-rain) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="magnolia-fresh-rain"]:before,
li[data-tab-group-id="magnolia-&-fresh-rain"]:before,
li[data-tab-group-id="magnolia-&-fresh-rain"]:before,
li[data-tab-group-id="magnolia-and-fresh-rain"]:before,
.custom-dropdown-group[data-active-group="magnolia-fresh-rain"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="magnolia-&-fresh-rain"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="magnolia-&-fresh-rain"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="magnolia-and-fresh-rain"] .selected-item-title:before {
  background-color: var(--color-magnolia-fresh-rain);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="magnolia-fresh-rain"]:before,
.archive li[data-tab-group-id="magnolia-&-fresh-rain"]:before,
.archive li[data-tab-group-id="magnolia-&-fresh-rain"]:before,
.archive li[data-tab-group-id="magnolia-and-fresh-rain"]:before,
.archive .custom-dropdown-group[data-active-group="magnolia-fresh-rain"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="magnolia-&-fresh-rain"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="magnolia-&-fresh-rain"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="magnolia-and-fresh-rain"] .selected-item-title:before {
  background-color: var(--color-magnolia-fresh-rain);
}      
      
/* ================================
   White Lily & Gardenia
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-white-lily-gardenia > a {
  border: 1px solid var(--color-white-lily-gardenia) !important;
  color: var(--color-white-lily-gardenia) !important;
}
.single-product li.tab-variation-category.category-white-lily-gardenia.active > a {
  background-color: var(--color-white-lily-gardenia) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-white-lily-gardenia > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-white-lily-gardenia > a {
  border: 1px solid var(--color-white-lily-gardenia) !important;
  color: var(--color-white-lily-gardenia) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-white-lily-gardenia.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-white-lily-gardenia.active > a {
  background-color: var(--color-white-lily-gardenia) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="white-lily-gardenia"]:before,
li[data-tab-group-id="white-lily-&-gardenia"]:before,
li[data-tab-group-id="white-lily-&-gardenia"]:before,
li[data-tab-group-id="white-lily-and-gardenia"]:before,
.custom-dropdown-group[data-active-group="white-lily-gardenia"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="white-lily-&-gardenia"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="white-lily-&-gardenia"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="white-lily-and-gardenia"] .selected-item-title:before {
  background-color: var(--color-white-lily-gardenia);
}

/* 4) Archive dots (if archive uses tab-group ids) */
.archive li[data-tab-group-id="white-lily-gardenia"]:before,
.archive li[data-tab-group-id="white-lily-&-gardenia"]:before,
.archive li[data-tab-group-id="white-lily-&-gardenia"]:before,
.archive li[data-tab-group-id="white-lily-and-gardenia"]:before,
.archive .custom-dropdown-group[data-active-group="white-lily-gardenia"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="white-lily-&-gardenia"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="white-lily-&-gardenia"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="white-lily-and-gardenia"] .selected-item-title:before {
  background-color: var(--color-white-lily-gardenia);
}      
/* ================================
   Citrus & Grapefruit Blossom
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-citrus-grapefruit-blossom > a {
  border: 1px solid var(--color-citrus-grapefruit-blossom) !important;
  color: var(--color-citrus-grapefruit-blossom) !important;
}
.single-product li.tab-variation-category.category-citrus-grapefruit-blossom.active > a {
  background-color: var(--color-citrus-grapefruit-blossom) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-grapefruit-blossom > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-grapefruit-blossom > a {
  border: 1px solid var(--color-citrus-grapefruit-blossom) !important;
  color: var(--color-citrus-grapefruit-blossom) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-grapefruit-blossom.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-grapefruit-blossom.active > a {
  background-color: var(--color-citrus-grapefruit-blossom) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="citrus-grapefruit-blossom"]:before,
li[data-tab-group-id="citrus-&-grapefruit-blossom"]:before,
li[data-tab-group-id="citrus-&-grapefruit-blossom"]:before,
li[data-tab-group-id="citrus-and-grapefruit-blossom"]:before,
.custom-dropdown-group[data-active-group="citrus-grapefruit-blossom"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="citrus-&-grapefruit-blossom"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="citrus-&-grapefruit-blossom"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="citrus-and-grapefruit-blossom"] .selected-item-title:before {
  background-color: var(--color-citrus-grapefruit-blossom);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="citrus-grapefruit-blossom"]:before,
.archive li[data-tab-group-id="citrus-&-grapefruit-blossom"]:before,
.archive li[data-tab-group-id="citrus-&-grapefruit-blossom"]:before,
.archive li[data-tab-group-id="citrus-and-grapefruit-blossom"]:before,
.archive .custom-dropdown-group[data-active-group="citrus-grapefruit-blossom"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="citrus-&-grapefruit-blossom"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="citrus-&-grapefruit-blossom"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="citrus-and-grapefruit-blossom"] .selected-item-title:before {
  background-color: var(--color-citrus-grapefruit-blossom);
}


/* ================================
   Fresh Linen & Summer Rose
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-fresh-linen-summer-rose > a {
  border: 1px solid var(--color-fresh-linen-summer-rose) !important;
  color: var(--color-fresh-linen-summer-rose) !important;
}
.single-product li.tab-variation-category.category-fresh-linen-summer-rose.active > a {
  background-color: var(--color-fresh-linen-summer-rose) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-linen-summer-rose > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-linen-summer-rose > a {
  border: 1px solid var(--color-fresh-linen-summer-rose) !important;
  color: var(--color-fresh-linen-summer-rose) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-linen-summer-rose.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-linen-summer-rose.active > a {
  background-color: var(--color-fresh-linen-summer-rose) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="fresh-linen-summer-rose"]:before,
.custom-dropdown-group[data-active-group="fresh-linen-summer-rose"] .selected-item-title:before {
  background-color: var(--color-fresh-linen-summer-rose);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="fresh-linen-summer-rose"]:before,
.archive .custom-dropdown-group[data-active-group="fresh-linen-summer-rose"] .selected-item-title:before {
  background-color: var(--color-fresh-linen-summer-rose);
}


/* ================================
   Pink Pineapple & Coconut
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-pink-pineapple-coconut > a {
  border: 1px solid var(--color-pink-pineapple-coconut) !important;
  color: var(--color-pink-pineapple-coconut) !important;
}
.single-product li.tab-variation-category.category-pink-pineapple-coconut.active > a {
  background-color: var(--color-pink-pineapple-coconut) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pink-pineapple-coconut > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pink-pineapple-coconut > a {
  border: 1px solid var(--color-pink-pineapple-coconut) !important;
  color: var(--color-pink-pineapple-coconut) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pink-pineapple-coconut.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-pink-pineapple-coconut.active > a {
  background-color: var(--color-pink-pineapple-coconut) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="pink-pineapple-coconut"]:before,
.custom-dropdown-group[data-active-group="pink-pineapple-coconut"] .selected-item-title:before {
  background-color: var(--color-pink-pineapple-coconut);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="pink-pineapple-coconut"]:before,
.archive .custom-dropdown-group[data-active-group="pink-pineapple-coconut"] .selected-item-title:before {
  background-color: var(--color-pink-pineapple-coconut);
}
/* ================================
   Berry Bloom & Citrus
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-berry-bloom-citrus > a {
  border: 1px solid var(--color-berry-bloom-citrus) !important;
  color: var(--color-berry-bloom-citrus) !important;
}
.single-product li.tab-variation-category.category-berry-bloom-citrus.active > a {
  background-color: var(--color-berry-bloom-citrus) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus > a {
  border: 1px solid var(--color-berry-bloom-citrus) !important;
  color: var(--color-berry-bloom-citrus) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus.active > a {
  background-color: var(--color-berry-bloom-citrus) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="berry-bloom-citrus"]:before,
li[data-tab-group-id="berry-bloom-&-citrus"]:before,
li[data-tab-group-id="berry-bloom-&-citrus"]:before,
li[data-tab-group-id="berry-bloom-and-citrus"]:before,
.custom-dropdown-group[data-active-group="berry-bloom-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-and-citrus"] .selected-item-title:before {
  background-color: var(--color-berry-bloom-citrus);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="berry-bloom-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-&-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-&-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-and-citrus"]:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-and-citrus"] .selected-item-title:before {
  background-color: var(--color-berry-bloom-citrus);
}      
/* ================================
   Berry Bloom & Citrus
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-berry-bloom-citrus > a {
  border: 1px solid var(--color-berry-bloom-citrus) !important;
  color: var(--color-berry-bloom-citrus) !important;
}
.single-product li.tab-variation-category.category-berry-bloom-citrus.active > a {
  background-color: var(--color-berry-bloom-citrus) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus > a {
  border: 1px solid var(--color-berry-bloom-citrus) !important;
  color: var(--color-berry-bloom-citrus) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-berry-bloom-citrus.active > a {
  background-color: var(--color-berry-bloom-citrus) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="berry-bloom-citrus"]:before,
li[data-tab-group-id="berry-bloom-&-citrus"]:before,
li[data-tab-group-id="berry-bloom-&-citrus"]:before,
li[data-tab-group-id="berry-bloom-and-citrus"]:before,
.custom-dropdown-group[data-active-group="berry-bloom-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="berry-bloom-and-citrus"] .selected-item-title:before {
  background-color: var(--color-berry-bloom-citrus);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="berry-bloom-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-&-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-&-citrus"]:before,
.archive li[data-tab-group-id="berry-bloom-and-citrus"]:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-&-citrus"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="berry-bloom-and-citrus"] .selected-item-title:before {
  background-color: var(--color-berry-bloom-citrus);
}      
/* ================================
   Rosemary & Lemongrass
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-rosemary-lemongrass > a {
  border: 1px solid var(--color-rosemary-lemongrass) !important;
  color: var(--color-rosemary-lemongrass) !important;
}
.single-product li.tab-variation-category.category-rosemary-lemongrass.active > a {
  background-color: var(--color-rosemary-lemongrass) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass > a {
  border: 1px solid var(--color-rosemary-lemongrass) !important;
  color: var(--color-rosemary-lemongrass) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass.active > a {
  background-color: var(--color-rosemary-lemongrass) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="rosemary-lemongrass"]:before,
li[data-tab-group-id="rosemary-&-lemongrass"]:before,
li[data-tab-group-id="rosemary-&-lemongrass"]:before,
li[data-tab-group-id="rosemary-and-lemongrass"]:before,
.custom-dropdown-group[data-active-group="rosemary-lemongrass"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="rosemary-&-lemongrass"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="rosemary-&-lemongrass"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="rosemary-and-lemongrass"] .selected-item-title:before {
  background-color: var(--color-rosemary-lemongrass);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="rosemary-lemongrass"]:before,
.archive li[data-tab-group-id="rosemary-&-lemongrass"]:before,
.archive li[data-tab-group-id="rosemary-&-lemongrass"]:before,
.archive li[data-tab-group-id="rosemary-and-lemongrass"]:before,
.archive .custom-dropdown-group[data-active-group="rosemary-lemongrass"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="rosemary-&-lemongrass"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="rosemary-&-lemongrass"] .selected-item-title:before,
.archive .custom-dropdown-group[data-active-group="rosemary-and-lemongrass"] .selected-item-title:before {
  background-color: var(--color-rosemary-lemongrass);
}
      
/* ================================
   Cucumber
================================ */

/* 1) PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-cucumber > a {
  border: 1px solid var(--color-cucumber) !important;
  color: var(--color-cucumber) !important;
}
.single-product li.tab-variation-category.category-cucumber.active > a {
  background-color: var(--color-cucumber) !important;
  color: #fff !important;
}

/* 2) Modal Upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumber > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumber > a {
  border: 1px solid var(--color-cucumber) !important;
  color: var(--color-cucumber) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumber.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumber.active > a {
  background-color: var(--color-cucumber) !important;
  color: #fff !important;
}

/* 3) Dot Indicators (Dropdown Menus) */
li[data-tab-group-id="cucumber"]:before,
.custom-dropdown-group[data-active-group="cucumber"] .selected-item-title:before {
  background-color: var(--color-cucumber);
}

/* 4) Archive dots */
.archive li[data-tab-group-id="cucumber"]:before,
.archive .custom-dropdown-group[data-active-group="cucumber"] .selected-item-title:before {
  background-color: var(--color-cucumber);
}      
      /* Dot indicators — Jasmine & Orange Blossom (1L) */

li[data-tab-group-id="jasmine-orange-blossom-(1l)"]:before,
li[data-tab-group-id="jasmine-&-orange-blossom-(1l)"]:before,
li[data-tab-group-id="jasmine-&-orange-blossom-(1l)"]:before,
li[data-tab-group-id="jasmine-and-orange-blossom-(1l)"]:before,

.custom-dropdown-group[data-active-group="jasmine-orange-blossom-(1l)"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="jasmine-&-orange-blossom-(1l)"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="jasmine-&-orange-blossom-(1l)"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="jasmine-and-orange-blossom-(1l)"] .selected-item-title:before,

.archive li[data-tab-group-id="jasmine-&-orange-blossom-(1l)"]:before,
.archive .custom-dropdown-group[data-active-group="jasmine-&-orange-blossom-(1l)"] .selected-item-title:before {

  background-color: var(--scent-jasmine-orange-blossom);
}
      
      
   .single-product li.tab-variation-category.category-vanilla-blossom > a {
        border: 1px solid #CC9473!important;
        color: #CC9473!important;
    }
   .single-product li.tab-variation-category.category-peony-rose > a {
        border: 1px solid #D46DB4!important;
        color: #D46DB4!important;
    }
  .single-product  li.tab-variation-category.category-lavender-lily > a {
        border: 1px solid #9066DE!important;
        color: #9066DE!important;
    }    
   .single-product li.tab-variation-category.category-mothers-day > a {
        border: 1px solid #992462!important;
        color: #992462!important;
    }    

.single-product li.tab-variation-category.category-peony-pomegranate > a { border: 1px solid #C71929!important; color: #C71929!important; }     
 .single-product  li.tab-variation-category.category-peony-pomegranate.active > a { background-color:#C71929!important; color: #fff !important;}
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-pomegranate > a { border:1px solid #C71929!important; color:#C71929!important; }
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-pomegranate.active > a { background-color:#C71929!important; color: #fff !important;}
li.tab-variation-category.category-peony-pomegranate.active > a { background-color:#C71929!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-pomegranate > a { border:1px solid #C71929!important; color:#C71929!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-pomegranate.active > a { background-color:#C71929!important; color: #fff !important;}

.single-product li.tab-variation-category.category-jasmine-orange-blossom > a { border: 1px solid #F26A16!important; color: #F26A16!important; }      
.single-product  li.tab-variation-category.category-jasmine-orange-blossom.active > a { background-color:#F26A16!important; color: #fff !important;}
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-orange-blossom > a { border:1px solid #F26A16!important; color:#F26A16!important; }
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-orange-blossom.active > a { background-color:#F26A16!important; color: #fff !important;}
li.tab-variation-category.category-jasmine-orange-blossom.active > a { background-color:#F26A16!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-orange-blossom > a { border:1px solid #F26A16!important; color:#F26A16!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-jasmine-orange-blossom.active > a { background-color:#F26A16!important; color: #fff !important;}

/*.single-product li.tab-variation-category.category-citrus-lemon-blossom > a { border: 1px solid #FA9F1B!important; color: #FA9F1B!important; }*/      
/*.single-product  li.tab-variation-category.category-citrus-lemon-blossom.active > a { background-color:#FA9F1B!important; color: #fff !important;}*/
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-lemon-blossom > a { border:1px solid #FA9F1B!important; color:#FA9F1B!important; }
.single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-lemon-blossom.active > a { background-color:#FA9F1B!important; color: #fff !important;}
/*li.tab-variation-category.category-citrus-lemon-blossom.active > a { background-color:#FA9F1B!important; color: #fff !important;}*/
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-lemon-blossom > a { border:1px solid #FA9F1B!important; color:#FA9F1B!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-citrus-lemon-blossom.active > a { background-color:#FA9F1B!important; color: #fff !important;}
      
      

  .single-product  li.tab-variation-category.category-vanilla-blossom.active > a { background-color:#CC9473!important; color: #fff !important;}
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-blossom > a { border:1px solid #CC9473!important; color:#CC9473!important; }
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-blossom.active > a { background-color:#CC9473!important; color: #fff !important;}
li.tab-variation-category.category-vanilla-blossom.active > a { background-color:#CC9473!important; color: #fff !important;}      
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-blossom > a { border:1px solid #CC9473!important; color:#CC9473!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-blossom.active > a { background-color:#CC9473!important; color: #fff !important;}      
      

   .single-product li.tab-variation-category.category-lavender-cedar-1L > a {
        border: 1px solid #9266A4!important;
        color: #9266A4!important;
    }      
  .single-product  li.tab-variation-category.category-lavender-cedar-1L.active > a { background-color:#9266A4!important; color: #fff !important;}
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar-1L > a { border:1px solid #9266A4!important; color:#9266A4!important; }
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar-1L.active > a { background-color:#9266A4!important; color: #fff !important;}
li.tab-variation-category.category-lavender-cedar-1L.active > a { background-color:#9266A4!important; color: #fff !important;}      
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar-1L > a { border:1px solid #9266A4!important; color:#9266A4!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar-1L.active > a { background-color:#9266A4!important; color: #fff !important;}      
      
    
  .single-product  li.tab-variation-category.category-peony-rose.active > a { background-color:#D46DB4!important; color: #fff !important;}
   .single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-rose > a { border:1px solid #D46DB4!important; color:#D46DB4!important; }
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-rose.active > a { background-color:#D46DB4!important; color: #fff !important;}
      
li.tab-variation-category.category-peony-rose.active > a { background-color:#D46DB4!important; color: #fff !important;}      
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-rose > a { border:1px solid #D46DB4!important; color:#D46DB4!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-peony-rose.active > a { background-color:#D46DB4!important; color: #fff !important;}      
    
   .single-product li.tab-variation-category.category-lavender-lily.active > a { background-color:#9066DE!important; color: #fff !important;}
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-lily > a { border:1px solid #9066DE!important; color:#9066DE!important; }
   .single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-lily.active > a { background-color:#9066DE!important; color: #fff !important;}
     
 li.tab-variation-category.category-lavender-lily.active > a { background-color:#9066DE!important; color: #fff !important;}
 .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-lily > a { border:1px solid #9066DE!important; color:#9066DE!important; }
 .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-lily.active > a { background-color:#9066DE!important; color: #fff !important;}
     
            
      
      
  .single-product  li.tab-variation-category.category-mothers-day.active > a { background-color:#992462!important; color: #fff !important;}
   .single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day > a { border:1px solid #992462!important; color:#992462!important; }
  .single-product  .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-mothers-day.active > a { background-color:#992462!important; color: #fff !important;}
           
      
      li.tab-variation-category.category-fragrance-free > a { border:1px solid var(--scent-rose-hips)!important; color:var(--scent-rose-hips)!important; }
li.tab-variation-category.category-fragrance-free.active > a { background-color:var(--scent-rose-hips)!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fragrance-free > a { border:1px solid var(--scent-rose-hips)!important; color:var(--scent-rose-hips)!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fragrance-free.active > a { background-color:var(--scent-rose-hips)!important; color: #fff !important;}
      
      
li.tab-variation-category.category-CoconutVanillaShampoo > a { border:1px solid #BF5022!important; color:#BF5022!important; }
li.tab-variation-category.category-CoconutVanillaShampoo.active > a { background-color:#BF5022!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-CoconutVanillaShampoo > a { border:1px solid #BF5022!important; color:#BF5022!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-CoconutVanillaShampoo.active > a { background-color:#BF5022!important; color: #fff !important;}
li.tab-variation-category.category-avocadoshampoo > a { border:1px solid #905E42!important; color:#905E42!important; }
li.tab-variation-category.category-avocadoshampoo.active > a { background-color:#905E42!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-avocadoshampoo > a { border:1px solid #905E42!important; color:#905E42!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-avocadoshampoo.active > a { background-color:#905E42!important; color: #fff !important;}
li.tab-variation-category.category-cucumbershampoo > a { border:1px solid #75AF43!important; color:#75AF43!important; }
li.tab-variation-category.category-cucumbershampoo.active > a { background-color:#75AF43!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumbershampoo > a { border:1px solid #75AF43!important; color:#75AF43!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-cucumbershampoo.active > a { background-color:#75AF43!important; color: #fff !important;}
li.tab-variation-category.category-fresh-and-clean > a { border:1px solid #231480!important; color:#231480!important; }
li.tab-variation-category.category-fresh-and-clean.active > a { background-color:#231480!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-and-clean > a { border:1px solid #231480!important; color:#231480!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-fresh-and-clean.active > a { background-color:#231480!important; color: #fff !important;}
li.tab-variation-category.category-MandarinCedarShampoo > a { border:1px solid #FE5A28!important; color:#FE5A28!important; }
li.tab-variation-category.category-MandarinCedarShampoo.active > a { background-color:#FE5A28!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-MandarinCedarShampoo > a { border:1px solid #FE5A28!important; color:#FE5A28!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-MandarinCedarShampoo.active > a { background-color:#FE5A28!important; color: #fff !important;}
li.tab-variation-category.category-WildflowerJasmineShampoo > a { border:1px solid #3ED4D5!important; color:#3ED4D5!important; }
li.tab-variation-category.category-WildflowerJasmineShampoo.active > a { background-color:#3ED4D5!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-WildflowerJasmineShampoo > a { border:1px solid #3ED4D5!important; color:#3ED4D5!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-WildflowerJasmineShampoo.active > a { background-color:#3ED4D5!important; color: #fff !important;}
li.tab-variation-category.category-LilacGardeniaShampoo > a { border:1px solid #A06DA9!important; color:#A06DA9!important; }
li.tab-variation-category.category-LilacGardeniaShampoo.active > a { background-color:#A06DA9!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-LilacGardeniaShampoo > a { border:1px solid #A06DA9!important; color:#A06DA9!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-LilacGardeniaShampoo.active > a { background-color:#A06DA9!important; color: #fff !important;}
li.tab-variation-category.category-SageBergamotShampoo > a { border:1px solid #7A8560!important; color:#7A8560!important; }
li.tab-variation-category.category-SageBergamotShampoo.active > a { background-color:#7A8560!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-SageBergamotShampoo > a { border:1px solid #7A8560!important; color:#7A8560!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-SageBergamotShampoo.active > a { background-color:#7A8560!important; color: #fff !important;}
      
      
li.tab-variation-category.category-rosemary-lemongrass-shampoo > a { border:1px solid #446834!important; color:#446834!important; }
li.tab-variation-category.category-rosemary-lemongrass-shampoo.active > a { background-color:#446834!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass-shampoo > a { border:1px solid #446834!important; color:#446834!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rosemary-lemongrass-shampoo.active > a { background-color:#446834!important; color: #fff !important;}
      
li.tab-variation-category.category-RosemaryLemongrassShampoo > a { border:1px solid #446834!important; color:#446834!important; }
li.tab-variation-category.category-RosemaryLemongrassShampoo.active > a { background-color:#446834!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-RosemaryLemongrassShampoo > a { border:1px solid #446834!important; color:#446834!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-RosemaryLemongrassShampoo.active > a { background-color:#446834!important; color: #fff !important;}
      
      
li.tab-variation-category.category-lavender-cedar > a { border:1px solid #9266A4!important; color:#9266A4!important; }
li.tab-variation-category.category-lavender-cedar.active > a { background-color:#9266A4!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar > a { border:1px solid #9266A4!important; color:#9266A4!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-lavender-cedar.active > a { background-color:#9266A4!important; color: #fff !important;}
      

      
      
li.tab-variation-category.category-orchid-apricot > a { border:1px solid #F0628D!important; color:#F0628D!important; }
li.tab-variation-category.category-orchid-apricot.active > a { background-color:#F0628D!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orchid-apricot > a { border:1px solid #F0628D!important; color:#F0628D!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-orchid-apricot.active > a { background-color:#F0628D!important; color: #fff !important;}
li.tab-variation-category.category-honeysuckle-rice-milk > a { border:1px solid #A85C69!important; color:#A85C69!important; }
li.tab-variation-category.category-honeysuckle-rice-milk.active > a { background-color:#A85C69!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-honeysuckle-rice-milk > a { border:1px solid #A85C69!important; color:#A85C69!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-honeysuckle-rice-milk.active > a { background-color:#A85C69!important; color: #fff !important;}
li.tab-variation-category.category-avender-cedar > a { border:1px solid #9266A4!important; color:#9266A4!important; }
li.tab-variation-category.category-avender-cedar.active > a { background-color:#9266A4!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-avender-cedar > a { border:1px solid #9266A4!important; color:#9266A4!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-avender-cedar.active > a { background-color:#9266A4!important; color: #fff !important;}
li.tab-variation-category.category-christmas-eve > a { border:1px solid #106E3A!important; color:#106E3A!important; }
li.tab-variation-category.category-christmas-eve.active > a { background-color:#106E3A!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-christmas-eve > a { border:1px solid #106E3A!important; color:#106E3A!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-christmas-eve.active > a { background-color:#106E3A!important; color: #fff !important;}
li.tab-variation-category.category-rose-sandalwood > a { border:1px solid #AB284A!important; color:#AB284A!important; }
li.tab-variation-category.category-rose-sandalwood.active > a { background-color:#AB284A!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rose-sandalwood > a { border:1px solid #AB284A!important; color:#AB284A!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-rose-sandalwood.active > a { background-color:#AB284A!important; color: #fff !important;}
li.tab-variation-category.category-vanilla-almond > a { border:1px solid #CDA178!important; color:#CDA178!important; }
li.tab-variation-category.category-vanilla-almond.active > a { background-color:#CDA178!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-almond > a { border:1px solid #CDA178!important; color:#CDA178!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-vanilla-almond.active > a { background-color:#CDA178!important; color: #fff !important;}
li.tab-variation-category.category-gardenia-jasmine > a { border:1px solid #26A499!important; color:#26A499!important; }
li.tab-variation-category.category-gardenia-jasmine.active > a { background-color:#26A499!important; color: #fff !important;}
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-gardenia-jasmine > a { border:1px solid #26A499!important; color:#26A499!important; }
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-gardenia-jasmine.active > a { background-color:#26A499!important; color: #fff !important;}

/* === Purple Shampoo & Conditioner (added 2026-07-21, launch) === */
/* Purple is a single line sold as shampoo / conditioner / set — its tabs use per-variation
   category classes (category-purple-shampoo, -conditioner, -shampoo-conditioner). Color all three. */

/* SPO RO130 - Active Tab Override */
#content li.tab-variation-category.category-purple-shampoo.active > a,
#content li.tab-variation-category.category-purple-conditioner.active > a,
#content li.tab-variation-category.category-purple-shampoo-conditioner.active > a {
  color: var(--color-purple-shampoo-conditioner) !important;
}

/* PDP Tabs (normal + active) */
.single-product li.tab-variation-category.category-purple-shampoo > a,
.single-product li.tab-variation-category.category-purple-conditioner > a,
.single-product li.tab-variation-category.category-purple-shampoo-conditioner > a {
  border: 1px solid var(--color-purple-shampoo-conditioner) !important;
  color: var(--color-purple-shampoo-conditioner) !important;
}
.single-product li.tab-variation-category.category-purple-shampoo.active > a,
.single-product li.tab-variation-category.category-purple-conditioner.active > a,
.single-product li.tab-variation-category.category-purple-shampoo-conditioner.active > a {
  background-color: var(--color-purple-shampoo-conditioner) !important;
  color: #fff !important;
}

/* Modal Upsell / ATC upsell (PDP scope + global fallback) */
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo > a,
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-conditioner > a,
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo-conditioner > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-conditioner > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo-conditioner > a {
  border: 1px solid var(--color-purple-shampoo-conditioner) !important;
  color: var(--color-purple-shampoo-conditioner) !important;
}
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo.active > a,
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-conditioner.active > a,
.single-product .modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo-conditioner.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-conditioner.active > a,
.modal-upsellpopup.upsell-theme-landscape-50-percent li.tab-variation-category.category-purple-shampoo-conditioner.active > a {
  background-color: var(--color-purple-shampoo-conditioner) !important;
  color: #fff !important;
}

/* Dot indicators (dropdowns) — slug + & / & variations */
li[data-tab-group-id="purple-shampoo"]:before,
li[data-tab-group-id="purple-conditioner"]:before,
li[data-tab-group-id="purple-shampoo-conditioner"]:before,
li[data-tab-group-id="purple-shampoo-&-conditioner"]:before,
li[data-tab-group-id="purple-shampoo-&-conditioner"]:before,
.custom-dropdown-group[data-active-group="purple-shampoo"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="purple-conditioner"] .selected-item-title:before,
.custom-dropdown-group[data-active-group="purple-shampoo-conditioner"] .selected-item-title:before {
  background-color: var(--color-purple-shampoo-conditioner);
}