/** Shopify CDN: Minification failed

Line 1830:2 Unexpected "}"

**/
/* 2024 Font & Colour Updates */
:root {
  --body-font: "Martina Plantijn";
  --title-font: "Regola Pro Book";
  --number-font: "Roboto Mono";
  
  --h1-fs-desktop: 50px;
  --h1-lh-desktop: 60px;
  --h1-fs-tablet: 40px;
  --h1-lh-tablet: 48px;
  --h1-fs-mobile: 40px;
  --h1-lh-mobile: 48px;

  --h2-fs-max: 32px;
  --h2-lh-max: 39px;
  --h2-fs-desktop: 32px;
  --h2-lh-desktop: 39px;
  --h2-fs-tablet: 32px;
  --h2-lh-tablet: 39px;
  --h2-fs-mobile: 32px;
  --h2-lh-mobile: 39px;

  --h3-fs-max: 20px;
  --h3-lh-max: 28px;
  --h3-fs-desktop: 20px;
  --h3-lh-desktop: 28px;
  --h3-fs-tablet: 20px;
  --h3-lh-tablet: 28px;
  --h3-fs-mobile: 20px;
  --h3-lh-mobile: 28px;

  --el-grey:#E9E8E4;

}
body {
    font-size: 16px;
}


.quotation>*, .product-quote, .academy-quote * {
    font-family: 'Martina Plantijn';
}

.megamenu--show .navbar__cart-icon, .nav--solid .navbar__cart-icon {
    color: var(--pink) !important;
}
.search-articles__list > li > a > span {
    font-family: 'Roboto Mono';
}
/*h1, h2, h3, h4, h5, h6 {
    font-family: Regola Pro Book;
}*/
/* END 2024 Font Updates */


/* ###############  2024 UX UPDATES ############### */
.btn {
    border-radius: 4px;
    font-family: var(--title-font);
    background: var(--purple);
    color:#fff;
}
.btn:hover {
    background: var(--pink);
}
footer {
      padding-top: 40px;
    padding-bottom: 40px;
}
footer .footer-grid {
    font-size: 16px;
}
.footer-grid .newsletter {
    padding-right: 6vw;
    max-width: 500px;
}
footer #mce-EMAIL {
    width: 100%;
}
footer input#mce-EMAIL {
    font-family: var(--body-font);
}
footer form, footer .mc-field-group {
    width: initial;
}
.footer-grid .col p {
    font-size: 16px;
}
footer .bcorp {
    display: flex;
    margin: 50px 0;
}
footer .bcorp-img {
    padding-right: 30px;
}
.footer-grid .col .footer-col-title {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 0;
    font-family: var(--body-font);
    text-transform: initial;
    margin-bottom: 12px;
    font-weight: bold;
}
footer .footer-grid .col .footer-link {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
}
footer .footer-grid .col .footer-link:hover {
    color: var(--pink);
  text-decoration:initial;
}
footer .gutter-grid div, footer .gutter-grid div a {
    color: #524EB780;
    margin-right: 0px;
    transition: .5s;
}
footer .gutter-grid div > a:first-of-type {
    margin-right: 20px;
}
footer .gutter-grid {
    grid-template-columns: auto auto auto;
    justify-content: space-between;
      align-items: end;
      margin-top: 20px;
}
.footer-localisation-container form select {
    background-color: initial !important;
    border-radius: 0px !important;
    border: 1px solid !important;
  font-size:14px !important;
}
.footer-grid .col .footer-social-icons a img {
    vertical-align: middle;
}
footer .social-icon.instagram img {
    height: 35px;
}
@media all and (max-width: 770px) {
  footer {
    padding-bottom: 10px;
  }
  .footer-grid .newsletter {
    padding-right: 0;
  }
  .footer-grid .col {
        padding-right: 0px;
    }
  footer .bcorp {
    margin: 30px 0;
  }
  footer .footer-social-icons {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  footer .gutter-grid {
    /*grid-template-columns: auto;*/
    grid-template-columns: repeat(auto-fill, minmax(100%, 100%));
    gap:5px;
  }
  .footer-localisation-container {
    order: -1;
    margin-bottom: 20px;
  }
  .footer-localisation-container form select {
    width: 100% !important;
  }
  footer .bcorp.md-show {
        display: flex !important;
  }
  .footer-localisation-container form {
    max-width: initial;
  }
}

/* HOMEPAGE */
/* section.image-with-text .two-col.grid {
    grid-template-columns: 1fr 1.3fr;
      justify-items: end;
}
section.image-with-text .two-col.grid-reverse {
    grid-template-columns: 1.3fr 1fr;
} */
section.image-with-text .two-col.grid-reverse .col-left  {
    order:2;
}
.image-with-text .grid .col-inner.pr-vw {
    padding-left: 0;
}
@media all and (max-width:768px) {
section.image-with-text .two-col.grid, section.image-with-text .two-col.grid-reverse {
    grid-template-columns: initial;
}
  section.image-with-text .two-col.grid .col-left {
    order: 2;
}
  .tta-product-list-section {
    margin-right:0;
  }
}
.title.title--ttatop.hero-title-ttatop {
    left: 48px !important;
    top: 50px !important;
      bottom: initial !important;
}

.owl-theme .owl-dots .owl-dot span {
    border: solid 1px var(--purple) !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--purple) !important;
}

.testimonial-slider {
    margin: 30px 0;
}
.testimonial-slider .testimonial-card .product-quote {
    margin-bottom: 0;
}
.owl-theme .owl-nav {
    margin-top: initial;
    position: absolute;
    width: 100%;
    top: 44%;
}
#sync01.owl-theme .owl-next, #sync01.owl-theme .owl-prev {
      margin-top: initial !important;
}

