/** Shopify CDN: Minification failed

Line 710:33 Unexpected "?"

**/
:root {
  --spacing--block: 20px;
  --bdr-dark--general: var(--bg-color--dark);
}

.text-uppercase {
  text-transform: uppercase;
}

.announcement--root, .layout--template {
	background-image: URL('./page-background.jpg');
	background-repeat: repeat;
	background-position: center;
	background-size: auto;
}
.announcement--root  {
	color: var(--bg-color--dark);
}

[data-heading="featured-heading"] {
	--font--size: 70px;
}
[data-heading="featured-heading"] [data-item="secondary-button"], [data-heading="featured-heading"] [data-item="secondary-button"]:hover {
	background-color: transparent;
}

[data-item~="section-heading"] {
	color: var(--bg-color--dark);
}
/*
[data-item~="section-heading"], [data-item="overline"] {
	color: var(--bg-color--dark);
}
*/

.image-with-text--root [data-item~="section-heading"],
.image-with-text--root [data-item="overline"] {
	color: inherit;
}

[data-background-color="bg-green-background"], popup-block {
	background-image: var(--bg-green-background);
    --main-background-image: var(--bg-green-background);
	background-repeat: repeat;
	background-position: left center;
	background-size: auto;
}

[data-background-color="bg-green-background"] [data-item~="section-heading"], [data-background-color="bg-green-background"] [data-item="overline"] {
	color: var(--bg-color--light);
}

@media only screen and (min-width:767px) {
	.footer--block:not(:first-child):not(:last-child) .footer--block--container {
		margin: 0;
	}

	.footer--block:last-child {
		align-items: flex-start;
	}
}

.footer--block--logo {
	margin-bottom: 60px;
}
.footer--block--logo__image {
	width: auto;
	height: auto;
}
.footer--block--logo a {
	display: inline-block;
}
.footer--block--heading {
	margin-bottom: 25px;
}
.social-icons--root svg {
	height: 23px;
	width: 23px;
}
.footer--social .footer--block--heading {
	font-size: var(--font--size);
	margin-bottom: 0;
}

.drawer--instance {
	background-color: #FFF6E6;
}

.drawer--overlay[aria-hidden="false"] {
	background-color: rgba(0,0,0,0.45);
}

[data-item="overline"] {
	--font--size: 14px;
}


.stacked-text--overline {
	margin: 15px 0;
}
.stacked-text--description {
	margin: 15px 0;
}
.stacked-text--button {
	margin: 15px 0;
}

.featured-content--root .stacked-text--button {
	margin: 36px 0;
}
.product--quick-add > * {
	width: 35px;
	height: 35px;
	border: 1px solid var(--bg-color--dark);
}

.product--quick-add {
	padding: var(--spacing--3);
}

.product--quick-add path {
	fill: var(--bg-color--dark);
}

.product--root:hover .product--quick-add > * {
	border-color: #fff;
	background-color: #fff;
}

.ingredients--block--item {
	text-align: center;
	color: var(--bg-color--dark);
}
.ingredients--block---title {
	font-size: 22px;
	margin-bottom: 15px;
}
.ingredients--block---tagline{
	max-width: 53%;
	margin: 0 auto 15px;
}
.ingredients--block---description {
	margin: 0 auto 15px;
}
.ingredients--show-more {
	padding: 15px;
	text-align: center;
}
a.ingredients--show-more__link {
	color: #fff;
	border-color: #fff;
	padding: 15px;
	background-color: var(--bg-color--dark);
	border-radius: var(--button--radius);
	text-decoration: none;
}

.slick-next::before, .slick-prev::before {
	display: none;
}
.slick-next .icon--next, .slick-prev .icon--prev {
	border-color: var(--bg-color--dark);
}
.slick-next .icon--next > div, .slick-prev .icon--prev > div {
	border-color: var(--bg-color--dark);
}
.slick-dots li {
	margin: 0;
}
.slick-dots li button::before {
	font-size: 12px;
	opacity: 1;
	color: #A9AFAA;
}

.slick-dots li.slick-active button::before {
	opacity: 1;
	color: #414241;
}

