:root {
    --scent-cucumber-dark: #4f762d;
    --scent-gardenia-jasmin-dark: #1f847c;
    --scent-jasmin-orange-blossom-dark: #c1510b;
    --scent-orange-blossom-sandalwood-dark: #d54120;
    --scent-lilac-winter-rose-dark: #65669c;
    --scent-pear-blossom-white-lotus-dark: #5c8136;
    --scent-wildflower-jasmine-dark: #1a7575;
    --scent-sage-bergamot-dark: #6c7b51;
    --scent-berry-bloom-citrus-dark: #d5345c;
    --scent-magnolia-fresh-rain-dark: #347383;
    --scent-vanilla-cashmere-oak: #b29379;
}

.tabs-variation-categories-wrapper[data-variation-category="category-rose-hips"] {
    --scent-color: var(--scent-rose-hips);
    --scent-text-color: var(--scent-rose-hips);
}
.tabs-variation-categories-wrapper[data-variation-category="category-coconut-vanilla"] {
    --scent-color: var(--scent-coconut-vanilla);
    --scent-text-color: var(--scent-coconut-vanilla);
}
.tabs-variation-categories-wrapper[data-variation-category="category-lavender-cedar"] {
    --scent-color: var(--scent-lavender-cedar);
    --scent-text-color: var(--scent-lavender-cedar);
}
.tabs-variation-categories-wrapper[data-variation-category="category-cucumber"] {
    --scent-color: var(--scent-cucumber);
    --scent-text-color: var(--scent-cucumber-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-gardenia-jasmine"] {
    --scent-color: var(--scent-gardenia-jasmine);
    --scent-text-color: var(--scent-gardenia-jasmin-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-jasmine-orange-blossom"] {
    --scent-color: var(--scent-jasmine-orange-blossom);
    --scent-text-color: var(--scent-jasmin-orange-blossom-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-orange-blossom-sandalwood"] {
    --scent-color: var(--scent-orange-blossom-sandalwood);
    --scent-text-color: var(--scent-orange-blossom-sandalwood-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-lilac-winter-rose"] {
    --scent-color: var(--scent-lilac-winter-rose);
    --scent-text-color: var(--scent-lilac-winter-rose-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-pear-blossom-white-lotus"] {
    --scent-color: var(--scent-pear-blossom-white-lotus);
    --scent-text-color: var(--scent-pear-blossom-white-lotus-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-fresh-cut-roses"] {
    --scent-color: var(--scent-fresh-cut-roses);
    --scent-text-color: var(--scent-fresh-cut-roses);
}
.tabs-variation-categories-wrapper[data-variation-category="category-wildflower-jasmine"] {
    --scent-color: var(--scent-wildflower-jasmine);
    --scent-text-color: var(--scent-wildflower-jasmine-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-unscented"] {
    --scent-color: var(--scent-unscented);
    --scent-text-color: var(--scent-unscented);
}
.tabs-variation-categories-wrapper[data-variation-category="category-sage-bergamot"] {
    --scent-color: var(--scent-sage-bergamot);
    --scent-text-color: var(--scent-sage-bergamot-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-berry-bloom-citrus"] {
    --scent-color: var(--scent-berry-bloom-citrus);
    --scent-text-color: var(--scent-berry-bloom-citrus-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-magnolia-fresh-rain"] {
    --scent-color: var(--scent-magnolia-fresh-rain);
    --scent-text-color: var(--scent-magnolia-fresh-rain-dark);
}
.tabs-variation-categories-wrapper[data-variation-category="category-white-lily-gardenia"] {
    --scent-color: var(--scent-white-lily-gardenia);
    --scent-text-color: var(--scent-white-lily-gardenia);
}
.tabs-variation-categories-wrapper[data-variation-category="category-vanilla-cashmere-oak"] {
    --scent-color: var(--scent-vanilla-cashmere-oak);
    --scent-text-color: var(--scent-vanilla-cashmere-oak);
}
.tabs-variation-categories-wrapper[data-variation-category="category-mothers-day"] {
    --scent-color: var(--scent-mothers-day);
    --scent-text-color: var(--scent-mothers-day);
}

.tabs-variation-categories-wrapper[data-variation-category="category-rose-hips"] .fragrance[data-category="category-rose-hips"],
.tabs-variation-categories-wrapper[data-variation-category="category-coconut-vanilla"] .fragrance[data-category="category-coconut-vanilla"],
.tabs-variation-categories-wrapper[data-variation-category="category-lavender-cedar"] .fragrance[data-category="category-lavender-cedar"],
.tabs-variation-categories-wrapper[data-variation-category="category-jasmine-orange-blossom"] .fragrance[data-category="category-jasmine-orange-blossom"],
.tabs-variation-categories-wrapper[data-variation-category="category-lilac-winter-rose"] .fragrance[data-category="category-lilac-winter-rose"],
.tabs-variation-categories-wrapper[data-variation-category="category-pear-blossom-white-lotus"] .fragrance[data-category="category-pear-blossom-white-lotus"],
.tabs-variation-categories-wrapper[data-variation-category="category-fresh-cut-roses"] .fragrance[data-category="category-fresh-cut-roses"],
.tabs-variation-categories-wrapper[data-variation-category="category-wildflower-jasmine"] .fragrance[data-category="category-wildflower-jasmine"],
.tabs-variation-categories-wrapper[data-variation-category="category-unscented"] .fragrance[data-category="category-unscented"],
.tabs-variation-categories-wrapper[data-variation-category="category-orange-blossom-sandalwood"] .fragrance[data-category="category-orange-blossom-sandalwood"],
.tabs-variation-categories-wrapper[data-variation-category="category-cucumber"] .fragrance[data-category="category-cucumber"],
.tabs-variation-categories-wrapper[data-variation-category="category-sage-bergamot"] .fragrance[data-category="category-sage-bergamot"],
.tabs-variation-categories-wrapper[data-variation-category="category-berry-bloom-citrus"] .fragrance[data-category="category-berry-bloom-citrus"],
.tabs-variation-categories-wrapper[data-variation-category="category-magnolia-fresh-rain"] .fragrance[data-category="category-magnolia-fresh-rain"],
.tabs-variation-categories-wrapper[data-variation-category="category-white-lily-gardenia"] .fragrance[data-category="category-white-lily-gardenia"],
.tabs-variation-categories-wrapper[data-variation-category="category-vanilla-cashmere-oak"] .fragrance[data-category="category-vanilla-cashmere-oak"],
.tabs-variation-categories-wrapper[data-variation-category="category-mothers-day"] .fragrance[data-category="category-mothers-day"] {
    display: block;
}

.fragrance {
    display: none;
}
.fragrance-wrap {
    margin-bottom: 30px;
}
.scent-label {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-left: 10px;
}
.value {
    color: var(--scent-text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.dots {
    margin-top: 6px;
    display: flex;
    gap: 6px;
    margin-left: 10px;
}
.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d3d3d3;
}
.dot.active {
    background: var(--scent-color);
}
.tab-content-variation-category {
    color: var(--scent-text-color);
}
.single-product #content .tab-content-variation-category-wrapper,
#content .tab-content-variation-category-wrapper {
    margin-bottom: 16px !important;
}
.sp-urgency-badge {
    margin-top: 0px !important;
}

@media screen and (max-width: 1023px) {
    .tab-content-variation-category-wrapper .scent-label {
        margin-left: 0px;
    }
    .fragrance-wrap {
        margin-left: 5px;
    }
}