/* PLP */
.collection--has-sidebar .top-section {
    display: initial !important;
}
.collection--has-sidebar .collection-side-bar {
    padding: 192px 30px 40px!important;
  border-bottom: 0 !important;
}
@media all and (max-width:768px) {
  .collection--has-sidebar .collection-side-bar {
    padding: 152px 30px 30px !important;
}
}
.collection--has-sidebar .product-grid {
    padding-top: 0 !important;
}
.collection__title h1, .collection__title h2 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.collection-description--wrapper h1, .collection-description--wrapper h2{
  
}
.collection--has-sidebar .product-grid>.product-item {
    width: 25% !important;
}
.collection-side-bar.lower {
    padding: 50px 30px !important;
    border-bottom: 1px solid var(--purple) !important;
}

.collection--has-sidebar .collection-motif {
    display: none;
}
.collection-side-bar.lower a {
    text-decoration: underline;
}
.collection-side-bar.lower .hidden-content {
  display: none; /* Hide after JS runs */
}
.collection-side-bar.lower.expanded .hidden-content {
  display: block; 
}
.collection-side-bar a.read-more-btn {
    cursor: pointer;
}
.product-grid, div#shopify-section-product-grid {
    padding-top: 35px !important;
}
.collection-side-bar.lower p, .collection-side-bar.lower a {
    font-size: 14px;
    line-height: 20px;
}


.page-collection .product-grid .jdgm-preview-badge, .template-search .jdgm-preview-badge, .search-results__products .product-grid .jdgm-preview-badge{
    z-index: 9992;
    position: absolute;
    top: 20px;
    right: 10px;
    max-width: 50%;
    color: white;
      pointer-events: none;
}
.page-collection .product-grid .jdgm-preview-badge .jdgm-star.jdgm-star, .template-search .jdgm-preview-badge .jdgm-star.jdgm-star, .search-results__products .product-grid .jdgm-preview-badge, .search-results__products .product-grid .jdgm-star.jdgm-star {
  color: white;
}

.page-collection .jdgm-star.jdgm--on:before, .page-collection .jdgm-star.jdgm--half:before, .template-search .jdgm-star.jdgm--on:before, .template-search .jdgm-star.jdgm--half:before, .search-results__products .product-grid .jdgm-star.jdgm--on:before, .search-results__products .product-grid .jdgm-star.jdgm--half:before  {
    font-size: 9px;
    vertical-align: middle;
}
.page-collection .jdgm-prev-badge__text, .template-search .jdgm-prev-badge__text, .search-results__products .product-grid .jdgm-prev-badge__text {
  font-family: 'Regola Pro';
  padding-left: 5px;
  font-size: 14px;
}
.search-results__products .product-grid .jdgm-prev-badge__text{
  visibility:unset !important;
}
.product-item-metadata .meta-inner .right .price .amount {
    font-size: 20px;
  font-family: var(--title-font);
}
.product-hover__atc>button, .product-hover__atc a {
    background: var(--purple);
    font-family: var(--title-font);
}
.product-hover__atc>button:hover, .product-hover__atc a:hover {
    background: var(--pink);
}
.product-hover__tags>li {
    width: 55%;
    max-width: 300px;
}
.product-item-metadata .meta-inner .right .price .amount .money {
  margin-bottom:3px;
}
.product-item-metadata .meta-inner .left .category {
    display: none;
}


.filter-popup {
    border-radius: 0px !important;
  }
.button-reveal>.button-bg {
    background-color: var(--purple);
    border-radius: 3px !important;
}
a.filter-clear-all {
    border-bottom: 0 !important;
}
.filter-popup .group .title {
    font-size: 20px;
    line-height: 28px;
}
.product-filter.button-reveal .filter-img {
    margin-right: 10px;
}
@media all and (min-width: 768px) {
  .product-filter {
    top: 53px !important;
  }
  .filter-popup {
    border-radius: 3px !important;
    top: 230px !important;
  }
}



.tta-product-list-section .section-sub-title {
font-family: Regola Pro;
font-size: 20px;
font-weight: 300;
line-height: 28px;
text-align: left;
}
.tta-product-list-section .product-list-container {
    display: flex;
    gap: 10px;
  width:250%;
}

.plcc {
    overflow-x: scroll;
      overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.plcc::-webkit-scrollbar {
  display:none !important;
}
.tta-product-list-section .product-list-product {
    display: grid;
}
.tta-product-list-section .product-list-product .text-link {
    width: fit-content;
}
.tta-product-list-section img {
    margin-bottom: 20px;
}
@media all and (min-width:768px) {
  .tta-product-list-section .section-sub-title {
  width:20%;
}
  .tta-product-list-section .product-list-container {
    display: flex;
    gap: 10px;
    width:100%
}
  .tta-product-list-section .container {
    display: flex;
}
   .tta-product-list-section .plcc {
    width: 80%;
}
}


/* Gift Card */
.template-gift_card .free-product__content > h2 {
  font-family: var(--title-font) !important;
}
.free-product__content p {
    font-size: inherit !important;
    line-height: inherit !important;
}
p.free-product__desc strong {
    font-family: var(--title-font) !important;
      letter-spacing: 2px;
}
a.btn.btn-purple {
    background: var(--purple);
    padding: 11px 26px;
    width: fit-content;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    height: 50px;
    font-family: var(--title-font);
  width:100%;
}
a.btn.btn-purple:hover {
    background: var(--pink);
}
.template-gift_card h3.free-product__title {
    margin-bottom: 0px;
}










/* ###############  END 2024 UX UPDATES ############### */


/* Judge.me styles 14.6.24 */
span.jdgm-rev__source {
    display: none;
}
.jdgm-rev-widg__summary a.jdgm-link {
    display: none;
}
div#judgeme_product_reviews {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 10px;
}
a.jdgm-write-rev-link {
    display: block !important;
}
.product_row--desc .jdgm-widget.jdgm-preview-badge {
    margin: 0 auto 28px;
}
.product_row--desc .jdgm-prev-badge {
    text-align: center;
}
.jdgm-histogram.jdgm-temp-hidden {
    display: none !important;
}
.jdgm-rev-widg__reviews .jdgm-rev__timestamp, .jdgm-rev__pinned {
    float: initial;
    margin-left: 10px;
}
.jdgm-rev-widg__reviews .jdgm-rev__icon {
    display: none !important;
}
.jdgm-sort-dropdown option[value=with-pictures], .jdgm-sort-dropdown option[value=pictures-first], .jdgm-sort-dropdown option[value=videos-first] {
    display: none !important;
}
.jdgm-rev-widg__header .jdgm-medals-wrapper {
    display: none !important;
}