.ingredients--block--grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: var(--spacing--4);
	--columns: 4;
	justify-content: center;
}

.ingredients--block--grid > div {
	width: 25%;
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
}

[data-item="secondary-button"],
[data-item="button"] {
	height: 43px;
	line-height: 43px;
}

[data-item="secondary-button"], [data-item="secondary-button"]:focus-visible, [data-item="secondary-button"]:hover, [data-item="secondary-button"]:link, [data-item="secondary-button"]:visited,
[data-item="button"], [data-item="button"]:focus-visible, [data-item="button"]:hover, [data-item="button"]:link, [data-item="button"]:visited
{
	color: #fff;
	background-color: var(--bg-color--dark);
	border: 2px solid var(--bg-color--dark);
}

[data-item="secondary-button"]:hover,
[data-item="button"]:hover {
	border-color: #222;
}

[data-transition-button][data-item*="button" i] {
	overflow: unset;
}

[data-transition-button][data-item*="button" i]::after {
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	width: auto;
	height: auto;
	transform-origin: center;
    transform: none;
    transition: all .3s;
	background-color: inherit !important;
    border-color: var(--color--body);
	border-width: 2px;
    border-style: solid;
	border-radius: 2px;
}

[data-transition-button][data-item*="button" i]:hover:not([disabled]):not([aria-busy="true"])::after {
	transform: scaleX(1.05) scaleY(1.15);
}

[data-text-color="white"] [data-transition-button][data-item="secondary-button"]:hover:not([disabled]):not([aria-busy="true"]) {
	color: #fff;
}

[data-transition-button][data-item="secondary-button"],
[data-transition-button][data-item="secondary-button"]:focus-visible,
[data-transition-button][data-item="secondary-button"]:hover, [data-item="secondary-button"]:link,
[data-transition-button][data-item="secondary-button"]:visited {
	border: none;
}

.featured-grid--item--text {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	--color--body: #fff;
}

.product--details-container {
	--spacing--item: var(--spacing--4);
	color: var(--bg-color--dark);
}
.product--details-container .product--type {
	font-size: 20px;
	text-transform: uppercase;
}


.subscribe-form {
	border-bottom: none !important;
	display: block;
	padding: 0;
}

.subscribe-form--input {
	border-bottom: 1px solid #fff;
	border-radius: 0;
	margin-bottom: var(--spacing--3);
}

.subscribe-form--input:focus-visible {
	border-bottom: 1px solid #fff;
}

.subscribe-form--submit {
	scale: 1;
	padding: 0 var(--spacing--3);
}

.subscribe-form--submit .icon--next {
	display: none;
}

.section--newsletter .subscribe-form,
.section--newsletter .subscribe-form--input
{
	text-align: center;
}

.columns-with-text--container {
	display: flex;
	flex-direction: column;
}

.stacked-text--wrapper {
	margin: 0 auto;
}

@media only screen and (min-width: 767px) {
	.columns-with-text--container {
		gap: calc(var(--spacing--section--x) * 2);
		  flex-direction: row;
	}
	.columns-with-text--container .stacked-text--wrapper {
		padding: 0;
	}
}

.contact--header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: unset;
	width: 100%;
	max-width: var(--max-width--large);
	margin: 0 auto 25px;
}

.contact-form input, .contact-form textarea {
	background-color: transparent;
	color: var(--bg-color--dark);
	border: 1px solid var(--bg-color--dark);
}

[data-background-color="bg-green-background"] .contact-form input, [data-background-color="bg-green-background"] .contact-form textarea {
	color: #fff;
	border-color: #fff;
}

.contact--form-submit {
	text-align: center;
}
.contact--form-submit [data-item="button" i] {
	padding: 0 30px;
	color: #fff;
	background-color: var(--bg-color--dark);
}

[data-background-color="bg-green-background"] .contact--form-submit [data-item="button" i] {
	background-color: transparent;
}

.shopify-policy__container {
	max-width: var(--max-width--medium) !important;
}

.radios--main {
	width: calc(50% - var(--spacing--item));
}
.radios--main .radios--value-button {
  width: 100%;
}
.cart--root:not([data-view="desktop"]) .cart--notes--textarea {
	background: transparent;
	border-color: #D3CBBE;
	resize: none;
}

