{"product_id":"tone-adapting-cc-serum","title":"Tone Adapting CC Serum","description":"\u003cdiv id=\"sg-olivine-cc\" class=\"gradient\" data-heading-scale=\"100\" data-body-scale=\"100\" data-heading-letter-spacing=\"-0.5\" data-body-letter-spacing=\"-0.3\" data-button-text-case=\"\" data-button-radius=\"8\" data-apply-button-radius-to-all=\"true\"\u003e\n\u003cstyle\u003e#sg-olivine-cc{--font-body-family-override: var(--font-body-family, sans-serif);--font-heading-family-override: var(--font-heading-family, sans-serif);--font-body-weight-override: var(--font-body-weight, 400);--font-body-weight-bold-override: var(--font-body-weight-bold, var(--font-weight-bold, 500));--font-heading-weight-override: var(--font-weight-bold, 500)} #sg-olivine-cc,#sg-olivine-cc p,#sg-olivine-cc button,#sg-olivine-cc input,#sg-olivine-cc select{font-family:var(--font-body-family-override);letter-spacing:var(--letter-spacing-body, -.3px)} #sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3{font-family:var(--font-heading-family-override);letter-spacing:var(--letter-spacing-heading, -.3px)}\n@import url(\"data:text\/css;base64,I2Z2LWxvYWRpbmctaWNvbiB7CiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlOwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgZGlzcGxheTogZmxleAo7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBmb250LWZhbWlseTogc3lzdGVtLXVpLCBzYW5zLXNlcmlmOwogICAgZm9udC1zaXplOiAxOTB2dzsKICAgIGxpbmUtaGVpZ2h0OiAxOwogICAgd29yZC13cmFwOiBicmVhay13b3JkOwogICAgdG9wOiAwOwogICAgbGVmdDogMDsKICAgIG1hcmdpbjogMDsKICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICAgIGZpbHRlcjogbm9uZTsKICAgIHRyYW5zaXRpb246IGFsbCAwczsKICAgIHRyYW5zZm9ybTogbm9uZTsKICAgIHdpZHRoOiA5OXZ3OwogICAgaGVpZ2h0OiA5OXZoOwogICAgbWF4LXdpZHRoOiA5OXZ3OwogICAgbWF4LWhlaWdodDogOTl2aDsKICAgIHBvaW50ZXItZXZlbnRzOiBub25lOwogICAgei1pbmRleDogLTk5OwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIG9wYWNpdHk6IDAuMDAwMTsKfQ==\");\n@font-face{ font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/assistant\/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2\") format(\"woff2\"), url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/assistant\/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff\") format(\"woff\"); } @font-face{ font-family: Assistant; font-weight: 700; font-style: normal; font-display: swap; src: url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/assistant\/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2\") format(\"woff2\"), url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/assistant\/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff\") format(\"woff\"); } @font-face{ font-family: \"Playfair Display\"; font-weight: 400; font-style: normal; font-display: swap; src: url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/playfair_display\/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2\") format(\"woff2\"), url(\"https:\/\/olivinebeauty.com\/cdn\/fonts\/playfair_display\/playfairdisplay_n4.c562b7c8e5637886a811d2a017f9e023166064ee.woff\") format(\"woff\"); } #sg-olivine-cc{ --global-section-background-color: #f5f2e3; --global-section-text-color: #211a28; --global-section-heading-color: ; --global-section-accent-1-color: #85A66F; --global-section-use-gradient-background: 1; --color-background: 245,242,227; --gradient-background: linear-gradient(135deg, rgba(245, 242, 227, 1), rgba(235, 232, 217, 1) 97%); --color-foreground: #211a28; --color-background-contrast: 211,198,133; --color-shadow: 18,18,18; --color-button: 133,166,111; --color-button-text: 33,26,40; --color-secondary-button: 245,242,227; --color-secondary-button-text: 33,26,40; --color-link: 133,166,111; --color-badge-foreground: 33,26,40; --color-header: 245,242,227; --color-header-border: 229 229 229; --color-footer: 133,166,111; --color-drawer: 133,166,111; --color-drawer-text: 33,26,40; --color-dropdown: 133,166,111; --color-badge-background: 245,242,227; --color-badge-border: 133,166,111; --payment-terms-background-color: rgb(245 242 227); } #sg-olivine-cc{ --font-body-family: Assistant, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: \"Playfair Display\", serif; --font-heading-style: normal; --font-heading-weight: 400; --font-accent-family: \"New York\", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-accent-style: italic; --font-accent-weight: 400; --font-accent-scale: 0.0; --font-accent-letter-spacing: -0.8px; --font-accent-text-transform: none; --global-accent-font: var(--font-accent-family); --font-weight-regular: 400 !important; --font-weight-bold: 500 !important; --font-weight-semibold: 500 !important; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1200px; --page-width-margin: 0rem; --animate-spin: spin 1s linear infinite; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --page-desktop-horizontal-padding: 0px; --sections-desktop-horizontal-padding: 0px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --page-desktop-horizontal-padding: 0px; --sections-desktop-horizontal-padding: 0px; --sections-desktop-vertical-padding: 0px; --sections-mobile-horizontal-padding: 0px; --sections-mobile-vertical-padding: 0px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; --global-button-padding-y: 14px; --global-button-font-size: 14px; --global-button-font-weight: 700; --conditional-button-font-weight: var(--global-button-font-weight, 700); --global-button-letter-spacing: 0px; --global-button-text-transform: none; --global-button-radius: 8px; --global-button-bg-color: #85a66f; --global-button-text-color: #FFFFFF; --global-button-border-color: #b3c8a4ff; --global-button-border-width: 0px; --global-button-bottom-border-width: 0px; --global-button-bottom-border-color: #85a66f; --global-button-hover-bg-color: #73945e; --global-button-hover-text-color: #FFFFFF; --button-box-shadow-enabled: false; --button-shadow-intensity: 2; --button-gradient-enabled: false; --button-gradient-start: #211a28; --button-gradient-end: #000000; --button-gradient-direction: to bottom; --button-gradient-hover-start: #c8deb9ff; --button-gradient-hover-end: #85a66f; --button-gradient-shine-enabled: true; --global-button-hover-brightness: 90%; --enable-global-border-styling: 0; --letter-spacing-body: -0.3px; --app-letter-spacing: -0.3px; --global-section-bg-color: #f5f2e3; --global-section-text-color: #211a28; --global-section-accent-1-color: #85A66F; --global-section-accent-2-color: #85a66f; --global-section-accent-gradient-color: var(--gradient-background); --direction: ltr; --text-align-start: left; --text-align-end: right; --margin-start: margin-left; --margin-end: margin-right; --padding-start: padding-left; --padding-end: padding-right; --border-start: border-left; --border-end: border-right; --float-start: left; --float-end: right; --enable-contained-sections: 0; }\n#sg-olivine-cc *,#sg-olivine-cc *::before,#sg-olivine-cc *::after{ box-sizing: inherit; } #sg-olivine-cc{ box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } #sg-olivine-cc{ display: flex; flex-direction: column; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: var(--letter-spacing-body); line-height: calc(1 + 0.8 \/ var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } #sg-olivine-cc section{ color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } @media screen and (min-width: 750px){#sg-olivine-cc{ font-size: 1.6rem; }}\n#sg-olivine-cc{ --global-section-text-color: ; --global-section-background-color: ; --global-section-accent-1-color: ; }\n#sg-olivine-cc{--alpha-button-background: 1;--alpha-button-border: 1;--alpha-link: .85;--alpha-badge-border: .1;--focused-base-outline: .2rem solid rgba(var(--color-foreground), .5);--focused-base-outline-offset: .3rem;--focused-base-box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);--button-border-radius: 15px;--inputs-radius: 15px;--inputs-radius-outset: 16px;--global-section-text-color-rgb: 0, 0, 0;--global-section-background-color-rgb: 255, 255, 255} @media screen and (min-width:750px){} @media screen and (min-width:990px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} #sg-olivine-cc .hidden{display:none!important} #sg-olivine-cc .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important} #sg-olivine-cc ::selection{background-color:rgba(var(--global-section-background-color),.2)} #sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);color:rgb(var(--color-foreground));line-height:calc(1 + .3\/max(1,var(--font-heading-scale)));word-break:break-word} @media only screen and (min-width:750px){} @media only screen and (min-width:750px){} #sg-olivine-cc h1{font-size:calc(var(--font-heading-scale) * 3rem)} @media only screen and (min-width:750px){#sg-olivine-cc h1{font-size:calc(var(--font-heading-scale) * 4rem)}} #sg-olivine-cc h2{font-size:calc(var(--font-heading-scale) * 2rem)} @media only screen and (min-width:750px){#sg-olivine-cc h2{font-size:calc(var(--font-heading-scale) * 2.4rem)}} #sg-olivine-cc h3{font-size:calc(var(--font-heading-scale) * 1.7rem)} @media only screen and (min-width:750px){#sg-olivine-cc h3{font-size:calc(var(--font-heading-scale) * 1.8rem)}} @media only screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (max-width:749px){} @media screen and (min-width:750px)and (max-width:989px){} @media screen and (min-width:990px){} #sg-olivine-cc div:empty:not([id]){display:none} #sg-olivine-cc .circle-divider:after{content:\"\\2022\";margin:0 1.3rem 0 1.5rem} #sg-olivine-cc .circle-divider:last-of-type:after{display:none} @media screen and (min-width:750px){} #sg-olivine-cc details\u003e*{box-sizing:border-box} @media(prefers-reduced-motion){} #sg-olivine-cc{--duration-short: .1s;--duration-default: .2s;--duration-announcement-bar: .25s;--duration-medium: .3s;--duration-long: .5s;--duration-extra-long: .6s;--duration-extra-longer: .75s;--duration-extended: 3s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);--animation-fade-up: fadeInUp .8s ease-out forwards } #sg-olivine-cc summary{cursor:pointer;list-style:none;position:relative} #sg-olivine-cc summary::-webkit-details-marker{display:none} #sg-olivine-cc .disclosure-has-popup[open]\u003esummary:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:block;cursor:default;content:\" \";background:#fff0} #sg-olivine-cc .disclosure-has-popup\u003esummary:before{display:none} @media screen and (min-width:750px){} #sg-olivine-cc *:focus{outline:0;box-shadow:none} #sg-olivine-cc *:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)} @media screen and (min-width:750px){} @media screen and (min-width:990px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (max-width:749px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (max-width:989px){} @media screen and (min-width:990px){} @media screen and (min-width:990px){} @media screen and (max-width:749px){#sg-olivine-cc .grid--peek.slider:after{margin-left:calc(-1 * var(--grid-mobile-horizontal-spacing))}} @media screen and (min-width:750px)and (max-width:989px){} @media screen and (min-width:990px){} #sg-olivine-cc .button:before,#sg-olivine-cc .shopify-challenge__button:before,#sg-olivine-cc .customer button:before,#sg-olivine-cc .shopify-payment-button__button--unbranded:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--button-border-radius, var(--buttons-radius-outset));box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))} #sg-olivine-cc .button:after,#sg-olivine-cc .shopify-challenge__button:after,#sg-olivine-cc .customer button:after,#sg-olivine-cc .shopify-payment-button__button--unbranded:after{content:\"\";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);z-index:1;border-radius:calc(var(--button-border-radius, var(--buttons-radius)) - var(--buttons-border-width));box-shadow:var(--button-after-shadow, 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)));transition:box-shadow var(--duration-short) ease} #sg-olivine-cc .button:not([disabled]):hover:after,#sg-olivine-cc .shopify-challenge__button:hover:after,#sg-olivine-cc .customer button:hover:after,#sg-olivine-cc .shopify-payment-button__button--unbranded:hover:after{--border-offset: 1.3px;box-shadow:var(--button-after-hover-shadow, 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background)))} #sg-olivine-cc .button--secondary:after{--border-opacity: var(--buttons-border-opacity) } #sg-olivine-cc .button:focus:not(:focus-visible):not(.focused),#sg-olivine-cc .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused){box-shadow:inherit} @media screen and (forced-colors:active){} #sg-olivine-cc .share-button__fallback:after{pointer-events:none;content:\"\";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid #fff0;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1} #sg-olivine-cc .share-button__fallback:before{background:rgb(var(--color-background));pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1} #sg-olivine-cc .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),#sg-olivine-cc .field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused){background-color:inherit} #sg-olivine-cc .share-button__fallback .field:after,#sg-olivine-cc .share-button__fallback .field:before{content:none} #sg-olivine-cc .share-button__fallback .field__input:-webkit-autofill{outline:.2rem solid rgba(var(--global-section-text-color),.5);outline-offset:.1rem;box-shadow:0 0 0 .1rem rgb(var(--global-section-background-color)),0 0 .5rem .4rem rgba(var(--global-section-text-color),.3)} #sg-olivine-cc .field:before,#sg-olivine-cc .select:before,#sg-olivine-cc .customer .field:before,#sg-olivine-cc .customer select:before,#sg-olivine-cc .localization-form__select:before{pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--global-section-text-color),var(--inputs-shadow-opacity));z-index:-1} #sg-olivine-cc .field:after,#sg-olivine-cc .select:after,#sg-olivine-cc .customer .field:after,#sg-olivine-cc .customer select:after,#sg-olivine-cc .localization-form__select:after{pointer-events:none;content:\"\";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid color-mix(in srgb,var(--global-section-text-color) 10%,transparent);border-radius:var(--button-border-radius)!important;box-shadow:0 0 0 var(--inputs-border-width) #d3d3d38c;transition:box-shadow var(--duration-short) ease;z-index:1} #sg-olivine-cc .field:hover.field:after,#sg-olivine-cc .select:hover.select:after,#sg-olivine-cc .select__select:hover.select__select:after,#sg-olivine-cc .customer .field:hover.field:after,#sg-olivine-cc .customer select:hover.select:after,#sg-olivine-cc .localization-form__select:hover.localization-form__select:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--global-section-text-color),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)} #sg-olivine-cc .localization-form__select:focus-visible.localization-form__select:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--global-section-text-color));outline:0;border-radius:var(--inputs-radius)} #sg-olivine-cc .localization-form__select:focus.localization-form__select:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--global-section-text-color));outline:0;border-radius:var(--inputs-radius)} #sg-olivine-cc .field__input:-webkit-autofill~.field__label,#sg-olivine-cc .customer .field input:-webkit-autofill~label{font-size:1rem;top:calc(var(--inputs-border-width) + .5rem);left:calc(var(--inputs-border-width) + 2rem);letter-spacing:.04rem} #sg-olivine-cc .field__input:-webkit-autofill,#sg-olivine-cc .customer .field input:-webkit-autofill{padding:2.2rem 1.5rem .8rem 2rem;margin:var(--inputs-border-width)} #sg-olivine-cc .field__input:-webkit-autofill~.field__button,#sg-olivine-cc .field__input:-webkit-autofill~.field__label,#sg-olivine-cc .customer .field input:-webkit-autofill~label{color:#000} #sg-olivine-cc input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem} #sg-olivine-cc .form-status-list .link:first-letter{text-transform:capitalize} #sg-olivine-cc .quantity:after{pointer-events:none;content:\"\";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid #fff0;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--global-section-text-color),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1} #sg-olivine-cc .quantity:before{background:rgb(var(--color-background));pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--global-section-text-color),var(--inputs-shadow-opacity));z-index:-1} #sg-olivine-cc .quantity__button:not(:focus-visible):not(.focused),#sg-olivine-cc .quantity__input:not(:focus-visible):not(.focused){box-shadow:none;background-color:transparent} #sg-olivine-cc .quantity__input:-webkit-autofill,#sg-olivine-cc .quantity__input:-webkit-autofill:hover,#sg-olivine-cc .quantity__input:-webkit-autofill:active{box-shadow:none} #sg-olivine-cc .quantity__rules .divider+.divider:before{content:\"\\2022\";margin:0 .5rem} @media screen and (min-width:990px){} @media screen and (max-width:989px){} @media screen and (min-width:990px){} #sg-olivine-cc select option{background-color:rgb(var(--color-dropdown))} @media screen and (min-width:990px){} @keyframes translateAnnouncementSlideIn{0%{opacity:0;transform:translate(var(--announcement-translate-from))}to{opacity:1;transform:translate(0)}} @keyframes translateAnnouncementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--announcement-translate-to))}} @media screen and (max-width:749px){} @media screen and (min-width:990px){} @media screen and (max-width:989px){} @media screen and (min-width:990px){} #sg-olivine-cc .header__icon:after{content:none} #sg-olivine-cc .header__icon--menu[aria-expanded=true]:before{content:\"\";top:100%;left:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));width:100%;display:block;position:absolute;background:rgba(var(--color-foreground),.5)} @media screen and (min-width:990px){} #sg-olivine-cc details[open] .modal-overlay:after{position:absolute;content:\"\";background-color:rgb(var(--color-drawer-text),.5);top:100%;left:0;right:0;height:100vh} @media screen and (min-width:750px){} @media screen and (min-width:990px){} @media(prefers-reduced-motion){} @media screen and (min-width:990px){} #sg-olivine-cc .header__submenu .header__menu-item:after{right:2rem} @keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}} @media screen and (min-width:750px){} @media screen and (min-width:990px){} @media screen and (forced-colors:active){} #sg-olivine-cc .ratio:before{content:\"\";width:0;height:0;padding-bottom:var(--ratio-percent)} #sg-olivine-cc .content-container:after{content:\"\";position:absolute;top:calc(var(--text-boxes-border-width) * -1);right:calc(var(--text-boxes-border-width) * -1);bottom:calc(var(--text-boxes-border-width) * -1);left:calc(var(--text-boxes-border-width) * -1);border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));z-index:-1} #sg-olivine-cc .content-container--full-width:after{left:0;right:0;border-radius:0} @media screen and (max-width:749px){#sg-olivine-cc .content-container--full-width-mobile:after{display:none}} #sg-olivine-cc .global-media-settings:after{content:\"\";position:absolute;top:calc(var(--media-border-width) * -1);right:calc(var(--media-border-width) * -1);bottom:calc(var(--media-border-width) * -1);left:calc(var(--media-border-width) * -1);border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));z-index:-1;pointer-events:none} #sg-olivine-cc .global-media-settings--no-shadow:after{content:none} @supports not (inset:10px){@media screen and (min-width:750px){} @media screen and (min-width:749px){} @media screen and (min-width:750px){}} @media(forced-colors:active){#sg-olivine-cc .localization-form__select:focus.localization-form__select:after{outline:var(--global-section-text-color) solid 1px}} #sg-olivine-cc .rte:after{clear:both;content:\"\";display:block} @media screen and (min-width:750px){} @media(prefers-reduced-motion:no-preference){@keyframes animateAmbient{0%{transform:rotate(0) translate(1em) rotate(0) scale(1.2)}to{transform:rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)}} @keyframes slideIn{0%{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}} @keyframes fadeIn{0%{opacity:0}to{opacity:1}} @keyframes fadeInUp{0%{opacity:.01;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}} @media(prefers-reduced-motion:no-preference)and (hover:hover){#sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--card:after,#sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,#sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before{background-image:var(--easter-egg);background-size:250px 250px;mix-blend-mode:color-dodge;pointer-events:none;z-index:2} #sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0} #sg-olivine-cc .animate--hover-3d-lift .card-wrapper .card--card:before,#sg-olivine-cc .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:background-position calc(2 * var(--duration-extended)) ease,opacity var(--duration-default) ease;mix-blend-mode:overlay;background-size:400% 100%;background-position:90% 0;background-repeat:no-repeat;background-image:linear-gradient(135deg,#fff0 45%,#fff,#fff0 55%)} #sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--card:before,#sg-olivine-cc .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after{opacity:.2;transition:background-position 6s ease,opacity var(--duration-long) ease;background-position:left;z-index:2} #sg-olivine-cc{--easter-egg: none;--sparkle: url(\"https:\/\/olivinebeauty.com\/sparkle.gif\") } #sg-olivine-cc .animate--hover-vertical-lift .button:not([disabled]):hover:after,#sg-olivine-cc .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,#sg-olivine-cc .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after{--border-offset: .3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))} #sg-olivine-cc .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after{--border-offset: 0px }} #sg-olivine-cc .loading__spinner{position:absolute;z-index:1;width:1.8rem} #sg-olivine-cc .loading__spinner{width:1.8rem;display:inline-block} #sg-olivine-cc .spinner{animation:rotator 1.4s linear infinite} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} #sg-olivine-cc .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite} @media screen and (forced-colors:active){#sg-olivine-cc .path{stroke:CanvasText}} @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} @keyframes indeterminateAnimation{0%{transform:translate(-20%) scaleX(0)}40%{transform:translate(30%) scaleX(.7)}to{transform:translate(100%) scaleX(0)}} #sg-olivine-cc .field__input:focus~.field:after,#sg-olivine-cc .field__input:focus-visible~.field:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--global-section-text-color),.75)!important} #sg-olivine-cc .field:has(.field__input:focus) .field:after,#sg-olivine-cc .field:has(.field__input:focus-visible) .field:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--global-section-text-color),.75)!important} #sg-olivine-cc .field:focus-within:after{box-shadow:0 0 0 var(--inputs-border-width) color-mix(in srgb,var(--global-section-text-color) 50%,transparent)!important}\n#sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3{color:rgb(var(--color-text));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);line-height:calc(1 + .3 \/ var(--font-heading-scale));margin:0} #sg-olivine-cc h1{font-size:var(--h1-font-size, calc(var(--font-heading-scale) * 3.2rem))} #sg-olivine-cc h2{font-size:var(--h2-font-size, calc(var(--font-heading-scale) * 2.6rem))} #sg-olivine-cc h3{font-size:var(--h3-font-size, calc(var(--font-heading-scale) * 2.2rem))} @media screen and (min-width:750px){#sg-olivine-cc h1{font-size:calc(var(--font-heading-scale) * 3.6rem)} #sg-olivine-cc h2{font-size:calc(var(--font-heading-scale) * 3rem)} #sg-olivine-cc h3{font-size:calc(var(--font-heading-scale) * 2.4rem)}} #sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3,#sg-olivine-cc [class*=title],#sg-olivine-cc [class*=heading]{font-family:var(--font-heading-family-override, var(--font-heading-family));font-weight:var(--font-weight-bold-override, bold);letter-spacing:var(--letter-spacing-heading, -.3px)}\n#sg-olivine-cc{--accent-debug: var(--font-accent-family, \"ACCENT_FONT_NOT_SET\")} @media(max-width:767px){} @media(max-width:767px){}\n#sg-olivine-cc.h1-heading-font h1{font-family:var(--font-heading-family)!important} #sg-olivine-cc.h2-heading-font h2{font-family:var(--font-heading-family)!important} #sg-olivine-cc:not(.h3-heading-font) h3{font-family:var(--font-body-family)!important} #sg-olivine-cc:not(.h3-heading-font) span[class*=title],#sg-olivine-cc:not(.h4-heading-font) span[class*=title],#sg-olivine-cc:not(.h5-heading-font) span[class*=title],#sg-olivine-cc:not(.h6-heading-font) span[class*=title]{font-family:var(--font-body-family)!important} #sg-olivine-cc .button-text,#sg-olivine-cc [class*=button-text]{font-family:var(--font-body-family)!important} #sg-olivine-cc h1.shop-product-title,#sg-olivine-cc .shop-product-title.shop-product-title,#sg-olivine-cc [class*=product-title-title]{font-family:var(--font-body-family)!important}\n#sg-olivine-cc .shop-carousel-container{max-height:100%!important} @media only screen and (max-width:749px){} #sg-olivine-cc .drawer__inner .quantity:after{box-shadow:unset!important} #sg-olivine-cc .cart-drawer .cart__checkout-button:hover:after{box-shadow:unset!important} #sg-olivine-cc .cart-drawer .cart__checkout-button:after{box-shadow:unset!important} #sg-olivine-cc .cart-drawer .cart__checkout-button:before{box-shadow:unset!important} #sg-olivine-cc .gb-shipping-protection-button .slider:before{position:absolute;content:\"\";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s} #sg-olivine-cc .gb-shipping-protection-button input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)} #sg-olivine-cc .gb-shipping-protection-button .slider.round:before{border-radius:50%} @media screen and (max-width:768px){} #sg-olivine-cc .shop-add-to-cart-button:hover{opacity:.85} #sg-olivine-cc .gb-set-padding-cart-btn:before{border-radius:unset!important;box-shadow:unset!important} #sg-olivine-cc .gb-set-padding-cart-btn:after{border-radius:unset!important;box-shadow:unset!important} @media only screen and (max-width:768px){} @media only screen and (max-width:767px){} @media only screen and (max-width:375px){} @media only screen and (max-width:320px){} @media only screen and (max-width:749px){} #sg-olivine-cc ::selection{background-color:#0003!important} #sg-olivine-cc ::-moz-selection{background-color:#0003!important} #sg-olivine-cc #stickyAddToCart *,#sg-olivine-cc #stickyAddToCart *:hover,#sg-olivine-cc #stickyAddToCart *:focus,#sg-olivine-cc #stickyAddToCart *:active,#sg-olivine-cc #stickyAddToCart button,#sg-olivine-cc #stickyAddToCart button:hover,#sg-olivine-cc #stickyAddToCart button:focus,#sg-olivine-cc #stickyAddToCart button:active,#sg-olivine-cc .sticky-add-to-cart__button,#sg-olivine-cc .sticky-add-to-cart__button:hover,#sg-olivine-cc .sticky-add-to-cart__button:focus,#sg-olivine-cc .sticky-add-to-cart__button:active,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:hover,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:focus,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:active{transform:none!important;box-shadow:none!important;outline:none!important} #sg-olivine-cc .quantity-break-badge.quantity-break-badge.quantity-break-badge,#sg-olivine-cc [class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-]{border-radius:0 0 5px 5px!important} @media screen and (min-width:750px){#sg-olivine-cc .quantity-break-badge.quantity-break-badge.quantity-break-badge,#sg-olivine-cc [class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-]{right:16px!important} #sg-olivine-cc .quantity-break-badge.quantity-break-badge.quantity-break-badge:before,#sg-olivine-cc .quantity-break-badge.quantity-break-badge.quantity-break-badge:after,#sg-olivine-cc [class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-]:before,#sg-olivine-cc [class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-]:after{height:8px!important;transform:none!important}} @media screen and (max-width:749px){#sg-olivine-cc .quantity-break-badge.quantity-break-badge.quantity-break-badge,#sg-olivine-cc [class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-][class*=upsell-best-seller-tag-]{border-radius:0 0 4px 4px!important}}\n@media screen and (max-width:750px){} #sg-olivine-cc .cart-item__image-container:after{content:none} @media screen and (min-width:750px){} @media screen and (max-width:750px){} @media screen and (min-width:750px)and (max-width:989px){} #sg-olivine-cc cart-remove-button .button:before,#sg-olivine-cc cart-remove-button .button:after{content:none} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (max-width:749px){} @media screen and (min-width:750px){} @media screen and (min-width:990px){} @media screen and (min-width:750px){} @media screen and (max-width:989px){}\n@media screen and (max-height:650px){} @media screen and (max-width:749px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){}\n@media screen and (min-width:990px){} #sg-olivine-cc .cart__note:after,#sg-olivine-cc .cart__note:hover.cart__note:after,#sg-olivine-cc .cart__note:before,#sg-olivine-cc .cart__note:hover.cart__note:before{border-bottom-right-radius:0} @media screen and (min-width:750px){} @media screen and (min-width:750px){}\n#sg-olivine-cc .cart-drawer .gb-discounts-cart-values .discount_discount-value:before,#sg-olivine-cc #main-cart-footer .gb-discounts-cart-values .discount_discount-value:before{content:\"\";display:inline-block;width:12px;height:12px;background-color:var(--cart-drawer-discount-icon-color, #fff);mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m15.91 4.58l-9-9A1.92 1.92 0 0 0 11.05 2H5.5C4.11 2 3 3.11 3 4.5v5.55c0 .45.19.9.52 1.24l9 9a2 2 0 0 0 2.83 0l5.66-5.66a2 2 0 0 0 0-2.83Z'\/%3E%3C\/svg%3E\") no-repeat center;mask-size:contain;-webkit-mask:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m15.91 4.58l-9-9A1.92 1.92 0 0 0 11.05 2H5.5C4.11 2 3 3.11 3 4.5v5.55c0 .45.19.9.52 1.24l9 9a2 2 0 0 0 2.83 0l5.66-5.66a2 2 0 0 0 0-2.83Z'\/%3E%3C\/svg%3E\") no-repeat center;-webkit-mask-size:contain;flex-shrink:0;transform:scaleX(-1)} @media all and (min-width:750px){}\n@media screen and (min-width:750px){} @media screen and (min-width:750px){}\n@media screen and (min-width: 750px){}\n@media screen and (max-width:749px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){}\n@media screen and (min-width:750px){} @media screen and (max-width:749px){} #sg-olivine-cc .country-filter__reset-button:not(:focus-visible):after,#sg-olivine-cc .country-filter__reset-button:not(:focus):after{display:block;height:calc(100% - 1.8rem);content:\"\";position:absolute;right:0} #sg-olivine-cc .country-filter__reset-button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit} @media screen and (max-width:749px){} @media screen and (min-width:750px){} #sg-olivine-cc .header-localization .localization-form__select.link:after,#sg-olivine-cc .header-localization .localization-form__select.link:before{box-shadow:none} @media screen and (min-width:990px){}\n#sg-olivine-cc{--font-body: \"Inter\", sans-serif;--font-heading: \"Inter\", sans-serif;--font-weight-light: 300;--font-weight-medium: 500;--letter-spacing-tight: -.3px;--letter-spacing-normal: 0px;--letter-spacing-loose: .5px;--letter-spacing-heading: -.3px;--letter-spacing-body: 0px;--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-loose: 1.6;--font-size-h1: 40px;--font-size-h2: 34px;--font-size-h3: 28px;--font-size-h4: 22px;--font-size-h5: 19px;--font-size-h6: 17px;--font-size-body-large: 19px;--font-size-body: 16px;--font-size-body-small: 14px;--font-size-caption: 12px;--min-font-size-h1: 32px;--max-font-size-h1: 48px;--min-font-size-h2: 28px;--max-font-size-h2: 40px;--min-font-size-h3: 24px;--max-font-size-h3: 32px} #sg-olivine-cc h1{font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:var(--h1-font-size, var(--font-size-h1));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-bottom:.5em} #sg-olivine-cc h2{font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:var(--h2-font-size, var(--font-size-h2));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-bottom:.5em} #sg-olivine-cc h3{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--h3-font-size, var(--font-size-h3));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-body);margin-bottom:.5em} #sg-olivine-cc{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--body-font-size, var(--font-size-body));line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-body)} #sg-olivine-cc .button-text{font-family:var(--font-body);font-weight:var(--global-button-font-weight, 700);font-size:var(--global-button-font-size, var(--font-size-body-small));line-height:1.2;letter-spacing:var(--global-button-letter-spacing, var(--letter-spacing-body));text-transform:var(--global-button-text-transform, uppercase)} #sg-olivine-cc span,#sg-olivine-cc div:not([class^=shopify]),#sg-olivine-cc p:not([class^=shopify]),#sg-olivine-cc button:not([class^=shopify]){font-family:var(--font-body-family-override)!important} #sg-olivine-cc span[class*=title]{font-family:var(--font-heading-family-override)!important} #sg-olivine-cc .shop-product-section,#sg-olivine-cc .shop-product-info,#sg-olivine-cc .shop-product-info *:not(.shop-product-title):not([class*=product-title]),#sg-olivine-cc .shop-product-section *:not(.shop-product-title):not([class*=product-title]){letter-spacing:var(--letter-spacing-body)!important} #sg-olivine-cc .shop-product-title,#sg-olivine-cc .shop-product-section .shop-product-title,#sg-olivine-cc [class*=product-title-title]{letter-spacing:var(--letter-spacing-heading)!important} @media screen and (max-width:375px){#sg-olivine-cc h1{font-size:var(--min-font-size-h1)} #sg-olivine-cc h2{font-size:var(--min-font-size-h2)} #sg-olivine-cc h3{font-size:var(--min-font-size-h3)}} @media screen and (min-width:1440px){#sg-olivine-cc h1{font-size:var(--max-font-size-h1)} #sg-olivine-cc h2{font-size:var(--max-font-size-h2)} #sg-olivine-cc h3{font-size:var(--max-font-size-h3)}}\n#sg-olivine-cc{ --font-heading-family: \"Playfair Display\", serif; --font-body-family: Assistant, sans-serif; --font-heading-weight: 400; --font-body-weight: 400; --button-text-transform: ; --font-body-family-override: Assistant, sans-serif; --font-heading-family-override: \"Playfair Display\", serif; --font-body-weight-override: 400; --font-heading-weight-override: 500; --global-button-radius: 8px; } #sg-olivine-cc .button-text,#sg-olivine-cc button[type=\"submit\"]{ text-transform: var(--button-text-transform); font-family: var(--font-body-family-override); }\n#sg-olivine-cc p,#sg-olivine-cc span,#sg-olivine-cc div,#sg-olivine-cc button,#sg-olivine-cc input,#sg-olivine-cc select,#sg-olivine-cc label,#sg-olivine-cc li{ font-family: var(--font-body-family-override, Assistant, sans-serif); } #sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3,#sg-olivine-cc [class*=\"title\"],#sg-olivine-cc [class*=\"heading\"]{ font-family: var(--font-heading-family-override, \"Playfair Display\", serif); } #sg-olivine-cc .rating-component{ font-family: var(--font-body-family-override, Assistant, sans-serif); }\n#sg-olivine-cc{ --app-letter-spacing: -0.3px; } #sg-olivine-cc .shop-product-section,#sg-olivine-cc .shop-product-info,#sg-olivine-cc .shop-product-info *:not(.shop-product-title):not([class*=\"product-title\"]),#sg-olivine-cc .shop-product-section *:not(.shop-product-title):not([class*=\"product-title\"]){ letter-spacing: var(--letter-spacing-body) !important; } #sg-olivine-cc .shop-product-title,#sg-olivine-cc .shop-product-section .shop-product-title,#sg-olivine-cc [class*=\"product-title-title\"]{ letter-spacing: var(--letter-spacing-heading) !important; }\n#sg-olivine-cc button[type=\"submit\"],#sg-olivine-cc .product-form__submit,#sg-olivine-cc .shop-add-to-cart-button,#sg-olivine-cc .theme-button,#sg-olivine-cc .sticky-add-to-cart__button{ border-radius: var(--global-button-radius) !important; font-family: var(--font-body-family-override) !important; transition: all 0.3s ease; background-color: var(--global-button-bg-color) !important; color: var(--global-button-text-color) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom: var(--global-button-bottom-border-width) solid var(--global-button-bottom-border-color) !important; border-bottom-style: solid !important; box-shadow: none !important; padding-left: 20px !important; padding-right: 20px !important; text-transform: uppercase !important; text-align: center !important; font-weight: bold !important; } #sg-olivine-cc button[type=\"submit\"]:hover,#sg-olivine-cc .product-form__submit:hover,#sg-olivine-cc .shop-add-to-cart-button:hover,#sg-olivine-cc button[class*=\"add-to-cart\"]:hover,#sg-olivine-cc .theme-button:hover,#sg-olivine-cc .sticky-add-to-cart__button:hover,#sg-olivine-cc button[type=\"submit\"]:focus,#sg-olivine-cc button[type=\"submit\"]:focus-visible,#sg-olivine-cc .product-form__submit:focus,#sg-olivine-cc .product-form__submit:focus-visible,#sg-olivine-cc .shop-add-to-cart-button:focus,#sg-olivine-cc .shop-add-to-cart-button:focus-visible,#sg-olivine-cc button[class*=\"add-to-cart\"]:focus,#sg-olivine-cc .theme-button:focus,#sg-olivine-cc .theme-button:focus-visible,#sg-olivine-cc .sticky-add-to-cart__button:focus,#sg-olivine-cc .sticky-add-to-cart__button:focus-visible{ background-color: var(--global-button-hover-bg-color) !important; border-left: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-right: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-top: var(--global-button-border-width) solid var(--global-button-border-color) !important; border-bottom: var(--global-button-bottom-border-width) solid var(--global-button-bottom-border-color) !important; border-bottom-style: solid !important; box-shadow: none !important; outline: none !important; } #sg-olivine-cc div[class*=\"add-to-cart\"]:hover,#sg-olivine-cc span[class*=\"add-to-cart\"]:hover,#sg-olivine-cc section[class*=\"add-to-cart\"]:hover,#sg-olivine-cc div[class*=\"add-to-cart\"]:focus,#sg-olivine-cc span[class*=\"add-to-cart\"]:focus,#sg-olivine-cc section[class*=\"add-to-cart\"]:focus{ background-color: inherit !important; box-shadow: none !important; outline: none !important; } #sg-olivine-cc .sticky-add-to-cart:hover,#sg-olivine-cc .sticky-add-to-cart:focus,#sg-olivine-cc .sticky-add-to-cart *:not(button):not(input[type=\"submit\"]):not(.button):not(.btn):hover,#sg-olivine-cc .sticky-add-to-cart *:not(button):not(input[type=\"submit\"]):not(.button):not(.btn):focus,#sg-olivine-cc [class*=\"sticky-add-to-cart\"]:not(button):not(input[type=\"submit\"]):not(.button):not(.btn):hover,#sg-olivine-cc [class*=\"sticky-add-to-cart\"]:not(button):not(input[type=\"submit\"]):not(.button):not(.btn):focus{ background-color: inherit !important; box-shadow: inherit !important; } #sg-olivine-cc .button:before,#sg-olivine-cc .button:after,#sg-olivine-cc .btn:before,#sg-olivine-cc .btn:after,#sg-olivine-cc button[type=\"submit\"]:before,#sg-olivine-cc button[type=\"submit\"]:after,#sg-olivine-cc input[type=\"submit\"]:before,#sg-olivine-cc input[type=\"submit\"]:after,#sg-olivine-cc .shopify-payment-button__button:before,#sg-olivine-cc .shopify-payment-button__button:after,#sg-olivine-cc .product-form__submit:before,#sg-olivine-cc .product-form__submit:after,#sg-olivine-cc .shop-add-to-cart-button:before,#sg-olivine-cc .shop-add-to-cart-button:after,#sg-olivine-cc .claim-button:before,#sg-olivine-cc .claim-button:after,#sg-olivine-cc [class*=\"add-to-cart\"]:before,#sg-olivine-cc [class*=\"add-to-cart\"]:after,#sg-olivine-cc [class*=\"add_to_cart\"]:before,#sg-olivine-cc [class*=\"add_to_cart\"]:after,#sg-olivine-cc .cart__checkout-button:before,#sg-olivine-cc .cart__checkout-button:after,#sg-olivine-cc .contact-button:before,#sg-olivine-cc .contact-button:after,#sg-olivine-cc .button--primary:before,#sg-olivine-cc .button--primary:after,#sg-olivine-cc .theme-button:before,#sg-olivine-cc .theme-button:after,#sg-olivine-cc .sticky-add-to-cart__button:before,#sg-olivine-cc .sticky-add-to-cart__button:after{ box-shadow: none !important; } #sg-olivine-cc button:not([class^=\"shopify\"]),#sg-olivine-cc [class*=\"button\"],#sg-olivine-cc select{ border-radius: var(--global-button-radius); } #sg-olivine-cc [class*=\"tag-\"]{ border-radius: 50px !important; }\n#sg-olivine-cc{ --enhanced-3d-enabled: false; --enhanced-gradient-enabled: false; } @media screen and (max-width: 768px){} @media print{} #sg-olivine-cc .disable-global-button-styling:not(.cart-discount-code-button){ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; transition: none !important; position: static !important; z-index: auto !important; font-weight: unset !important; letter-spacing: unset !important; text-transform: unset !important; } #sg-olivine-cc .disable-global-button-styling:hover:not(.cart-discount-code-button){ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; transition: none !important; } #sg-olivine-cc .disable-global-button-styling:active:not(.cart-discount-code-button){ box-shadow: none !important; background: unset !important; background-image: none !important; background-color: unset !important; transform: none !important; } #sg-olivine-cc .disable-global-button-styling:not(.cart-discount-code-button)::before,#sg-olivine-cc .disable-global-button-styling:not(.cart-discount-code-button)::after{ display: none !important; content: none !important; }\n#sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc h3,#sg-olivine-cc [class*=\"title\"],#sg-olivine-cc [class*=\"heading\"]{ color: #211a28 !important; } #sg-olivine-cc .shop-product-title,#sg-olivine-cc .shop-product-section h1,#sg-olivine-cc .shop-product-section h3{ color: inherit !important; }\n#sg-olivine-cc{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #sg-olivine-cc input{ -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }\n#sg-olivine-cc img{ -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; pointer-events: none; }\n@media screen and (max-width:989px){} @media screen and (min-width:990px){} #sg-olivine-cc quantity-popover .quantity__rules .divider:nth-child(2):before{content:none} #sg-olivine-cc quantity-popover .quantity__button:not(:focus-visible):not(.focused),#sg-olivine-cc quantity-popover .quantity__input:not(:focus-visible):not(.focused){background-color:initial}\n#sg-olivine-cc .card--horizontal.ratio:before{padding-bottom:0} #sg-olivine-cc .card--card:after,#sg-olivine-cc .card--standard .card__inner:after{content:\"\";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))} @media screen and (min-width:990px){} @media screen and (max-width:749px){} @media screen and (max-width:989px){} @media screen and (min-width:750px){} #sg-olivine-cc [class*=card] [class*=media],#sg-olivine-cc [class*=media]{border-radius:var(--media-radius, 10px)!important;overflow:hidden!important} #sg-olivine-cc [class*=media] img{border-radius:var(--media-radius, 10px)!important} #sg-olivine-cc .card--horizontal__quick-add:before{box-shadow:none} @media only screen and (min-width:750px){} #sg-olivine-cc .card--standard.card--text a:after,#sg-olivine-cc .card--card .card__heading a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)} #sg-olivine-cc .card__heading a:after{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:1} #sg-olivine-cc .card__heading a:after{outline-offset:.3rem} #sg-olivine-cc .card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)} #sg-olivine-cc .card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)} #sg-olivine-cc .card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0} @media screen and (min-width:990px){} #sg-olivine-cc .card--shape.card--standard:not(.card--text) .card__inner:after{display:none} @media(prefers-reduced-motion:no-preference){}\n\n\n@media screen and (max-width: 749px){}\n\n@media screen and (max-width: 749px){} @media screen and (min-width: 750px){} @media screen and (max-width: 749px){} #sg-olivine-cc .cart-drawer *:not(.gb-price-drawer-saving) :not(.cart-item__final-price) :not(strong.cart-item__final-price) :not(span.gb-cart-total-item) :not(.cart__checkout-button) :not(.cart__checkout-button *) :not(.gb-shipping-protection) :not(.gb-shipping-protection *) :not(.free-shipping-main) :not(.free-shipping-main *) :not(.free-gift-main) :not(.free-gift-main *) :not(.social-proof-bar) :not(.social-proof-bar *) :not(.discount-banner) :not(.discount-banner *) :not(.upsell-button-text) :not(.upsell-price) :not(.upsell-add-button) :not(.upsell-add-button *) :not([class^=\"upsell-add-button-\"]) :not([class^=\"upsell-add-button-\"] *) :not(.upsell-best-seller-tag) :not(.upsell-best-seller-tag *) not(.cartitem-free-product-label) :not(.cartitem-free-product-label *) :not(.discount_discount-value) :not(.discount_discount-value *) :not(.cart-discount-code-button) :not(.cart-discount-code-button *) :not(.cart-discount-code-input) :not(.cart-discount-code-input *){ color: var(--cart-drawer-primary-text-color); } @media only screen and (max-width: 767px){} @keyframes spin{ to { transform: rotate(360deg); } } @keyframes pulse-success{ 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes pulse-error{ 0% { transform: scale(1); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-3px); } 100% { transform: scale(1); } } @keyframes spin{ to { transform: rotate(360deg); } } @media screen and (max-width: 749px){} @media (min-width: 768px){}\n@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes shine{0%{left:-100%}100%{left:200%}} @media screen and (min-width:769px){} @media screen and (max-width:768px){}\n@media (max-width: 749px){}\n\n#sg-olivine-cc .reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:\"\";position:absolute;right:0} #sg-olivine-cc .reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:\"\";position:absolute;right:0} #sg-olivine-cc .search__button:not(:focus-visible):not(.focused),#sg-olivine-cc .reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit} #sg-olivine-cc input::-webkit-search-decoration{-webkit-appearance:none}\n#sg-olivine-cc .js menu-drawer\u003edetails\u003esummary:before,#sg-olivine-cc .js menu-drawer\u003edetails[open]:not(.menu-opening)\u003esummary:before{content:\"\";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s} #sg-olivine-cc menu-drawer\u003edetails[open]\u003esummary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease} @media screen and (min-width:750px){} @media screen and (max-width:749px){} @media screen and (max-width:989px){} @media screen and (max-width:749px){}\n@media screen and(min-width:750px){} @media screen and(min-width:990px){} #sg-olivine-cc .cart-notification-product__image:after{content:none}\n\n@media screen and (min-width: 990px){} @media screen and (max-width: 989px){} @media screen and (min-width: 990px){} @media screen and (min-width: 990px){} @media screen and (min-width: 750px){} @media screen and (min-width: 990px){#sg-olivine-cc header-menu:not(:hover) details:not([open]) .header__submenu{ opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-10px); }}\n@media screen and (min-width: 750px){} @media screen and (min-width: 990px){}\n\n\n#sg-olivine-cc #stickyAddToCart{position:fixed;bottom:0;left:0;width:100vw;max-width:100%;box-shadow:0 -1px 5px #0000001a;opacity:0;transform:translateY(100%);transition:transform .4s ease,opacity .3s ease;padding:12px 0;pointer-events:none;display:block;box-sizing:border-box;overflow-x:hidden;z-index:9900} #sg-olivine-cc .sticky-add-to-cart__container{display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box;overflow:hidden} #sg-olivine-cc .sticky-add-to-cart__product{display:flex;align-items:center;margin-bottom:12px} #sg-olivine-cc .sticky-add-to-cart__image{width:60px;height:60px;border-radius:4px;overflow:hidden;border:1px solid #e0e0e0;background:#fff;margin-right:15px} #sg-olivine-cc .sticky-add-to-cart__image img{width:100%;height:100%;object-fit:contain} #sg-olivine-cc .sticky-add-to-cart__details{flex:1} #sg-olivine-cc .sticky-add-to-cart__ratings{display:flex;align-items:center;margin-bottom:3px} #sg-olivine-cc .sticky-add-to-cart__stars{display:flex;margin-right:8px} #sg-olivine-cc .star{font-size:14px;line-height:1;margin-right:2px;display:flex;align-items:center;justify-content:center} #sg-olivine-cc .star svg{display:block} #sg-olivine-cc .sticky-add-to-cart__title{font-weight:var(--font-weight-bold);margin:0} #sg-olivine-cc .sticky-add-to-cart__shipping{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px;font-size:14px;letter-spacing:var(--letter-spacing-body)} #sg-olivine-cc .delivery-icon{display:inline-flex;align-items:center;margin-right:5px} #sg-olivine-cc .delivery-text{margin-right:5px;font-weight:var(--font-weight-regular)!important} #sg-olivine-cc .delivery-date{margin-left:0;font-weight:var(--font-weight-bold)} #sg-olivine-cc .mobile-shipping-info{display:flex;justify-content:center;width:100%;margin-top:2px;text-align:center;font-size:13px;font-weight:var(--font-weight-regular);padding:3px 0} @keyframes shine{0%{left:-100%;opacity:0}10%{opacity:.8}20%{opacity:.9}40%{opacity:.8}to{left:200%;opacity:0}} #sg-olivine-cc .sticky-add-to-cart__button,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button,#sg-olivine-cc .sticky-add-to-cart__button{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .3s ease,opacity .3s ease;position:relative;overflow:hidden;z-index:1} #sg-olivine-cc .sticky-add-to-cart__button:hover,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:hover,#sg-olivine-cc .sticky-add-to-cart__button:hover{background-color:var(--global-button-hover-bg-color);color:var(--global-button-hover-text-color)} #sg-olivine-cc .sticky-add-to-cart__button .button-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button .button-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button .button-text{font-size:var(--button-text-font-size, inherit)!important;transition:all .7s ease} #sg-olivine-cc .mobile-view .sticky-add-to-cart__button:after{content:\"\";position:absolute;top:-50%;left:-100%;width:25%;height:200%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:rotate(25deg);pointer-events:none;animation:shine 6s infinite;animation-delay:2s} #sg-olivine-cc .sticky-add-to-cart__button:hover{transform:translateY(-2px)} #sg-olivine-cc .sticky-add-to-cart__button:active{transform:translateY(1px)} #sg-olivine-cc .mobile-button-wrapper{width:100%;padding:0;margin:0;box-sizing:border-box;max-width:100%} #sg-olivine-cc .desktop-view{display:none!important} #sg-olivine-cc .mobile-view{display:flex;flex-direction:column;width:100%;align-items:center;box-sizing:border-box;max-width:100%;overflow:hidden} @media(min-width:768px){#sg-olivine-cc .sticky-add-to-cart__container{flex-direction:row;align-items:center;gap:20px} #sg-olivine-cc .desktop-view{display:flex!important;flex-direction:row;align-items:center;gap:20px;width:100%;visibility:visible!important;opacity:1!important} #sg-olivine-cc .mobile-view{display:none!important} #sg-olivine-cc .sticky-add-to-cart__product{margin-bottom:0;flex:1} #sg-olivine-cc .sticky-add-to-cart__shipping{margin-bottom:0;white-space:nowrap} #sg-olivine-cc #stickyAddToCart .desktop-view .sticky-add-to-cart__button{flex:1;max-width:250px}} @media(max-width:767px){#sg-olivine-cc .sticky-add-to-cart__container{padding:0} #sg-olivine-cc .mobile-view{padding:0 15px;width:100%;box-sizing:border-box} #sg-olivine-cc .sticky-add-to-cart__button{margin:0!important} #sg-olivine-cc .mobile-shipping-info .delivery-icon svg{width:16px!important;height:16px!important} #sg-olivine-cc .mobile-shipping-info{font-size:11px!important}} #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:hover:after,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:after,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:before,#sg-olivine-cc .sticky-add-to-cart__button:hover:after,#sg-olivine-cc .sticky-add-to-cart__button:after,#sg-olivine-cc .sticky-add-to-cart__button:before{box-shadow:unset!important}\n#sg-olivine-cc #stickyAddToCart,#sg-olivine-cc #stickyAddToCart{ background: #faf8ef !important; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1) !important; color: #000000 !important; z-index: 9900; } @media (max-width: 767px){} #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__container,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__container{ background: #faf8ef !important; } @media (max-width: 767px){} #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__product,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__shipping,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__details,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__ratings,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__stars,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__rating-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__title,#sg-olivine-cc #stickyAddToCart .desktop-view,#sg-olivine-cc #stickyAddToCart .mobile-view,#sg-olivine-cc #stickyAddToCart .mobile-shipping-info{ background: #faf8ef !important; } @media (max-width: 767px){} #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button{ --button-text-font-size: 18px; padding: 22px 20px !important; font-size: 18px !important; background: #85a66f !important; background-color: #85a66f !important; background-image: none !important; color: #ffffff !important; border-radius: 20px; border: 2px solid #85a66f !important; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:hover,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button:hover{ background: #6f8f59 !important; background-color: #6f8f59 !important; background-image: none !important; border-color: #6f8f59 !important; opacity: 1 !important; filter: none !important; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button .button-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__button .button-text{ font-size: var(--button-text-font-size, var(--global-button-font-size)) !important; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__title,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__title{ color: #000000 !important; font-size: 14px; letter-spacing: 0px; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__rating-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__rating-text{ color: #333333 !important; font-size: 14px; font-weight: var(--font-weight-regular); letter-spacing: 0px; } #sg-olivine-cc #stickyAddToCart .star,#sg-olivine-cc #stickyAddToCart .star{ color: #000000 !important; opacity: 1 !important; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__image,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__image{ border-color: #4d4d4d !important; } #sg-olivine-cc #stickyAddToCart .delivery-icon,#sg-olivine-cc #stickyAddToCart .delivery-icon{ color: #000000 !important; } #sg-olivine-cc #stickyAddToCart .delivery-text,#sg-olivine-cc #stickyAddToCart .delivery-text{ color: #333333 !important; font-size: 12px; font-weight: var(--font-weight-regular); letter-spacing: var(--letter-spacing-body); } #sg-olivine-cc #stickyAddToCart .delivery-date,#sg-olivine-cc #stickyAddToCart .delivery-date{ color: #000000 !important; font-size: 12px; font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-body); } @media (min-width: 768px){#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__title,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__title{ font-size: 16 px !important; } #sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__rating-text,#sg-olivine-cc #stickyAddToCart .sticky-add-to-cart__rating-text{ font-size: 14 px !important; } #sg-olivine-cc #stickyAddToCart .delivery-text,#sg-olivine-cc #stickyAddToCart .delivery-text{ font-size: 14 px !important; } #sg-olivine-cc #stickyAddToCart .delivery-date,#sg-olivine-cc #stickyAddToCart .delivery-date{ font-size: 14 px !important; }} @media (max-width: 767px){}\n#sg-olivine-cc .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} #sg-olivine-cc .shop-thumbnail.visually-hidden{position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important} #sg-olivine-cc .shop-add-to-cart-button{display:flex;justify-content:center;align-items:center;width:100%!important;font-size:16px;padding:20px 10px;border-radius:var(--button-border-radius, 10px);border:none;font-weight:600;cursor:pointer;transition:background-color .3s ease;font-family:var(--font-body-family-override);position:relative;gap:10px;--button-text-color: inherit;--button-price-color: var(--button-text-color, inherit)} #sg-olivine-cc .rating-component{font-family:var(--font-body-family-override);letter-spacing:var(--letter-spacing-body)} #sg-olivine-cc .review-star-half,#sg-olivine-cc .review-star{width:20px;height:20px;margin-right:-3px} #sg-olivine-cc .shop-thumbnails img{object-fit:cover;border-radius:0;cursor:pointer;opacity:.7;transition:all .3s ease} #sg-olivine-cc .shop-product-title{font-size:28px!important;margin-top:0;margin-bottom:0;line-height:1.3;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);overflow:visible;word-wrap:break-word;max-width:100%} #sg-olivine-cc .shop-carousel-container{flex:0 0 50%;max-width:50%;position:relative;align-self:flex-start} #sg-olivine-cc .shop-image-container img.shop-main-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0} #sg-olivine-cc .shop-thumbnails img:hover{opacity:.9} #sg-olivine-cc .shop-thumbnails img.active{opacity:1;border-color:#000} #sg-olivine-cc .shop-main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;background-color:#fff0;transition:opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none;border-radius:var(--product-image-border-radius)!important} #sg-olivine-cc .shop-main-image.active{opacity:1;pointer-events:auto} #sg-olivine-cc .shop-add-to-cart-button .button-text{color:var(--button-text-color, inherit)} #sg-olivine-cc .shop-add-to-cart-button:hover{background-color:var(--button-hover-color)!important} #sg-olivine-cc .shop-add-to-cart-wrapper{width:100%!important;display:block;border-radius:var(--button-border-radius, 10px)} #sg-olivine-cc .loading__spinner{position:absolute;width:1.8rem;display:flex;align-items:center;justify-content:center} #sg-olivine-cc .shop-add-to-cart-button .spinner{animation:rotator 1.4s linear infinite} @keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}} @keyframes flip{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(0)}} @media(max-width:768px){} @keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}} #sg-olivine-cc .shop-add-to-cart-button .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite} @keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}} #sg-olivine-cc .shop-product-section{box-sizing:border-box;width:100%;padding:10px 8px;font-family:inherit} #sg-olivine-cc .shop-product-inner-container{max-width:1200px;margin:0 auto;width:100%} #sg-olivine-cc .shop-product-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px} #sg-olivine-cc .shop-carousel-container{flex:0 0 55%;max-width:55%;position:relative;align-self:flex-start} #sg-olivine-cc .shop-product-info{flex:0 0 calc(45% - 20px);max-width:calc(45% - 20px);display:flex;flex-direction:column;width:100%;overflow:visible;text-align:left;align-items:flex-start} #sg-olivine-cc .shop-carousel-container *,#sg-olivine-cc .shop-carousel-container *:before,#sg-olivine-cc .shop-carousel-container *:after{box-sizing:border-box;margin:0;padding:0} #sg-olivine-cc .shop-product-carousel{width:90%;display:block;position:relative;padding:0} #sg-olivine-cc .shop-main-image-wrapper{width:100%;position:relative;overflow:hidden;border-radius:var(--product-image-border-radius)!important;margin-bottom:5px} #sg-olivine-cc .shop-image-container{position:relative;width:100%;border-radius:var(--product-image-border-radius)!important;overflow:hidden;background-color:#fff0} @media(max-width:799px){#sg-olivine-cc .shop-product-section[data-full-width-image=true] .shop-main-image:not(.active){opacity:0!important;pointer-events:none!important}} @media(max-width:799px){} @media(min-width:800px){} @media(max-width:799px){} @media(max-width:767px){} @media(max-width:480px){} @media(max-width:767px){} @media(min-width:800px){} @media(min-width:1200px){} @media(min-width:800px){} @media(min-width:1200px){} @media(min-width:800px){} @media(min-width:1200px){} @media(max-width:799px){@keyframes fadeInMobileArrows{0%{opacity:0}to{opacity:1}}} @media(max-width:480px){} @media(max-width:799px){#sg-olivine-cc .shop-thumbnails-wrapper{display:flex!important;align-items:center;gap:10px} #sg-olivine-cc .shop-thumbnails{display:flex;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none} #sg-olivine-cc .shop-thumbnails::-webkit-scrollbar{display:none} #sg-olivine-cc .shop-thumbnail{width:50px!important;height:50px!important} #sg-olivine-cc .shop-thumbnails{gap:8px!important}} @media(max-width:480px){#sg-olivine-cc .shop-thumbnails-wrapper{gap:8px} #sg-olivine-cc .shop-thumbnail{width:45px!important;height:45px!important} #sg-olivine-cc .shop-thumbnails{gap:6px!important}} @media(max-width:799px){} @media(max-width:480px){} #sg-olivine-cc .shop-thumbnails-outer{position:relative;width:100%;margin-top:10px;display:flex;justify-content:center} #sg-olivine-cc .shop-thumbnails-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:0 5px;max-width:100%;margin:0 auto} #sg-olivine-cc .shop-thumbnails{display:flex;gap:10px;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:5px 0;flex-wrap:nowrap;align-items:center} #sg-olivine-cc .shop-thumbnails::-webkit-scrollbar{display:none} @media(min-width:800px){#sg-olivine-cc .shop-thumbnails,#sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout,#sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{cursor:grab;-webkit-user-select:none;user-select:none} #sg-olivine-cc .shop-thumbnails img,#sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout img{-webkit-user-drag:none;user-drag:none}} #sg-olivine-cc .shop-thumbnail{flex:0 0 auto;width:70px;height:70px;cursor:pointer;border-radius:4px!important;overflow:hidden;transition:opacity .2s ease,border-color .2s ease;padding:0;margin:0;background-color:#f8f8f8} #sg-olivine-cc .thumb-square{width:100%;height:100%;position:relative;display:block;overflow:hidden;padding:0;margin:0} #sg-olivine-cc .thumb-square img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;right:0;bottom:0} #sg-olivine-cc .shop-thumbnail-indicators{display:none;justify-content:center;gap:5px;margin-top:10px} #sg-olivine-cc .shop-square-container{position:relative;aspect-ratio:1 \/ 1;width:100%;overflow:hidden} #sg-olivine-cc .shop-match-image-width{width:100%;max-width:100%;padding:0} @media(min-width:768px){#sg-olivine-cc .shop-thumbnail{width:64px;height:64px} #sg-olivine-cc .shop-thumbnails{gap:4px} #sg-olivine-cc .shop-main-image-wrapper{margin-bottom:14px} #sg-olivine-cc .shop-thumbnails-outer{margin:10px 0}} @media(min-width:800px){#sg-olivine-cc .shop-carousel-container::-webkit-scrollbar{display:none} #sg-olivine-cc .shop-main-image-wrapper,#sg-olivine-cc .shop-image-container{align-self:flex-start;margin-left:0;margin-right:auto} #sg-olivine-cc .shop-thumbnails-wrapper{max-width:100%;width:100%;justify-content:center} #sg-olivine-cc .shop-thumbnails{max-width:100%;justify-content:flex-start;margin:0 auto} #sg-olivine-cc .shop-match-image-width{max-width:100%;width:100%;padding:0} #sg-olivine-cc .shop-square-container{width:100%} #sg-olivine-cc .shop-product-layout{display:flex;gap:20px;align-items:flex-start} #sg-olivine-cc .shop-carousel-container{flex:0 0 50%;max-width:50%;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center} #sg-olivine-cc .shop-product-info{flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}} @media screen and (min-width:750px){} @media(max-width:799px){#sg-olivine-cc .shop-product-layout{flex-direction:column;gap:0} #sg-olivine-cc .shop-carousel-container{margin-bottom:2px;display:flex;flex-direction:column;align-items:center} #sg-olivine-cc .shop-thumbnails-wrapper{max-width:600px;margin:0 auto} #sg-olivine-cc .shop-product-info{padding-top:10px;align-items:flex-start;text-align:left} #sg-olivine-cc .shop-carousel-container,#sg-olivine-cc .shop-product-info{flex:0 0 100%;max-width:100%;position:static;max-height:none} #sg-olivine-cc .shop-carousel-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px} #sg-olivine-cc .shop-image-container{max-width:600px;margin:0 auto} #sg-olivine-cc .shop-thumbnails-outer{max-width:600px;width:100%;margin:10px auto 0} #sg-olivine-cc .shop-product-title{font-size:26px!important;padding-right:0;width:100%} #sg-olivine-cc .shop-thumbnail-indicators{display:flex} #sg-olivine-cc .shop-image-container{width:100%!important;max-width:100%!important;margin:0!important} #sg-olivine-cc .shop-thumbnails-outer{width:100%!important;max-width:100%!important;margin:10px 0 0!important} #sg-olivine-cc .shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #sg-olivine-cc .shop-product-carousel{width:100%!important} #sg-olivine-cc .shop-carousel-container{padding:0!important;width:100%!important} #sg-olivine-cc .shop-thumbnail{width:60px;height:60px;border-radius:4px!important} #sg-olivine-cc .shop-thumbnails{gap:8px;padding:5px 6px;justify-content:center} #sg-olivine-cc .shop-main-image{object-fit:contain} #sg-olivine-cc .shop-square-container,#sg-olivine-cc .shop-match-image-width{margin:0 auto;max-width:600px} #sg-olivine-cc .shop-square-container{aspect-ratio:4 \/ 3}} @media(max-width:767px){#sg-olivine-cc .shop-image-container,#sg-olivine-cc .shop-thumbnails-outer,#sg-olivine-cc .shop-thumbnails-wrapper{max-width:500px} #sg-olivine-cc .rating-component{flex-wrap:wrap} #sg-olivine-cc .shop-product-info{align-items:flex-start;text-align:left} #sg-olivine-cc .shop-image-container{width:100%!important;max-width:100%!important;margin:0!important} #sg-olivine-cc .shop-thumbnails-outer{width:100%!important;max-width:100%!important;margin:10px 0 0!important} #sg-olivine-cc .shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #sg-olivine-cc .shop-product-carousel{width:100%!important} #sg-olivine-cc .shop-carousel-container{padding:0!important;width:100%!important} #sg-olivine-cc .shop-image-container{margin:0 auto;max-width:500px} #sg-olivine-cc .shop-main-image{object-fit:contain} #sg-olivine-cc .shop-square-container,#sg-olivine-cc .shop-match-image-width{max-width:500px} #sg-olivine-cc .shop-square-container{aspect-ratio:5 \/ 4} #sg-olivine-cc .shop-add-to-cart-button,#sg-olivine-cc .shop-add-to-cart-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #sg-olivine-cc .shop-carousel-container,#sg-olivine-cc .shop-product-carousel,#sg-olivine-cc .shop-image-container,#sg-olivine-cc .shop-thumbnails-outer,#sg-olivine-cc .shop-thumbnails-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:2px} #sg-olivine-cc .shop-product-info{padding-top:0} #sg-olivine-cc .shop-product-title{font-size:26px!important;padding-right:0;width:100%} #sg-olivine-cc .shop-thumbnail-indicators{display:flex} #sg-olivine-cc .shop-thumbnail{width:60px;height:60px;border-radius:4px!important} #sg-olivine-cc .shop-thumbnails{gap:8px;padding:5px 6px;justify-content:flex-start;width:100%!important}} @media(max-width:480px){#sg-olivine-cc .shop-image-container,#sg-olivine-cc .shop-thumbnails-wrapper{max-width:100%} #sg-olivine-cc .shop-thumbnail{width:50px;height:50px;border-radius:3px!important} #sg-olivine-cc .shop-square-container,#sg-olivine-cc .shop-match-image-width{max-width:100%} #sg-olivine-cc .shop-thumbnails{gap:6px;padding:5px 4px} #sg-olivine-cc .shop-image-container,#sg-olivine-cc .shop-thumbnails-outer,#sg-olivine-cc .shop-thumbnails-wrapper{width:100%;max-width:100%;margin:0} #sg-olivine-cc .shop-thumbnails-outer{margin-top:10px}} @media(max-width:767px){#sg-olivine-cc .shop-thumbnail{width:60px;height:60px;border-radius:4px!important}} @media(max-width:480px){#sg-olivine-cc .shop-thumbnail{width:50px;height:50px;border-radius:3px!important}} @media(min-width:800px){} @media(max-width:799px){}\n@media(max-width:768px){} #sg-olivine-cc .variant-product-card:hover:not(.selected){border-color:#3b82f6} @media(max-width:768px){} #sg-olivine-cc .variant-product-card[data-variant-available=false]:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;border-radius:inherit} #sg-olivine-cc .variant-product-card:hover:not(.selected){border-color:var(--variant-hover-border-color);transform:translateY(-1px);box-shadow:0 2px 8px #00000014} @media(prefers-reduced-motion:reduce){#sg-olivine-cc *{transition:none!important}} @media(max-width:480px){}\n#sg-olivine-cc .shop-product-section{ letter-spacing: var(--letter-spacing-body); background-color: #f5f2e3; color: #333333; --accent-color: #1a281c; --dot-size: 8px; --dot-color: #cccccc; --dot-active-color: #000000; --desktop-arrow-bg: #faf8ef; --desktop-arrow-border: #e0e0e0; --desktop-arrow-icon: #000000; --desktop-arrow-hover-bg: #f5f2e3; --desktop-arrow-hover-border: #d0d0d0; --arrow-border-radius: 50%; --arrow-opacity: 0.9; } #sg-olivine-cc .shop-product-info{ gap: 4px; color: #333333; } #sg-olivine-cc .shop-thumbnail{ border: 1px solid #e8e5d2; } #sg-olivine-cc .shop-thumbnail.active{ border-color: #85A66F; } #sg-olivine-cc .shop-thumbnail .thumb-square{ position: relative; } @media screen and (max-width: 767px){} @media screen and (min-width: 768px){} #sg-olivine-cc .shop-image-container.shop-square-container{ aspect-ratio: 1; } @media screen and (min-width: 768px){#sg-olivine-cc .shop-thumbnail .thumb-square{ padding-bottom: 100% !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail{ height: auto; aspect-ratio: 1 !important; }} #sg-olivine-cc .shop-thumbnail{ height: auto; } @media screen and (max-width: 767px){} @media screen and (max-width: 767px){#sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row{ display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: stretch !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{ flex: none !important; width: 100% !important; order: 2 !important; margin-top: 0 !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-image-container{ flex: none !important; width: 100% !important; order: 1 !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout{ flex-direction: row !important; align-items: center !important; justify-content: center !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnails{ display: flex !important; flex-direction: row !important; gap: 4px !important; width: 100% !important; justify-content: center !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail{ width: auto !important; max-width: none !important; aspect-ratio: 1 !important; flex: 0 0 calc(25% - 3px) !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail .thumb-square{ width: 100% !important; padding-bottom: 100% !important; }} @media screen and (min-width: 768px){#sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row{ display: flex !important; flex-direction: row !important; gap: 0px !important; align-items: stretch !important; min-height: 0 !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{ flex: 0 0 80px !important; width: 80px !important; order: -1 !important; height: 100% !important; overflow-y: auto !important; margin-right: 15px !important; margin-top: 0 !important; align-self: stretch !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-image-container{ flex: 1 !important; margin-top: 0 !important; align-self: stretch !important; min-height: 0 !important; height: auto !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout{ flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: 80px !important; margin-top: 0 !important; height: 100% !important; max-height: 100% !important; overflow-y: auto !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnails{ display: flex !important; flex-direction: column !important; gap: 6px !important; width: 100% !important; flex-wrap: nowrap !important; justify-content: flex-start !important; max-height: var(--thumb-column-height, 400px) !important; overflow-y: auto !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail{ width: 100% !important; max-width: 100% !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail .thumb-square{ width: 100% !important; height: 100% !important; padding-bottom: 0 !important; position: relative !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row{ align-items: flex-start !important; } #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-image-container{ align-self: flex-start !important; height: auto !important; } #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout #thumbnail-container.shop-thumbnails{ max-height: var(--thumb-column-height, 740px) !important; overflow-y: auto !important; }} #sg-olivine-cc .shop-product-title{ color: ; } #sg-olivine-cc .shop-add-to-cart-button{ background-color: #85A66F !important; color: #f5f2e3 !important; border: 2px solid !important; } #sg-olivine-cc .shop-product-section .shop-add-to-cart-button,#sg-olivine-cc .shop-add-to-cart-wrapper .shop-add-to-cart-button,#sg-olivine-cc form .shop-add-to-cart-button{ transition: background-color 0.3s ease !important; padding: 24px 20px !important; font-size: 20px !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; font-weight: var(--global-button-font-weight, 700) !important; border-color: #85a66f !important;background-color: var(--button-bg-color, #85a66f) !important; color: #ffffff !important; border-radius: 12px !important; } #sg-olivine-cc :is(.shop-product-section, .shop-add-to-cart-wrapper, form) .shop-add-to-cart-button :is(.button-text, .compare-price){ font-size: 20px !important; font-weight: var(--global-button-font-weight, 700) !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; text-transform: var(--global-button-text-transform, none) ; } #sg-olivine-cc .shop-product-section .shop-add-to-cart-button:hover,#sg-olivine-cc .shop-add-to-cart-wrapper .shop-add-to-cart-button:hover,#sg-olivine-cc form .shop-add-to-cart-button:hover{ background-color: var(--button-hover-color, #D63953) !important; } @media (min-width: 768px){#sg-olivine-cc .shop-carousel-container{ max-width: %; }} @media screen and (max-width: 799px) and (min-width: 0px){#sg-olivine-cc .shop-product-section{ padding: 0 !important; } #sg-olivine-cc .shop-product-carousel{ padding: 0 !important; } #sg-olivine-cc .shop-main-image-wrapper{ margin: 0 !important; border-radius: 0 !important; } #sg-olivine-cc .shop-image-container{ border-radius: 0 !important; } #sg-olivine-cc .shop-thumbnails-outer{ margin-top: 0 !important; } #sg-olivine-cc .shop-product-info{ padding: 0px 15px 15px 15px !important; }} @media screen and (max-width: 767px){} @media screen and (min-width: 800px){#sg-olivine-cc .shop-product-section{ padding: 10px 8px; } #sg-olivine-cc .shop-product-carousel{ padding: 0 5px; }} @media (max-width: 799px){#sg-olivine-cc .shop-product-info{ gap: 6px; }} @media (max-width: 767px){#sg-olivine-cc .shop-product-info{ gap: 6px; }}\n#sg-olivine-cc .shop-main-image,#sg-olivine-cc .shop-image-zoom-wrapper{ border-radius: 0px !important; } #sg-olivine-cc .shop-thumbnail,#sg-olivine-cc .shop-thumbnail img,#sg-olivine-cc .shop-thumbnail .thumb-square{ border-radius: 0px !important; } #sg-olivine-cc } .page-fade-in{ opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease-out forwards; } @keyframes fadeInUp{ to { opacity: 1; transform: translateY(0); } }\n#sg-olivine-cc #block-reviews_6dMDYQ .review-star-wrapper{ flex-shrink: 0; margin-right: -5px; } #sg-olivine-cc #block-reviews_6dMDYQ .review-star-wrapper:last-child{ margin-right: 0; } #sg-olivine-cc #block-reviews_6dMDYQ .review-star,#sg-olivine-cc #block-reviews_6dMDYQ .review-star-filled,#sg-olivine-cc #block-reviews_6dMDYQ .review-star-empty{ width: 20px !important; height: 20px !important; } @media screen and (max-width: 768px){#sg-olivine-cc #block-reviews_6dMDYQ .rating-text-content{ font-size: 10px !important; }} #sg-olivine-cc #block-reviews_6dMDYQ .rating-text-content p{ margin: 0; display: inline; line-height: inherit; } #sg-olivine-cc #block-reviews_6dMDYQ .rating-text-content *{ display: inline; margin: 0; padding: 0; }\n#sg-olivine-cc .bg-benefits-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px !important; max-width: 450px; margin-top: 0px; margin-bottom: 0px; padding: 0px; padding-top: 15px; padding-right: 10px; } #sg-olivine-cc .bg-benefit-item{ display: flex; align-items: center; gap: 7px; } #sg-olivine-cc .bg-benefit-icon{ flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } #sg-olivine-cc .bg-benefit-icon svg{ width: 24px; height: 24px; } #sg-olivine-cc .bg-benefit-text{ font-family: var(--font-body-family-override); font-weight: var(--font-weight-semibold) !important; letter-spacing: var(--letter-spacing-body); line-height: 1.3; } @media (max-width: 768px){#sg-olivine-cc .bg-benefits-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px !important; }}\n#sg-olivine-cc .viewer-notice-container{ display: block; width: 100%; } #sg-olivine-cc .viewer-notice{ font-size: 12px; padding: 4px 10px; display: inline-flex; align-items: center; gap: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } #sg-olivine-cc .viewer-dot{ width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 3px; position: relative; background: #5e7c49; animation: blink-viewer_notice_EQ8RaC 1s infinite linear; } #sg-olivine-cc .viewer-dot::after{ content: \"\"; width: 8px; height: 8px; background: #5e7c49; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1; animation: pulse-viewer_notice_EQ8RaC 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1); } @keyframes blink-viewer_notice_EQ8RaC{ 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes pulse-viewer_notice_EQ8RaC{ 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } @media (max-width: 768px){#sg-olivine-cc .viewer-notice{ font-size: 11px; } #sg-olivine-cc .viewer-dot{ width: 7px; height: 7px; }}\n#sg-olivine-cc .simple-variant-picker{ margin-bottom: 0px; width: 100%; min-width:60%; margin-left: var(--container-margin-left); margin-right: var(--container-margin-right); } #sg-olivine-cc .simple-variant-picker__container{ display: block !important; width: 100% !important; } #sg-olivine-cc .simple-variant-picker__label{ display: var(--show-labels); font-size: var(--label-size); font-weight: var(--font-weight-bold); color: var(--label-color); margin-top: 0 !important; margin-bottom: 0 !important; width: 100%; letter-spacing: var(--letter-spacing-body); } #sg-olivine-cc .simple-variant-picker__label-header{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; gap: 10px; } #sg-olivine-cc .simple-variant-picker__label-row{ display: flex; align-items: center; gap: 6px; margin-bottom: 0; flex: 1; } #sg-olivine-cc .simple-variant-picker__label-row .simple-variant-picker__label{ margin-bottom: 0; width: auto; flex-shrink: 0; } #sg-olivine-cc .simple-variant-picker__selected-value{ font-size: var(--label-size); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-body); } @media (min-width: 990px){#sg-olivine-cc .simple-variant-picker__label-row{ width: auto; }} #sg-olivine-cc .simple-variant-picker__option{ margin-bottom: 25px !important; width: 100% !important; min-width: 100% !important; display: block !important; clear: both !important; position: relative !important; } #sg-olivine-cc .simple-variant-picker__error{ color: red; } #sg-olivine-cc .simple-variant-picker__values{ display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } @media screen and (min-width: 990px){} @media screen and (min-width: 750px){} @media screen and (min-width: 750px){} @media screen and (min-width: 750px){} @media screen and (min-width: 750px){} @media screen and (min-width: 750px){} #sg-olivine-cc .simple-variant-picker__option[data-text-orientation=\"vertical\"] .simple-variant-picker__value-container{ flex-direction: column; } @media (max-width: 749px){} #sg-olivine-cc .option--color .simple-variant-picker__values{ gap: 15px; } #sg-olivine-cc .simple-variant-picker__value-container{ position: relative; display: flex; gap: 3px; } #sg-olivine-cc .simple-variant-picker__radio{ position: absolute; opacity: 0; height: 0; width: 0; cursor: pointer; } #sg-olivine-cc .simple-variant-picker__color-swatch{ display: block; width: var(--swatch-size); height: var(--swatch-size); border-radius: 50%; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; transform: scale(1); } #sg-olivine-cc .simple-variant-picker__color-swatch::before{ content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; border: 1px solid var(--outline-color); pointer-events: none; } #sg-olivine-cc .simple-variant-picker__radio:checked + .simple-variant-picker__color-swatch{ transform: scale(1.05); box-shadow: none; animation: fadeInSelected 0.2s ease-out; } #sg-olivine-cc .simple-variant-picker__color-swatch:hover:not(.unavailable){ transform: scale(1.1); box-shadow: none; } #sg-olivine-cc .simple-variant-picker__color-swatch:active:not(.unavailable){ transform: scale(0.95); box-shadow: none; } #sg-olivine-cc .simple-variant-picker__radio:checked + .simple-variant-picker__color-swatch::before{ border-color: var(--selected-border-color); } #sg-olivine-cc .simple-variant-picker .simple-variant-picker__color-swatch{ background: none !important; background-color: transparent !important; } #sg-olivine-cc .simple-variant-picker .simple-variant-picker__color-swatch{ --swatch--background: none !important; } #sg-olivine-cc .option--color .simple-variant-picker__values{ align-items: flex-start; } #sg-olivine-cc .value--color{ display: flex; flex-direction: column; align-items: center; } #sg-olivine-cc .visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #sg-olivine-cc .simple-variant-picker{ --swatch--background: none !important; --swatch-input--background: none !important; } #sg-olivine-cc .simple-variant-picker .simple-variant-picker__color-swatch{ background-origin: padding-box !important; forced-color-adjust: none !important; } #sg-olivine-cc .simple-variant-picker__color-swatch span{ position: relative; z-index: 1 !important; } #sg-olivine-cc .simple-variant-picker__radio:checked + .simple-variant-picker__image-variant .simple-variant-picker__variant-text{ background: var(--selected-bg-color); color: var(--selected-text-color); } @media screen and (max-width: 749px){#sg-olivine-cc .simple-variant-picker{ width: 100%; } #sg-olivine-cc .simple-variant-picker__option{ width: 100%; } #sg-olivine-cc .simple-variant-picker__values{ width: 100%; gap: 8px; }} @keyframes fadeInSelected{ 0% { opacity: 0.3; } 100% { opacity: 1; } }\n#sg-olivine-cc .quantity-break-container *{ box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; } #sg-olivine-cc .quantity-break-container{ width: 100%; max-width: 100%; margin: 0px auto 20px; padding: 0; text-align: center; position: relative; overflow: visible; } #sg-olivine-cc .quantity-break-form{ width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; } #sg-olivine-cc .quantity-break-option-container{ width: 100%; margin-bottom: 15px; } #sg-olivine-cc .quantity-break-option-container:last-child{ margin-bottom: 0; } #sg-olivine-cc .quantity-break-option{ border: 1px solid #a89d7b; border-radius: 8px; padding: 16px 16px; display: flex; flex-direction: column; align-items: stretch; cursor: pointer; background-color: #faf8ef; transition: all 0.4s ease; position: relative; box-shadow: none; overflow: visible; padding-left: 16px; } #sg-olivine-cc .quantity-break-option:hover{ border-color: #5e7c49; border-style: solid; background-color: #f5f2e3; } #sg-olivine-cc .quantity-break-option.selected{ border: 2px solid #5e7c49 !important; background-color: #f5f2e3 !important; box-shadow: none !important; display: flex; flex-direction: column; } #sg-olivine-cc .quantity-break-radio-container{ margin-right: 0px; display: flex; align-items: center; justify-content: center; display: none; } #sg-olivine-cc .quantity-break-radio-circle{ width: 20px; height: 20px; border: 2px solid ; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: transparent; transition: all 0.2s ease; } #sg-olivine-cc .quantity-break-option.selected .quantity-break-radio-circle{ border-color: #5e7c49; } #sg-olivine-cc .quantity-break-radio-dot{ width: 10px; height: 10px; display: block !important; background-color: #5e7c49; border-radius: 50%; opacity: 0; transform: scale(0.6); will-change: opacity, transform; transition: opacity 0.25s ease-out, transform 0.25s ease-out; } #sg-olivine-cc .quantity-break-option.selected .quantity-break-radio-dot{ opacity: 1 !important; transform: scale(1) !important; } #sg-olivine-cc .quantity-break-image{ width: 45px; height: 45px; border-radius: 4px; margin-right: 0px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } #sg-olivine-cc .quantity-break-image img{ width: 100%; height: 100%; object-fit: cover; } #sg-olivine-cc .quantity-break-details{ display: flex; align-items: flex-start; flex-direction: column; flex: 1; flex-grow: 1; text-align: left; min-width: 0; max-width: none; } #sg-olivine-cc .quantity-break-title-container{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; gap: 2px; } #sg-olivine-cc .quantity-break-title{ font-weight: 700 !important; font-size: 24px; color: #211a28 !important; text-align: left; line-height: 1.2; letter-spacing: var(--letter-spacing-body); word-break: break-word; flex: 1; min-width: 0; } #sg-olivine-cc .quantity-break-price-container{ display: flex; align-items: flex-end; justify-content: space-between; flex-direction: column; text-align: right; flex-shrink: 0; min-width: 55px; max-width: 100px; } #sg-olivine-cc .quantity-break-price{ color: #211a28 !important; font-weight: var(--font-weight-bold) !important; font-size: 20px; } #sg-olivine-cc .quantity-break-original-price{ font-size: 13px; color: #6e6e66 !important; text-decoration: line-through; } #sg-olivine-cc .quantity-break-input{ display: none; } @media screen and (max-width: 380px){#sg-olivine-cc .quantity-break-option{ padding: 11px 11px; padding-left: 11px; } #sg-olivine-cc .quantity-break-radio-container{ margin-right: 6px; } #sg-olivine-cc .quantity-break-radio-circle{ width: 16px; height: 16px; border-width: 1px; } #sg-olivine-cc .quantity-break-radio-dot{ width: 8px; height: 8px; } #sg-olivine-cc .quantity-break-image{ width: 32px; height: 32px; margin-right: 8px; } #sg-olivine-cc .quantity-break-price-container{ min-width: 55px; max-width: 70px; width: 70px; } #sg-olivine-cc .quantity-break-main-content{ gap: 4px; overflow: hidden; } #sg-olivine-cc .quantity-break-title{ font-size: 22px; letter-spacing: var(--letter-spacing-body); display: inline; word-break: break-word; flex: 1; min-width: 0; } #sg-olivine-cc .quantity-break-price{ font-size: 17px; } #sg-olivine-cc .quantity-break-original-price{ font-size: 13px; } #sg-olivine-cc .quantity-break-option{ padding-left: 11px; } #sg-olivine-cc .quantity-break-option.selected{ border: 2px solid #5e7c49 !important; background-color: #f5f2e3 !important; } #sg-olivine-cc .quantity-break-badge{ top: -10px; padding: 1px 10px; font-size: 11px; } #sg-olivine-cc .quantity-break-badge::before,#sg-olivine-cc .quantity-break-badge::after{ width: 3px; height: 3px; margin-right: 3px; margin-left: 3px; }} #sg-olivine-cc .quantity-break-variant-selection{ width: 100%; margin-top: 0; padding-top: 0; opacity: 0; max-height: 0; overflow: hidden; min-width: 0; will-change: max-height , opacity , margin-top , padding-top; transition: opacity 0.3s ease-out , max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1) , margin-top 0.35s cubic-bezier(0.22, 1, 0.36, 1) , padding-top 0.35s cubic-bezier(0.22, 1, 0.36, 1); position: relative; z-index: 1; border-top: none !important; } #sg-olivine-cc .selected .quantity-break-variant-selection{ opacity: 1; max-height: 500px; margin-top: 10px; margin-bottom: 10px; padding-top: 6px; overflow: visible; } #sg-olivine-cc .quantity-break-variant-selectors{ position: relative; z-index: 1; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; align-items: center; margin-bottom: 2px; border: none; border-radius: 8px; background-color: #faf8ef; } #sg-olivine-cc .quantity-break-variant-selectors:last-child{ margin-bottom: 0; } #sg-olivine-cc .quantity-break-variant-selectors:not(:last-child):not(.quantity-break-swatches-processed){ padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e5e7eb; } #sg-olivine-cc .quantity-break-variant-left{ display: flex; align-items: center; width: auto; flex: 1 1 auto; min-width: 0; order: 0; gap: 3px; } #sg-olivine-cc .quantity-break-variant-label{ font-weight: var(--font-weight-semibold) !important; font-size: 15px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 6px; } #sg-olivine-cc .quantity-break-variant-label .quantity-number{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #f5f2e3; border: none; border-radius: 50%; font-size: 13px; font-weight: var(--font-weight-semibold); color: #333333; flex-shrink: 0; } #sg-olivine-cc .quantity-break-variant-right{ display: flex; gap: 6px; flex: 0 0 auto; min-width: 0; margin-left: auto; justify-content: flex-end; order: 2; align-items: center; flex-wrap: wrap; } #sg-olivine-cc .quantity-break-variant-option{ flex: 0 0 auto; position: relative; display: flex; align-items: center; } #sg-olivine-cc .quantity-break-variant-option .quantity-break-variant-select,#sg-olivine-cc select.quantity-break-variant-select{ padding: 4px 30px 4px 12px !important; font-size: 14px !important; min-width: 170px !important; max-width: 240px !important; height: 34px !important; border: 1px solid #e5e5e5 !important; border-radius: 8px !important; background-color: #faf8ef !important; color: #374151 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-image: url(\"data:image\/svg+xml;charset=UTF-8, %3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6, 9 12, 15 18, 9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 16px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; } #sg-olivine-cc .quantity-break-radio-container,#sg-olivine-cc .quantity-break-image,#sg-olivine-cc .quantity-break-details,#sg-olivine-cc .quantity-break-price-container{} #sg-olivine-cc .quantity-break-details{ flex-grow: 1; } @media screen and (max-width: 749px){#sg-olivine-cc .quantity-break-variant-selection{ margin-top: 5px; padding-top: 5px; } #sg-olivine-cc .quantity-break-variant-selectors{ flex-direction: row; justify-content: space-between; gap: 4px; margin-bottom: 3px; max-width: 100%; box-sizing: border-box; } #sg-olivine-cc .quantity-break-variant-left{ width: auto; flex: 1 1 auto; min-width: 0; justify-content: flex-start; } #sg-olivine-cc .quantity-break-variant-right{ width: auto; flex: 0 0 auto; margin-left: auto; justify-content: flex-end; gap: 2px; } #sg-olivine-cc .quantity-break-variant-label{ font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #sg-olivine-cc .quantity-break-variant-label .quantity-number{ width: 20px; height: 20px; font-size: 10px; } #sg-olivine-cc .quantity-break-variant-option .quantity-break-variant-select,#sg-olivine-cc select.quantity-break-variant-select{ padding: 2px 20px 2px 8px !important; font-size: 12px !important; min-width: 96px !important; max-width: 140px !important; height: 34px !important; background-position: right 5px center !important; background-size: 12px !important; }} #sg-olivine-cc .quantity-break-badge{ position: absolute; top: -8px; right: 10px; left: auto; transform: none; padding: 0 8px; border-radius: 4px; font-size: 11px; font-weight: var(--font-weight-bold) !important; z-index: 2; white-space: nowrap; letter-spacing: -0.3px; overflow: hidden; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: uppercase; } @media screen and (max-width: 380px){#sg-olivine-cc .quantity-break-badge{ font-size: 11px; padding: 0 6px; top: -9px; right: 8px; border-radius: 4px; }} #sg-olivine-cc .quantity-break-badge::before{ content: \"\"; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); animation: badgeShine 3.5s infinite; } @keyframes badgeShine{ 0% { left: -100%; } 100% { left: 200%; } } #sg-olivine-cc .quantity-break-main-content{ display: flex; flex-direction: row; align-items: center; width: 100%; flex-wrap: nowrap; gap: 12px; justify-content: space-between; min-height: 60px; } #sg-olivine-cc .quantity-break-content-wrapper{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; flex: 1; min-width: 0; gap: 12px; } #sg-olivine-cc .quantity-break-image-details-group{ display: flex; flex-direction: row; align-items: center; gap: 12px; flex: 1; min-width: 0; } #sg-olivine-cc .quantity-break-title{ display: inline; word-break: break-word; flex: 1; min-width: 0; }\n#sg-olivine-cc .quantity-break-badge{ top: -8px !important; right: 16px !important; padding: 6px 8px !important; border-radius: 0 0 5px 5px !important; font-family: sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; overflow: visible !important; box-shadow: none !important; border: none !important; outline: none !important; z-index: 2 !important; } #sg-olivine-cc .quantity-break-badge::before,#sg-olivine-cc .quantity-break-badge::after{ content: '' !important; display: block !important; position: absolute !important; top: 0 !important; width: 8px !important; height: 8px !important; margin: 0 !important; background: none !important; background-color: inherit !important; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) !important; filter: none !important; animation: none !important; } #sg-olivine-cc .quantity-break-badge::before{ left: -8px !important; right: auto !important; clip-path: polygon(100% 0, 100% 100%, 0 100%) !important; } #sg-olivine-cc .quantity-break-badge::after{ right: -8px !important; left: auto !important; clip-path: polygon(0 0, 0 100%, 100% 100%) !important; } #sg-olivine-cc [class*=\"upsell-product-card-\"]{ overflow: visible !important; } #sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]{ top: -8px !important; right: 16px !important; padding: 6px 8px !important; border-radius: 0 0 5px 5px !important; font-family: sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; overflow: visible !important; box-shadow: none !important; border: none !important; outline: none !important; z-index: 3 !important; } #sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::before,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::after{ content: '' !important; display: block !important; position: absolute !important; top: 0 !important; width: 8px !important; height: 8px !important; margin: 0 !important; background: none !important; background-color: inherit !important; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) !important; filter: none !important; animation: none !important; } #sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::before{ left: -8px !important; right: auto !important; clip-path: polygon(100% 0, 100% 100%, 0 100%) !important; } #sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::after{ right: -8px !important; left: auto !important; clip-path: polygon(0 0, 0 100%, 100% 100%) !important; }\n@media screen and (max-width: 749px){#sg-olivine-cc .quantity-break-badge,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]{ font-size: 10px !important; padding: 4px 6px !important; min-width: 84px !important; justify-content: center !important; text-align: center !important; top: -6px !important; right: 12px !important; border-radius: 0 0 4px 4px !important; } #sg-olivine-cc .quantity-break-badge::before,#sg-olivine-cc .quantity-break-badge::after,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::before,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::after{ width: 6px !important; height: 6px !important; } #sg-olivine-cc .quantity-break-badge::before,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::before{ left: -6px !important; } #sg-olivine-cc .quantity-break-badge::after,#sg-olivine-cc [class*=\"upsell-best-seller-tag-\"]::after{ right: -6px !important; }}\n#sg-olivine-cc .upsell-price-now-product_upsell_main{ font-weight: bold; } #sg-olivine-cc .upsell-price-was-product_upsell_main{ text-decoration: line-through; opacity: 0.55; font-weight: normal; font-size: 0.9em; }\n#sg-olivine-cc .upsell-product-container-product_upsell_main{ margin-top: 0px; margin-bottom: 6px; width: 100%; } #sg-olivine-cc .upsell-product-card-product_upsell_main{ display: flex; align-items: stretch; background-color: #faf8ef; padding: 0; border-radius: 10px; position: relative; overflow: hidden; width: 100%; min-height: 80px; border: 1px solid #bfb69a; } #sg-olivine-cc .upsell-best-seller-tag-product_upsell_main{ position: absolute; top: 0px; right: 6px; background-color: #85a66f; color: #ffffff; padding: 2px 6px; font-size: 11px; border-radius: 0 0 3px 3px !important; z-index: 1; font-weight: var(--font-weight-bold) !important; letter-spacing: var(--letter-spacing-body); text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 3px; } #sg-olivine-cc .upsell-form{ display: flex; width: 100%; height: 100%; align-items: stretch; } #sg-olivine-cc .upsell-product-image-column-product_upsell_main{ position: absolute; top: 50%; transform: translateY(-50%); left: 40px; width: 80px; min-width: 80px; max-width: 80px; height: 68px; min-height: 68px; max-height: 68px; z-index: 1; overflow: hidden; background-color: #faf8ef; display: flex; align-items: center; justify-content: center; border-radius: 10px; } #sg-olivine-cc .upsell-product-img-product_upsell_main{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } #sg-olivine-cc .upsell-product-info-column-product_upsell_main{ flex: 1; min-width: 0; margin-right: 2px; margin-left: 130px; padding: 8px 5px 8px 8px; display: flex; flex-direction: column; justify-content: center; min-height: 0; max-width: calc(100% - 200px); } #sg-olivine-cc .upsell-product-header-product_upsell_main{ display: block; width: 100%; margin-bottom: 2px; } #sg-olivine-cc .upsell-product-title-product_upsell_main{ font-weight: var(--font-weight-bold) !important; font-size: 16px; line-height: 1.2; margin-bottom: 2px; letter-spacing: var(--letter-spacing-body); color: #211a28 !important; width: 100%; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; max-width: calc(100% - 15px); } #sg-olivine-cc .upsell-product-action-column-product_upsell_main{ display: flex; align-items: flex-start; justify-content: flex-end; flex-shrink: 0; width: 80px; padding: 18px 8px 8px 0 !important; } @media (min-width: 767px){#sg-olivine-cc .upsell-product-action-column-product_upsell_main{ padding: 30px 8px 8px 0 !important; }} @media (max-width: 767px){#sg-olivine-cc .upsell-product-card-product_upsell_main{ display: flex; min-height: 80px; position: relative; } #sg-olivine-cc .upsell-form{ display: flex; width: 100%; position: relative; padding-left: 120px; } #sg-olivine-cc .upsell-best-seller-tag-product_upsell_main{ z-index: 2; right: 8px; } #sg-olivine-cc .upsell-product-image-column-product_upsell_main{ position: absolute; top: 6px; bottom: 6px; transform: none; left: 40px; width: 80px; height: auto; z-index: 1; } #sg-olivine-cc .upsell-product-img-product_upsell_main{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } #sg-olivine-cc .upsell-product-info-column-product_upsell_main{ width: 100%; padding-left: 8px; margin-left: 10px; padding-right: 75px; max-width: calc(100% - 10px); } #sg-olivine-cc .upsell-product-title-product_upsell_main{ max-width: calc(100% - 50px); display: block; overflow: visible; } #sg-olivine-cc .upsell-product-action-column-product_upsell_main{ position: absolute; right: 8px; top: 10px; width: 70px; padding: 0; z-index: 1; }} @media (max-width: 375px){#sg-olivine-cc .upsell-product-image-column-product_upsell_main{ width: 70px; } #sg-olivine-cc .upsell-form{ padding-left: 110px; } #sg-olivine-cc .upsell-product-info-column-product_upsell_main{ padding-right: 100px; padding-left: 20px !important; } #sg-olivine-cc .upsell-product-action-column-product_upsell_main{ width: 75px; }} @media (max-width: 426px){#sg-olivine-cc .upsell-product-title-product_upsell_main{ font-size: 14px !important; line-height: 1.15 !important; } #sg-olivine-cc .upsell-product-info-column-product_upsell_main{ padding-left: 10px !important; }} @keyframes pulse-success{ 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes pulse-error{ 0% { transform: scale(1); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-3px); } 100% { transform: scale(1); } } @keyframes spin{ to { transform: rotate(360deg); } } #sg-olivine-cc .upsell-toggle-slider-product_upsell_main:before{ position: absolute; content: \"\"; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: #ffffff; transition: 0.4s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } #sg-olivine-cc .upsell-toggle-switch-product_upsell_main input:checked + .upsell-toggle-slider-product_upsell_main:before{ transform: translateX(24px); } @keyframes upsell-toggle-spin-product_upsell_main{ to { transform: translate(-50%, -50%) rotate(360deg); } } #sg-olivine-cc .upsell-toggle-switch-product_upsell_main.is-loading .upsell-toggle-slider-product_upsell_main:before{ opacity: 0; } #sg-olivine-cc .upsell-product-container-product_upsell_main .upsell-product-title-product_upsell_main,#sg-olivine-cc div.upsell-product-container-product_upsell_main .upsell-product-title-product_upsell_main{ color: #211a28 !important; } @media (max-width: 768px){#sg-olivine-cc .upsell-product-title-product_upsell_main{ font-size: 14px !important; }} #sg-olivine-cc .upsell-routine-header-product_upsell_main{ display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } #sg-olivine-cc .upsell-routine-line-product_upsell_main{ flex: 1 1 auto; height: 1px; background-color: #d9d9d9; } #sg-olivine-cc .upsell-routine-title-product_upsell_main{ flex: 0 0 auto; font-weight: var(--font-weight-bold); font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: #111111; white-space: nowrap; } #sg-olivine-cc .upsell-checkbox-col-product_upsell_main{ position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; z-index: 3; display: flex; align-items: center; justify-content: center; } #sg-olivine-cc .upsell-product-action-column-product_upsell_main.upsell-checkbox-mode{ padding: 34px 10px 10px 0 !important; align-items: flex-start; justify-content: center; } #sg-olivine-cc .upsell-checkbox-price-product_upsell_main{ font-size: 20px; font-weight: var(--font-weight-bold); color: #211a28; white-space: nowrap; text-align: center; } #sg-olivine-cc .upsell-checkbox-price-product_upsell_main .upsell-price-now-product_upsell_main{ font-weight: var(--font-weight-bold); } #sg-olivine-cc .upsell-checkbox-price-product_upsell_main .upsell-price-was-product_upsell_main{ display: block; font-size: 11px; color: rgb(153, 153, 153); opacity: 1; font-weight: 400; } #sg-olivine-cc .upsell-checkbox-label-product_upsell_main{ position: relative; display: inline-flex; cursor: pointer; margin: 0; } #sg-olivine-cc .upsell-checkbox-input-product_upsell_main{ position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; margin: 0; cursor: pointer; z-index: 2; } #sg-olivine-cc .upsell-checkbox-box-product_upsell_main{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 2px solid #000000; border-radius: 6px; background-color: #fff; box-sizing: border-box; transition: background-color 0.15s ease, border-color 0.15s ease; } #sg-olivine-cc .upsell-checkbox-tick-product_upsell_main{ width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transition: opacity 0.15s ease; } #sg-olivine-cc .upsell-checkbox-input-product_upsell_main:checked + .upsell-checkbox-box-product_upsell_main{ background-color: #000000; border-color: #000000; } #sg-olivine-cc .upsell-checkbox-input-product_upsell_main:checked + .upsell-checkbox-box-product_upsell_main .upsell-checkbox-tick-product_upsell_main{ opacity: 1; } #sg-olivine-cc .upsell-checkbox-input-product_upsell_main:focus-visible + .upsell-checkbox-box-product_upsell_main{ box-shadow: 0 0 0 3px #00000033; } @media (max-width: 767px){#sg-olivine-cc .upsell-product-action-column-product_upsell_main.upsell-checkbox-mode{ top: 18px; transform: none; padding: 0 !important; } #sg-olivine-cc .upsell-checkbox-price-product_upsell_main{ font-size: 20px; }}\n#sg-olivine-cc .shop-add-to-cart-button .button-text{ text-transform: none !important; } #sg-olivine-cc #.olivine-product-form-template--18944211026007__shop_product_details_tXXE9D,#sg-olivine-cc .form{ width: 100% !important; display: block; } #sg-olivine-cc .shop-add-to-cart-button .path{ stroke: #ffffff; }\n#sg-olivine-cc #block-add_to_cart_YKma6J.guarantee-badges-container{ display: flex; justify-content: flex-start; align-items: center; gap: 6px; margin-top: -5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; font-size: 11px; letter-spacing: var(--letter-spacing-body); color: #000000 !important; width: 100%; flex-direction: row; flex-wrap: wrap; } @keyframes guarantee-blink-1{ 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-1{ 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } @keyframes guarantee-blink-2{ 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes guarantee-pulse-2{ 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2.2); opacity: 0; } } @media (max-width: 480px){#sg-olivine-cc #block-add_to_cart_YKma6J.guarantee-badges-container{ flex-direction: row; justify-content: flex-start; margin-top: -5px; flex-wrap: wrap; }}\n#sg-olivine-cc .custom-money-back-guarantee{ background: linear-gradient(135deg, #f9f8f8 0%, #f9f8f8 100%); border-radius: 6px; padding: 3px 10px 3px 10px; margin: 0px 0 0px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.08); max-height: none; position: relative; border: 1px dotted #000000; overflow: hidden; letter-spacing: var(--letter-spacing-heading); width: 100%; } #sg-olivine-cc .custom-money-back-guarantee::before{ content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 0; pointer-events: none; border-radius: 5px; } #sg-olivine-cc .custom-money-back-guarantee::after{ content: \"\"; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100% ); z-index: 1; animation: custom-shine-animation 6s ease-in-out infinite; transform: skewX(-20deg); pointer-events: none; } @keyframes custom-shine-animation{ 0% { left: -100%; } 30%, 100% { left: 150%; } } #sg-olivine-cc .custom-guarantee-content{ display: flex; align-items: center; gap: 6px; position: relative; z-index: 1; } #sg-olivine-cc .custom-badge-circle{ display: flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 3px; flex-shrink: 0; } #sg-olivine-cc .custom-badge-container{ min-width: 35px; display: flex; align-items: center; justify-content: center; } #sg-olivine-cc .custom-badge-image{ width: 100%; height: 100%; object-fit: contain; } #sg-olivine-cc .custom-guarantee-text{ flex: 1; letter-spacing: var(--letter-spacing-body); } #sg-olivine-cc .custom-guarantee-text h3{ font-size: 15px; font-weight: var(--font-weight-semibold); margin: 0 0 2px 0; line-height: 1.2; color: #000000 !important; letter-spacing: var(--letter-spacing-body); } #sg-olivine-cc .custom-guarantee-text p{ font-size: 13px; line-height: 1.3; margin: 0; color: #000000 !important; letter-spacing: var(--letter-spacing-body); } @media screen and (max-width: 450px){#sg-olivine-cc .custom-badge-container{ width: 50px !important; height: 50px !important; min-width: 32px; } #sg-olivine-cc .custom-guarantee-text h3{ font-size: calc(15px * 0.9); letter-spacing: var(--letter-spacing-body); } #sg-olivine-cc .custom-guarantee-text p{ font-size: calc(13px * 0.9); letter-spacing: var(--letter-spacing-body); }} @media screen and (min-width: 750px){#sg-olivine-cc .custom-money-back-guarantee{ width: 100%; max-width: none; }}\n@media (min-width:800px){#sg-olivine-cc .shop-product-inner-container{max-width:1500px!important;} #sg-olivine-cc .shop-carousel-container{flex:0 0 63%!important;max-width:63%!important;} #sg-olivine-cc .shop-product-info{flex:0 0 calc(37% - 20px)!important;max-width:calc(37% - 20px)!important;} #sg-olivine-cc .shop-product-carousel{width:100%!important;padding:0!important;} #sg-olivine-cc .shop-main-image-wrapper{margin:0!important;width:100%!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout,#sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{flex:0 0 132px!important;max-width:132px!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnails{height:100%!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:12px!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail{width:132px!important;height:132px!important;flex:0 0 132px!important;aspect-ratio:1\/1!important;border-radius:12px!important;overflow:hidden!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .thumb-square{padding-bottom:0!important;height:100%!important;width:100%!important;position:relative!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .thumb-square img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}} @media (max-width:799px){#sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row{display:flex!important;flex-direction:column!important;} #sg-olivine-cc .shop-main-image-wrapper.shop-image-thumbnails-row .shop-thumbnails-outer{order:2!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;margin-top:10px!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout{flex:0 0 auto!important;width:100%!important;max-width:100%!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnails{flex-direction:row!important;height:auto!important;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;justify-content:flex-start!important;gap:8px!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .shop-thumbnail{width:60px!important;height:60px!important;flex:0 0 60px!important;aspect-ratio:1\/1!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .thumb-square{padding-bottom:0!important;height:100%!important;width:100%!important;position:relative!important;} #sg-olivine-cc .shop-thumbnails-wrapper.left-column-layout .thumb-square img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}}\n#sg-olivine-cc .quantity-break-variant-left{ display: none !important; } #sg-olivine-cc .quantity-break-variant-selection{ counter-reset: qbunit; } #sg-olivine-cc .quantity-break-variant-selection::before{ content: \"Shade\"; display: block; text-align: left; font-size: 13px; font-weight: 600; color: #4a4a44; margin: 2px 0 6px; } #sg-olivine-cc .quantity-break-variant-selectors{ background: transparent !important; align-items: center; justify-content: flex-start !important; gap: 10px; } #sg-olivine-cc .quantity-break-variant-selectors::before{ counter-increment: qbunit; content: \"#\" counter(qbunit); font-size: 13px; color: #6f6f66; min-width: 24px; } #sg-olivine-cc .quantity-break-variant-selectors:only-child::before{ content: \"\"; min-width: 0; } #sg-olivine-cc .quantity-break-variant-right{ flex: 0 1 auto; min-width: 0; margin-left: 0 !important; margin-right: auto; } #sg-olivine-cc .quantity-break-variant-right .quantity-break-variant-option{ width: auto; } #sg-olivine-cc .quantity-break-variant-right .quantity-break-variant-select{ width: 190px !important; max-width: 100%; background-color: #faf8ef !important; } #sg-olivine-cc [class*=\"upsell-product-title-\"]{ padding-top: 6px; max-width: 100% !important; }\n@media screen and (min-width: 800px){#sg-olivine-cc .shop-product-section .shop-image-container,#sg-olivine-cc .shop-product-section .shop-main-image-wrapper,#sg-olivine-cc .shop-product-section .shop-image-container img{ border-radius: 14px !important; overflow: hidden !important; } #sg-olivine-cc .shop-product-section .shop-thumbnail,#sg-olivine-cc .shop-product-section .shop-thumbnail .thumb-square,#sg-olivine-cc .shop-product-section .shop-thumbnail img{ border-radius: 9px !important; overflow: hidden !important; }} #sg-olivine-cc .shop-product-section .quantity-break-badge,#sg-olivine-cc .shop-product-section [class*=\"upsell-best-seller-tag-\"]{ border-radius: 0 0 6px 6px !important; } @media screen and (min-width: 750px){#sg-olivine-cc .shop-product-section .quantity-break-badge,#sg-olivine-cc .shop-product-section [class*=\"upsell-best-seller-tag-\"]{ right: 22px !important; } #sg-olivine-cc .shop-product-section .quantity-break-badge::before,#sg-olivine-cc .shop-product-section .quantity-break-badge::after,#sg-olivine-cc .shop-product-section [class*=\"upsell-best-seller-tag-\"]::before,#sg-olivine-cc .shop-product-section [class*=\"upsell-best-seller-tag-\"]::after{ height: 13px !important; transform: translateY(0.5px) !important; }}\n#sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main{ position:relative; z-index:0; background: #faf8ef; padding: 12px 0 16px; --ugcv-card: 400px; --ugcv-accent: #5e7c49; --ugcv-border: #e4e0cf; --ugcv-radius: 20px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__head{ text-align:left; max-width:1180px; margin:0 auto 20px; padding:0 24px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__title{ font-family: var(--font-heading-family, Georgia, 'Times New Roman', serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:8px 0 8px; text-wrap:balance; font-weight:500; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__fb{ display:inline-flex; align-items:center; gap:7px; color:#1877F2; font-size:14px; font-weight:600; border:1px solid rgba(24,119,242,.35); background:rgba(24,119,242,.07); border-radius:999px; padding:6px 14px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__fb svg{ display:block; flex:0 0 auto; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__wrap{ position:relative; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__stage{ position:relative; width:100%; overflow:hidden; touch-action:pan-y; user-select:none; cursor:grab; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__stage.is-grabbing{ cursor:grabbing; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card{ position:absolute; top:0; left:50%; width:var(--ugcv-card); margin-left:calc(var(--ugcv-card) \/ -2); transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease; will-change:transform,opacity; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__stage.is-dragging .ugcv__card{ transition:none; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card:not(.is-center){ cursor:pointer; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__media{ position:relative; aspect-ratio:9\/16; border-radius:var(--ugcv-radius); overflow:hidden; background:#faf8ef; transform:translateZ(0); isolation:isolate; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__media video{ width:100%; height:100%; object-fit:cover; display:block; border-radius:var(--ugcv-radius); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__mute{ position:absolute; bottom:10px; right:10px; width:34px; height:34px; border:none; cursor:pointer; border-radius:50%; background:rgba(0,0,0,.4); color:#fff; display:flex; align-items:center; justify-content:center; z-index:2; opacity:0; transition:opacity .25s; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card.is-center .ugcv__mute{ opacity:1; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__mute svg{ display:none; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__mute .ugcv__ico-muted{ display:block; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__mute.is-sound .ugcv__ico-muted{ display:none; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__mute.is-sound .ugcv__ico-sound{ display:block; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card.is-center .ugcv__media::after{ content:\"\"; position:absolute; top:50%; left:50%; width:58px; height:58px; margin:-29px 0 0 -29px; border-radius:50%; background:rgba(0,0,0,.42); z-index:3; pointer-events:none; transition:opacity .25s; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card.is-center .ugcv__media::before{ content:\"\"; position:absolute; top:50%; left:50%; z-index:4; margin:-11px 0 0 -6px; pointer-events:none; border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent #fff; transition:opacity .25s; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card.is-center.is-playing .ugcv__media::after,#sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card.is-center.is-playing .ugcv__media::before{ opacity:0; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:50; width:46px; height:46px; border-radius:50%; border:1px solid var(--ugcv-border); background:#faf8ef; color:#211a28; font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(33,26,40,.16); } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__nav:hover{ background:var(--ugcv-accent); color:#fff; border-color:var(--ugcv-accent); } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__prev{ left:40px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__next{ right:40px; } @media (max-width:749px){#sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__title{ font-size:24px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main{ --ugcv-card: 240px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__nav{ width:40px; height:40px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__prev{ left:6px; } #sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__next{ right:6px; }} @media (prefers-reduced-motion: reduce){#sg-olivine-cc #ugcv-template--18944211026007__ugc_videos_main .ugcv__card{ transition:none; }}\n#sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main{ background:#faf8ef; padding:12px 16px 20px; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__grid{ display:grid; grid-template-columns:1fr; gap:0; align-items:start; border:1px solid #e4e0cf; border-radius:14px; overflow:hidden; background:#faf8ef; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__item{ overflow:hidden; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__item + .pfaq__item{ border-top:1px solid #e4e0cf; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__q{ width:100%; border:none; background:none; cursor:pointer; text-align:left; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; font-size:14.5px; font-weight:600; color:#211a28; font-family:inherit; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__ico{ flex:0 0 auto; width:18px; height:18px; color:#5e7c49; transition:transform .3s ease; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__item.is-open .pfaq__ico{ transform:rotate(45deg); } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__a{ max-height:0; overflow:hidden; transition:max-height .32s ease; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__a-in{ padding:0 18px 16px; font-size:13.5px; line-height:1.6; color:#211a28; } #sg-olivine-cc #pfaq-template--18944211026007__pdp_faq_main .pfaq__a-in :is(p,ol,ul){ margin:0 0 8px; }\n#sg-olivine-cc #frev-template--18944211026007__featured_reviews_main{ background:#faf8ef; padding:8px 0 32px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__track{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 24px 14px; max-width:1180px; margin:0 auto; -ms-overflow-style:none; scrollbar-width:none; -webkit-overflow-scrolling:touch; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__track::-webkit-scrollbar{ display:none; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__card{ flex:0 0 min(540px,88vw); scroll-snap-align:start; background:#faf8ef; border:1px dashed #cfc8b2; border-radius:14px; padding:20px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__top{ display:flex; align-items:center; gap:10px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__avatar{ width:58px; height:58px; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid #cfc8b2; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__idrow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; row-gap:2px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__name{ color:#211a28; font-weight:600; font-size:15.5px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__badge{ width:18px; height:18px; flex:0 0 auto; display:block; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__stars{ color:#caa53a; font-size:14px; letter-spacing:1px; margin-left:2px; } #sg-olivine-cc #frev-template--18944211026007__featured_reviews_main .frev__text{ color:#211a28; font-size:14px; line-height:1.55; margin-top:8px; }\n#sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main{ background:#85a66f; padding:48px 24px 48px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__head{ text-align:center; max-width:640px; margin:0 auto 32px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#fdfcf6; margin:0 0 14px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__title{ font-family:var(--font-heading-family, Georgia, serif); color:#fdfcf6 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__lead{ color:#fdfcf6; font-size:18px; font-weight:600; line-height:1.5; margin:12px auto 0; max-width:60ch; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__cards{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__card{ background:#faf8ef; border:1px solid #e4e0cf; border-radius:14px; padding:22px 18px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__ic{ width:40px; height:40px; border-radius:10px; background:#e9efe1; color:#4d6539; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:18px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__ch{ font-weight:600; font-size:15px; margin:0 0 6px; color:#211a28; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__cp{ margin:0; font-size:14px; font-weight:500; color:#211a28; line-height:1.5; } @media (max-width:860px){#sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__cards{ grid-template-columns:repeat(2,1fr); }} @media (max-width:749px){#sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__title{ font-size:26px; } #sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__lead{ font-size:16px; }} @media (max-width:520px){#sg-olivine-cc #pben-template--18944211026007__pdrn_benefits_main .pben__cards{ grid-template-columns:1fr; }}\n#sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main{ background:#faf8ef; padding:40px 16px 44px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__inner{ max-width:920px; margin:0 auto; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#5e7c49; text-align:center; margin:0 0 14px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__title{ font-family:var(--font-heading-family, Georgia, serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; text-align:center; margin:0 0 6px; text-wrap:balance; font-weight:500; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__title .accent{ color:#5e7c49; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__sub{ text-align:center; color:#211a28; font-size:18px; font-weight:600; line-height:1.5; margin:12px auto 24px; max-width:60ch; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__grid{ display:grid; grid-template-columns:1.15fr 1fr 1fr; align-items:stretch; border:1px solid #e4e0cf; border-radius:16px; overflow:hidden; background:#fff; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__cell{ padding:15px 18px; border-bottom:1px solid #e4e0cf; font-size:14.5px; line-height:1.4; display:flex; align-items:center; gap:9px; color:#211a28; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__row:last-child .cmp__cell{ border-bottom:none; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__grid \u003e div{ display:contents; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__lbl{ font-weight:600; color:#211a28; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__their{ color:#6e6e66; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__our{ background:#e9efe1; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head{ font-size:12px; letter-spacing:.04em; text-transform:uppercase; font-weight:700; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head.cmp__lbl{ background:#faf8ef; color:#6e6e66; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head.cmp__their{ background:#faf8ef; justify-content:center; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head.cmp__our{ background:#5e7c49; color:#fff; justify-content:center; text-align:center; font-size:13px; letter-spacing:.03em; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__ico{ flex:0 0 auto; width:17px; height:17px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__ico--yes{ color:#4d6539; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__ico--no{ color:#6e6e66; opacity:.6; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__frame{ text-align:center; font-style:italic; color:#211a28; font-size:16px; margin:18px 0 0; } @media (max-width:749px){#sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__title{ font-size:23px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__grid{ grid-template-columns:1.1fr .95fr .95fr; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__cell{ padding:11px 10px; font-size:12.5px; gap:6px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__ico{ width:14px; height:14px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head{ font-size:10px; } #sg-olivine-cc #cmp-template--18944211026007__pdp_comparison_main .cmp__head.cmp__our{ font-size:11px; }}\n#sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main{ background:#85a66f; padding:48px 24px 48px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__summary{ text-align:center; margin-bottom:8px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#fdfcf6; margin:0 0 14px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__big{ font-family:var(--font-heading-family, Georgia, serif); color:#fdfcf6 !important; font-size:clamp(30px,4.4vw,46px); line-height:1.1; text-wrap:balance; font-weight:500; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__big p{ margin:0; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__rating{ display:flex; align-items:center; gap:8px; justify-content:center; margin-top:10px; font-size:15px; font-weight:600; color:#fdfcf6; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__stars{ color:#caa53a; letter-spacing:1px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__wrap{ position:relative; margin-top:26px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__track{ display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:4px 2px 16px; scrollbar-width:none; -webkit-overflow-scrolling:touch; align-items:flex-start; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__track::-webkit-scrollbar{ display:none; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__card{ flex:0 0 min(340px,82vw); scroll-snap-align:start; background:#faf8ef; border:1px solid #e4e0cf; border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:12px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__card .prev__stars{ font-size:13px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__quote{ margin:0; font-size:14px; font-weight:500; color:#211a28; line-height:1.55; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__top{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__photo{ width:100%; aspect-ratio:1\/1; height:auto; object-fit:cover; object-position:center; border-radius:10px !important; display:block; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__nm{ font-size:13.5px; font-weight:600; color:#211a28; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__vf{ font-size:11.5px; color:#4d6539; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__nav{ position:absolute; top:calc(50% - 8px); transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1px solid #e4e0cf; background:rgba(250,248,239,.96); color:#211a28; font-size:22px; line-height:0; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 14px rgba(33,26,40,.12); z-index:3; transition:background .15s; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__nav:hover{ background:#fff; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__prev{ left:-10px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__next{ right:-10px; } #sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__hint{ text-align:center; font-size:13.5px; font-weight:600; color:#fdfcf6; margin:2px 0 0; letter-spacing:.02em; } @media (max-width:860px){#sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main .prev__nav{ display:none; }} @media (max-width:749px){#sg-olivine-cc #prev-template--18944211026007__pdrn_reviews_main{ padding-left:20px; padding-right:20px; }}\n#sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main{ background:#faf8ef; padding:48px 24px 48px; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__head{ text-align:center; max-width:640px; margin:0 auto 32px; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#5e7c49; margin:0 0 14px; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__title{ font-family:var(--font-heading-family, Georgia, serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chips{ display:flex; justify-content:center; overflow:hidden; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__track{ display:flex; gap:10px; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chip{ flex:0 0 auto; white-space:nowrap; display:flex; align-items:center; gap:7px; background:#f5f2e3; border:1px solid #e4e0cf; border-radius:40px; padding:10px 15px; font-size:14px; font-weight:500; color:#4d6539; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chip .ci{ color:#4d6539; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chip--dupe{ display:none; } @media (max-width:860px){#sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chips{ justify-content:flex-start; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__track{ animation:pexpmarquee-template--18944211026007__pdrn_expect_main 30s linear infinite; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__track:active{ animation-play-state:paused; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__chip--dupe{ display:flex; }} @keyframes pexpmarquee-template--18944211026007__pdrn_expect_main{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } @media (prefers-reduced-motion:reduce){#sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__track{ animation:none !important; }} @media (max-width:749px){#sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #pexp-template--18944211026007__pdrn_expect_main .pexp__title{ font-size:26px; }}\n#sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main{ background:#faf8ef; padding:48px 16px 48px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__media{ aspect-ratio:4\/5; border-radius:16px !important; overflow:hidden !important; border:1px solid #e4e0cf; background:#f5f2e3; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__media img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:16px !important; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#5e7c49; margin:0 0 14px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__title{ font-family:var(--font-heading-family, Georgia, serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__lead{ color:#211a28; font-size:18px; font-weight:600; line-height:1.5; margin:14px 0 0; max-width:46ch; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__steps{ display:flex; flex-direction:column; gap:20px; margin-top:28px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__step{ display:flex; gap:16px; align-items:flex-start; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__num{ flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:#5e7c49; color:#ffffff; font-family:var(--font-heading-family, Georgia, serif); font-size:16px; display:flex; align-items:center; justify-content:center; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__sh{ font-weight:600; font-size:15.5px; color:#211a28; margin:2px 0 0; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__sp{ margin:3px 0 0; color:#211a28; font-size:14.5px; font-weight:500; line-height:1.5; } @media (max-width:749px){#sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__grid{ grid-template-columns:1fr; gap:28px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__media{ order:0; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__title{ font-size:26px; } #sg-olivine-cc #htu-template--18944211026007__pdrn_how_to_main .htu__lead{ font-size:16px; }}\n#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main{ background:#85a66f; padding:48px 24px 48px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__head{ text-align:center; max-width:640px; margin:0 auto 32px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#fdfcf6; margin:0 0 14px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__title{ font-family:var(--font-heading-family, Georgia, serif); color:#fdfcf6 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__lead{ color:#fdfcf6; font-size:18px; font-weight:600; line-height:1.5; margin:12px auto 0; max-width:60ch; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__card{ display:flex; flex-direction:column; background:#faf8ef; border-radius:20px; overflow:hidden; box-shadow:0 16px 36px -22px rgba(33,26,40,.3); border:1px solid rgba(94,124,73,.16); transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__card:hover{ transform:translateY(-6px); box-shadow:0 24px 44px -22px rgba(33,26,40,.36); } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__photo{ aspect-ratio:1\/1; overflow:hidden; background:#eaf0e2; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.7,.3,1); } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__card:hover .ping__photo img{ transform:scale(1.06); } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__body{ padding:18px 18px 22px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__name{ font-family:var(--font-heading-family, Georgia, serif); font-size:19px; font-weight:500; margin:0 0 6px; line-height:1.15; color:#211a28; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__desc{ font-size:14px; font-weight:500; line-height:1.5; color:#211a28; margin:0; } @media (max-width:900px){#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__grid{ grid-auto-flow:column; grid-auto-columns:70%; grid-template-columns:none; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 4px 14px; -webkit-overflow-scrolling:touch; scrollbar-width:none; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__grid::-webkit-scrollbar{ display:none; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__card{ scroll-snap-align:center; }} @media (max-width:749px){#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__title{ font-size:26px; } #sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__lead{ font-size:16px; }} @media (max-width:520px){#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__grid{ grid-auto-columns:80%; }} @media (prefers-reduced-motion:reduce){#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__card,#sg-olivine-cc #ping-template--18944211026007__pdrn_ingredients_main .ping__photo img{ transition:none; }}\n#sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main{ background:#faf8ef; padding:48px 24px 48px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__inner{ max-width:1180px; margin:0 auto; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__visual{ aspect-ratio:4\/5; border-radius:16px; overflow:hidden; border:1px solid #e4e0cf; background:#f5f2e3; order:2; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__visual img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:16px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#5e7c49; margin:0 0 14px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__title{ font-family:var(--font-heading-family, Georgia, serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__lead{ color:#211a28; font-size:17.5px; font-weight:600; line-height:1.7; margin:20px 0 0; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__list{ list-style:none; padding:0; margin:24px 0 0; display:flex; flex-direction:column; gap:11px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__item{ display:flex; gap:10px; align-items:center; font-size:14.5px; font-weight:500; color:#211a28; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__check{ flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:#e9efe1; color:#4d6539; display:flex; align-items:center; justify-content:center; font-size:12px; margin-top:1px; } @media (max-width:749px){#sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__grid{ grid-template-columns:1fr; gap:28px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__visual{ order:0; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__title{ font-size:26px; } #sg-olivine-cc #pstory-template--18944211026007__pdrn_story_main .pstory__lead{ font-size:16px; }}\n#sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main{ background:#85a66f; padding:72px 20px 72px; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__inner{ max-width:820px; margin:0 auto; text-align:center; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__icon{ width:64px; height:64px; border-radius:50%; margin:0 auto 18px; background:#fdfcf6; display:flex; align-items:center; justify-content:center; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__icon svg{ width:30px; height:30px; color:#4d6539; display:block; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__eyebrow{ text-transform:uppercase; letter-spacing:.18em; font-size:12px; font-weight:700; color:#fdfcf6; margin:0 0 10px; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__heading{ font-family:var(--font-heading-family, Georgia, 'Times New Roman', serif); color:#fdfcf6 !important; font-size:44px; line-height:1.12; margin:0 0 14px; text-wrap:balance; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__body{ color:#fdfcf6; font-size:17px; font-weight:600; line-height:1.6; margin:0 auto; max-width:640px; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__body :is(p){ margin:0; } @media (max-width:749px){#sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__heading{ font-size:30px; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__icon{ width:56px; height:56px; } #sg-olivine-cc #grt-template--18944211026007__pdp_guarantee_main .grt__icon svg{ width:27px; height:27px; }}\n#sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main{ background:#faf8ef; padding:56px 16px 64px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__head{ text-align:center; max-width:640px; margin:0 auto 32px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#5e7c49; margin:0 0 14px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__title{ font-family:var(--font-heading-family, Georgia, serif); color:#211a28 !important; font-size:clamp(28px,4vw,40px); line-height:1.1; margin:0; text-wrap:balance; font-weight:500; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__lead{ color:#211a28; font-size:18px; font-weight:600; line-height:1.5; margin:12px auto 0; max-width:52ch; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__list{ max-width:760px; margin:0 auto; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__item{ border-bottom:1px solid #e4e0cf; padding:6px 0; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__q{ list-style:none; cursor:pointer; padding:16px 4px; font-weight:600; font-size:16px; color:#211a28; display:flex; justify-content:space-between; align-items:center; gap:16px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__q::-webkit-details-marker{ display:none; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__pm{ flex:0 0 auto; color:#5e7c49; font-size:22px; font-weight:400; line-height:1; transition:transform .3s ease; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__item.pf-open .pf__pm{ transform:rotate(45deg); } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__aw{ overflow:hidden; transition:height .32s cubic-bezier(.4,0,.2,1); will-change:height; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__item:not(.pf-open) .pf__aw{ height:0; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__a{ margin:0 4px 18px; color:#211a28; font-size:14.5px; line-height:1.6; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__a p{ margin:0 0 10px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__a p:last-child{ margin-bottom:0; } @media (prefers-reduced-motion:reduce){#sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__aw{ transition:none; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__pm{ transition:none; }} @media (max-width:749px){#sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main{ padding-left:20px; padding-right:20px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__title{ font-size:26px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__lead{ font-size:16px; } #sg-olivine-cc #pf-template--18944211026007__pdrn_faq_main .pf__q{ font-size:15px; }}\n@media screen and (min-width:750px){} @media screen and (min-width:750px){} #sg-olivine-cc .newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}\n@media only screen and (max-width: 749px){}\n#sg-olivine-cc .custom-footer .newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} #sg-olivine-cc .footer-social-section:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#ffffff1a;border-bottom:1px solid var(--footer-divider-color)} @media screen and (min-width:990px){} @media screen and (max-width:749px){} @media screen and (min-width:750px){} @media screen and (min-width:750px){} @media screen and (max-width:749px){} @media screen and (max-width:749px){}\n#sg-olivine-cc .custom-footer .newsletter-form__button:before,#sg-olivine-cc .custom-footer .newsletter-form__button:after,#sg-olivine-cc .custom-footer button.newsletter-form__button:before,#sg-olivine-cc .custom-footer button.newsletter-form__button:after{ display: none !important; content: none !important; } #sg-olivine-cc .custom-footer .newsletter-form__field-wrapper .field:after{ display: none !important; content: none !important; } @media screen and (max-width: 749px){} @media screen and (max-width: 749px){}\n@media screen and (max-width: 749px){}\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#sg-olivine-cc *,#sg-olivine-cc :before,#sg-olivine-cc :after,#sg-olivine-cc ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}} #sg-olivine-cc{--color-gray-300:oklch(87.2% .01 258.338);--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)} #sg-olivine-cc .visible{visibility:visible} @media (min-width:40rem){} @media (min-width:48rem){} @media (min-width:64rem){} @media (min-width:80rem){} @media (min-width:96rem){} #sg-olivine-cc .hidden{display:none} @media (min-width:48rem){} @property --tw-rotate-x{syntax:\"*\";inherits:false} @property --tw-rotate-y{syntax:\"*\";inherits:false} @property --tw-rotate-z{syntax:\"*\";inherits:false} @property --tw-skew-x{syntax:\"*\";inherits:false} @property --tw-skew-y{syntax:\"*\";inherits:false} @property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid} @property --tw-font-weight{syntax:\"*\";inherits:false} @property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000} @property --tw-shadow-color{syntax:\"*\";inherits:false} @property --tw-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%} @property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000} @property --tw-inset-shadow-color{syntax:\"*\";inherits:false} @property --tw-inset-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%} @property --tw-ring-color{syntax:\"*\";inherits:false} @property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000} @property --tw-inset-ring-color{syntax:\"*\";inherits:false} @property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000} @property --tw-ring-inset{syntax:\"*\";inherits:false} @property --tw-ring-offset-width{syntax:\"\u003clength\u003e\";inherits:false;initial-value:0} @property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff} @property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000} @property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid} @property --tw-blur{syntax:\"*\";inherits:false} @property --tw-brightness{syntax:\"*\";inherits:false} @property --tw-contrast{syntax:\"*\";inherits:false} @property --tw-grayscale{syntax:\"*\";inherits:false} @property --tw-hue-rotate{syntax:\"*\";inherits:false} @property --tw-invert{syntax:\"*\";inherits:false} @property --tw-opacity{syntax:\"*\";inherits:false} @property --tw-saturate{syntax:\"*\";inherits:false} @property --tw-sepia{syntax:\"*\";inherits:false} @property --tw-drop-shadow{syntax:\"*\";inherits:false} @property --tw-drop-shadow-color{syntax:\"*\";inherits:false} @property --tw-drop-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%} @property --tw-drop-shadow-size{syntax:\"*\";inherits:false} @property --tw-backdrop-blur{syntax:\"*\";inherits:false} @property --tw-backdrop-brightness{syntax:\"*\";inherits:false} @property --tw-backdrop-contrast{syntax:\"*\";inherits:false} @property --tw-backdrop-grayscale{syntax:\"*\";inherits:false} @property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false} @property --tw-backdrop-invert{syntax:\"*\";inherits:false} @property --tw-backdrop-opacity{syntax:\"*\";inherits:false} @property --tw-backdrop-saturate{syntax:\"*\";inherits:false} @property --tw-backdrop-sepia{syntax:\"*\";inherits:false} @property --tw-ease{syntax:\"*\";inherits:false} @keyframes spin{to{transform:rotate(360deg)}}\n#sg-olivine-cc{--accent-debug:\"New York\", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--alpha-badge-border:.1;--alpha-button-background:1;--alpha-button-border:1;--alpha-link:.85;--animation-fade-in:fadeIn .6s cubic-bezier(0, 0, .3, 1);--animation-fade-up:fadeInUp .8s ease-out forwards;--animation-slide-in:slideIn .6s cubic-bezier(0, 0, .3, 1) forwards;--blog-card-border-opacity:0.1;--blog-card-corner-radius:0.0rem;--blog-card-shadow-horizontal-offset:0.0rem;--blog-card-shadow-vertical-offset:0.4rem;--blog-card-shadow-visible:0;--border-start:border-left;--button-box-shadow-enabled:false;--button-gradient-direction:to bottom;--button-gradient-enabled:false;--button-gradient-end:#000000;--button-gradient-hover-end:#85a66f;--button-gradient-hover-start:#c8deb9ff;--button-gradient-shine-enabled:true;--button-gradient-start:#211a28;--button-shadow-intensity:2;--buttons-border-offset:0px;--buttons-border-opacity:1.0;--buttons-radius:0px;--buttons-radius-outset:0px;--buttons-shadow-blur-radius:5px;--buttons-shadow-horizontal-offset:0px;--buttons-shadow-opacity:0.0;--buttons-shadow-vertical-offset:4px;--collection-card-border-opacity:0.1;--collection-card-corner-radius:0.0rem;--collection-card-image-padding:0.0rem;--collection-card-shadow-blur-radius:0.5rem;--collection-card-shadow-horizontal-offset:0.0rem;--collection-card-shadow-opacity:0.0;--collection-card-shadow-vertical-offset:0.4rem;--collection-card-shadow-visible:0;--collection-card-text-alignment:left;--color-background:245,242,227;--color-background-contrast:211,198,133;--color-badge-background:245,242,227;--color-badge-border:133,166,111;--color-badge-foreground:33,26,40;--color-button:133,166,111;--color-button-text:33,26,40;--color-drawer:133,166,111;--color-drawer-text:33,26,40;--color-dropdown:133,166,111;--color-footer:133,166,111;--color-foreground:#211a28;--color-gray-300:oklch(87.2% .01 258.338);--color-header:245,242,227;--color-header-border:229 229 229;--color-light-accent:#ffeaee;--color-link:133,166,111;--color-secondary-button-text:33,26,40;--conditional-button-font-weight:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--drawer-border-opacity:0.1;--drawer-border-width:1px;--drawer-shadow-blur-radius:5px;--drawer-shadow-horizontal-offset:0px;--drawer-shadow-opacity:0.0;--duration-announcement-bar:.25s;--duration-default:.2s;--duration-extended:3s;--duration-extra-longer:.75s;--duration-long:.5s;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-out-slow:cubic-bezier(0, 0, .3, 1);--easter-egg:none;--enable-global-border-styling:0;--enhanced-3d-enabled:false;--enhanced-gradient-enabled:false;--float-end:right;--focused-base-box-shadow:0 0 0 .3rem rgb(245,242,227), 0 0 .5rem .4rem rgba(#211a28, .3);--focused-base-outline:.2rem solid rgba(#211a28, .5);--focused-base-outline-offset:.3rem;--font-accent-letter-spacing:-0.8px;--font-accent-scale:0.0;--font-accent-style:italic;--font-body:'Inter', sans-serif;--font-body-family:Assistant, sans-serif;--font-body-family-override:Assistant, sans-serif;--font-body-scale:1.0;--font-body-style:normal;--font-body-weight:400;--font-body-weight-bold-override:500;--font-body-weight-override:400;--font-heading-family-override:\"Playfair Display\", serif;--font-heading-scale:1.0;--font-heading-style:normal;--font-heading-weight:400;--font-heading-weight-override:500;--font-size-body-small:14px;--font-size-caption:12px;--font-size-h1:calc(32px + (48 - 32) * ((100vw - 375px) \/ (1440 - 375)));--font-size-h4:calc(20px + (24 - 20) * ((100vw - 375px) \/ (1440 - 375)));--font-size-h5:calc(18px + (20 - 18) * ((100vw - 375px) \/ (1440 - 375)));--font-size-h6:calc(16px + (18 - 16) * ((100vw - 375px) \/ (1440 - 375)));--font-weight-bold:500;--font-weight-light:300;--font-weight-regular:400;--global-accent-font:\"New York\", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--global-button-bg-color:#85a66f;--global-button-bottom-border-color:#85a66f;--global-button-bottom-border-width:0px;--global-button-font-weight:700;--global-button-hover-bg-color:#73945e;--global-button-hover-brightness:90%;--global-button-hover-text-color:#FFFFFF;--global-button-letter-spacing:0px;--global-button-padding-y:14px;--global-button-radius:8px;--global-button-text-transform:none;--global-section-accent-2-color:#85a66f;--global-section-accent-gradient-color:linear-gradient(135deg, rgba(245, 242, 227, 1), rgba(235, 232, 217, 1) 97%);--global-section-background-color:;--global-section-background-color-rgb:255, 255, 255;--global-section-bg-color:#f5f2e3;--global-section-text-color:;--global-section-text-color-rgb:0, 0, 0;--global-section-use-gradient-background:1;--grid-desktop-horizontal-spacing:8px;--grid-desktop-vertical-spacing:8px;--grid-mobile-vertical-spacing:4px;--header-height:61px;--inputs-border-opacity:0.55;--inputs-border-width:1px;--inputs-shadow-blur-radius:5px;--inputs-shadow-horizontal-offset:0px;--inputs-shadow-opacity:0.0;--letter-spacing-heading:-0.5px;--letter-spacing-loose:.5px;--letter-spacing-normal:0px;--letter-spacing-tight:-.3px;--line-height-normal:1.4;--line-height-tight:1.1;--margin-end:margin-right;--margin-start:margin-left;--max-font-size-h1:48px;--max-font-size-h2:40px;--max-font-size-h3:32px;--max-font-size-h4:24px;--max-font-size-h5:20px;--max-font-size-h6:18px;--media-border-width:1px;--media-radius:0px;--media-shadow-horizontal-offset:0px;--min-font-size-h1:32px;--min-font-size-h3:24px;--min-font-size-h5:18px;--min-font-size-h6:16px;--padding-end:padding-right;--padding-start:padding-left;--page-desktop-horizontal-padding:0px;--page-width:1200px;--page-width-margin:0rem;--popup-border-opacity:0.1;--popup-shadow-horizontal-offset:0px;--popup-shadow-opacity:0.05;--popup-shadow-vertical-offset:4px;--product-card-border-opacity:0.1;--product-card-corner-radius:0.0rem;--product-card-image-padding:0.0rem;--product-card-shadow-vertical-offset:0.4rem;--product-card-text-alignment:left;--sections-desktop-vertical-padding:0px;--sections-mobile-horizontal-padding:0px;--sections-mobile-vertical-padding:0px;--spacing:.25rem;--spacing-sections-desktop:0px;--spacing-sections-mobile:0px;--sparkle:url(.\/sparkle.gif);--text-align-end:right;--text-align-start:left;--text-boxes-border-width:0px;--text-boxes-radius:0px;--text-boxes-shadow-horizontal-offset:0px;--text-boxes-shadow-opacity:0.0;--text-boxes-shadow-visible:0;--tw-border-style:solid;--tw-drop-shadow-alpha:100%;--tw-inset-ring-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-outline-style:solid;--tw-ring-offset-color:#fff;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-shadow-alpha:100%;--variant-pills-border-opacity:0.55;--variant-pills-border-width:1px;--variant-pills-shadow-blur-radius:5px;--variant-pills-shadow-horizontal-offset:0px;--variant-pills-shadow-vertical-offset:4px;}\n.sg-olivine-cc-original-shell{display:none!important}\n#sg-olivine-cc{display:block;width:100%;max-width:none;min-width:0;margin:0;padding:0;background:#f5f2e3;color:#211a28;isolation:isolate;overflow:clip;text-align:left;font:400 16px\/1.4 Assistant,sans-serif;letter-spacing:-.3px}\n#sg-olivine-cc *,#sg-olivine-cc *:before,#sg-olivine-cc *:after{box-sizing:border-box}\n#sg-olivine-cc .shopify-section{max-width:100%;margin:0}#sg-olivine-cc .cc-shade-label{font-size:12px;font-weight:600;margin-bottom:5px}#sg-olivine-cc .quantity-break-variant-left{width:24px;flex-shrink:0}#sg-olivine-cc .quantity-number{font-size:12px;font-weight:400;color:#8c887c}#sg-olivine-cc .quantity-break-variant-container{display:none}#sg-olivine-cc .quantity-break-option.selected .quantity-break-variant-container{display:block}\n#sg-olivine-cc .page-fade-in{opacity:1!important;animation:none!important}\n#sg-olivine-cc .shop-image-zoom-wrapper:not(.active){display:none!important}\n#sg-olivine-cc .shop-main-image{max-width:100%}\n#sg-olivine-cc .shop-thumbnail:focus-visible,#sg-olivine-cc button:focus-visible{outline:2px solid #4c6940;outline-offset:3px}\n#sg-olivine-cc .sticky-add-to-cart{position:fixed;z-index:90;inset:auto 0 0;visibility:hidden;transform:translateY(110%);transition:transform .2s;}\n#sg-olivine-cc .sticky-add-to-cart.sg-visible{visibility:visible;transform:translateY(0)}\n#sg-olivine-cc .sticky-add-to-cart__shipping{display:none}\n#sg-olivine-cc .olivine-cart-form button:disabled{opacity:.7;cursor:wait}\nbody:has(#sg-olivine-cc) #MainContent{padding:0!important;max-width:none!important}\nbody:has(#sg-olivine-cc) .sticky-atc:not(#sg-olivine-cc .sticky-atc){display:none!important}\n#sg-olivine-cc .shopify-section.sticky-add-to-cart{background:#f5f2e3}\n#sg-olivine-cc #auto-bk-star-section{display:none!important}\n\n#sg-olivine-cc .shop-product-title{margin-bottom:-10px!important}\n#sg-olivine-cc .prev__inner *{font-weight:400!important}\n#sg-olivine-cc .prev__quote{letter-spacing:-.3px!important}\n#olivine-cc-zoom{padding:0;border:0;background:#f5f2e3;max-width:94vw;max-height:94vh;border-radius:8px;z-index:10000}\n#olivine-cc-zoom::backdrop{background:#0009}\n#olivine-cc-zoom img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}\n#olivine-cc-zoom button{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:38px;height:38px;background:white;color:#211a28;cursor:pointer;font:24px Assistant,sans-serif}\n@media(max-width:799px){#sg-olivine-cc .shop-product-layout{width:100%;min-width:0}#sg-olivine-cc .shop-product-info{min-width:0}#sg-olivine-cc .shop-carousel-container{position:relative!important;top:auto!important}#sg-olivine-cc .sticky-add-to-cart__title{max-width:42vw}#sg-olivine-cc .sticky-add-to-cart__button{min-width:0}}\n\n#sg-olivine-cc h1,#sg-olivine-cc h2,#sg-olivine-cc summary{letter-spacing:-.5px!important}#sg-olivine-cc p{letter-spacing:-.3px}#sg-olivine-cc .pben__eyebrow,#sg-olivine-cc .pf__eyebrow,#sg-olivine-cc .pben__lead,#sg-olivine-cc .pf__lead,#sg-olivine-cc .pben__cp{font-weight:400!important}#sg-olivine-cc .pben__ch{font-weight:500!important;letter-spacing:-.3px!important}#sg-olivine-cc [class*=__eyebrow]{letter-spacing:2.16px}\u003c\/style\u003e\n\u003csection class=\"shopify-section olivine-sticky-section\" id=\"shopify-section-template--18944211026007__sticky_add_to_cart_UUEdL7\"\u003e\u003cdiv class=\"sticky-add-to-cart\" data-scroll-percentage=\"25\" data-sticky-add-to-cart=\"\" data-trigger-behavior=\"always_except_atc\" id=\"stickyAddToCart\"\u003e\u003cdiv class=\"sticky-add-to-cart__container\"\u003e\n\u003cdiv class=\"desktop-view\"\u003e\n\u003cdiv class=\"sticky-add-to-cart__product\"\u003e\n\u003cdiv class=\"sticky-add-to-cart__image\"\u003e\u003cimg alt=\"Tone Adapting CC Serum\" decoding=\"async\" height=\"60\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=60\u0026amp;height=60\u0026amp;crop=center\" width=\"60\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sticky-add-to-cart__details\"\u003e\n\u003cdiv class=\"sticky-add-to-cart__ratings\"\u003e\n\u003cdiv class=\"sticky-add-to-cart__stars\"\u003e\n\u003cspan class=\"star\"\u003e\u003csvg fill=\"none\" height=\"20px\" viewbox=\"0 0 24 24\" width=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"star\"\u003e\u003csvg fill=\"none\" height=\"20px\" viewbox=\"0 0 24 24\" width=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"star\"\u003e\u003csvg fill=\"none\" height=\"20px\" viewbox=\"0 0 24 24\" width=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"star\"\u003e\u003csvg fill=\"none\" height=\"20px\" viewbox=\"0 0 24 24\" width=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"star\"\u003e\u003csvg fill=\"none\" height=\"20px\" viewbox=\"0 0 24 24\" width=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sticky-add-to-cart__rating-text\"\u003eExcellent 4.8 | 7,909 reviews\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"sticky-add-to-cart__title\"\u003e\u003cstrong\u003eTone Adapting CC Serum\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sticky-add-to-cart__shipping\" style=\"visibility: hidden !important;\"\u003e\n\u003cspan class=\"delivery-icon\" style=\"display: inline-flex; margin-right: 5px;\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 512 512\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M311.069,130.515c-0.963-5.641-5.851-9.768-11.578-9.768H35.43c-7.61,0-13.772,6.169-13.772,13.765\n                c0,7.61,6.162,13.772,13.772,13.772h64.263c7.61,0,13.772,6.17,13.772,13.773c0,7.603-6.162,13.772-13.772,13.772H13.772\n                C6.169,175.829,0,181.998,0,189.601c0,7.603,6.169,13.764,13.772,13.764h117.114c6.72,0,12.172,5.46,12.172,12.18\n                c0,6.72-5.452,12.172-12.172,12.172H68.665c-7.61,0-13.772,6.17-13.772,13.773c0,7.602,6.162,13.772,13.772,13.772h45.857\n                c6.726,0,12.179,5.452,12.179,12.172c0,6.719-5.453,12.172-12.179,12.172H51.215c-7.61,0-13.772,6.169-13.772,13.772\n                c0,7.603,6.162,13.772,13.772,13.772h87.014l5.488,31.042h31.52c-1.854,4.504-2.911,9.421-2.911,14.598\n                c0,21.245,17.218,38.464,38.464,38.464c21.237,0,38.456-17.219,38.456-38.464c0-5.177-1.057-10.094-2.911-14.598h100.04\n                L311.069,130.515z M227.342,352.789c0,9.146-7.407,16.553-16.553,16.553c-9.152,0-16.56-7.407-16.56-16.553\n                c0-6.364,3.627-11.824,8.892-14.598h15.329C223.714,340.965,227.342,346.424,227.342,352.789z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003cpath d=\"M511.598,314.072l-15.799-77.941l-57.689-88.759H333.074l32.534,190.819h38.42\n                c-1.846,4.504-2.904,9.421-2.904,14.598c0,21.245,17.219,38.464,38.456,38.464c21.246,0,38.464-17.219,38.464-38.464\n                c0-5.177-1.057-10.094-2.91-14.598h16.741c6.039,0,11.759-2.708,15.582-7.386C511.273,326.136,512.8,319.988,511.598,314.072z\n                M392.529,182.882h26.314l34.162,52.547h-51.512L392.529,182.882z M456.14,352.789c0,9.146-7.407,16.553-16.56,16.553\n                c-9.138,0-16.552-7.407-16.552-16.553c0-6.364,3.635-11.824,8.892-14.598h15.329C452.513,340.965,456.14,346.424,456.14,352.789z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"delivery-text\" style=\"margin-right: 4px;\"\u003e\n            \n              Arrives by\n            \n          \u003c\/span\u003e\u003cspan class=\"delivery-date\" data-format=\"weekday_month_day\" data-locale=\"en\" data-timestamp=\"1789394538\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cinput id=\"sticky-variant-id\" name=\"id\" type=\"hidden\" value=\"44198784041047\"\u003e\u003cbutton class=\"theme-button sticky-add-to-cart__button\" id=\"StickyATCButton\" type=\"button\"\u003e\u003cspan class=\"button-text\"\u003eAdd to cart\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mobile-view\"\u003e\n\u003cdiv class=\"mobile-button-wrapper\"\u003e\n\u003cinput id=\"sticky-variant-id\" name=\"id\" type=\"hidden\" value=\"44198784041047\"\u003e\u003cbutton class=\"theme-button sticky-add-to-cart__button\" id=\"stickyAddToCartBtnMobile\" type=\"button\"\u003e\u003cspan class=\"button-text\"\u003eAdd to cart\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mobile-shipping-info\" style=\"display: none !important;\"\u003e\n\u003cspan class=\"delivery-icon\" style=\"display: inline-flex; margin-right: 5px;\"\u003e\u003csvg fill=\"none\" height=\"20\" viewbox=\"0 0 512 512\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M311.069,130.515c-0.963-5.641-5.851-9.768-11.578-9.768H35.43c-7.61,0-13.772,6.169-13.772,13.765\n                c0,7.61,6.162,13.772,13.772,13.772h64.263c7.61,0,13.772,6.17,13.772,13.773c0,7.603-6.162,13.772-13.772,13.772H13.772\n                C6.169,175.829,0,181.998,0,189.601c0,7.603,6.169,13.764,13.772,13.764h117.114c6.72,0,12.172,5.46,12.172,12.18\n                c0,6.72-5.452,12.172-12.172,12.172H68.665c-7.61,0-13.772,6.17-13.772,13.773c0,7.602,6.162,13.772,13.772,13.772h45.857\n                c6.726,0,12.179,5.452,12.179,12.172c0,6.719-5.453,12.172-12.179,12.172H51.215c-7.61,0-13.772,6.169-13.772,13.772\n                c0,7.603,6.162,13.772,13.772,13.772h87.014l5.488,31.042h31.52c-1.854,4.504-2.911,9.421-2.911,14.598\n                c0,21.245,17.218,38.464,38.464,38.464c21.237,0,38.456-17.219,38.456-38.464c0-5.177-1.057-10.094-2.911-14.598h100.04\n                L311.069,130.515z M227.342,352.789c0,9.146-7.407,16.553-16.553,16.553c-9.152,0-16.56-7.407-16.56-16.553\n                c0-6.364,3.627-11.824,8.892-14.598h15.329C223.714,340.965,227.342,346.424,227.342,352.789z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003cpath d=\"M511.598,314.072l-15.799-77.941l-57.689-88.759H333.074l32.534,190.819h38.42\n                c-1.846,4.504-2.904,9.421-2.904,14.598c0,21.245,17.219,38.464,38.456,38.464c21.246,0,38.464-17.219,38.464-38.464\n                c0-5.177-1.057-10.094-2.91-14.598h16.741c6.039,0,11.759-2.708,15.582-7.386C511.273,326.136,512.8,319.988,511.598,314.072z\n                M392.529,182.882h26.314l34.162,52.547h-51.512L392.529,182.882z M456.14,352.789c0,9.146-7.407,16.553-16.60,16.553\n                c-9.138,0-16.552-7.407-16.552-16.553c0-6.364,3.635-11.824,8.892-14.598h15.329C452.513,340.965,456.14,346.424,456.14,352.789z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"delivery-text\" style=\"margin-right: 4px;\"\u003e\n            \n              Arrives by\n            \n          \u003c\/span\u003e\u003cspan class=\"delivery-date\" data-format=\"weekday_month_day\" data-locale=\"en\" data-timestamp=\"1789394538\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"shopify-section shop-product-section\" id=\"shopify-section-template--18944211026007__shop_product_details_tXXE9D\"\u003e\u003cdiv class=\"shop-product-section\" data-show-mobile-arrows=\"false\"\u003e\u003cdiv class=\"shop-product-inner-container\"\u003e\u003cdiv class=\"shop-product-layout\"\u003e\n\u003cdiv class=\"shop-carousel-container thumbnails-left-column\" style=\"animation-delay: 0.1s;\"\u003e\u003cdiv class=\"shop-product-carousel product-gallery\"\u003e\u003cdiv class=\"shop-main-image-wrapper shop-image-thumbnails-row\"\u003e\n\u003cdiv class=\"shop-thumbnails-outer\"\u003e\n\u003cdiv class=\"shop-thumbnails-wrapper shop-match-image-width left-column-layout\"\u003e\u003cdiv class=\"shop-thumbnails toggle-product-variants\" id=\"thumbnail-container\"\u003e\n\u003cdiv aria-label=\"View image 1\" class=\"shop-thumbnail page-fade-in active\" data-index=\"0\" data-media-id=\"27592592293975\" data-target=\"shop-image1\" role=\"button\" style=\"animation-delay: 0.0s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Tone Adapting CC Serum and its shade matched setting powder, evens the look of redness and uneven tone\" data-media-id=\"27592592293975\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 2\" class=\"shop-thumbnail page-fade-in\" data-index=\"1\" data-media-id=\"27528201666647\" data-target=\"shop-image2\" role=\"button\" style=\"animation-delay: 0.1s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Tone Adapting CC Serum blended on fair, tan and deep skin, adapting toward each tone\" data-media-id=\"27528201666647\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 3\" class=\"shop-thumbnail page-fade-in\" data-index=\"2\" data-media-id=\"27528201699415\" data-target=\"shop-image3\" role=\"button\" style=\"animation-delay: 0.2s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Bare skin beside skin wearing the Tone Adapting CC Serum in Medium, redness looking evened out\" data-media-id=\"27528201699415\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 4\" class=\"shop-thumbnail page-fade-in\" data-index=\"3\" data-media-id=\"27592613625943\" data-target=\"shop-image4\" role=\"button\" style=\"animation-delay: 0.3s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Woman holding the Tone Adapting CC Serum and its shade matched setting powder\" data-media-id=\"27592613625943\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 5\" class=\"shop-thumbnail page-fade-in\" data-index=\"4\" data-media-id=\"27592592359511\" data-target=\"shop-image5\" role=\"button\" style=\"animation-delay: 0.4s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Tone Adapting CC Serum key ingredients, encapsulated pigment with niacinamide, hyaluronic acid, peptides and caffeine\" data-media-id=\"27592592359511\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 6\" class=\"shop-thumbnail page-fade-in\" data-index=\"5\" data-media-id=\"27592592392279\" data-target=\"shop-image6\" role=\"button\" style=\"animation-delay: 0.5s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"How to use the Tone Adapting CC Serum in three steps, press and blend then set\" data-media-id=\"27592592392279\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 7\" class=\"shop-thumbnail page-fade-in visually-hidden current-variant-media\" data-index=\"6\" data-media-id=\"27535356723287\" data-target=\"shop-image7\" data-variant-hidden=\"true\" role=\"button\" style=\"animation-delay: 0.6s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Tone Adapting CC Serum\" data-media-id=\"27535356723287\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"View image 8\" class=\"shop-thumbnail page-fade-in visually-hidden\" data-index=\"7\" data-media-id=\"27592592425047\" data-target=\"shop-image8\" data-variant-hidden=\"true\" role=\"button\" style=\"animation-delay: 0.7s;\" tabindex=\"0\"\u003e\u003cdiv class=\"thumb-square\"\u003e\u003cimg alt=\"Olivine Setting Powder Brush\" data-media-id=\"27592592425047\" decoding=\"async\" draggable=\"false\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=400\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-thumbnail-indicators\" id=\"thumbnail-indicators\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shop-image-container shop-square-container\"\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27592592293975\"\u003e\u003cimg alt=\"Tone Adapting CC Serum and its shade matched setting powder, evens the look of redness and uneven tone\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27592592293975\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=1200\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27528201666647\"\u003e\u003cimg alt=\"Tone Adapting CC Serum blended on fair, tan and deep skin, adapting toward each tone\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27528201666647\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-color-adapt-demo_5fe71582-0bf2-4ec1-8bea-32b4cebca74d.png?v=1788962936\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27528201699415\"\u003e\u003cimg alt=\"Bare skin beside skin wearing the Tone Adapting CC Serum in Medium, redness looking evened out\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27528201699415\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-bare-wearing_75828dc5-60d8-4d97-922e-b198c2feff70.png?v=1788962940\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27592613625943\"\u003e\u003cimg alt=\"Woman holding the Tone Adapting CC Serum and its shade matched setting powder\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27592613625943\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand_7284d219-f90b-4b45-aba5-358d320e5d4f.png?v=1788962943\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27592592359511\"\u003e\u003cimg alt=\"Tone Adapting CC Serum key ingredients, encapsulated pigment with niacinamide, hyaluronic acid, peptides and caffeine\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27592592359511\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-ingredients_079276e4-c8b4-4f08-97e5-06d1c22fb0c0.png?v=1788962948\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27592592392279\"\u003e\u003cimg alt=\"How to use the Tone Adapting CC Serum in three steps, press and blend then set\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27592592392279\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-how-to_5170fb17-b66b-45a2-aca2-6e857ca19618.png?v=1788962951\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27535356723287\" data-variant-hidden=\"true\"\u003e\u003cimg alt=\"Tone Adapting CC Serum\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27535356723287\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-serum-only_63bc2c9c-67fe-45d1-b3f4-2f55b80d0cdd.png?v=1788962954\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-image-zoom-wrapper\" data-image-gallery-type=\"product\" data-media-id=\"27592592425047\" data-variant-hidden=\"true\"\u003e\u003cimg alt=\"Olivine Setting Powder Brush\" class=\"shop-main-image\" data-image-gallery-type=\"product\" data-media-id=\"27592592425047\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=530\" data-srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=1060 2x\" data-zoom-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=1200\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=530\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=530 1x, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-powder-brush_ddc61d9c-7dc7-4360-b45f-149680438e2c.png?v=1788962958\u0026amp;width=1060 2x\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"shop-product-info\"\u003e\n\u003cdiv class=\"rating-component\" id=\"block-reviews_6dMDYQ\" style=\"display: flex; align-items: center; gap: 5px; width: 100%; max-width: 517px; margin-top: 0px; margin-bottom: -5px; font-size: 11.5px; letter-spacing: -0.3px;\"\u003e\n\u003cdiv class=\"rating-stars\" style=\"display: flex; align-items: center;\"\u003e\u003cdiv class=\"stars\" style=\"display: flex; align-items: center;\"\u003e\n\u003cspan class=\"review-star-wrapper\" style=\"display: inline-block; width: 20px; height: 20px;\"\u003e\u003csvg class=\"review-star\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"#85a66f\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"review-star-wrapper\" style=\"display: inline-block; width: 20px; height: 20px;\"\u003e\u003csvg class=\"review-star\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"#85a66f\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"review-star-wrapper\" style=\"display: inline-block; width: 20px; height: 20px;\"\u003e\u003csvg class=\"review-star\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"#85a66f\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"review-star-wrapper\" style=\"display: inline-block; width: 20px; height: 20px;\"\u003e\u003csvg class=\"review-star\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"#85a66f\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"review-star-wrapper review-star-half\" style=\"display: inline-block; width: 20px; height: 20px; position: relative;\"\u003e\u003cspan style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"\u003e\u003csvg class=\"review-star-empty\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"rgba(0,0,0,0)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan style=\"position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden;\"\u003e\u003csvg class=\"review-star-filled\" fill=\"none\" height=\"20\" viewbox=\"0 0 24 24\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M11.5245 3.46353C11.6741 3.00287 12.3259 3.00287 12.4755 3.46353L14.1329 8.56434C14.1998 8.77035 14.3918 8.90983 14.6084 8.90983H19.9717C20.4561 8.90983 20.6575 9.52964 20.2656 9.81434L15.9266 12.9668C15.7514 13.0941 15.678 13.3198 15.745 13.5258L17.4023 18.6266C17.552 19.0873 17.0248 19.4704 16.6329 19.1857L12.2939 16.0332C12.1186 15.9059 11.8814 15.9059 11.7061 16.0332L7.3671 19.1857C6.97524 19.4704 6.448 19.0873 6.59768 18.6266L8.25503 13.5258C8.32197 13.3198 8.24864 13.0941 8.07339 12.9668L3.73438 9.81434C3.34253 9.52964 3.54392 8.90983 4.02828 8.90983H9.39159C9.6082 8.90983 9.80018 8.77035 9.86712 8.56434L11.5245 3.46353Z\" fill=\"#85a66f\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"rating-text-content\" style=\"font-size: 12px; font-weight: 500; color: #000000; letter-spacing: -0.3px; line-height: 1.3;\"\u003e\u003cp\u003eRated 4.8 (7,909)\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"shop-product-title product-title-title_MWJpEc\" data-custom-font=\"none\" data-dynamic-variant-option=\"none\" data-font-size=\"32\" data-mobile-font-size=\"27\" data-original-title=\"Tone Adapting CC Serum\" style=\"\n          font-size: 32px !important;\n          margin-top: 3px !important;\n          margin-bottom: -10px !important;\n          color: #211a28 !important;\n          line-height: 1 !important;\n          letter-spacing: var(--letter-spacing-heading) !important;\n          padding: 2px 0 !important;\n          width: 100% !important;\n          display: block !important;\n          \n        \"\u003e\n        \n          Tone Adapting CC Serum\n        \n      \u003c\/h1\u003e\n\u003cdiv class=\"bg-benefits-grid\"\u003e\n\u003cdiv class=\"bg-benefit-item\"\u003e\n\u003cdiv class=\"bg-benefit-icon\" style=\"background-color: #85a66f; color: #85A66F;\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cg fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\"\u003e\u003cpath d=\"M 36 118 C 46 94, 62 94, 72 118 C 82 142, 98 142, 108 118 C 124 88, 156 98, 220 100\"\u003e\u003c\/path\u003e\u003cpath d=\"M 56 172 C 108 160, 158 160, 204 170\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-text\" style=\"font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 1.4; font-family: var(--font-body-family-override); color: #211a28;\"\u003e\n      Adapts toward your tone as you blend\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-item\"\u003e\n\u003cdiv class=\"bg-benefit-icon\" style=\"background-color: #85a66f; color: #85A66F;\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cg fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\"\u003e\u003cpath d=\"M 116 196 C 76 176, 52 144, 58 110 C 62 84, 92 78, 116 100 C 140 78, 170 84, 174 110 C 178 132, 168 156, 148 176\"\u003e\u003c\/path\u003e\u003cpath d=\"M 178 168 C 190 156, 198 142, 202 126\"\u003e\u003c\/path\u003e\u003cpath d=\"M 200 196 C 212 184, 220 170, 224 154\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-text\" style=\" font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 1.4; font-family: var(--font-body-family-override); color: #211a28;\"\u003e\n      Evens the look of redness and dark spots\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-item\"\u003e\n\u003cdiv class=\"bg-benefit-icon\" style=\"background-color: #85a66f; color: #85A66F;\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M208,144c0,44.18-35.82,80-80,80s-80-35.82-80-80c0-40,80-128,80-128S208,104,208,144Z\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-text\" style=\" font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 1.4; font-family: var(--font-body-family-override); color: #211a28;\"\u003e\n      Lightweight serum feel, never cakey\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-item\"\u003e\n\u003cdiv class=\"bg-benefit-icon\" style=\"background-color: #85a66f; color: #85A66F;\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003ccircle cx=\"128\" cy=\"128\" fill=\"none\" r=\"52\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\"\u003e\u003c\/circle\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"128\" x2=\"128\" y1=\"34\" y2=\"16\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"128\" x2=\"128\" y1=\"240\" y2=\"222\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"34\" x2=\"16\" y1=\"128\" y2=\"128\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"240\" x2=\"222\" y1=\"128\" y2=\"128\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"61.5\" x2=\"48.8\" y1=\"61.5\" y2=\"48.8\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"207.2\" x2=\"194.5\" y1=\"207.2\" y2=\"194.5\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"61.5\" x2=\"48.8\" y1=\"194.5\" y2=\"207.2\"\u003e\u003c\/line\u003e\u003cline stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"14\" x1=\"207.2\" x2=\"194.5\" y1=\"48.8\" y2=\"61.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-benefit-text\" style=\" font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 1.4; font-family: var(--font-body-family-override); color: #211a28;\"\u003e\n      Three shades, each one flexes across a range\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"viewer-notice-container\" style=\"\n    text-align: left;\n    margin-top: 10px;\n    margin-bottom: 0px;\n  \"\u003e\u003cdiv class=\"viewer-notice\" id=\"viewer-notice-viewer_notice_EQ8RaC\" style=\"\n      background: #faf8ef;\n      color: #6e6e66;\n      border-radius: 16px;\n      \n      border: 1px dashed #5e7c49;\n    \"\u003e\n\u003cspan class=\"viewer-dot\"\u003e\u003c\/span\u003e\u003cstrong\u003ePopular right now\u003c\/strong\u003e\u003cspan id=\"viewer-count-viewer_notice_EQ8RaC\"\u003e40\u003c\/span\u003e viewing this today\n  \u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"simple-variant-picker\" data-apply-subscription-discount=\"true\" data-multiply-by-quantity=\"true\" data-show-images-for-all-variants=\"false\" data-show-variant-images=\"true\" data-variant-images-option-position=\"auto\" style=\"\n      --label-color: #000000;\n      --label-size: 14px;\n      --show-labels: block;\n      --option-bg-color: #FFFFFF;\n      --option-border-color: #DDDDDD;\n      --option-text-color: #000000;\n      --option-size: 14px;\n      --option-border-radius: 4px;\n      --option-padding-vertical: 8px;\n      --option-padding-horizontal: 15px;\n      --option-font-size: 14px;\n      --option-image-size: 60px;\n      --container-margin-left: 5px;\n      --container-margin-right: 0px;\n      --selected-bg-color: #000000;\n      --selected-text-color: #FFFFFF;\n      --selected-border-color: #000000;\n      --swatch-size: 30px;\n      --swatch-bg-color: #CCCCCC;\n      --outline-color: #e5e5e5;\n      --image-variant-size: 60px;\n      --variant-image-width: 60px;\n      --variant-image-height: 60px;\n      --variant-image-border-width: 1px;\n      --variant-image-border-color: #e5e5e5;\n      --variant-image-border-radius: 4px;\n      --variant-image-selected-border-color: #007acc;\n      --variant-image-selected-border-width: 2px;\n      --show-variant-shadows: 0;\n      --grid-gap: 12px;\n      --grid-max-width: 800px;\n      --grid-text-size-desktop: 14px;\n      --grid-text-size-mobile: 12px;\n      --horizontal-row-height: 40px;\n      --horizontal-row-height-mobile: 40px;\n      --size-button-height: 44px;\n      --size-button-height-mobile: 40px;\n      --size-button-font-size: 14px;\n      --size-button-font-size-mobile: 12px;\n      --size-button-border-radius: 8px;\n      --size-button-gap: 8px;\n      --size-button-bg-color: #ffffff;\n      --size-button-text-color: #1a1a1a;\n      --size-button-border-color: #e0e0e0;\n      --size-button-border-width: 1px;\n      --size-button-border-style: solid;\n      --size-button-selected-bg-color: #1a1a1a;\n      --size-button-selected-text-color: #ffffff;\n      --size-button-selected-border-color: #1a1a1a;\n      --size-button-selected-border-width: 2px;\n      --option-button-height: 44px;\n      --option-button-padding-horizontal: 16px;\n      --option-button-font-size: 14px;\n      --option-button-border-radius: 8px;\n      --option-button-gap: 8px;\n      --option-button-border-width: 1px;\n      --option-button-border-style: solid;\n      --option-button-bg-color: #ffffff;\n      --option-button-text-color: #1a1a1a;\n      --option-button-border-color: #e0e0e0;\n      --option-button-selected-border-width: 2px;\n      --option-button-selected-bg-color: #1a1a1a;\n      --option-button-selected-text-color: #ffffff;\n      --option-button-selected-border-color: #1a1a1a;\n      --fullwidth-text-size: 16px;\n      --fullwidth-text-color: #ffffff;\n      --fullwidth-text-weight: 600;\n      --save-badge-font-size: 12px;\n      --save-badge-text-color: #ffffff;\n      --save-badge-bg-color: #22c55e;\n      --save-badge-border-radius: 4px;\n      --variant-price-font-size: 14px;\n      --variant-price-color: #ffffff;\n      --variant-compare-price-color: #999999;\n      --list-bg-color: #ffffff;\n      --list-border-color: #e0e0e0;\n      --list-text-color: #1a1a1a;\n      --list-price-color: #1a1a1a;\n      --list-compare-price-color: #999999;\n      --list-savings-color: #16a34a;\n      --list-savings-font-size: 12px;\n      --list-savings-font-weight: 500;\n      --list-selected-bg-color: #f0f9ff;\n      --list-selected-border-color: #007acc;\n      --list-selected-text-color: #1a1a1a;\n      --list-selected-price-color: #1a1a1a;\n      --list-selected-compare-price-color: #999999;\n      --list-selected-savings-color: #16a34a;\n      --list-radio-color: #007acc;\n      --list-show-radio: 0;\n      --list-border-radius: 8px;\n      --dropdown-width: 100%;\n      margin-top: 0px;\n      margin-bottom: 4px;\n    \"\u003e\u003cdiv class=\"simple-variant-picker__container\"\u003e\n\u003cdiv aria-live=\"assertive\" class=\"simple-variant-picker__error\" role=\"alert\" style=\"display: none;\"\u003e\u003cspan\u003ePlease select a variant\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"simple-variant-picker__option option--color\" data-dynamic-images=\"false\" data-fullwidth-text-position=\"inside\" data-hide-fullwidth-text=\"false\" data-horizontal-style=\"simple\" data-horizontal-text-align=\"center\" data-image-fade=\"false\" data-image-fullwidth=\"false\" data-list-inline=\"false\" data-option-index=\"1\" data-option-layout=\"inline\" data-price-position=\"inside\" data-show-price=\"false\" data-show-save-badge=\"false\" data-show-text-shadow=\"false\" data-text-orientation=\"vertical\"\u003e\n\u003cdiv class=\"simple-variant-picker__label-header\"\u003e\u003cdiv class=\"simple-variant-picker__label-row\"\u003e\n\u003clabel class=\"simple-variant-picker__label\" for=\"template--18944211026007__shop_product_details_tXXE9D-1-0\" id=\"template--18944211026007__shop_product_details_tXXE9D-1-label\" style=\"color: #000000;\"\u003e\n                    \n                      Shade:\n                    \n                  \u003c\/label\u003e\u003cspan class=\"simple-variant-picker__selected-value\" data-option-position=\"1\" style=\"color: #000000;\"\u003e\n                      Light\n                      \n                    \u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv aria-labelledby=\"template--18944211026007__shop_product_details_tXXE9D-1-label\" class=\"simple-variant-picker__values\" role=\"radiogroup\"\u003e\n\u003cdiv class=\"simple-variant-picker__value-container value--color\"\u003e\n\u003cinput checked class=\"simple-variant-picker__radio\" data-option-position=\"1\" form=\"product-form-template--18944211026007__shop_product_details_tXXE9D\" id=\"template--18944211026007__shop_product_details_tXXE9D-1-0\" name=\"options[Shade]\" type=\"radio\" value=\"Light\"\u003e\u003clabel class=\"simple-variant-picker__color-swatch\" for=\"template--18944211026007__shop_product_details_tXXE9D-1-0\" style=\"background-color: #EFD3BC !important; width: var(--swatch-size) !important; height: var(--swatch-size) !important;\"\u003e\u003cspan class=\"visually-hidden\"\u003eLight\u003c\/span\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"simple-variant-picker__value-container value--color\"\u003e\n\u003cinput class=\"simple-variant-picker__radio\" data-option-position=\"1\" form=\"product-form-template--18944211026007__shop_product_details_tXXE9D\" id=\"template--18944211026007__shop_product_details_tXXE9D-1-1\" name=\"options[Shade]\" type=\"radio\" value=\"Medium\"\u003e\u003clabel class=\"simple-variant-picker__color-swatch\" for=\"template--18944211026007__shop_product_details_tXXE9D-1-1\" style=\"background-color: #C4906A !important; width: var(--swatch-size) !important; height: var(--swatch-size) !important;\"\u003e\u003cspan class=\"visually-hidden\"\u003eMedium\u003c\/span\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"simple-variant-picker__value-container value--color\"\u003e\n\u003cinput class=\"simple-variant-picker__radio\" data-option-position=\"1\" form=\"product-form-template--18944211026007__shop_product_details_tXXE9D\" id=\"template--18944211026007__shop_product_details_tXXE9D-1-2\" name=\"options[Shade]\" type=\"radio\" value=\"Dark\"\u003e\u003clabel class=\"simple-variant-picker__color-swatch\" for=\"template--18944211026007__shop_product_details_tXXE9D-1-2\" style=\"background-color: #5E3A28 !important; width: var(--swatch-size) !important; height: var(--swatch-size) !important;\"\u003e\u003cspan class=\"visually-hidden\"\u003eDark\u003c\/span\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-container\" data-custom-price=\"true\" id=\"olivine-cc-offers\"\u003e\u003cdiv class=\"quantity-break-form\"\u003e\n\u003cdiv class=\"quantity-break-option-container\" data-compare-at-price=\"0\" data-option-quantity=\"1\" data-save-badge-format=\"percentage\" data-save-badge-text=\"Save\"\u003e\u003clabel class=\"quantity-break-option\" for=\"quantity-break-option1-7744768966743\"\u003e\u003cdiv class=\"quantity-break-main-content\"\u003e\n\u003cinput class=\"quantity-break-input\" data-base-price=\"4495\" data-bogo-multiplier=\"\" data-custom-compare-at-price=\"\" data-custom-price-amount=\"44.95\" data-custom-price-format=\"amount\" data-custom-price-percentage=\"\" data-enable-custom-pricing=\"true\" data-option-quantity=\"1\" data-price=\"4495\" id=\"quantity-break-option1-7744768966743\" name=\"olivine-cc-offer\" type=\"radio\" value=\"1\"\u003e\u003cdiv class=\"quantity-break-radio-container\"\u003e\u003cdiv class=\"quantity-break-radio-circle\"\u003e\u003cdiv class=\"quantity-break-radio-dot\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-content-wrapper\"\u003e\n\u003cdiv class=\"quantity-break-image-details-group\"\u003e\n\u003cdiv class=\"quantity-break-image\"\u003e\u003cimg alt=\"Tone Adapting CC Serum\" decoding=\"async\" height=\"200\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-rung-single-v3_200x200_crop_center_74c898b0-ac3d-4d6a-86b6-287a431d2685.png?v=1788962990\" width=\"200\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-details\"\u003e\u003cdiv class=\"quantity-break-title-container\"\u003e\u003cdiv class=\"quantity-break-title\"\u003e1 Serum\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-price-container\"\u003e\u003cdiv class=\"quantity-break-price\"\u003e$44.95\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-container\" data-has-custom-selectors=\"true\"\u003e\u003cdiv class=\"quantity-break-variant-selection\"\u003e\u003cdiv class=\"quantity-break-variant-selectors\"\u003e\n\u003cdiv class=\"quantity-break-variant-left\"\u003e\u003cdiv class=\"quantity-break-variant-label\"\u003e\n\u003cspan class=\"quantity-number\"\u003e#1\u003c\/span\u003e\u003cdiv class=\"selected-variant-name\" data-variant-display=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-right\"\u003e\u003cdiv class=\"quantity-break-variant-option\"\u003e\u003cselect class=\"quantity-break-variant-select\" data-item-index=\"1\" data-option-name=\"Shade\" data-option-selector=\"1\" data-quantity-option=\"1\" id=\"option-1-1-shade\"\u003e\u003coption selected value=\"Light\"\u003eLight\u003c\/option\u003e\n\u003coption value=\"Medium\"\u003eMedium\u003c\/option\u003e\n\u003coption value=\"Dark\"\u003eDark\u003c\/option\u003e\u003c\/select\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/label\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-option-container\" data-compare-at-price=\"8990\" data-option-quantity=\"2\" data-save-badge-format=\"percentage\" data-save-badge-text=\"Save\"\u003e\u003clabel class=\"quantity-break-option selected\" for=\"quantity-break-option2-7744768966743\"\u003e\u003cdiv class=\"quantity-break-main-content\"\u003e\n\u003cdiv class=\"quantity-break-badge\" style=\"background-color: #85a66f; color: #ffffff;\"\u003e\n                  Most loved\n                \u003c\/div\u003e\n\u003cinput checked class=\"quantity-break-input\" data-base-price=\"8990\" data-bogo-multiplier=\"\" data-custom-compare-at-price=\"89.90\" data-custom-price-amount=\"44.95\" data-custom-price-format=\"amount\" data-custom-price-percentage=\"\" data-enable-custom-pricing=\"true\" data-option-quantity=\"2\" data-price=\"4495\" id=\"quantity-break-option2-7744768966743\" name=\"olivine-cc-offer\" type=\"radio\" value=\"2\"\u003e\u003cdiv class=\"quantity-break-radio-container\"\u003e\u003cdiv class=\"quantity-break-radio-circle\"\u003e\u003cdiv class=\"quantity-break-radio-dot\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-content-wrapper\"\u003e\n\u003cdiv class=\"quantity-break-image-details-group\"\u003e\n\u003cdiv class=\"quantity-break-image\"\u003e\u003cimg alt=\"Tone Adapting CC Serum\" decoding=\"async\" height=\"200\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-rung-bogo-v3_200x200_crop_center_c45caf13-8c1e-46f8-80b1-78413b331bf5.png?v=1788962993\" width=\"200\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-details\"\u003e\u003cdiv class=\"quantity-break-title-container\"\u003e\u003cdiv class=\"quantity-break-title\"\u003eBuy 1, Get 1 Free + Powder Brush\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-price-container\"\u003e\n\u003cdiv class=\"quantity-break-price\"\u003e$44.95\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-original-price\"\u003e$89.90\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-container\" data-has-custom-selectors=\"true\"\u003e\u003cdiv class=\"quantity-break-variant-selection\"\u003e\n\u003cdiv class=\"quantity-break-variant-selectors\"\u003e\n\u003cdiv class=\"quantity-break-variant-left\"\u003e\u003cdiv class=\"quantity-break-variant-label\"\u003e\n\u003cspan class=\"quantity-number\"\u003e#1\u003c\/span\u003e\u003cdiv class=\"selected-variant-name\" data-variant-display=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-right\"\u003e\u003cdiv class=\"quantity-break-variant-option\"\u003e\u003cselect class=\"quantity-break-variant-select\" data-item-index=\"1\" data-option-name=\"Shade\" data-option-selector=\"1\" data-quantity-option=\"2\" id=\"option-2-1-shade\"\u003e\u003coption selected value=\"Light\"\u003eLight\u003c\/option\u003e\n\u003coption value=\"Medium\"\u003eMedium\u003c\/option\u003e\n\u003coption value=\"Dark\"\u003eDark\u003c\/option\u003e\u003c\/select\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-selectors\"\u003e\n\u003cdiv class=\"quantity-break-variant-left\"\u003e\u003cdiv class=\"quantity-break-variant-label\"\u003e\n\u003cspan class=\"quantity-number\"\u003e#2\u003c\/span\u003e\u003cdiv class=\"selected-variant-name\" data-variant-display=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"quantity-break-variant-right\"\u003e\u003cdiv class=\"quantity-break-variant-option\"\u003e\u003cselect class=\"quantity-break-variant-select\" data-item-index=\"2\" data-option-name=\"Shade\" data-option-selector=\"1\" data-quantity-option=\"2\" id=\"option-2-2-shade\"\u003e\u003coption selected value=\"Light\"\u003eLight\u003c\/option\u003e\n\u003coption value=\"Medium\"\u003eMedium\u003c\/option\u003e\n\u003coption value=\"Dark\"\u003eDark\u003c\/option\u003e\u003c\/select\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/label\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"upsell-product-container-product_upsell_main\" style=\"margin-top: 0px; margin-bottom: 6px;\"\u003e\n\u003cdiv class=\"upsell-routine-header-product_upsell_main\"\u003e\n\u003cspan class=\"upsell-routine-line-product_upsell_main\"\u003e\u003c\/span\u003e\u003cspan class=\"upsell-routine-title-product_upsell_main\"\u003eComplete the routine\u003c\/span\u003e\u003cspan class=\"upsell-routine-line-product_upsell_main\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"upsell-product-card-product_upsell_main\"\u003e\n\u003cdiv class=\"upsell-best-seller-tag-product_upsell_main\"\u003e\n          Pairs best\n        \u003c\/div\u003e\n\u003cform accept-charset=\"UTF-8\" action=\"\/cart\/add\" class=\"upsell-form olivine-cart-form\" enctype=\"multipart\/form-data\" id=\"product-form-template--18944211026007__shop_product_details_tXXE9D-7768579637335-product_upsell_main\" method=\"post\" novalidate=\"novalidate\"\u003e\n\u003cinput name=\"form_type\" type=\"hidden\" value=\"product\"\u003e\u003cinput name=\"utf8\" type=\"hidden\" value=\"✓\"\u003e\u003cinput name=\"id\" type=\"hidden\" value=\"53831343931755\"\u003e\u003cdiv class=\"upsell-checkbox-col-product_upsell_main\"\u003e\u003clabel class=\"upsell-checkbox-label-product_upsell_main\"\u003e\u003cinput aria-label=\"Add Uneven Tone Peel Shot + Dark Spot Cream Duo to your order\" class=\"upsell-checkbox-input upsell-checkbox-input-product_upsell_main\" data-form-id=\"product-form-template--18944211026007__shop_product_details_tXXE9D-7768579637335-product_upsell_main\" data-upsell-checkbox=\"\" id=\"upsell-cb-product_upsell_main\" type=\"checkbox\"\u003e\u003cspan class=\"upsell-checkbox-box-product_upsell_main\"\u003e\u003csvg aria-hidden=\"true\" class=\"upsell-checkbox-tick-product_upsell_main\" focusable=\"false\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/label\u003e\u003c\/div\u003e\n\u003cdiv class=\"upsell-product-image-column-product_upsell_main\"\u003e\u003cimg alt=\"Uneven Tone Peel Shot and Dark Spot Cream duo\" class=\"upsell-product-img-product_upsell_main\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-uneven-tone-peel-shot-dark-spot-cream-duo-tile.png?v=1788962996\u0026amp;width=150\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"upsell-product-info-column-product_upsell_main\"\u003e\u003cdiv class=\"upsell-product-header-product_upsell_main\"\u003e\u003cdiv class=\"upsell-product-title-product_upsell_main\"\u003eUneven Tone Peel Shot + Dark Spot Cream Duo\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"upsell-product-action-column-product_upsell_main upsell-checkbox-mode\"\u003e\u003cspan class=\"upsell-checkbox-price-product_upsell_main\"\u003e\u003cspan class=\"upsell-price-now-product_upsell_main\"\u003e$34.00\u003c\/span\u003e\u003cs class=\"upsell-price-was-product_upsell_main\"\u003e$44.95\u003c\/s\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shop-add-to-cart-wrapper\"\u003e\u003cdiv class=\"product-form olivine-product-form\"\u003e\u003cform accept-charset=\"UTF-8\" action=\"\/cart\/add\" class=\"form product-buy-form-pdp product-buy-form--{{ section.id }} olivine-cart-form\" enctype=\"multipart\/form-data\" id=\"product-form-template--18944211026007__shop_product_details_tXXE9D\" method=\"post\" novalidate=\"novalidate\"\u003e\n\u003cinput name=\"form_type\" type=\"hidden\" value=\"product\"\u003e\u003cinput name=\"utf8\" type=\"hidden\" value=\"✓\"\u003e\u003cinput class=\"product-variant-id\" name=\"id\" type=\"hidden\" value=\"53831342588267\"\u003e\u003cbutton class=\"shop-add-to-cart-button product-form__submit disable-global-button-styling\" data-original-text=\"Add to cart\" data-persistent-text=\"Add to cart\" data-show-price=\"false\" data-text-override=\"true\" id=\"ProductSubmitButton-template--18944211026007__shop_product_details_tXXE9D\" name=\"add\" style=\"\n                  --button-text-font-size: 20px;--button-text-color: #ffffff !important;\n                  --button-price-color: #ffffff !important;\n                  --button-bg-color: #85a66f;\n                  --button-hover-color: #6f8f59;\n                  padding: 24px 20px;\n                  font-size: 20px;\n                  letter-spacing: var(--global-button-letter-spacing, 1px);\n                  font-weight: var(--global-button-font-weight, 700);\n                background-color: var(--button-bg-color);\n                border-radius: 8px;\n                color: #ffffff;\n                \/* Global hover effects are handled by button-styling.css *\/\n                \n              \" type=\"submit\"\u003e\u003cspan class=\"button-text\" data-no-override=\"true\"\u003e\n                \n                  Add to cart\n\n              \u003c\/span\u003e\u003cdiv class=\"loading__spinner hidden\"\u003e\u003csvg aria-hidden=\"true\" class=\"spinner\" focusable=\"false\" viewbox=\"0 0 66 66\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003ccircle class=\"path\" cx=\"33\" cy=\"33\" fill=\"none\" r=\"30\" stroke-width=\"6\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/button\u003e\u003cp id=\"olivine-cc-error\" role=\"alert\" style=\"color:#9b2424;font-size:14px;display:none\"\u003e\u003c\/p\u003e\n\u003c\/form\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"guarantee-badges-container\" id=\"block-add_to_cart_YKma6J\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-money-back-guarantee\"\u003e\u003cdiv class=\"custom-guarantee-content\"\u003e\n\u003cdiv class=\"custom-guarantee-icon\"\u003e\u003cdiv class=\"custom-badge-circle\" style=\"\n          width: 50px;\n          height: 50px;\n          \n        \"\u003e\u003cdiv class=\"custom-badge-container\" style=\"width: 50px; height: 50px;\"\u003e\u003cimg alt=\"Money Back Guarantee\" class=\"custom-badge-image\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-badge_100x_22fdd1b1-91c0-40b9-afcb-9b23ec9517a1.png?v=1788962999\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-guarantee-text\"\u003e\n\u003ch3\u003e60 Day Money Back Guarantee\u003c\/h3\u003e\n\u003cp\u003eWrong shade, wrong finish, or no reason at all. Keep everything you ordered and we will make it right.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__ugc_videos_main\"\u003e\u003csection data-center=\"true\" id=\"ugcv-template--18944211026007__ugc_videos_main\"\u003e\u003cdiv class=\"ugcv__head\"\u003e\n\u003ch2 class=\"ugcv__title\"\u003eSee it find her tone\u003c\/h2\u003e\n\u003cspan class=\"ugcv__fb\"\u003e\u003csvg aria-hidden=\"true\" fill=\"#1877F2\" height=\"18\" viewbox=\"0 0 24 24\" width=\"18\"\u003e\u003cpath d=\"M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.95.93-1.95 1.88v2.26h3.32l-.53 3.49h-2.79V24C19.61 23.1 24 18.1 24 12.07z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \n        Over 4.2M Views On Facebook\n      \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ugcv__wrap\"\u003e\n\u003cbutton aria-label=\"Previous\" class=\"ugcv__nav ugcv__prev\" data-prev=\"\"\u003e‹\u003c\/button\u003e\u003cdiv class=\"ugcv__stage\" data-stage=\"\"\u003e\n\u003cdiv class=\"ugcv__card\" data-card=\"\"\u003e\u003cdiv class=\"ugcv__media\"\u003e\n\u003cvideo class=\"ugcv__video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-4b80374648074de780d11c031d59c487.thumbnail.0000000000.jpg?v=1788963002\u0026amp;width=540\" preload=\"none\"\u003e\u003csource src=\"https:\/\/olivinebeauty.com\/cdn\/shop\/videos\/c\/vp\/4b80374648074de780d11c031d59c487\/4b80374648074de780d11c031d59c487.HD-1080p-2.5Mbps-92846287.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003cbutton aria-label=\"Unmute\" class=\"ugcv__mute\" data-mute=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-muted\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M4 9v6h4l5 5V4L8 9H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 9l5 5M21 9l-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-sound\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"ugcv__card\" data-card=\"\"\u003e\u003cdiv class=\"ugcv__media\"\u003e\n\u003cvideo class=\"ugcv__video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-a453c589a0c5490e8896f344c6e47b0a.thumbnail.0000000000.jpg?v=1788963005\u0026amp;width=540\" preload=\"none\"\u003e\u003csource src=\"https:\/\/olivinebeauty.com\/cdn\/shop\/videos\/c\/vp\/a453c589a0c5490e8896f344c6e47b0a\/a453c589a0c5490e8896f344c6e47b0a.HD-1080p-2.5Mbps-92846290.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003cbutton aria-label=\"Unmute\" class=\"ugcv__mute\" data-mute=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-muted\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M4 9v6h4l5 5V4L8 9H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 9l5 5M21 9l-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-sound\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"ugcv__card\" data-card=\"\"\u003e\u003cdiv class=\"ugcv__media\"\u003e\n\u003cvideo class=\"ugcv__video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-8f417e81889c4450bd668310ef2309d1.thumbnail.0000000000.jpg?v=1788963009\u0026amp;width=540\" preload=\"none\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/olivine-cc-serum-demo-3.mp4?v=1788963223\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003cbutton aria-label=\"Unmute\" class=\"ugcv__mute\" data-mute=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-muted\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M4 9v6h4l5 5V4L8 9H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 9l5 5M21 9l-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-sound\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"ugcv__card\" data-card=\"\"\u003e\u003cdiv class=\"ugcv__media\"\u003e\n\u003cvideo class=\"ugcv__video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-7f5de376ed72461fa5468e2700a5b9fa.thumbnail.0000000000.jpg?v=1788963012\u0026amp;width=540\" preload=\"none\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/olivine-cc-serum-demo-4.mp4?v=1788963224\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003cbutton aria-label=\"Unmute\" class=\"ugcv__mute\" data-mute=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-muted\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M4 9v6h4l5 5V4L8 9H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 9l5 5M21 9l-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-sound\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"ugcv__card\" data-card=\"\"\u003e\u003cdiv class=\"ugcv__media\"\u003e\n\u003cvideo class=\"ugcv__video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-2ea0e585197940818a50e925070eb2b9.thumbnail.0000000000.jpg?v=1788963055\u0026amp;width=540\" preload=\"none\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/olivine-cc-serum-demo-5.mp4?v=1788963223\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003cbutton aria-label=\"Unmute\" class=\"ugcv__mute\" data-mute=\"\"\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-muted\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M4 9v6h4l5 5V4L8 9H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 9l5 5M21 9l-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg aria-hidden=\"true\" class=\"ugcv__ico-sound\" fill=\"currentColor\" height=\"16\" viewbox=\"0 0 24 24\" width=\"16\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton aria-label=\"Next\" class=\"ugcv__nav ugcv__next\" data-next=\"\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdp_faq_main\"\u003e\u003csection id=\"pfaq-template--18944211026007__pdp_faq_main\"\u003e\u003cdiv class=\"pfaq__inner\"\u003e\u003cdiv class=\"pfaq__grid\"\u003e\n\u003cdiv class=\"pfaq__item\" data-item=\"\"\u003e\n\u003cbutton aria-expanded=\"false\" class=\"pfaq__q\" data-q=\"\"\u003e\u003cspan\u003eWhy this is not a foundation\u003c\/span\u003e\u003csvg aria-hidden=\"true\" class=\"pfaq__ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003cdiv class=\"pfaq__a\" data-a=\"\"\u003e\u003cdiv class=\"pfaq__a-in\"\u003e\u003cp\u003eA foundation asks you to pick a colour and hope. This goes on as a soft neutral cream flecked with sealed colour, and the colour only releases when you press it in, settling toward your own tone in seconds. You get an evened look with the feel of a serum, and you can still see your skin underneath.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pfaq__item\" data-item=\"\"\u003e\n\u003cbutton aria-expanded=\"false\" class=\"pfaq__q\" data-q=\"\"\u003e\u003cspan\u003eHow to use it\u003c\/span\u003e\u003csvg aria-hidden=\"true\" class=\"pfaq__ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003cdiv class=\"pfaq__a\" data-a=\"\"\u003e\u003cdiv class=\"pfaq__a-in\"\u003e\u003cp\u003eStep 1: Start clean. Begin on clean, dry skin. Step 2: Press and blend. About a pea size, pressed from the centre of your face outward, then give it a few seconds to find your tone. Step 3: Set it. Press the matched powder over the top wherever the tint tends to move on you.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pfaq__item\" data-item=\"\"\u003e\n\u003cbutton aria-expanded=\"false\" class=\"pfaq__q\" data-q=\"\"\u003e\u003cspan\u003eWhy the powder brush comes with the deal\u003c\/span\u003e\u003csvg aria-hidden=\"true\" class=\"pfaq__ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003cdiv class=\"pfaq__a\" data-a=\"\"\u003e\u003cdiv class=\"pfaq__a-in\"\u003e\u003cp\u003eBecause a tint that moves is a tint you stop trusting. The powder sets the finish, smooths the look of undereyes, and stops the tint travelling into lines through the day. It is matched to the shade you choose, so it disappears rather than sitting on top. Buy 1, Get 1 Free includes the powder brush at no extra cost.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pfaq__item\" data-item=\"\"\u003e\n\u003cbutton aria-expanded=\"false\" class=\"pfaq__q\" data-q=\"\"\u003e\u003cspan\u003e60 day guarantee · shipping \u0026amp; returns\u003c\/span\u003e\u003csvg aria-hidden=\"true\" class=\"pfaq__ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003cdiv class=\"pfaq__a\" data-a=\"\"\u003e\u003cdiv class=\"pfaq__a-in\"\u003e\u003cp\u003e60 days. Wrong shade, wrong finish, or no reason at all, keep everything you ordered and we will make it right. Shipping is free on every order and most orders arrive within 5 to 7 business days.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__featured_reviews_main\"\u003e\u003csection id=\"frev-template--18944211026007__featured_reviews_main\"\u003e\u003cdiv class=\"frev__track\"\u003e\n\u003cdiv class=\"frev__card\"\u003e\n\u003cdiv class=\"frev__top\"\u003e\n\u003cimg alt=\"Yolanda M.\" class=\"frev__avatar\" decoding=\"async\" height=\"58\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-yolanda-m.png?v=1788963058\u0026amp;width=116\" width=\"58\"\u003e\u003cdiv\u003e\u003cdiv class=\"frev__idrow\"\u003e\n\u003cspan class=\"frev__name\"\u003eYolanda M.\u003c\/span\u003e\u003csvg aria-label=\"Verified purchase\" class=\"frev__badge\" role=\"img\" viewbox=\"0 0 24 24\"\u003e\u003ctitle\u003eVerified purchase\u003c\/title\u003e\n\u003ccircle cx=\"12\" cy=\"12\" fill=\"#5e7c49\" r=\"11\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7.1 12.4l3.2 3.2 6.6-6.8\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan class=\"frev__stars\"\u003e★★★★★\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"frev__text\"\u003eI have a drawer of foundations that were perfect under the shop lights and wrong the second I got outside. This one I put on in the bathroom and then checked in daylight expecting the usual, and it just looked like my face. I have stopped opening that drawer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frev__card\"\u003e\n\u003cdiv class=\"frev__top\"\u003e\n\u003cimg alt=\"Anjali R.\" class=\"frev__avatar\" decoding=\"async\" height=\"58\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-anjali-r.png?v=1788963063\u0026amp;width=116\" width=\"58\"\u003e\u003cdiv\u003e\u003cdiv class=\"frev__idrow\"\u003e\n\u003cspan class=\"frev__name\"\u003eAnjali R.\u003c\/span\u003e\u003csvg aria-label=\"Verified purchase\" class=\"frev__badge\" role=\"img\" viewbox=\"0 0 24 24\"\u003e\u003ctitle\u003eVerified purchase\u003c\/title\u003e\n\u003ccircle cx=\"12\" cy=\"12\" fill=\"#5e7c49\" r=\"11\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7.1 12.4l3.2 3.2 6.6-6.8\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan class=\"frev__stars\"\u003e★★★★★\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"frev__text\"\u003eI am deeper than most charts go and I have been given ashy every time. I ordered Dark expecting to send it back. It went on that neutral colour and I genuinely thought here we go again, and then it settled and there was no grey at all. My sister ordered Medium the same week.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frev__card\"\u003e\n\u003cdiv class=\"frev__top\"\u003e\n\u003cimg alt=\"Delphine A.\" class=\"frev__avatar\" decoding=\"async\" height=\"58\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-delphine-a.png?v=1788963070\u0026amp;width=116\" width=\"58\"\u003e\u003cdiv\u003e\u003cdiv class=\"frev__idrow\"\u003e\n\u003cspan class=\"frev__name\"\u003eDelphine A.\u003c\/span\u003e\u003csvg aria-label=\"Verified purchase\" class=\"frev__badge\" role=\"img\" viewbox=\"0 0 24 24\"\u003e\u003ctitle\u003eVerified purchase\u003c\/title\u003e\n\u003ccircle cx=\"12\" cy=\"12\" fill=\"#5e7c49\" r=\"11\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7.1 12.4l3.2 3.2 6.6-6.8\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan class=\"frev__stars\"\u003e★★★★★\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"frev__text\"\u003eI am 54 and what I wanted was for the redness across my cheeks to calm down without wearing a mask. This does that and you can still see my skin, which is the part I did not expect. The powder is what makes it last past lunch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_benefits_main\"\u003e\u003csection id=\"pben-template--18944211026007__pdrn_benefits_main\"\u003e\u003cdiv class=\"pben__inner\"\u003e\n\u003cdiv class=\"pben__head\"\u003e\n\u003cp class=\"pben__eyebrow\"\u003eThe end of shade guessing\u003c\/p\u003e\n\u003ch2 class=\"pben__title\"\u003eIt finds your tone. You stop guessing.\u003c\/h2\u003e\n\u003cp class=\"pben__lead\"\u003eA lightweight tinted serum that goes on neutral and adapts toward your own skin tone as you blend it in.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pben__cards\"\u003e\n\u003cdiv class=\"pben__card\"\u003e\n\u003cdiv class=\"pben__ic\"\u003e✷\u003c\/div\u003e\n\u003ch3 class=\"pben__ch\"\u003eAdapts as you blend\u003c\/h3\u003e\n\u003cp class=\"pben__cp\"\u003eSealed colour releases the moment you press it in and settles toward your tone, so the match comes from your skin and not from a chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pben__card\"\u003e\n\u003cdiv class=\"pben__ic\"\u003e✷\u003c\/div\u003e\n\u003ch3 class=\"pben__ch\"\u003eEvens the look of redness\u003c\/h3\u003e\n\u003cp class=\"pben__cp\"\u003eRedness, dark spots and uneven tone all look calmer and more consistent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pben__card\"\u003e\n\u003cdiv class=\"pben__ic\"\u003e✷\u003c\/div\u003e\n\u003ch3 class=\"pben__ch\"\u003eSerum feel, not foundation feel\u003c\/h3\u003e\n\u003cp class=\"pben__cp\"\u003eLightweight and comfortable enough to wear every day. Never heavy, never cakey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pben__card\"\u003e\n\u003cdiv class=\"pben__ic\"\u003e✷\u003c\/div\u003e\n\u003ch3 class=\"pben__ch\"\u003eBlurs instead of settling\u003c\/h3\u003e\n\u003cp class=\"pben__cp\"\u003eIt sits over the look of fine lines rather than gathering in them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pben__card\"\u003e\n\u003cdiv class=\"pben__ic\"\u003e✷\u003c\/div\u003e\n\u003ch3 class=\"pben__ch\"\u003eThe powder keeps it there\u003c\/h3\u003e\n\u003cp class=\"pben__cp\"\u003eThe shade matched powder brush comes free with Buy 1, Get 1 Free, so the match you see in the morning is still there at six in the evening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdp_comparison_main\"\u003e\u003csection id=\"cmp-template--18944211026007__pdp_comparison_main\"\u003e\u003cdiv class=\"cmp__inner\"\u003e\n\u003cp class=\"cmp__eyebrow\"\u003eThe honest comparison\u003c\/p\u003e\n\u003ch2 class=\"cmp__title\"\u003eThe shade match, \u003cspan class=\"accent\"\u003ewithout the counter\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cmp__sub\"\u003eHere is how the serum compares to being colour matched at a beauty counter.\u003c\/p\u003e\n\u003cdiv class=\"cmp__grid\"\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__head cmp__lbl\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__head cmp__our\"\u003eTone Adapting CC Serum\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__head cmp__their\"\u003eA counter shade match\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003ePrice\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e$44.95, two serums and the brush\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e$40 to $70 for the foundation alone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003eWhat it takes\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003ePress it in and wait a few seconds\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eBook, travel, sit for a swatch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003eThe lighting\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eYour bathroom, your daylight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eTheirs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003eIf it is wrong\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e60 day money back guarantee\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eA second trip, and another swatch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003eThe finish\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eEvened, and still looks like skin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eCoverage you can feel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__row\"\u003e\n\u003cdiv class=\"cmp__cell cmp__lbl\"\u003eThrough the day\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__our\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--yes\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eSet with the matched powder\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmp__cell cmp__their\"\u003e\n\u003csvg aria-hidden=\"true\" class=\"cmp__ico cmp__ico--no\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eTouch ups in a car window\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cmp__frame\"\u003eYour skin does the matching, in your own light.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_reviews_main\"\u003e\u003csection id=\"prev-template--18944211026007__pdrn_reviews_main\"\u003e\u003cdiv class=\"prev__inner\"\u003e\n\u003cdiv class=\"prev__summary\"\u003e\n\u003cp class=\"prev__eyebrow\"\u003eLoved by women 20 to 60+\u003c\/p\u003e\n\u003cdiv class=\"prev__big\"\u003e\u003cp\u003eJoin over 30,000+ happy customers\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"prev__rating\"\u003e\n\u003cspan class=\"prev__stars\"\u003e★★★★★\u003c\/span\u003e Rated 4.8 \/ 5 across 7,909 reviews\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__wrap\"\u003e\n\u003cbutton aria-label=\"Previous reviews\" class=\"prev__nav prev__prev\" data-rprev=\"\" type=\"button\"\u003e‹\u003c\/button\u003e\u003cdiv class=\"prev__track\" data-rtrack=\"\"\u003e\n\u003cdiv class=\"prev__card\"\u003e\n\u003cdiv class=\"prev__top\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"prev__nm\"\u003eTamsin B. 41\u003c\/div\u003e\n\u003cdiv class=\"prev__vf\"\u003e✓ Verified buyer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__quote\"\u003e“The white worried me for about four seconds. Then it turned and it was just my colour. I have shown three people at work on the back of my hand.”\u003c\/p\u003e\n\u003cimg alt=\"Tamsin B. 41 review photo\" class=\"prev__photo\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:860px) 82vw, 300px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-tamsin-b.png?v=1788963074\u0026amp;width=640\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-tamsin-b.png?v=1788963074\u0026amp;width=400 400w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-tamsin-b.png?v=1788963074\u0026amp;width=640 640w\" width=\"2048\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__card\"\u003e\n\u003cdiv class=\"prev__top\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"prev__nm\"\u003eIngrid H. 44\u003c\/div\u003e\n\u003cdiv class=\"prev__vf\"\u003e✓ Verified buyer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__quote\"\u003e“I wear it on the days I am not wearing anything, if that makes sense. It evens everything out and nobody has ever asked me what I am wearing, which is the whole point.”\u003c\/p\u003e\n\u003cimg alt=\"Ingrid H. 44 review photo\" class=\"prev__photo\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:860px) 82vw, 300px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-ingrid-h.png?v=1788963078\u0026amp;width=640\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-ingrid-h.png?v=1788963078\u0026amp;width=400 400w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-ingrid-h.png?v=1788963078\u0026amp;width=640 640w\" width=\"2048\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__card\"\u003e\n\u003cdiv class=\"prev__top\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"prev__nm\"\u003eRosario E. 47\u003c\/div\u003e\n\u003cdiv class=\"prev__vf\"\u003e✓ Verified buyer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__quote\"\u003e“You can watch it change on your hand. It comes out this pale speckled cream and about ten seconds after you rub it in the pale is gone and it has gone to your tone.”\u003c\/p\u003e\n\u003cimg alt=\"Rosario E. 47 review photo\" class=\"prev__photo\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:860px) 82vw, 300px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-rosario-e.png?v=1788963082\u0026amp;width=640\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-rosario-e.png?v=1788963082\u0026amp;width=400 400w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-rosario-e.png?v=1788963082\u0026amp;width=640 640w\" width=\"2048\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__card\"\u003e\n\u003cdiv class=\"prev__top\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"prev__nm\"\u003eBeatriz Q. 58\u003c\/div\u003e\n\u003cdiv class=\"prev__vf\"\u003e✓ Verified buyer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__quote\"\u003e“I am 58 and everything I have tried sat in the lines around my mouth by mid morning. This one does not. I press the powder over the top and it stays put all day.”\u003c\/p\u003e\n\u003cimg alt=\"Beatriz Q. 58 review photo\" class=\"prev__photo\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:860px) 82vw, 300px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-beatriz-q.png?v=1788963086\u0026amp;width=640\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-beatriz-q.png?v=1788963086\u0026amp;width=400 400w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-beatriz-q.png?v=1788963086\u0026amp;width=640 640w\" width=\"2048\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__card\"\u003e\n\u003cdiv class=\"prev__top\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"prev__nm\"\u003eMarisol T. 43\u003c\/div\u003e\n\u003cdiv class=\"prev__vf\"\u003e✓ Verified buyer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prev__stars\"\u003e★★★★★\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__quote\"\u003e“Sheer, so if you want full coverage this is not it and I would rather they say so. For evening out my skin on a normal day it is the best thing I own.”\u003c\/p\u003e\n\u003cimg alt=\"Marisol T. 43 review photo\" class=\"prev__photo\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:860px) 82vw, 300px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-marisol-t.png?v=1788963126\u0026amp;width=640\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-marisol-t.png?v=1788963126\u0026amp;width=400 400w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-review-marisol-t.png?v=1788963126\u0026amp;width=640 640w\" width=\"2048\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton aria-label=\"More reviews\" class=\"prev__nav prev__next\" data-rnext=\"\" type=\"button\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp class=\"prev__hint\"\u003eScroll or drag to read more →\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_expect_main\"\u003e\u003csection id=\"pexp-template--18944211026007__pdrn_expect_main\"\u003e\u003cdiv class=\"pexp__inner\"\u003e\n\u003cdiv class=\"pexp__head\"\u003e\n\u003cp class=\"pexp__eyebrow\"\u003eWhat you can expect\u003c\/p\u003e\n\u003ch2 class=\"pexp__title\"\u003eWhere an evened look starts\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pexp__chips\"\u003e\u003cdiv class=\"pexp__track\"\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A calmer looking flush\u003c\/div\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e More even looking tone\u003c\/div\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e Softened looking dark spots\u003c\/div\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A smooth, soft focus finish\u003c\/div\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e Skin that still looks like skin\u003c\/div\u003e\n\u003cdiv class=\"pexp__chip\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A match you did not have to guess\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A calmer looking flush\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e More even looking tone\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e Softened looking dark spots\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A smooth, soft focus finish\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e Skin that still looks like skin\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"pexp__chip pexp__chip--dupe\"\u003e\n\u003cspan class=\"ci\"\u003e✓\u003c\/span\u003e A match you did not have to guess\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_how_to_main\"\u003e\u003csection id=\"htu-template--18944211026007__pdrn_how_to_main\"\u003e\u003cdiv class=\"htu__inner\"\u003e\u003cdiv class=\"htu__grid\"\u003e\n\u003cdiv class=\"htu__media\"\u003e\u003cimg alt=\"Woman holding the Tone Adapting CC Serum and its shade matched setting powder\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:749px) 100vw, 50vw\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand.png?v=1788963130\u0026amp;width=900\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand.png?v=1788963130\u0026amp;width=450 450w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand.png?v=1788963130\u0026amp;width=900 900w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-in-hand.png?v=1788963130\u0026amp;width=1200 1200w\" width=\"2048\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"htu__content\"\u003e\n\u003cp class=\"htu__eyebrow\"\u003eThe ritual\u003c\/p\u003e\n\u003ch2 class=\"htu__title\"\u003ePress it in, let it find you\u003c\/h2\u003e\n\u003cp class=\"htu__lead\"\u003eThree steps and about a minute. Wear it alone or under everything else.\u003c\/p\u003e\n\u003cdiv class=\"htu__steps\"\u003e\n\u003cdiv class=\"htu__step\"\u003e\n\u003cdiv class=\"htu__num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"htu__step-body\"\u003e\n\u003cdiv class=\"htu__sh\"\u003eStart clean\u003c\/div\u003e\n\u003cdiv class=\"htu__sp\"\u003eBegin on clean, dry skin so the serum has an even surface to adapt to.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"htu__step\"\u003e\n\u003cdiv class=\"htu__num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"htu__step-body\"\u003e\n\u003cdiv class=\"htu__sh\"\u003ePress and blend\u003c\/div\u003e\n\u003cdiv class=\"htu__sp\"\u003eAbout a pea size, pressed from the centre of your face outward. Give it a few seconds to find your tone.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"htu__step\"\u003e\n\u003cdiv class=\"htu__num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"htu__step-body\"\u003e\n\u003cdiv class=\"htu__sh\"\u003eSet it\u003c\/div\u003e\n\u003cdiv class=\"htu__sp\"\u003ePress the matched powder over the top, only where the tint tends to move on you.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_ingredients_main\"\u003e\u003csection id=\"ping-template--18944211026007__pdrn_ingredients_main\"\u003e\u003cdiv class=\"ping__inner\"\u003e\n\u003cdiv class=\"ping__head\"\u003e\n\u003cp class=\"ping__eyebrow\"\u003eWhat is inside\u003c\/p\u003e\n\u003ch2 class=\"ping__title\"\u003eFive actives, one weightless press\u003c\/h2\u003e\n\u003cp class=\"ping__lead\"\u003eEncapsulated pigment with niacinamide, hyaluronic acid, a peptide complex and caffeine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping__grid\"\u003e\n\u003cdiv class=\"ping__card\"\u003e\n\u003cdiv class=\"ping__photo\"\u003e\u003cimg alt=\"Encapsulated pigment capsules that stay sealed until you blend, then release colour\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:900px) 75vw, 220px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-encapsulated-pigment-key-ingredient.png?v=1788963135\u0026amp;width=760\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-encapsulated-pigment-key-ingredient.png?v=1788963135\u0026amp;width=380 380w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-encapsulated-pigment-key-ingredient.png?v=1788963135\u0026amp;width=760 760w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-encapsulated-pigment-key-ingredient.png?v=1788963135\u0026amp;width=1140 1140w\" width=\"2048\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping__body\"\u003e\n\u003cp class=\"ping__name\"\u003eEncapsulated Pigment\u003c\/p\u003e\n\u003cp class=\"ping__desc\"\u003eTiny sealed spheres of colour that stay closed in the bottle and release as you blend, settling toward your own tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping__card\"\u003e\n\u003cdiv class=\"ping__photo\"\u003e\u003cimg alt=\"Niacinamide key ingredient by Olivine Beauty helping brighten the look of dark circles and even skin tone.\" decoding=\"async\" height=\"1600\" loading=\"lazy\" sizes=\"(max-width:900px) 75vw, 220px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-niacinamide-key-ingredient.jpg?v=1788963139\u0026amp;width=760\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-niacinamide-key-ingredient.jpg?v=1788963139\u0026amp;width=380 380w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-niacinamide-key-ingredient.jpg?v=1788963139\u0026amp;width=760 760w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-niacinamide-key-ingredient.jpg?v=1788963139\u0026amp;width=1140 1140w\" width=\"1600\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping__body\"\u003e\n\u003cp class=\"ping__name\"\u003eNiacinamide\u003c\/p\u003e\n\u003cp class=\"ping__desc\"\u003eHelps even the look of redness and dark spots for a calmer, clearer finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping__card\"\u003e\n\u003cdiv class=\"ping__photo\"\u003e\u003cimg alt=\"Sodium Hyaluronate ingredient by Olivine Beauty helping attract moisture for hydrated, soft, and plump-looking skin.\" decoding=\"async\" height=\"3313\" loading=\"lazy\" sizes=\"(max-width:900px) 75vw, 220px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-sodium-hyaluronate-key-ingredient.png?v=1788963145\u0026amp;width=760\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-sodium-hyaluronate-key-ingredient.png?v=1788963145\u0026amp;width=380 380w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-sodium-hyaluronate-key-ingredient.png?v=1788963145\u0026amp;width=760 760w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-sodium-hyaluronate-key-ingredient.png?v=1788963145\u0026amp;width=1140 1140w\" width=\"3313\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping__body\"\u003e\n\u003cp class=\"ping__name\"\u003eHyaluronic Acid\u003c\/p\u003e\n\u003cp class=\"ping__desc\"\u003eDraws in moisture so skin looks plumper and the tint sits smooth rather than dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping__card\"\u003e\n\u003cdiv class=\"ping__photo\"\u003e\u003cimg alt=\"Peptide complex ingredient serum texture supporting smoother skin Olivine Beauty\" decoding=\"async\" height=\"3313\" loading=\"lazy\" sizes=\"(max-width:900px) 75vw, 220px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-peptide-complex-ingredient_jpg.png?v=1788963150\u0026amp;width=760\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-peptide-complex-ingredient_jpg.png?v=1788963150\u0026amp;width=380 380w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-peptide-complex-ingredient_jpg.png?v=1788963150\u0026amp;width=760 760w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-peptide-complex-ingredient_jpg.png?v=1788963150\u0026amp;width=1140 1140w\" width=\"3313\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping__body\"\u003e\n\u003cp class=\"ping__name\"\u003ePeptide Complex\u003c\/p\u003e\n\u003cp class=\"ping__desc\"\u003eSoftens the look of fine lines so the tint blurs across them instead of settling in.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ping__card\"\u003e\n\u003cdiv class=\"ping__photo\"\u003e\u003cimg alt=\"Caffeine, helps skin look fresher and less tired around the eyes\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:900px) 75vw, 220px\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-caffeine-key-ingredient.png?v=1788963156\u0026amp;width=760\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-caffeine-key-ingredient.png?v=1788963156\u0026amp;width=380 380w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-caffeine-key-ingredient.png?v=1788963156\u0026amp;width=760 760w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-caffeine-key-ingredient.png?v=1788963156\u0026amp;width=1140 1140w\" width=\"2048\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ping__body\"\u003e\n\u003cp class=\"ping__name\"\u003eCaffeine\u003c\/p\u003e\n\u003cp class=\"ping__desc\"\u003eHelps skin look fresher and less tired, especially around the eyes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_story_main\"\u003e\u003csection id=\"pstory-template--18944211026007__pdrn_story_main\"\u003e\u003cdiv class=\"pstory__inner\"\u003e\u003cdiv class=\"pstory__grid\"\u003e\n\u003cdiv class=\"pstory__visual\"\u003e\u003cimg alt=\"Woman wearing the Tone Adapting CC Serum, skin looking even and still like skin\" decoding=\"async\" height=\"2048\" loading=\"lazy\" sizes=\"(max-width:749px) 100vw, 50vw\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-wearing.png?v=1788963160\u0026amp;width=900\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-wearing.png?v=1788963160\u0026amp;width=450 450w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-wearing.png?v=1788963160\u0026amp;width=900 900w, https:\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-wearing.png?v=1788963160\u0026amp;width=1200 1200w\" width=\"2048\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pstory__content\"\u003e\n\u003cp class=\"pstory__eyebrow\"\u003eWhy Olivine\u003c\/p\u003e\n\u003ch2 class=\"pstory__title\"\u003eYou should not have to guess your own colour\u003c\/h2\u003e\n\u003cp class=\"pstory__lead\"\u003eShade charts were built for shops, not for skin. They ask you to pick a point on a grid under someone else's lighting and then live with it. We built the opposite: a serum that arrives with no colour showing at all, and lets your own skin decide where it lands. The match is not something we promise you in advance. It is something you watch happen.\u003c\/p\u003e\n\u003cul class=\"pstory__list\"\u003e\n\u003cli class=\"pstory__item\"\u003e\n\u003cspan class=\"pstory__check\"\u003e✓\u003c\/span\u003e Three shades, each one with real range\n              \u003c\/li\u003e\n\u003cli class=\"pstory__item\"\u003e\n\u003cspan class=\"pstory__check\"\u003e✓\u003c\/span\u003e The matched powder brush is free with the deal\n              \u003c\/li\u003e\n\u003cli class=\"pstory__item\"\u003e\n\u003cspan class=\"pstory__check\"\u003e✓\u003c\/span\u003e 60 day money back guarantee\n              \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdp_guarantee_main\"\u003e\u003csection id=\"grt-template--18944211026007__pdp_guarantee_main\"\u003e\u003cdiv class=\"grt__inner\"\u003e\n\u003cdiv class=\"grt__icon\"\u003e\u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.55-3.05 7.6-7 9-3.95-1.4-7-4.45-7-9V6l7-3z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"grt__eyebrow\"\u003e60 Day Money Back\u003c\/p\u003e\n\u003ch2 class=\"grt__heading\"\u003eLove your match, or it is on us\u003c\/h2\u003e\n\u003cdiv class=\"grt__body\"\u003e\u003cp\u003eWear it in your own light and judge it in your own mirror, for a full 60 days. Wrong shade, wrong finish, or no reason at all, keep everything you ordered and we will make it right. No restocking fee and nothing deducted from your refund.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003csection class=\"shopify-section\" id=\"shopify-section-template--18944211026007__pdrn_faq_main\"\u003e\u003csection id=\"pf-template--18944211026007__pdrn_faq_main\"\u003e\u003cdiv class=\"pf__head\"\u003e\n\u003cp class=\"pf__eyebrow\"\u003eGood to know\u003c\/p\u003e\n\u003ch2 class=\"pf__title\"\u003eFrequently asked questions\u003c\/h2\u003e\n\u003cp class=\"pf__lead\"\u003eEverything worth knowing before you pick a shade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pf__list\"\u003e\n\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eWhat shades does it come in?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eThree: Light, Medium and Dark. Each one adapts as you blend, so a single shade flexes across a range of tones rather than locking you to one exact point on a chart. Pick the one closest to you and the powder brush comes matched to it.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eWhy does it look neutral in the bottle?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eBecause the colour has not been released yet. The pigment sits sealed in tiny capsules suspended in the serum and stays sealed until you blend, which is what lets it settle toward your tone instead of arriving pretinted and hoping it is close.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eHow much coverage does it give?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eSheer to light, and you can build it. It evens the look of redness, dark spots and uneven tone while still looking like skin up close. If you want a full coverage foundation finish this is not that, and we say so on purpose. For more, press a second thin layer only where you want it.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eDo I have to use the powder?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eNo. The serum works on its own and many women wear it that way on no makeup days. The powder is for the days you want it to last, or when it is hot, or when you are being photographed. Buy 1, Get 1 Free includes it free, so you can try both and decide.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eIs it skincare or makeup?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eBoth, and that is the point. It is a serum first: lightweight, comfortable and made for daily wear. The adaptive tint sits inside that serum, so you get the evened look of a tint with the feel of skincare.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eWhat if it does not match me?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eThen you get your money back. Wear it, test it in daylight, hold it next to your jawline. If at any point in those 60 days the match does not look right to you, contact us and we will make it right.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eIs it good for sensitive skin?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eIt is made to be gentle enough for everyday wear, with a lightweight serum base rather than a heavy foundation formula. As with anything new we recommend a small patch test along your jawline first.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"pf__item pf-open\" open=\"\"\u003e\u003csummary class=\"pf__q\"\u003e\u003cspan\u003eHow much should I use?\u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"pf__pm\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"pf__aw\"\u003e\u003cdiv class=\"pf__a\"\u003e\u003cp\u003eA little goes a long way. Start with about a pea size and press it in from the centre of your face outward, giving it a few seconds to adapt. Build a second thin layer only where you want more evening.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e\u003cscript type=\"application\/json\" id=\"olivine-cc-config\"\u003e{\"id\":\"gid:\/\/shopify\/Product\/15237179277675\",\"handle\":\"tone-adapting-cc-serum\",\"variants\":[{\"id\":53831342588267,\"shade\":\"Light\",\"includes\":\"Serum Only\",\"price\":4495},{\"id\":53831342621035,\"shade\":\"Light\",\"includes\":\"Setting Powder Brush\",\"price\":4495},{\"id\":53831342653803,\"shade\":\"Medium\",\"includes\":\"Serum Only\",\"price\":4495},{\"id\":53831342686571,\"shade\":\"Medium\",\"includes\":\"Setting Powder Brush\",\"price\":4495},{\"id\":53831342719339,\"shade\":\"Dark\",\"includes\":\"Serum Only\",\"price\":4495},{\"id\":53831342752107,\"shade\":\"Dark\",\"includes\":\"Setting Powder Brush\",\"price\":4495}],\"addon\":{\"id\":53831343931755,\"handle\":\"uneven-tone-peel-shot-dark-spot-cream-duo\",\"price\":3400,\"compare\":4495},\"gift\":{\"id\":53831343964523}}\u003c\/script\u003e\n\u003c\/div\u003e\u003cscript\u003e(()=\u003e{\nconst roots=[...document.querySelectorAll('#sg-olivine-cc')],root=roots[0];\nif(!root||root.dataset.ready)return;roots.slice(1).forEach(e=\u003ee.remove());\nconst origin=root.closest('.shopify-section');\nif(origin\u0026\u0026origin.parentNode){origin.parentNode.insertBefore(root,origin);origin.classList.add('sg-olivine-cc-original-shell');}\nroot.dataset.ready='1';\nconst $=s=\u003eroot.querySelector(s),$$=s=\u003e[...root.querySelectorAll(s)];\nconst config=JSON.parse($('#olivine-cc-config').textContent),route=window.Shopify?.routes?.root||'\/';\nconst bk=document.createElement('div');bk.id='olivine-cc-bk-reviews';root.append(bk);\nfunction placeReviews(){const r=document.querySelector('#auto-bk-review-section');if(r\u0026\u0026r.parentNode!==bk)bk.append(r);}\nnew MutationObserver(placeReviews).observe(document.querySelector('#MainContent')||root,{childList:true,subtree:true});placeReviews();\nlet selected=2,busy=false,currency=window.Shopify?.currency?.active||'USD';\nfunction money(c){return currency==='USD'?'$'+(c\/100).toFixed(2):new Intl.NumberFormat(document.documentElement.lang||'en',{style:'currency',currency}).format(c\/100);}\nfunction updateCartCount(cart){const link=document.querySelector('.sg-cart');if(!link)return;let count=link.querySelector('.sg-cart__count');if(!count){count=document.createElement('span');count.className='sg-cart__count';link.append(count);}count.textContent=String(cart.item_count||0);count.hidden=!cart.item_count;}\nfunction getVariant(shade){return config.variants.find(v=\u003ev.shade===shade\u0026\u0026v.includes==='Serum Only');}\nfunction pickers(n=selected){return $$('.quantity-break-option-container[data-option-quantity=\"'+n+'\"] .quantity-break-variant-select');}\nfunction firstShade(){return pickers()[0]?.value||'Light';}\nfunction renderMoney(){\n  $$('.quantity-break-option-container').forEach(row=\u003e{const n=Number(row.dataset.optionQuantity),ss=pickers(n),prices=ss.map(s=\u003egetVariant(s.value)?.price||4495);row.querySelector('.quantity-break-price').textContent=money(n===2?Math.max(...prices):prices[0]);const compare=row.querySelector('.quantity-break-original-price');if(compare)compare.textContent=money(prices.reduce((a,b)=\u003ea+b,0));});\n  const a=$('[class^=\"upsell-price-now-\"]'),b=$('[class^=\"upsell-price-was-\"]');if(a)a.textContent=money(config.addon.price);if(b)b.textContent=money(config.addon.compare);\n}\nfunction syncShade(shade){\n  $$('.simple-variant-picker__radio[data-option-position=\"1\"]').forEach(r=\u003e{r.checked=r.value===shade;});\n  $$('.simple-variant-picker__selected-value').forEach(e=\u003ee.textContent=shade);\n  $$('.qb-sticky-chip').forEach(e=\u003ee.classList.toggle('is-active',e.dataset.shade===shade));\n  const v=getVariant(shade);if(v){$('.product-buy-form-pdp input[name=id]').value=v.id;const u=new URL(location.href);u.searchParams.set('variant',v.id);history.replaceState(null,'',u.pathname+u.search+u.hash);}\n}\nfunction select(n){selected=Number(n);$$('.quantity-break-input').forEach(e=\u003e{const checked=Number(e.value)===selected;e.checked=checked;e.closest('.quantity-break-option').classList.toggle('selected',checked);});syncShade(firstShade());renderMoney();}\n$$('.quantity-break-input').forEach(e=\u003ee.addEventListener('change',()=\u003eselect(e.value)));\n$$('.quantity-break-variant-select').forEach(e=\u003ee.addEventListener('change',()=\u003e{syncShade(firstShade());renderMoney();}));\nfunction chooseShade(shade){$$('.quantity-break-variant-select').forEach(e=\u003ee.value=shade);syncShade(shade);renderMoney();}\n$$('.simple-variant-picker__radio[data-option-position=\"1\"]').forEach(e=\u003ee.addEventListener('change',()=\u003echooseShade(e.value)));\n$$('.sticky-add-to-cart__button').forEach(button=\u003e{\n const row=document.createElement('div');row.className='qb-sticky-shades';\n row.innerHTML='\u003cspan class=\"qb-sticky-shades__label\"\u003eShade\u003c\/span\u003e';\n [['Light','#EFD3BC'],['Medium','#C4906A'],['Dark','#5E3A28']].forEach(([shade,color])=\u003e{const b=document.createElement('button');b.type='button';b.className='qb-sticky-chip';b.dataset.shade=shade;b.setAttribute('aria-label',shade);b.title=shade;b.style.backgroundColor=color;b.addEventListener('click',()=\u003echooseShade(shade));row.append(b);});\n button.parentNode.insertBefore(row,button);\n});\nasync function add(e){\n if(e){e.preventDefault();e.stopImmediatePropagation();}if(busy)return;busy=true;\n const btn=$('.shop-add-to-cart-button'),error=$('#olivine-cc-error');btn.disabled=true;error.style.display='none';\n try{\n  const items=[];pickers().forEach(s=\u003e{const v=getVariant(s.value);if(!v)throw Error('Please select a shade.');const item=items.find(x=\u003ex.id===v.id);if(item)item.quantity++;else items.push({id:v.id,quantity:1});});\n  if(selected===2)items.push({id:config.gift.id,quantity:1,properties:{'Free Gift':'Buy 1, Get 1 Free + Powder Brush','Shade':firstShade()}});\n  if($('[data-upsell-checkbox]')?.checked)items.push({id:config.addon.id,quantity:1});\n  const drawer=document.querySelector('cart-drawer');\n  const sectionIds=drawer?.getSectionsToRender?.().map(s=\u003es.id);\n  const payload={items};if(sectionIds?.length){payload.sections=sectionIds;payload.sections_url=location.pathname;}\n  const response=await fetch(route+'cart\/add.js',{method:'POST',headers:{'Content-Type':'application\/json',Accept:'application\/json'},body:JSON.stringify(payload)});\n  const data=await response.json();if(!response.ok)throw Error(data.description||data.message||'Unable to add to cart. Please try again.');\n  if(drawer?.renderContents\u0026\u0026data.sections){drawer.classList.remove('is-empty');drawer.renderContents(data);fetch(route+'cart.js').then(r=\u003er.json()).then(updateCartCount).catch(()=\u003e{});busy=false;btn.disabled=false;}\n  else location.assign(route+'cart');\n }catch(err){error.textContent=err.message;error.style.display='block';busy=false;btn.disabled=false;}\n}\nroot.addEventListener('submit',add,true);$('.shop-add-to-cart-button').addEventListener('click',add,true);\n$$('.sticky-add-to-cart__button').forEach(e=\u003ee.addEventListener('click',add,true));\nconst wrappers=$$('.shop-image-zoom-wrapper'),thumbs=$$('.shop-thumbnail');let index=0;\nfunction show(i){index=(i+wrappers.length)%wrappers.length;wrappers.forEach((e,n)=\u003e{e.classList.toggle('active',n===index);e.querySelector('.shop-main-image')?.classList.toggle('active',n===index);});thumbs.forEach((e,n)=\u003e{e.classList.toggle('active',n===index);e.setAttribute('aria-pressed',String(n===index));});}\nfunction sizeThumbs(){const h=$('.shop-main-image.active')?.getBoundingClientRect().height;if(h\u0026\u0026innerWidth\u003e=800)$$('.shop-thumbnails').forEach(e=\u003ee.style.maxHeight=h+'px');else $$('.shop-thumbnails').forEach(e=\u003ee.style.maxHeight='');}\nnew ResizeObserver(sizeThumbs).observe($('.shop-image-container'));$$('.shop-main-image').forEach(e=\u003ee.addEventListener('load',sizeThumbs));window.addEventListener('resize',sizeThumbs);sizeThumbs();\nconst zoom=document.createElement('dialog');zoom.id='olivine-cc-zoom';zoom.innerHTML='\u003cbutton type=\"button\" aria-label=\"Close image\"\u003e×\u003c\/button\u003e\u003cimg alt=\"Product image enlarged\"\u003e';root.append(zoom);\nzoom.querySelector('button').addEventListener('click',()=\u003ezoom.close());zoom.addEventListener('click',e=\u003e{if(e.target===zoom)zoom.close();});\nwrappers.forEach(w=\u003ew.addEventListener('click',()=\u003e{const img=w.querySelector('img');zoom.querySelector('img').src=img.getAttribute('data-zoom-src')||img.src;zoom.querySelector('img').alt=img.alt;zoom.showModal();}));\nthumbs.forEach((e,i)=\u003e{e.addEventListener('click',()=\u003eshow(i));e.addEventListener('keydown',k=\u003e{if(k.key==='Enter'||k.key===' '){k.preventDefault();show(i);}});});\n$$('.shop-mobile-arrow-prev').forEach(e=\u003ee.addEventListener('click',()=\u003eshow(index-1)));$$('.shop-mobile-arrow-next').forEach(e=\u003ee.addEventListener('click',()=\u003eshow(index+1)));\nlet tx=0;const stage=$('.shop-image-container');stage.addEventListener('touchstart',e=\u003e{tx=e.touches[0].clientX;},{passive:true});stage.addEventListener('touchend',e=\u003e{const dx=e.changedTouches[0].clientX-tx;if(Math.abs(dx)\u003e45)show(index+(dx\u003c0?1:-1));},{passive:true});\nconst sticky=$('.sticky-add-to-cart');if(sticky)new IntersectionObserver(es=\u003e{sticky.classList.toggle('sg-visible',!es[0].isIntersecting\u0026\u0026es[0].boundingClientRect.top\u003c0);},{threshold:0}).observe($('.shop-add-to-cart-button'));\nconst from=config.variants.find(o=\u003eString(o.id)===new URLSearchParams(location.search).get('variant'));chooseShade(from?.shade||'Light');select(2);show(0);\nPromise.all([fetch(route+'products\/'+config.handle+'.js').then(r=\u003er.json()),fetch(route+'products\/'+config.addon.handle+'.js').then(r=\u003er.json()),fetch(route+'cart.js').then(r=\u003er.json())]).then(([p,a,c])=\u003e{currency=c.currency||currency;config.variants.forEach(o=\u003e{const v=p.variants?.find(v=\u003ev.id===o.id);if(v)o.price=v.price;});if(a.variants?.[0]){config.addon.price=a.variants[0].price;config.addon.compare=a.variants[0].compare_at_price||config.addon.compare;}renderMoney();}).catch(()=\u003e{});\nwindow.addEventListener('pageshow',()=\u003e{busy=false;$('.shop-add-to-cart-button').disabled=false;});\n})();\n\n\n(function(){\n  var root = document.getElementById('ugcv-template--18944211026007__ugc_videos_main');\n  if(!root || root.dataset.ugcvInit) return;\n  root.dataset.ugcvInit = '1';\n  var stage = root.querySelector('[data-stage]');\n  var cards = Array.prototype.slice.call(stage.querySelectorAll('[data-card]'));\n  var N = cards.length; if(!N) return;\n  var current = 0, dragPx = 0;\n\n  function relIndex(i){ var r=i-current; if(r\u003eN\/2) r-=N; if(r\u003c-N\/2) r+=N; return r; }\n  function spacing(){ return cards[0].offsetWidth * 0.72; }\n\n  function position(extra){\n    var sp = spacing();\n    var side = Math.floor((N - 1) \/ 2);         \/\/ symmetric max cards per side\n    var win = Math.min(side, 1);                \/\/ center + one scaled peek each side; outer cards stay hidden buffers so the wrap teleport happens off-screen\n    var snapped = false;\n    cards.forEach(function(c,i){\n      var rel = relIndex(i), abs = Math.abs(rel);\n      var visible = abs \u003c= win + 0.2;\n      var tx = rel * sp + (extra || 0);\n      var scale = Math.max(1 - abs*0.18, 0.6);   \/\/ center full size, sides smaller\n      \/\/ a card that jumped to the far side wrapped — teleport it instantly (while hidden) instead of sliding across\n      if (c._rel !== undefined \u0026\u0026 Math.abs(rel - c._rel) \u003e 1){ c.style.transition = 'none'; snapped = true; }\n      c._rel = rel;\n      c.style.transform = 'translateX(' + tx.toFixed(1) + 'px) scale(' + scale.toFixed(3) + ')';\n      c.style.opacity = (visible ? Math.max(1 - abs*0.35, 0) : 0).toFixed(3);\n      c.style.zIndex = String(10 - Math.round(abs*3));\n      c.style.pointerEvents = visible ? 'auto' : 'none';\n      c.classList.toggle('is-center', rel === 0);\n    });\n    if (snapped){                               \/\/ let the teleport paint, then restore transitions so future moves animate\n      void stage.offsetWidth;\n      requestAnimationFrame(function(){ cards.forEach(function(c){ if (c.style.transition === 'none') c.style.transition = ''; }); });\n    }\n  }\n  function setHeight(){ var h=0; cards.forEach(function(c){ if(c.offsetHeight\u003eh) h=c.offsetHeight; }); stage.style.height = h + 'px'; }\n  var inView = !('IntersectionObserver' in window), userPaused = true;\n  function playCenter(){\n    cards.forEach(function(c,i){\n      var v=c.querySelector('video'); if(!v) return;\n      if(i!==current){ v.pause(); c.classList.remove('is-playing'); try{ v.currentTime=0; }catch(e){} }\n      else if(inView \u0026\u0026 !userPaused \u0026\u0026 v.paused){\n        var ok = function(){ c.classList.add('is-playing'); };\n        var p = v.play();\n        if(p \u0026\u0026 p.then) p.then(ok).catch(function(){ v.muted = true; var q = v.play(); if(q \u0026\u0026 q.then) q.then(ok).catch(function(){}); });\n        else ok();\n      }\n    });\n  }\n  function layout(){ position(0); setHeight(); playCenter(); }\n  function go(dir){ current=(current+dir+N)%N; userPaused=false; position(0); playCenter(); }\n\n  var pv=root.querySelector('[data-prev]'), nx=root.querySelector('[data-next]');\n  if(pv) pv.addEventListener('click', function(){ go(-1); });\n  if(nx) nx.addEventListener('click', function(){ go(1); });\n\n  cards.forEach(function(c,i){\n    c.addEventListener('click', function(e){\n      if(moved) return;                       \/\/ ignore click that ended a drag\n      if(e.target.closest('[data-mute]')) return;\n      if(c.classList.contains('is-center')){\n        var vid=c.querySelector('video');\n        if(vid){ if(vid.paused){ userPaused=false; vid.play().catch(function(){}); c.classList.add('is-playing'); } else { userPaused=true; vid.pause(); c.classList.remove('is-playing'); } }\n        return;\n      }\n      go(relIndex(i) \u003e 0 ? 1 : -1);\n    });\n    var mute=c.querySelector('[data-mute]'), v=c.querySelector('video');\n    if(mute\u0026\u0026v){\n      var syncMute=function(){ mute.classList.toggle('is-sound', !v.muted); mute.setAttribute('aria-label', v.muted ? 'Unmute' : 'Mute'); };\n      v.addEventListener('volumechange', syncMute);\n      syncMute();\n      mute.addEventListener('click', function(e){ e.stopPropagation(); v.muted=!v.muted; syncMute(); });\n    }\n  });\n\n  \/\/ Drag-to-swipe (touch + mouse\/trackpad) with live follow\n  var dragging=false, startX=0, moved=false;\n  function down(x){ dragging=true; startX=x; dragPx=0; moved=false; stage.classList.add('is-dragging','is-grabbing'); }\n  function move(x){ if(!dragging) return; dragPx=x-startX; if(Math.abs(dragPx)\u003e6) moved=true; position(dragPx * 0.9); }\n  function up(){\n    if(!dragging) return; dragging=false; stage.classList.remove('is-dragging','is-grabbing');\n    var th = stage.clientWidth * 0.08 + 24;    \/\/ easy threshold\n    if(dragPx \u003c= -th) go(1); else if(dragPx \u003e= th) go(-1); else layout();\n    dragPx=0;\n  }\n  stage.addEventListener('touchstart', function(e){ down(e.touches[0].clientX); }, {passive:true});\n  stage.addEventListener('touchmove',  function(e){ if(dragging){ move(e.touches[0].clientX); } }, {passive:true});\n  stage.addEventListener('touchend', up); stage.addEventListener('touchcancel', up);\n  stage.addEventListener('mousedown', function(e){ e.preventDefault(); down(e.clientX); });\n  window.addEventListener('mousemove', function(e){ move(e.clientX); });\n  window.addEventListener('mouseup', up);\n\n  \/\/ Trackpad \/ horizontal wheel = one step per gesture\n  var wheelLock=false;\n  stage.addEventListener('wheel', function(e){\n    if(Math.abs(e.deltaX) \u003e Math.abs(e.deltaY) \u0026\u0026 Math.abs(e.deltaX) \u003e 8){\n      e.preventDefault(); if(wheelLock) return; wheelLock=true;\n      go(e.deltaX \u003e 0 ? 1 : -1);\n      setTimeout(function(){ wheelLock=false; }, 480);\n    }\n  }, {passive:false});\n\n  if('IntersectionObserver' in window){\n    new IntersectionObserver(function(entries){\n      inView = entries[0].isIntersecting;\n      if(inView){ layout(); }\n      else { var c=cards[current], v=c\u0026\u0026c.querySelector('video'); if(v \u0026\u0026 !v.paused){ v.pause(); c.classList.remove('is-playing'); } }\n    }, {threshold:0.25}).observe(root);\n  }\n\n  window.addEventListener('resize', layout);\n  requestAnimationFrame(layout);\n  window.addEventListener('load', layout);\n})();\n\n\n(function(){\n  var root=document.getElementById('pfaq-template--18944211026007__pdp_faq_main'); if(!root||root.dataset.init) return; root.dataset.init='1';\n  var items=Array.prototype.slice.call(root.querySelectorAll('[data-item]'));\n  function closeAll(except){\n    items.forEach(function(it){\n      if(it===except) return;\n      it.classList.remove('is-open');\n      it.querySelector('[data-a]').style.maxHeight=null;\n      it.querySelector('[data-q]').setAttribute('aria-expanded','false');\n    });\n  }\n  items.forEach(function(it){\n    var q=it.querySelector('[data-q]'), a=it.querySelector('[data-a]');\n    q.addEventListener('click', function(){\n      var open=it.classList.contains('is-open');\n      closeAll(it);\n      if(open){ it.classList.remove('is-open'); a.style.maxHeight=null; q.setAttribute('aria-expanded','false'); }\n      else { it.classList.add('is-open'); a.style.maxHeight=a.scrollHeight+'px'; q.setAttribute('aria-expanded','true'); }\n    });\n  });\n  window.addEventListener('resize', function(){\n    var open=root.querySelector('.is-open [data-a]');\n    if(open){ open.style.maxHeight=open.scrollHeight+'px'; }\n  });\n})();\n\n\n(function(){\n  var root = document.getElementById('prev-template--18944211026007__pdrn_reviews_main');\n  if(!root || root.dataset.prevInit) return;\n  root.dataset.prevInit = '1';\n  var track = root.querySelector('[data-rtrack]');\n  function step(){ var c = track.firstElementChild; return c ? c.getBoundingClientRect().width + 18 : 300; }\n  var pv = root.querySelector('[data-rprev]'), nx = root.querySelector('[data-rnext]');\n  if(pv) pv.addEventListener('click', function(){ track.scrollBy({left:-step(), behavior:'smooth'}); });\n  if(nx) nx.addEventListener('click', function(){ track.scrollBy({left:step(), behavior:'smooth'}); });\n})();\n\n\n  (function(){\n    var root = document.getElementById('pf-template--18944211026007__pdrn_faq_main');\n    if(!root || root.dataset.pfInit) return;\n    root.dataset.pfInit = '1';\n    var items = Array.prototype.slice.call(root.querySelectorAll('.pf__item'));\n\n    items.forEach(function(d){\n      var wrap = d.querySelector('.pf__aw');\n      if(d.classList.contains('pf-open')){ d.open = true; wrap.style.height = 'auto'; }\n      var summary = d.querySelector('.pf__q');\n      summary.addEventListener('click', function(e){\n        e.preventDefault();\n        if(d.classList.contains('pf-open')){\n          collapse(d);\n        } else {\n          items.forEach(function(o){ if(o !== d \u0026\u0026 o.classList.contains('pf-open')) collapse(o); });\n          expand(d);\n        }\n      });\n    });\n\n    function expand(d){\n      var wrap = d.querySelector('.pf__aw');\n      d.open = true;\n      d.classList.add('pf-open');\n      var target = wrap.scrollHeight;\n      wrap.style.height = '0px';\n      wrap.offsetHeight; \/\/ reflow\n      wrap.style.height = target + 'px';\n      wrap.addEventListener('transitionend', function te(ev){\n        if(ev.propertyName !== 'height') return;\n        wrap.style.height = 'auto';\n        wrap.removeEventListener('transitionend', te);\n      });\n    }\n\n    function collapse(d){\n      var wrap = d.querySelector('.pf__aw');\n      wrap.style.height = wrap.scrollHeight + 'px';\n      wrap.offsetHeight; \/\/ reflow\n      d.classList.remove('pf-open');\n      wrap.style.height = '0px';\n      wrap.addEventListener('transitionend', function te(ev){\n        if(ev.propertyName !== 'height') return;\n        d.open = false;\n        wrap.style.height = '';\n        wrap.removeEventListener('transitionend', te);\n      });\n    }\n  })();\n\u003c\/script\u003e","brand":"Olivine Beauty","offers":[{"title":"Light \/ Serum Only","offer_id":53831342588267,"sku":"OLIVINE-CC-LIGHT-SERUM","price":44.95,"currency_code":"USD","in_stock":true},{"title":"Light \/ Setting Powder Brush","offer_id":53831342621035,"sku":"OLIVINE-CC-LIGHT-POWDER","price":44.95,"currency_code":"USD","in_stock":true},{"title":"Medium \/ Serum Only","offer_id":53831342653803,"sku":"OLIVINE-CC-MEDIUM-SERUM","price":44.95,"currency_code":"USD","in_stock":true},{"title":"Medium \/ Setting Powder Brush","offer_id":53831342686571,"sku":"OLIVINE-CC-MEDIUM-POWDER","price":44.95,"currency_code":"USD","in_stock":true},{"title":"Dark \/ Serum Only","offer_id":53831342719339,"sku":"OLIVINE-CC-DARK-SERUM","price":44.95,"currency_code":"USD","in_stock":true},{"title":"Dark \/ Setting Powder Brush","offer_id":53831342752107,"sku":"OLIVINE-CC-DARK-POWDER","price":44.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1004\/0629\/6939\/files\/cc-olivine-beauty-tone-adapting-cc-serum-main-cover_7f874cc6-eaca-40df-b634-632a5e0d4fc6.png?v=1788962930","url":"https:\/\/simplygo.site\/id\/products\/tone-adapting-cc-serum","provider":"Simply Go","version":"1.0","type":"link"}