.jmlink {
    position: absolute;
    width: 100%;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
}

/* END Judge.me */

/* Yotpo subscriptions styles (from SA) */
.product-hero--subscription .product-main__form {
  min-height: 240px;
}
@media (max-width: 991.98px) {
  .product-hero--subscription .product-main__form {
    min-height: 0;
  }
}
.product-hero--subscription .product-form-main {
  background-color: #fff;
}
@media (min-width: 992px) {
  .product-hero--subscription
    .product-form-main:has(.yotpo-radio-subscription-container.yotpo-selected) {
    transform: translateY(-223px);
  }
}

.yotpo-card {
  margin-top: 60px !important;
}
.page-page-yotpo-subscriptions #shopify-section-footer {
  z-index: -1;
}
.yotpo-subscription-policy {
  padding: 0 !important;
}
.yotpo-subscription-policy-text-main {
  color: var(--purple) !important;
  font-size: 10px !important;
  margin-top: 11px !important;
}
@media (max-width: 991.98px) {
  .yotpo-subscription-policy-text-main {
    margin-top: -4px !important;
  }
}
.yotpo-subscription-policy-text-header {
  display: none;
}

.product_row--content {
  padding-top: 45px;
  max-width: 500px;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .button-group--sticky {
    position: relative;
    padding-bottom: 0;
    top: auto;
    padding-top: 40px;
    transform: none;
  }

  .button-group--sticky::before {
    display: none;
  }

  .button-group--sticky .button-group--cart {
    margin-bottom: 0;
  }

  .button-group--sticky
    .yotpo-widget-subscriptions-add-to-cart
    .yotpo-radio-subscription-container {
    margin-bottom: 15px;
  }

  .button-group--sticky .yotpo-selling-plans-wrapper {
    margin-top: -5px !important;
  }

  .button-group--sticky .fade-carousel {
    margin: 11px 0 0;
  }

  .button-group .button-group--purchase {
    margin-top: 11px;
  }
}


/* Extra yotpo styles from SCSS */
@media(min-width: 992px) {
  .product-hero--subscription .product-form-main:has(.yotpo-radio-subscription-container.yotpo-selected) {
    transform: translateY(-223px)
  }
}
.product-hero--subscription .product-main__form {
  min-height: 240px
}
@media(max-width: 991.98px) {
  .product-hero--subscription .product-main__form {
    min-height: 0
  }
}
.yotpo-card {
  margin-top: 60px !important
}
.page-page-yotpo-subscriptions #shopify-section-footer {
  z-index: -1
}
.yotpo-subscription-policy {
  padding: 0 !important
}
.yotpo-subscription-policy-text-main {
  color: var(--purple) !important;
  font-size: 10px !important;
  margin-top: 11px !important
}
@media(max-width: 991.98px) {
  .yotpo-subscription-policy-text-main {
    margin-top: -4px !important
  }
}
/* END Extra yotpo styles from SCSS */
@media all and (max-width: 993px) {
  .button-group--sticky .yotpo-plans-and-policy-wrapper, .button-group--sticky .button-group--afterpay {
      display: none;
  }
  .hide--sticky-atc .button-group--sticky .yotpo-plans-and-policy-wrapper, .hide--sticky-atc .button-group--sticky .button-group--afterpay {
      display: block;
  }
}
.yotpo-widget-subscriptions-customer-portal {
    padding-top: calc(2* var(--nav-height));
}


/* Routine Page CSS Begins */
.cus_font1__bold {
	font-family: "Regola Pro Bold";
	font-weight: 700;
}

.cus_font1__light {
	font-family: "Regola Pro Book";
	font-weight: 300;
}

.cus_font2__bold {
	font-family: "Martina Plantijn";
	font-weight: 700;
}

.cus_font2__light {
	font-family: "Martina Plantijn";
	font-weight: 300;
}

.cus_font3__bold {
	font-family: 'Roboto Mono', monospace;
	font-weight: 700;
}

.cus_font3__regular {
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
}

.routine_header,
.routine_items_2__header {
	display: flex;
}


.supercharged_item div {
	position: relative;
	padding-left: 40px;
	margin-bottom: 10px;
}

.supercharged_item div::before {
	content: "+";
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

h2.rout_section__tile, .white_paper__title{
	font-size: 32px;
	line-height: normal;
}

.mrb-40 {
	margin-bottom: 40px;
}

.mrt-40 {
	margin-top: 40px;
}

.mrb-80 {
	margin-bottom: 80px;
}

.mrt-80 {
	margin-top: 80px;
}

.mrb-20 {
	margin-bottom: 20px;
}

.mrt-20 {
	margin-top: 20px;
}

.routine_item span,
.routine_item p,
.routine_items_2 p,
.routine_items_2 span,
.supercharged_item p,
.supercharged_item span {
	font-size: 16px !important;
}

.routine_items_2 ul {
	padding-left: 75px;
}

.routine_header span:first-child,
.routine_items_2 span:first-child {
	padding-right: 22px !important;
}

.routine_item p {
	padding-left: 50px;
}

.supercharged_item>p {
	padding-bottom: 40px;
	padding-top: 20px;
	margin-bottom: 0px;
}

.routine_items_2__header {
	margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
	.routine_schedule_wrapper {
		padding: 45px;
	}

	.skincare-tips-mobile .card h3 {
		margin-top: 30px !important;
	}
}

@media screen and (min-width: 767px) {

	div#shopify-section-morning_routine_new .morning-routine,
	div#shopify-section-evening_routine_new .evening-routine {
		margin-right: 65px;
	}
}