.related-products--title {
	margin-bottom: var(--spacing--4);
}

.product--root[data-product-view="grid"] .product--title {
	margin-bottom: 0;
}

.cart--root {
	max-width: var(--max-width--large);
}

.product-page--block .social-icons--items > * .icon--root path {
	fill: var(--color--body);
}

.collapsible-row--toggle, .collapsible-row--content {
  padding-left: 0;
}

.y-menu--level-2--container {
	background-color: #fff6e6;
}

.header--account:has(> svg), .header--cart:has(> svg), .header--search:has(> svg) {
  width: auto;
}

.header--cart:has(> svg) > svg {
	margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .header--cart:has(> svg) > svg {
	margin-left: 0px;
  }
  .header--cart-text {
    display: none;
  }
}

/* Mobile CSS */
@media only screen and (max-width: 767px) {
  .footer--block {
    text-align: left;
    align-items: start;
    padding-left: var(--spacing--block);
    padding-right: var(--spacing--block);
  }
  .footer--menu li:not(:last-child) {
    padding-bottom: 0;
  }
  .footer--menu {
    gap: 0;
  }
  .section--image-with-text:not(:first-child) .image-with-text--root {
    padding: var(--spacing--section--mobile);
  }
  .section--image-with-text:not(:first-child) .image-with-text--root .featured-content--image {
    --image--radius: 10px;
  } 
  .ingredients--block---tagline {
    max-width: 50%;
  }
  .slick-dots li, .slick-dots li button::before {
    width: 16px;
    height: 16px;
  }
  .section--image-with-text:first-child .featured-content--root[data-mobile-overlay="true"] .stacked-text--root {
	margin: 0;
	padding: 0;
	bottom: 0;
    text-align: left;
  }
  .ingredients--block--grid {
    --columns: 2;
  }
  [data-product-block][data-block-type="heading"], [data-product-block][data-block-type="price"], [data-product-block][data-block-type="rating"], [data-product-block][data-block-type="sku"], [data-product-block][data-block-type="vendor"] {
    text-align: left;
  }
  [data-item="secondary-button"] {
    line-height: 1;
  }
}

[data-product-id="8605539860645-template--19294768726181__main"] .product-media--container[data-masonry-layout] {
	flex-flow: row wrap;
    height: auto !important;
}

.jm-mfp-content {
    background: #fffffa !important;
}

.ingredients--block---found {
  margin-top: 15px;
}

.pagination-custom {
  width: 100% !important;
  text-align: center;
}

.pagination-custom > span.page {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 2;
	background: transparent;
	color: var(--color--body);
    border: 1px solid var(--bg-color--dark)
	margin: 0 2px;
}

.pagination-custom > span.page.current {
	background: var(--bg-color--dark);
	color: #fff;
}

.pagination-custom > span.page > a {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 2;
	color: var(--color--body);
}

.pagination--link .icon--root path {
	fill: var(--color--body) !important;
}

.header--cart[data-type="icon"]:not([data-cart-count="0"])::after {
	top: -5px;
	left: auto;
	right: -10px;
}

.pagination--root[data-item] {
  width: 100%;
}

.ingredients--modal {
	position: fixed;
	z-index: 5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
    display: none;
}

.ingredients--modal-overlay {
	position: fixed;
	z-index: 6;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background-color: var(--bg-color--dark-translucent);
}

.ingredients--modal-container {
	z-index: 7;
    background-color: #fff;
	width: 80%;
	border-radius: var(--image--radius);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 10px;
	max-width: 900px;
	background-image: url(./page-background.jpg);
	background-repeat: repeat;
	background-position: center;
	background-size: auto;
	border: 5px solid #fff;
}

.ingredients--modal-body {
	padding: 15px;
	overflow: auto;
	height: 100%;
    max-height: 600px;
}

.ingredients--modal-title {
	font-size: 22px;
	margin-bottom: 15px;
	float: left;
	margin-top: 15px;
}

.ingredients--modal-picture, .ingredients--modal-description {
	width: calc(50% - 15px);
	float: left;
	margin-right: 15px;
}