@media screen and (max-width: 768px) {
  .hero-fw .hero-cta-button{
    bottom:30px;
  }
	#shopify-section-morning_routine_new .morning-routine {
		border-bottom: 1px solid var(--purple);
		padding-bottom: 20px;
	}

	.skincare-tips-mobile .owl-nav {
		display: none;
	}

	.skincare-tips-mobile .space-75.sm-show {
		display: none !important;
	}

	.skincare-tips-mobile {
		margin-bottom: 20px !important;
	}

	.routine_schedule_wrapper {
		flex-direction: column;
		width: 100%;
	}

	[id*="routine_schedule"] {
		flex: none;
		width: 100%;
	}

	.routine_schedule_wrapper [id*="routine_schedule"]:first-child {
		border-bottom: 1px solid var(--purple);
		padding-bottom: 20px;
	}

	.routine_schedule_wrapper {
		padding: 35px 25px 25px 25px !important;
	}
}
.skincare-desktop-slider-new h3 {
	position: static !important;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: 39px;
}
.routine_schedule_wrapper {
	display: flex;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	gap: 40px;
	padding: 80px 60px;
	box-sizing: border-box;

}
.routine_schedule_wrapper [id*="routine_schedule"] {
	flex: 1;
}
.routine_item p {
	line-height: 22px;
}
/* Routine Page CSS Ends */

/* DINESH CSS  -- CART */

.cart-drawer .cart-item{
      display: grid;
    grid-template-columns: 130px auto !important;
    grid-gap: 17px !important;
    margin: 20px 0 !important;
  padding:0px !important;
    border-bottom: none !important;
}
.cart-drawer__free-shipping{
  border:none !important;
}

.cart-drawer__header {
    padding-top: 0px !important;
}
.cart-drawer__header {
    margin: 0 20px !important;
}
.cart-drawer__body{
  padding:0 20px !important;
}

.cart-drawer__free-shipping{
  padding-top:0px !important;
}




/* DM - Mobile menu css */
.nav-links > .nav-link-list{
  transition: all .5s ease;
}
a.nav-link-list .title {
  display:flex;
  padding: 0px 20px;
}
a.nav-link-list .title span {
  width:30px;
}
a.nav-link-disc .title:before {
    content: '\2022';
    font-size: 1.2em;
    width:30px;
}

.bc-links--show .nav-links > .nav-link-list, .prod-links--show .nav-links > .nav-link-list {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-50px) !important;
}

@media screen and (max-width: 960px) {
.mobile-search-button #search-icon path {
    stroke: var(--purple) !important;
}
}

.text-left{
  text-align:left !important;
}

.n-pb{
  padding-bottom:0px !important;
}

.mega-menu_link_text{
  padding-top:10px;
  text-align:left;
}
.mega-menu_link_text a{
border-bottom:1px solid var(--purple);
}

.cart-drawer__title>h2{
  text-transform:none !important;
}

.beauty-label{
  padding-top:20px;
  border-top:1px solid var(--purple);
}
.cart-drawer__footer{
  padding:0 20px 20px !important;
}
.cart-drawer__buttons a{
    font-family: var(--title-font)!important;
}


@media (max-width: 767.98px) {
    .cart-drawer .cart-item__title {
        margin-right: unset !important;
    }
      .cart-item--recommended .cart-item__image {
        height: unset !important;
        margin-top: unset !important;
    }
      .cart-actions__grid {
        grid-template-columns: auto 1fr !important;
    }

    .cart-quantity {
        margin-top: inherit !important;
    }
  .cart-item__content_top .cart-item__title {
    width: 90%;
  }
}

a.cart-item__remove_subscription span {
    width: fit-content;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.cart-actions__grid {
    margin-top: 10px !important;
}

.search > .nav-container {
    background: white;
}


/* PDP pages CSS DM  */

/* .accordion-container .accordian-title:last-of-type(1) {
    border-bottom: solid 1px var(--grid-border) !important;
}
 */



.mobile-menu .menu-inner .close-mobile-menu{
  top:32px !important;
}

.cart-drawer .cart-drawer__button:hover {
    background-color: var(--bg-pink) !important;
}
.button-group.button-group--sticky.product-main__form{
  max-height:240px !important;
}

.cart-drawer__close-button{
  font-size:14px !important;
  color:var(--purple) !important;
    font-weight:normal !important;
    line-height: normal !important;
    text-transform: none !important;
}
.cart-drawer__title{
  align-items:baseline !important;
}

.cart-drawer__free-shipping p{
  font-size:14px !important;
}

.cart-drawer__items > .cart-item .cart-item__content{
  margin:unset !important;
  justify-content:space-between;
}

.cart-drawer .cart-item__remove{
  top:6px !important;
}

.cart-item__content_top h4, .cart-item__content_top span {
    font-size: 14px !important;
}

a.cart-subscription__upgrade{
  font-size:14px !important;
  text-decoration:underline;
  text-underline-offset:4px;
}

.custom-select__wrapper select.custom-select {
    font-size: 14px !important;
}

.cart-subscription__select{
  width:165px !important;
}

.cart-drawer .cart-item__title {
  margin:0 0 10px !important;
}
.cart-item__content_top span {
  margin:0 0 6px !important;
} 

.cart-quantity__input input{
	padding:inherit !important;
	font-size:14px !important;
}
.cart-quantity{
	width:62px !important;
}

.cart-quantity__button>span{
	width:7px !important;
}
.cart-item__remove_subscription{
  font-size: 14px;
}

.product-hover__tags>li>a{
  line-height:22px !important;
}


.bc-card>h4 {
    font-weight: 300 !important;
    margin-top: 10px !important;
    text-align: left;
    font-family: var(--body-font) !important;
    font-size: 16px !important;
    font-style: normal !important;
    line-height: 22px !important;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 0.5px;
}


.mwidth-80{
  width:80%;
}

.mleft-20p{
  margin-left:20%;
}
.dflex{
  display:flex !important;
}
.justify-content-start{
  justify-content:flex-start !important;
}

.justify-content-center{
  justify-content:center !important;
}

.justify-content-end{
  justify-content:flex-end !important;
}

a.nav-link-list .title{
  font-size:17px;
}

.product-main__description{
  text-align:left !important;
}

.nav-links, .bc-links{
  padding-bottom:110px !important;
}

body.menu-open {
  overflow: hidden;
}

@media (max-width: 991.98px) {
    .product-sub-header .sub-nav-container .col:nth-of-type(2) {
        grid-template-columns: unset;
    }
}

h4#result_num{
  font-family: var(--body-font);
}

@media (max-width: 991.98px) {
    .product-hero {
        padding-top: 116px !important;
    }
}
.plcc a.text-link{
  margin-top:0px !important;
}
.plcc .descr {
    margin-bottom: 30px;
  min-height:60px;
}
@media screen and (max-width: 768px) {
   .desktop-video{
    display:none;
  }
}
@media screen and (min-width: 769px) {
   .mobile-video{
    display:none;
  }
}

/* Video banner css */
.videoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.videoWrapper iframe, .videoWrapper video {
  width: 100vw;
  height: 100vh;
  object-fit: cover; /* Ensures the video covers the container without distortion */
}

.background-video__caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  text-align: center;
  padding: 1rem;
  max-width: 90%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
  .background-video__overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0003;
    height:100vh;
    width:100vw;
    z-index:9;
}
.background-video{
  width:100vw;
  height:100vh;
  overflow:hidden;
}
/* Video banner css ends */


.hide_menu_item{
  display:none !important;
}



/* Before and After CSS */


.select-container select {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    padding-right: 0.5em; 
    background: transparent;
    color: white;
    height:auto; 
  border:0px;
    position: relative;
}

.select-container::after {
  content: '\2304';
    position: absolute;
    right: 5px;
    top: -2px;
    pointer-events: none;
    font-size: 20px;
    color: white;
}

.select-container select:focus {
    outline: none;
}

@media (max-width: 768px) {
.select-container select{
    padding-right: 1em;
  }
  .select-container::after{
    top:-5px;
    font-size: 15px;
  }
  .container-bf{
    max-width:100%;
  }
}
#before-after-block p{
  margin-bottom:0px;
}
   .container-bf {
      position: relative;
      width: 100%;
      max-width: 800px;
     aspect-ratio:1/1;
      display: none;
     float:right;
     height:auto;
     overflow:hidden;
    }

    .container-bf .img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
    }

    .container-bf .foreground-img {
      width: 49.5%;
    }


    .uv-container .foreground-img {
      width: 50%;
    }

    .container-bf .slider {
      position: absolute;
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 100%;
      background: unset;
      outline: none;
      transition: all 0.2s;
      display: flex;
      justify-content: center;
      align-items: center;
    }


   .container-bf .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1px;
  height:800px;
    min-height:100%;
  background: repeating-linear-gradient(
    white 0px,
    white 2px,
    transparent 2px,
    transparent 4px
  );
  cursor: pointer;
     pointer-events: all;
}


.container-bf .slider::-webkit-slider-thumb::after {
  content: ''; 
  position: absolute;
  width: 400px; 
  height: 400px;
  left: -20px; 
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  pointer-events: none; 
}