.ingredients--modal-body::after {
	display: block;
	content: "";
	clear: both;
}

.ingredients--modal-close {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 24px;
	height: 24px;
	background-color: var(--bg-color--dark);
	border-radius: 12px;
	border: 1px solid #fff;
	cursor: pointer;
}

.ingredients--modal-close::before {
	content: "X";
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .ingredients--modal-container {
    	height: 80%;
    }  
    .ingredients--modal-body {
        max-height: unset;
    }  
    .ingredients--modal-title {
    	float: none;
    }
    
    .ingredients--modal-picture, .ingredients--modal-description {
    	width: 100%;
    	float: none;
    	margin-right: 0;
    }
  
}

[data-item=caption] {
  font-style: normal;
}
.breadcrumbs--root {
    gap: 4px;
}
.breadcrumbs--root > * a {
  text-transform: uppercase;
  text-decoration: none;
}
.breadcrumbs--root li a:after {
    display: inline;
}
.breadcrumbs--root li:not(:last-of-type):after {
    all: unset;
    margin: 0 0 2px 4px;
    content: "\/";
}


/* QA Styles -- 2025-04-05 */
body {
  --color--body--light: var(--color--body);
}

[data-text-color="white"] .subscribe-form--input::placeholder {
	color: rgba(255,255,255,0.5);
}

shop-follow-button {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.footer--block[data-block-type="about"] {
  flex-basis: 50%;
}
.footer--block[data-block-type="menu"] {
  flex-basis: 25%;
}
.footer--block[data-block-type="subscribe"] {
  flex-basis: 30%;
}
.footer--menu {
  gap: 0;
}
.footer--about-text {
  font-size: 11px;
}

#smile-ui-lite-container {
  z-index: 9 !important;
}
.popup--block--container .social-icons--title {
  
}
.icon--next, .icon--prev {
  border-color: #fff;
  border-width: 2px;
}
.icon--next div, .icon--prev div {
  background-color: #fff; 
}
.carousel--next {
  margin-right: 50px;
}
.carousel--prev {
  margin-left: 50px;
}

.ingredients--root .icon--next, .ingredients--root .icon--prev {
  border-color: var(--color--body);
}
.ingredients--root .icon--next div, .ingredients--root .icon--prev div {
  background-color: var(--color--body); 
}

@media only screen and (min-width: 768px) {
  .stacked-text--wrapper {
      padding: 24px 48px;
  }
}
[data-container="panel"] {
  margin-bottom: 48px;
  margin-top: 48px;
}

-- What element is this targeting??????
[data-section-id="template--17511868072101__ef31fa12-e7a0-4c66-8567-1cca76a8a029"] [data-container="panel"] {
  margin-bottom: 0;
  margin-top: 24px;
}

.stacked-text--wrapper > :last-child {
  margin-bottom: 0;
}

[data-parallax-effect="true"] .featured-content--container .featured-content--image {
  transition: transform .4s ease-in-out;
}
[data-parallax-effect="true"] .featured-content--container:hover .featured-content--image {
  transform: scale(1.10);
}
[data-background-watermark="true"] {
  position: relative;
}
[data-background-watermark="true"]::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(/cdn/shop/files/logo-background.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	max-width: 300px;
	max-height: 300px;
	width: 25%;
	height: 80%;
	opacity: 0.25;
}
.product-options--option label.radios--value-button {
    text-transform: none;
    color: var(--color--body);
    line-height: 1;
    background: transparent;
	transition: transform .4s ease-in-out;
}
.radios--input[data-item="radio"]:checked + .radios--value-button, .radios--input[data-item="radio"]:hover + .radios--value-button, [data-is-swatches="true"] .filter--input:checked + .radios--value-button, [data-is-swatches="true"] .filter--input:hover + .radios--value-button {
	color: #fff;
	background: var(--color--body);
}
.product-options--option label.radios--value-button:hover {
	transform: scale(1.025);
}
/* Sections with Transparent Buttons */
.section--image-with-text .stacked-text--button[data-item="secondary-button"], /* (Contact) -> Concierge Section, (Rewards) -> Refer A Friend Section, Join 8th Wonders, (Product) -> 8th Wonders Section, (Homepage) -> 8th Wonders */
.slideshow--root .stacked-text--button[data-item="secondary-button"], /* (Homepage) -> Slideshow, (Our Story, Our Ingredients) -> Our Ingredients/Skin Care 101 -  */
[data-section-id="template--18855858340005__featured_text_JBDHrp"] .stacked-text--button[data-item="secondary-button"] /* (Rewards) -> Join 8th Wonders */
{
	background-color: transparent !important;
}
.section--image-with-text [data-transition-button][data-item*="button" i]::after,
.slideshow--root [data-transition-button][data-item*="button" i]::after, 
[data-section-id="template--18855858340005__featured_text_JBDHrp"] [data-transition-button][data-item*="button" i]::after
{
    border-color: #fff !important;
}