.container-bf .slider::-moz-range-thumb {
  width: 1px;
  height:800px;
  min-height:100%;
  background: repeating-linear-gradient(
    white 0px,
    white 2px,
    transparent 2px,
    transparent 4px
  );
  cursor: pointer;
}


    .container-bf .slider-button {
      pointer-events: none;
      position: absolute;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      left: calc(50% - 27px);
      top: calc(50% - 27px);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Dropdown Positioning and Styling */
    .select-container {
      font-family:var(--number-font); 
        position: absolute;
        border: 0.5px solid #fff;
        top: 20px;
        left: 20px;
        z-index: 10;
        padding: 5px 10px;
        color: #fff;
      font-size:14px;
      text-transform:uppercase;
    }

.select-container label{
  font-weight:700;
}

.view_mode_footer_left, .view_mode_footer_right{
  font-family:var(--number-font); 
  font-size:14px;
  text-transform:uppercase;
}

    /* Display Day container by default */
    .day-container {
      display: block;
    }
    .view_mode_footer_wrapper{
    display: flex;
    color: white;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid white;
    padding-top:10px;
    }
    .view_mode_footer{
      position: absolute;
      padding:0px 20px 20px 20px;
      bottom: 0;
      z-index: 99999;
      width:100%;
    }

@media (max-width: 768px) {
  .select-container, .view_mode_footer_left, .view_mode_footer_right, .select-container select{
    font-size:9px;
  }
  .select-container{
    padding:0px 7px;
  }
  .select-container{
    top:10px;
    left:10px;
  }
  .view_mode_footer_wrapper{
    padding-top:5px;
  }
  .view_mode_footer{
    padding:0px 10px 10px 10px;
  }
}
/* Before and After CSS ends */

.hero-fw .col--left .center-title{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 50%;
    text-align: center;
 
}
.hero-fw .col--left .center-title h2{
   font-size: 40px !important;
font-family: var(--body-font) !important;
  color:white !important;
  line-height:normal;
}
@media (max-width: 768px) {
  .tta-product-list-section .container{
    flex-direction:column;
  }
/* .page-page-sunceutical-landing .background-video, .page-page-sunceutical-landing .background-video__overlay:before, .page-page-sunceutical-landing .hero-fw{
  height:65vh !important;
} */
.page-page-sunceutical-landing .hero-title-small, .page-page-spf-glow-landing .hero-title-small{
  max-width:100% !important;
  right:30px !important;
}
 
}
.page-page-sunceutical-landing .hero-title-small h2, .page-page-spf-glow-landing .hero-title-small h2{
  line-height:36px !important;
  font-family: var(--body-font) !important;
  font-size:30px !important;
}

/* Clinical Testing CSS  */
.ct-col-right-inner p:first-child{
  font-family:var(--number-font);
}

@media (max-width: 768px) {
.clinical-testing-container .ct-two-col{
   flex-direction:column;
 }
  .ct-col-left{
    width:100% !important;
  }
.ct-mobile-only{
  display:block !important;
}
  .ct-desktop-only{
    display:none !important;
  }
  .ct-col-left {
    border-bottom: 1px solid;
    padding-bottom: 30px;
}
  .single-product-inner{
    width:100% !important;
  }
  #single-product img{
    margin-bottom:20px !important;
  }
  .ct-col-right-inner-left{
    padding-right:20px;
  }
  .ct-col-right-inner-left p{
  font-family:var(--number-font);
}
}
.ct-desktop-only{
  display:block;
}
.ct-mobile-only{
  display:none;
}
.ct-col-right-inner-mobile {
    display: flex;
    flex-direction: row;
  border-bottom: 1px solid;
}
.ct-col-left{
  font-family:var(--title-font);
  font-size:20px;
}
.ct-col-right-header p{
  text-transform:uppercase;
  font-family:var(--number-font);
  font-size:14px;
}
.ct-col-right-inner-right .title{
  font-weight:bold;
}
.ct-col-right-inner-left{
  padding-right:40px;
  font-family:var(--number-font);
}

.ct-col-right-inner-mobile{
  margin-top:30px;
}
.ct-col-right-inner-right p:last-child{
  margin-bottom:30px !important;
}
/* Clinical Testing css ends */


/* Testimonials CSS  */



@media (max-width: 768px) {
  .twi-col-left, .twi-col-right{
  width:100% !important;
}
    .twi-two-col{
    flex-direction:column;
  }
.col-right-image-wrapper{
  margin-bottom:0px;
}
  .col-right-image-wrapper img{
    width:100% !important;
  }
.col-right-image-wrapper-inner{
  width:100% !important;
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
  }
  .col-right-image-wrapper{
    margin-bottom:0px !important;
  }
  .col-right-testimonials-wrapper{
    margin-top:40px !important;
    margin-bottom:40px !important;
  }
}
/* Testimonials CSS Ends */


/* FAQ two columns */
@media (max-width: 768px) {
.two-column{
  flex-direction:column;
}
  .faq-two-col-accordion{
    display:block !important;
  }
  .first-tab2{
    border-top:0px !important;  
  }
  .right-column{
    width:100% !important;
  }
}

/* FAQ two columns ends */
section#single-product{
  padding-bottom:0px !important;
}
.page-page-sunceutical-landing section#home-intro{
  padding-bottom:40px !important;
}

@media (max-width: 768px) {
#shopify-section-template--18808524472559__image_with_text_qVaQ7h .two-col{
      display: flex;
    flex-direction: column-reverse;
}
}

@media (min-width: 768px) {
  section#before-after-block{
    margin-bottom:60px;
  }
}


/* Product-list css */
.product-list-product .title{
  font-weight:bold;
  margin-bottom:20px;
}
/* Product-list css ends*/


/* Home Full width hero */
.hero-fw {
  position: relative;
  color: #fff;
  font-family: var(--title-font);
  height: 100vh;
  overflow: hidden;
}

.hero-fw .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}


/* Large Title */
.hero-fw .left h1,
.hero-fw .right h2 {
  font-size: var(--h1-banner-fs-desktop);
  line-height: var(--h1-banner-lh-desktop);
}

/* Small Title */
.hero-fw .left h2,
.hero-fw .right h2 {
  font-size: var(--h2-banner-fs-desktop);
  line-height: var(--h12-banner-lh-desktop);
}

.hero-fw .left {
  text-align: left;
}

.hero-fw .right {
  text-align: right;
}
.hero-fw .col {

}
  
.hero-fw .col--left {
  position: relative;
}
.hero-fw .col--left .title {
  position: absolute;
  bottom: 120px;
  left: 60px;
  z-index: 10;
  width: 50%;
}
    
  
.hero-fw .col--right {
  position: absolute;
  bottom: 0;
  right: 60px;
}
.hero-fw .col--right .title {
  position: absolute;
  bottom: 120px;
  right: 0px;
  z-index: 10;
  width: 50%;
  text-align: right;
}


.hero-fw .col--left .title.title--small {
  width: 33.333%;
}

.hero-fw .col .title h1 {
  font-size: var(--h1-banner-fs-desktop);
  line-height: var(--h1-banner-lh-desktop);
} 
.hero-fw .title--small h2 {
  color: white;
  text-transform: none;
  line-height: 1.1em;
}

  @media (max-width: 768px) {
  	
    .hero-fw .col .title h1 {
      font-size: var(--h1-banner-fs-mobile-mid);
      line-height: var(--h1-banner-lh-mobile-mid);
  	}
  }
  
  
/* Motifs */

.hero-fw .motif--top-left,
.hero-fw .motif--top-right,
.hero-fw .motif--bottom-left,
.hero-fw .motif--bottom-right {
  position: absolute;
  height: 200px;
  width: auto;
  z-index: 1;
}
  
  @media (max-width: 768px) {
    
    .hero-fw .motif--top-left,
    .hero-fw .motif--top-right,
    .hero-fw .motif--bottom-left,
    .hero-fw .motif--bottom-right {
  		display: none;
  	}
  }

.hero-fw .motif--top-left {
  height: 40vh;
  left: -5vw;
  top: 30vh;
}

.hero-fw .motif--top-right {
  height: 40vh;
  right: -5vw;
  top: 30vh;
}
  
.hero-fw .motif--bottom-left {
  height: 45vh;
  left: -5vw;
  bottom: -5vh;
}

.hero-fw .motif--bottom-right {
  height: 45vh;
  right: -5vw;
  bottom: -5vh;
}


.hero-fw .col--left .our-products--pink {
  position: absolute;
  left: 60px;
  bottom: 60px;
}
  
.hero-fw .col--right .our-products--pink {
  position: absolute;
  right: 0px;
  bottom: 60px;
}
  
.hero-fw .button-bg {
  transform: scale(1) !important;
  width: auto !important;
  border-radius: 50px !important;
}
  
  
  
@media (max-width: 768px) {

  .hero-fw .col--right {
  	display: none!important;
  }
  .hero-fw .col--left .title {
    bottom: 120px;
    left: 30px;
    z-index: 10;
    width: 85%;
  }
  .hero-fw .col--left .our-products--pink {
    left: 30px;
    bottom: 60px;
  }
}

  .hero-fw h4 {
  	line-height: 1.4;
    padding-top: 1vw;
  }

  @media (max-width: 767px) {
      .hero-fw h4 {
          display: none;
      }
  }
  
  .hero-text-col .title,
  .hero-text-col .title *,
  .hero-text-col a {
    color: var(--fore-color);
  }

  
  .title--mobile span {
    font-size: var(--h1-banner-fs-desktop);
    line-height: var(--h1-banner-lh-desktop);
      display: block;
  }
  
  @media (max-width: 768px) {
    .title--mobile span {
        font-size: var(--h1-banner-fs-mobile-mid);
        line-height: var(--h1-banner-lh-mobile-mid);
    }
  }
  
  .title--mobile h1 {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .title h2 {
      display: none;
    }
    .title--small h2 {
      display: block;
    }
    .title--small {
      right: 30px;
      width: auto;
    }
  }
  
  @media (min-width: 768px) {
    .title--mobile span {
      display: none;
    }
    
    .title--mobile h1 {
      display: block;
    }

  }
  .hero-fw .motif--bottom-left {
    bottom: 19vh;
  }
  }

/* Home Full width hero ends */



/* Product List section new CSS */
 .product-list-container {
    position: relative;
  }

  .product-list-product {
    position: relative;
    overflow: hidden;  
  }

  .product-list-product img {
    transition: opacity 0.3s ease-in-out;
    display: block; 
    width: 100%;    
    height: auto;
  }

  .product-list-product img.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
  }

  .product-list-product:hover img.hover-image {
    opacity: 1;
  }

  .product-list-product:hover img.default-image {
    opacity: 0;
  }
/* Product list section css ends */
@media (max-width: 768px) {
    .custom-highlight {
        padding-top: 40px !important;
    }
}



/* Single Product CSS begins */
 #single-product img, .sp_link_one{
    margin-bottom:20px;
  }
  #single-product a{
    border-bottom:1px solid var(--purple);
  }
  .single-product-inner{
        width: 60%;
    margin: 0 auto;
  }

 

@media (min-width: 768px) {
   .desktop_show_only{
     display:block; 
  }
  .mobile_show_only{
    display:none;
  }
}
@media (max-width: 768px) {
  .mobile_show_only{
    display:block;
  }
  .desktop_show_only{
     display:none; 
  }
}
  
/* Single product CSS ends */

.collection-description--wrapper h2, .collection-description--wrapper h1 {
    font-size: 14px !important;
    font-weight: bold;
    font-family: var(--body-font);
  margin:0px;
  line-height:20px;
}

/* outstanding shopping journey css */

.bundle-products {
    display: none;
}
.template-product .jdgm-rev-widg {
    padding-top: 40px !important;
}
@media (max-width: 991.98px) {
    .pdp-tab__image, .pdp-tab .pdp-sticky__image {
        margin-bottom: 0px !important; 
    }
  .hide-on-mobile{
    display:none;
  }
  #tab-application2 .product_row--content{
    padding-top:0px !important;
  }
}