/* Rewards Page = #shopify-section-template--18855858340005__text_columns_yPFTij */
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--body--container .featured-grid--item:hover {
  background-color: #dfe7bf;
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--body--container .featured-grid--item:hover .featured-grid--item--text {
  color: var(--color--body);
  --color--body: var(--color--body);
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--body--container .featured-grid--item:hover .featured-grid--item--image img {
  visibility: hidden;
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--item--title { 
  font-size: 40px;
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--item--link-container {
	height: 43px;
	line-height: 43px;
	border: 2px solid #fff;
	padding: 0 12px;
	margin-top: 24px;
    border-radius: 2px;
  	transition: transform .4s ease-in-out;
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--item--link-container:hover {
	transform: scale(1.05);
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--body--container .featured-grid--item:hover .featured-grid--item--link-container {
	border-color: var(--color--body);
  color: var(--color--body);
}
#shopify-section-template--18855858340005__text_columns_yPFTij .featured-grid--item--link-container::after {
	display: none;
}

/* Skin Care 101 = #shopify-section-template--17869127483557__columns_with_text_PYx8YQ */
@media only screen and (min-width: 768px) {
  #shopify-section-template--17869127483557__columns_with_text_PYx8YQ .columns-with-text--items {
    width: 50%;
  }
}
/* Concierge = #shopify-section-template--17869664977061__contact_C6qFWx */
#shopify-section-template--17869664977061__contact_C6qFWx [data-text-color="white"] [data-item="secondary-button"] {
  background-color: #fff;
  color: var(--color--body);
  width: 100px;
}
#shopify-section-template--18855858176165__text_columns_qXFebA .featured-grid--item--text {
	position: relative;
	transform: none;
	margin-top: 24px;
	color: var(--color--body);
	--color--body: var(--color--body);
  padding-left: 0;
  padding-right: 0;
}
#shopify-section-template--18855858176165__text_columns_qXFebA .featured-grid--item--title {
	font-size: 40px;
	margin-bottom: 24px;
    margin-top: 24px;
}
/* Contact = #shopify-section-template--18855858208933__1632180071f18cee62 */
#shopify-section-template--18855858208933__1632180071f18cee62 [data-item="secondary-button"] {
  color: #FFF;
  width: 100px;
  border: none;
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
	color: var(--color--body);
	text-transform: uppercase;
}
/* Cart */
.quantity-selector--container {
  background: transparent;
}
.quantity-selector--minus, .quantity-selector--plus, .quantity-selector--input {
  background: transparent;
}

/* Show variant media on product gallery */
.product-page--mobile-container .product-media--variants--root[data-layout=thumbnails] .product-media--root:first-child {
  display: block;
}

/* Rewards and Home page 3 column sections */
#shopify-section-template--18855858340005__text_columns_zKLzT6 .featured-grid--item--title,
#shopify-section-template--18855858077861__ef31fa12-e7a0-4c66-8567-1cca76a8a029 .featured-grid--item--title
{
  font-size: 30px;
}
#shopify-section-template--18855858340005__text_columns_zKLzT6 .featured-grid--item--description,
#shopify-section-template--18855858077861__ef31fa12-e7a0-4c66-8567-1cca76a8a029 .featured-grid--item--description
{
  font-size: 16px;
}