@media (max-width: 991.98px) {
    .clinical_testings .product_row--desc {
        margin-bottom: 0 !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 991.98px) {
    .pdp-tab__image, .pdp-tab .pdp-sticky__image {
        margin-top: 0px !important;
    }
}


/* SEO NAVBAR */

.mobile-menu .menu-inner .nav-links .nav-link{
  border:0px;
}
  .nav-links a{
    padding:0px 20px;
  }


.mobile-prod__heading{
  padding:0px 20px;
}
.fixed-menu{
  border-top:1px solid #e2dbd0;
}

.mobile-menu .menu-inner{
  height:100vh;
}

.mobile-menu .menu-inner .nav-links .nav-link{
  height:55px !important;
}

.mobile-menu .menu-inner .nav-links .nav-link .title{
  height:55px !important;
}
.prod-links{
  padding-bottom:80px !important;
}

/* SEO CSS */
.image-with-text h2{
    color: var(--purple);
    font-size: var(--h3-fs-desktop);
    line-height: var(--h3-lh-desktop);
    font-family: var(--title-font);
    font-weight: 400;
}

@media screen and (max-width: 960px) {
    .image-with-text h2 {
        font-size: var(--h3-fs-tablet);
        line-height: var(--h3-lh-tablet);
    }
}

@media screen and (max-width: 768px) {
    .image-with-text h2 {
        font-size: var(--h3-fs-tablet);
        line-height: var(--h3-lh-tablet);
    }
}
@media screen and (min-width: 1440px) {
    .video-banner__title-ttatop h2 {
        font-size: var(--h3-fs-max);
        line-height: var(--h3-lh-max);
    }
}

.video-banner__title-ttatop h2 {
font-size: var(--h3-fs-desktop);
    line-height: var(--h3-lh-desktop);
    font-family: var(--title-font);
    font-weight: 400;
    margin: 0 0 20px;
}

@media screen and (max-width: 960px) {
    .video-banner__title-ttatop h2 {
        font-size: var(--h3-fs-tablet);
        line-height: var(--h3-lh-tablet);
    }
}
@media screen and (max-width: 767px) {
    .video-banner__title-ttatop h2 {
        display: block !important;
    }
}
  .megamenu--show .navbar__main,
  .nav--solid-always .navbar__main,
  .nav--solid .navbar__main {
    border-bottom: 1px solid var(--purple);
  }


.jdgm-rev-widg__summary-text.jdgm-all-reviews__summary-text--verified img {
    display: none;
}



/* Blog inside css */
@media screen and (min-width: 767px) {
  .template-article\.skin-academy .article-content__container{
  padding-top:80px;
}
}
@media screen and (max-width: 768px) {
.template-article\.skin-academy .article-content__container{
  padding-top:54px;
}
}



/* Phase 3 */

.filter-n-search-wrapper{
  padding-top:0px;
}

.no-results-message a{
  border-bottom:1px solid var(--purple);
}
@media all and (min-width: 770px) {
.filter-n-search{
  display: flex; margin-left: auto;
  }
}

@media all and (max-width: 770px) {
  .js-search-input{
    width:100%;
  }
  .filter-n-search-wrapper{
    padding-bottom:40px !important;
  }
}

.js-search-input{
  background:transparent;
}

.blog-filters .cus_font3__regular{
  font-size:14px;
}


.no-results-message{
  grid-column:span 12;
}
.skin-academy-main{
  margin-bottom:100px;
}

.no-results-message a{
  border-bottom:1px solid var(--purple);
}
@media all and (min-width: 770px) {
.filter-n-search{
  display: flex; margin-left: auto;
  }
}

@media all and (max-width: 770px) {
  .js-search-input{
    width:100%;
  }
  .filter-n-search-wrapper{
    padding-bottom:40px !important;
  }
}

.js-search-input{
  background:transparent;
}

.blog-filters .cus_font3__regular{
  font-size:14px;
}


.no-results-message{
  grid-column:span 12;
}
.skin-academy-main{
  margin-bottom:100px;
}


/* WCAG CSS */
.pdp_section-heading h2{
    font-size: 20px !important;
    line-height: 27px !important;
    font-family: var(--title-font) !important;
}



/* About page CSS Begins */

.about-hero__content-wrapper p{
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  color:#fff;
}
@media screen and (min-width: 768px) {
  .about-hero__content-wrapper{
  width:40%;
}
.header-about-hero__main-wrapper .content {
            transform: translateY(-50%);
        bottom: unset !important;
  top:50%;
    left:0 !important;
    }
 
  .header-about-hero__main-wrapper .img-bg{
   /* top:45px !important;  */
   object-position: top;
    
  }
}
  
@media screen and (max-width: 767px) {
section#about-anchor{
  padding-top: 40px !important;
}
.about-hero__content-wrapper{
  width:100%;
 }  
  .header-about-hero__main-wrapper .img-bg{
    height:auto !important;
    /* top:35px !important; */
    height: 100% !important;
    object-position: top;
  }
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
  
  .mobile-only {
    display: block;
  }
}
.anchor-list{
  display: flex; 
  list-style: none; 
  padding: 0; 
  margin: 0;
}
.anchor-list li{
  margin:0px !important;
  padding-right:25px;
}
.image-with-text-three-images h2
  {
    margin-bottom:40px;
    color: var(--purple);
    font-size: var(--h3-fs-desktop);
    line-height: var(--h3-lh-desktop);
    font-family: var(--title-font);
    font-weight: 400;
}
@media screen and (min-width: 1024px){
  #read-more .two-column-container{
    width:1000px;
  }
}

.header-about-hero__main-wrapper {
    padding-left: var(--section-margin-left-desktop);
    padding-right: var(--section-margin-left-desktop);
}

@media screen and (max-width: 767px) {
  .header-about-hero__main-wrapper {
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left: var(--section-margin-left-mobile);
    padding-right: var(--section-margin-left-mobile);
}
  .header-hero--left .content{
    left:0px !important;
    bottom:25px !important;
  }
  .page-page-about .image-with-text h2{
    margin-bottom:20px !important;
  }
.image-with-text-three-images {
  padding-top:0px;
  padding-bottom:0px;
}
  .image-with-text-three-images h2{
    margin-bottom:20px;
  }
  section#sustainability{
    padding-top:0px;
  }
  #video-banner-template--19459599237359__about_video_banner_HAXkKT{
    padding-top:0px;
    padding-bottom:20px;
  }
  #read-more .two-column-container{
    margin:0px;
  }
}
ul.anchor-list li a:hover {
    border-bottom: 1px solid var(--purple);
}
/* About page css ends */