/** Shopify CDN: Minification failed

Line 1332:2 "tranform" is not a known CSS property
Line 3044:13 Expected ":"
Line 3044:15 Expected identifier but found "1"

**/
/* -------------------------------------------------- */
/*       IMAGE Skincare Canada - Custom Styles        */
/* -------------------------------------------------- */



/* ------------------------------ */
/* Typography  */
/* ------------------------------ */
p {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

li {
  font-size: 14px !important;
  font-weight: 400 !important;
  padding-bottom: 5px;
}

strong {
  font-weight: 600;
}

p a,
li a {
  text-underline-offset: 2px !important;
  text-decoration-color: #737A7D !important;
}

p a:hover,
li a:hover {
  color: #737A7D !important;
}



/* XLARGE HEADINGS - H1 */
h1.h1,
h2.h1,
h3.h1,
h4.h1,
.rte h1 {
  font-size: 42px;
  line-height: 46px;
}

/* LARGE HEADINGS - H2 */
h1.h2,
h2.h2,
h3.h2,
h3.large,
h4.h2,
.rte h2 {
  font-size: 32px;
  line-height: 36px;
}

/* MEDIUM HEADINGS - H3 */
h3,
h1.h3,
h2.h3,
h3.h3,
h3.medium,
h4.h3,
.rte h3 {
  font-size: 24px;
  line-height: 28px;
}

/* SMALL HEADINGS - H4 */
h1.h4,
h2.h4,
h3.h4, 
h3.small,
h4.h4,
.rte h4 {
  font-size: 20px;
  line-height: 24px;
}

h3.h1, h3.h2, h3.h3, h3.h4, 
h3.large, h3.medium, h3.small, 
h4.h1, h4.h2, h4.h3, h4.h4 {
  font-weight: 500;
}

p.subheading {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.description-size--small,
.description-size--small p,
.text-size-small p,
.multicolumn__column p {
  font-size: 14px !important;
  line-height: 24px !important;
}

.description-size--medium,
.description-size--medium p,
.text-size-regular p {
  font-size: 16px !important;
  line-height: 26px !important;
}

.description-size--large,
.description-size--large p,
.text-size-large p {
  font-size: 18px !important;
  line-height: 28px !important;
}

@media only screen and (max-width: 480px) {
  /* LARGE HEADINGS - H2 */
  h1.h2,
  h2.h2,
  h3.h2,
  h3.large,
  h4.h2,
  .rte h2 {
    font-size: 24px;
    line-height: 28px;
  }
}


/* ------------------------------ */
/*             Buttons            */
/* ------------------------------ */

.button,
.section-header--button a {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 40px !important;
  padding: 8px 25px;
}

.button.white {
  border: 1px solid #000000;
}

.button.accent,
.button.accent:hover,
.section-header--button a {
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding: 0 8px 0 25px;
}

.button.accent:after,
.section-header--button a:after {
  content: url('/cdn/shop/files/button-arrow.svg?v=1691609248');
  height: 100%;
  width: 32px;
  margin-left: 25px;
  padding: 11px 0 0 8px;
  border-left: 1px solid #000000;
}

.button.accent:hover,
.section-header--button a:hover {
  opacity: 0.8;
}

.single-add-to-cart-button,
.shopify-payment-button__button {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  line-height: 20px !important;
  
  height: 48px !important;
  padding: 14px 20px !important;
  border-radius: 5px !important;
}

.single-add-to-cart-button {
  color: #FFFFFF !important;
  background: #000000 !important;
}

.single-add-to-cart-button:after {
  display: none;
}

.section-header--button a span {
  display: none;
}

.text-button {
  font-size: 14px;
  font-weight: 600;
}

.flickity-nav,
.flickity-button {
  width: 40px !important;
  height: 40px !important;
  
  background-image: url('https://imageskincare.ca/cdn/shop/files/button-arrow.svg?v=1691609248') !important;
  background-size: 23px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  background-color: #FFFFFF !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
  opacity: initial !important;
  border-radius: initial !important;
  transform: initial !important;
}

.flickity-nav svg,
.flickity-button svg {
  display: none;
}

.flickity-nav.flickity-prev,
.flickity-button.previous {
  transform: rotate(180deg) !important;
}

.flickity-page-dots .dot.is-selected {
  width: 8px !important;
}




/* ------------------------------ */
/*             Layout             */
/* ------------------------------ */

.shopify-section > .row,
.section-spacing > .row,
.template-header > .row,
.footer > .row,
.row {
  max-width: 1400px;
  padding: 0 20px;
}


.shopify-section > .row > .columns,
.section-spacing > .row > .columns,
.template-header > .row > .columns,
.row.no-padding {
  padding: 0;
}

.shopify-section > .row.full-width-row-full {
  max-width: none;
  padding: 0;
}

.section-spacing .toggle-boxes--inner {
  max-width: 1400px;
  padding: 0 20px;
}

/* ------------------------------ */
/*     Navigation Typeography     */
/* ------------------------------ */

.mega-menu-promotion--content {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mega-menu-promotion--content h6 {
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
}


/* ------------------------------ */
/*        Mobile Navigation       */
/* ------------------------------ */

@media only screen and (max-width: 1068px) {
  .mobile-menu,
  .mobile-menu li,
  .mobile-menu .sub-menu {
    padding: 0 !important;
  }

  .mobile-menu li > a, 
  .mobile-menu li summary {
    font-size: 16px !important;
    min-height: 55px !important;
    padding: 0 20px !important;
  }

  .mobile-menu li .parent-link-back--button {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: center;
    background-color: #F7F8F7;
  }

  .mobile-menu li > a, 
  .mobile-menu li summary,
  .mobile-menu li .parent-link-back--button {
    border-bottom: 0.5px solid #A3AAAD !important;
  }

  .mobile-menu .mobile-promotions {
    display: flex;
    gap: 10px;
    padding: 10px;
  }

  .mobile-menu .mega-menu-promotion {
    padding: 0 !important;
  }

  .mobile-menu-drawer {
    border-top: none !important;
  }

  .thb-mobile-menu-footer {
    border-top: 0.5px solid #A3AAAD !important;
  }

  .thb-mobile-account-link {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    min-height: 55px;
    background-color: #F7F8F7;
  }
}

@media only screen and (max-width: 519px) {
  .mobile-menu .mobile-promotions {
    flex-direction: column;
  }

  .mobile-menu .parent-link-promotion {
    width: 100%;
  }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
  .mobile-menu .mobile-promotions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .mobile-menu .parent-link-promotion {
    width: calc(50% - 5px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  .mobile-menu .parent-link-promotion {
    width: calc(25% - 2.5px);
  }
}


/* ------------------------------ */
/*       Desktop Navigation       */
/* ------------------------------ */

.header-section {
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) {
  .header {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1068px) {
  .header--inner {
    max-width: none;
  }

  .header.style1 .full-menu {
    margin: initial;
    justify-content: flex-end;
  }

  .thb-full-menu .sub-menu li,
  .thb-full-menu .sub-menu li a {
    font-size: 14px !important;
    line-height: 32px !important;
    padding: 0 !important;
  }

  .thb-full-menu li a:after,
  .thb-full-menu li.menu-item-has-children svg {
    display: none;
  }

  .thb-full-menu li.menu-item-has-children > a {
    padding: 0;
  }

  .thb-full-menu > li > a,
  .thb-full-menu li a.mega-menu-columns__heading {
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .thb-full-menu li a.mega-menu-columns__heading {
    margin-bottom: 5px !important;
  }
  
  .thb-full-menu .sub-menu {
    top: 115% !important;
  }
  
  .thb-full-menu .mega-menu-container {
    top: 100% !important;
  }
  
  .thb-full-menu .mega-menu-container .mega-menu-columns {
    max-width: none;
    display: flex;
    gap: 10px !important;
    padding: 0 40px;
  }

  .thb-full-menu .mega-menu-container .mega-menu-columns > li {
    flex: 1 1 0px;
    padding-right: 20px !important;
  }

  .thb-full-menu .mega-menu-container .mega-menu-columns > li.promotion {
    width: 100%;
    max-width: 320px;
    padding-right: 0 !important;
  }

}










/* ------------------------------ */
/*            Sections            */
/* ------------------------------ */

.section-header {
  padding: 0;
  margin-bottom: 40px;
}

.section-header--title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;  
}

.section-header--description p {
  font-size: 14px;
  line-height: 24px;
}




/* SECTION SPACING */

.column-spacing--small {
  grid-gap: 5px;
}

.column-spacing--medium {
  grid-gap: 10px;
}

.column-spacing--large {
  grid-gap: 20px;
}


/* ----- Before/After Image ----- */

.section-before-after .before-after-image--text .inline-badge {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  
  height: auto;
  background: none; 
  padding: 0;
  margin-bottom: 20px;
  
}

.section-before-after .before-after-image--text ul {
  margin: 0
}

.section-before-after .before-after-image--text li {
  font-size: 16px !important;
  list-style: none;
}

.section-before-after .before-after-image--text li em {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  margin-right: 4px;
  
}

.section-before-after .before-after-image--label {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  border-radius: 5px !important;
  padding: 7px 16px 8px !important;
}

.template-product-ageless-retinol .section-before-after .before-after-image--text h3,
.template-product-ageless-retinol .section-before-after .before-after-image--text ul {

  
}

.template-product-ageless-retinol .section-before-after .before-after-image--text .inline-badge {
  /* font-family: "freight-big-pro", serif;
  font-size: 24px;
  font-weight: 600;
  font-style: italic;
  line-height: 33px;
  letter-spacing: 0.5px;
  
  
  height: 35px;
  display: inline-block;
  background: #1F2A44;
  color: #ffffff;
  padding: 0 20px;
  border-radius: 20px; */
}

.template-product-ageless-retinol .section-before-after .before-after-image--text .inline-badge:before {
  display: none;
}




/* ----- Collection List ----- */

.collection-list-section .row {
  max-width: none;
  padding: 0 2.5px;
}

.collection-list-section .collection-card.style2:hover, 
.collection-list-section .collection-card.style2:focus {
  transform: none !important;
}

.collection-list-section .collection-card .collection-card--content {
  padding: 30px !important;
}

.collection-list-section .collection-card .collection-card--link {
  font-weight: 600;
}

.collection-list-section .collection-card .collection-card--link-small {
  font-size: 18px !important;
}

.collection-list-section .collection-card .collection-card--link-medium {
  font-size: 20px !important;
}

.collection-list-section .collection-card .collection-card--link-large {
  font-size: 24px !important;
}

.collection-grid {
  grid-gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.collection-grid__carousel .columns {
  padding: 0 2.5px;
}

.collection-grid__carousel .flickity-nav {
  top: unset !important;
  bottom: 30px;
}

.collection-grid__carousel .flickity-nav.flickity-prev {
  left: unset !important;
  right: 75px;
}

.collection-grid__carousel .flickity-nav.flickity-next {
  right: 30px !important;
}




/* ----- Collection Tabs ----- */

.section-collection-tabs .collection-tabs__list {
  margin-top: 0;
}

.section-collection-tabs .collection-tabs__list-link {
  font-size: 13px;
  font-weight: 600 !important;
  line-height: 16px !important;
  
  color: #000000 !important;
  background: #F7F8F7 !important;

  border-radius: 5px !important;
  margin: 0 10px 0 0 !important;
  padding: 7px 16px 8px 16px !important;
  transition: 0.4s;
}

.section-collection-tabs .collection-tabs__list-link:hover {
  opacity: 0.6;
}

.section-collection-tabs .collection-tabs__list-link.active {
  color: #FFFFFF !important;
  background: #000000 !important;
}

.section-collection-tabs .promotion-column .gallery--item-content > div {
  width: 100% !important;
  max-width: none;
}

.section-collection-tabs .promotion-column .gallery--item-content.content-top-left {
  padding: 40px 30px 30px 30px;
}

.section-collection-tabs .promotion-column h4, 
.section-collection-tabs .promotion-column p {
  color: #000000;
}

.section-collection-tabs .promotion-column h4 {
  font-family: freight-big-pro,serif !important;
  font-size: 36px;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  margin-bottom: 10px;
}

.section-collection-tabs .promotion-column p {
  font-weight: 400 !important;
}




/* ----- Countdown Banner ----- */

.section-countdown-banner .countdown-banner {
  padding: 30px 20px;
}

.section-countdown-banner .countdown-timer--column--text {
  font-size: 12px!important;
  font-weight: 600!important;
  line-height: 16px!important;
  letter-spacing: 1px!important;
}

.section-countdown-banner .countdown-banner--content .subheading {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .section-countdown-banner .countdown-timer--column--number {
    font-size: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .section-countdown-banner .countdown-timer--column--number {
    font-size: 32px !important;
  }
}

@media only screen and (max-width: 1023px) {
  .section-countdown-banner .countdown-banner--inner.layout--horizontal {
    flex-direction: column;
    text-align: center;
  }

  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--content {
    text-align: center;
    margin-bottom: 15px;
  }

  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--content>*:last-child {
    margin-bottom: 0;
  }

  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--timer {
    flex-direction: column;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .section-countdown-banner .countdown-banner--inner.layout--horizontal {
    justify-content: space-between;
  }
  
  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--timer {
    width: 50%;
  }
}

@media only screen and (max-width: 1199px) {
  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--timer {
    flex-direction: column;
    align-items: center;
  }
  
  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--timer .button {
    margin: 15px 0 0 0;
  }
}


@media only screen and (min-width: 1200px) {
  .section-countdown-banner .countdown-banner--inner.layout--horizontal .countdown-banner--timer .button {
    margin: 0 0 0 40px;
  }
}

@media only screen and (min-width: 1400px) {
  .section-countdown-banner .countdown-banner--full-width-true .countdown-banner--inner.layout--horizontal {
    max-width: 1400px;
    padding: 0 20px;
  }
}




/* ----- Gallery ----- */



.section-gallery .full-width-row-full .column-spacing--small {
  padding: 5px;
}

.section-gallery .full-width-row-full .column-spacing--medium {
  padding: 10px;
}

.section-gallery .full-width-row-full .column-spacing--large {
  padding: 20px;
}

.section-gallery .gallery--item-content p {
  margin-bottom: 0;
}

.section-gallery .gallery--item-content.content-top-left a.button,
.section-collection-tabs .gallery--item-content.content-top-left a.button {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}

/* @media only screen and (max-width: 768px) {
  .section-gallery .gallery--item .aspect-ratio.aspect-ratio--portrait,
  .section-gallery .gallery--item .aspect-ratio.aspect-ratio--landscape,
  .section-gallery .gallery--item .aspect-ratio.aspect-ratio--square {
    padding-bottom: 80%;
  }
} */

@media only screen and (max-width: 1024px) {
  .section-gallery .gallery--item-content {
    padding: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-gallery .gallery--item-content {
    padding: 30px !important;
  }
}




/* ----- Image with Text Overlay ----- */

@media only screen and (max-width: 1023px) {
  .section-image-with-text-overlay .image-with-text-overlay--content {
    padding: 0 30px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-image-with-text-overlay .image-with-text-overlay--content {
    padding: 0 60px !important;
  }

  .section-image-with-text-overlay .content-middle-center .content-width-large {
    max-width: 80% !important;
  }

  .section-image-with-text-overlay .content-middle-center .content-width-medium {
    max-width: 60% !important;
  }

  .section-image-with-text-overlay .content-middle-center .content-width-small {
    max-width: 40% !important;
  }
}

@media only screen and (min-width: 1200px) {
  .section-image-with-text-overlay .image-with-text-overlay--content {
    padding: 0 120px !important;
  }
}

@media only screen and (min-width: 1400px) {
  .section-image-with-text-overlay .image-with-text-overlay--full-width-true .image-with-text-overlay--content {
    max-width: 1400px;
    padding: 0 20px !important;
  }
}



/* ----- Media Grid ----- */

.section-media-grid .media-grid--inner {
  max-width: 1400px;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  .section-media-grid .media-grid--inner {
    display: flex;
    flex-direction: column;
  }

  .section-media-grid .media-grid--item {
    height: 100%;
    min-height: 300px;
  }
}




/* ----- Media with Tabs ----- */

.media-with-tabs--button {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 22px;
}

.media-with-tabs--text {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 24px;
}




/* ----- Otto App ----- */

.otto-slider .flickity-button {
  top: unset !important;
  bottom: 30px;
}

.otto-slider .flickity-button.previous {
  left: unset !important;
  right: 75px;
}

.otto-slider .flickity-button.next {
  right: 30px;
}

.otto-slider .flickity-page-dots {
  position: absolute;
  bottom: 45px;
  margin-top: 0 !important;
}

.otto-slider .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  
}



/* ----- Rich Text ----- */

.rich-text .rich-text__inner {
  max-width: 900px;
}




/* ----- Scrolling Images ----- */

.scrolling-images--spacing-small .scrolling-images--item {
  margin: 0 2.5px !important;
}

.scrolling-images--spacing-medium .scrolling-images--item {
  margin: 0 5px !important;
}

.scrolling-images--spacing-large .scrolling-images--item {
  margin: 0 10px !important;
}

.scrolling-images--content p {
  margin-bottom: 0;
}




/* ----- Scrolling Text ----- */

.scrolling-text {
  border-top: 0.5px solid #A3AAAD;
  border-bottom: 0.5px solid #A3AAAD;
}

.scrolling-text-uppercase--true .scrolling-text--inner {
  font-size: 13px !important;
  line-height: 20px;
  letter-spacing: 1px;
}

.scrolling-text-uppercase--true .scrolling-text--item {
  padding: 0 40px;
}




/* ----- Testimonials ----- */

.testimonials--heading h6 {
  font-size: 18px !important;
  line-height: 22px !important;
}

.testimonials--author,
.customer-reviews--author {
  font-size: 13px !important;
  line-height: 18px !important;
}

.testimonials--heading h6,
.testimonials--author,
.customer-reviews--author {
  font-weight: 600;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}

.tabbed-content.text-size--medium .tabbed-content--content p,
.testimonials--inner.text-medium .testimonials--testimonial-content p {
  font-size: 16px !important;
  line-height: 26px !important;
}

.tabbed-content.text-size--large .tabbed-content--content p,
.testimonials--inner.text-large .testimonials--testimonial-content p {
  font-size: 20px !important;
  line-height: 30px !important;
}




/* ----- Text with Icons ----- */

.text-with-icons.heading-small h6 {
  font-size: 14px !important;
  line-height: 18px;
}

.text-with-icons.heading-medium h6 {
  font-size: 16px !important;
  line-height: 20px;
}

.text-with-icons.heading-large h6 {
  font-size: 18px !important;
  line-height: 22px;
}

.text-with-icons.heading-small h6,
.text-with-icons.heading-medium h6,
.text-with-icons.heading-large h6 {
  font-weight: 600;
}




/* ----- Toggle Box ----- */

.toggle-box--button {
  padding: 10px !important;  
}




/* ----- Headings ----- */

.customer-reviews--content h6,
.progress-bars--heading,
.promotion-blocks--text h6,
.scrolling-images--content h6,
.toggle-box--button {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}








/* ------------------------------ */
/*           Collection           */
/* ------------------------------ */

.template-collection .template-header {
  padding: 100px 0 120px 0;
}

.template-collection .template-header--title.h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.template-collection .template-header--description .collection-description {
  font-size: 16px !important;
  line-height: 26px !important;
}

.template-collection .template-header--description .collection-keywords {
  font-weight: 600 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.template-collection .template-header--description .collection-keywords .space {
  margin: 0 5px;
}

.breadcrumbs,
.breadcrumbs a,
.facets-toggle {
  font-size: 12px !important;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #A3AAAD !important;
}

.breadcrumbs i {
  line-height: 16px;
  margin: 0 12px !important;
}

.facets-toggle svg path {
  stroke: #A3AAAD !important;
}


.collection-container .products .column,
.product-recommendations .products .columns {
  display: flex;
  align-items: stretch;
}

.product-card {
  padding: 0;
}

.product-card .product-card-info {
  padding: 20px 20px 30px 20px;
}

.product-card .product-card-info .product-card-title,
.product-card .product-card-info .price {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.product-card .product-card-info .product-card-title {
  margin-bottom: 10px;
}

@media only screen and (max-width: 420px) {
  /* .product-grid .column {
    flex: 0 0 100% !important;
  } */
}






/* ------------------------------ */
/*            Product             */
/* ------------------------------ */

.product-gallery-container .product-image-container .product-images .flickity-nav.flickity-prev,
.product-gallery-container .product-image-container .product-images .flickity-nav.flickity-next {
  top: unset !important;
  bottom: 30px !important;
}

.product-gallery-container .product-image-container .product-images .flickity-nav.flickity-prev {
  left: unset !important;
  right: 75px !important;
}

.product-gallery-container .product-image-container .product-images .flickity-nav.flickity-next {
  right: 30px !important;
}

@media only screen and (max-width: 767px) {
  .product-gallery-container .product-image-container {
    width: 100% !important;
    margin: 0 !important;
  }
  
}

@media only screen and (max-width: 1067px) {
  .product-grid-container {
    max-width: 768px;
    margin: 0 auto;
  }
  
  .product-gallery-container .product-image-container {
    padding-right: 0 !important;
  }
}


.thb-product-detail.product .row .columns {
  padding: 0;
}

.thb-product-detail.product {
  margin-top: 40px;
  margin-bottom: 20px;
}

.product--infobox-container {
  margin-bottom: 0 !important;
}

.thb-product-detail .product-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  margin-bottom: 12px !important;
}

.thb-product-detail .star-rating-container {
  margin-top: 0 !important;
  margin-bottom: 10px;
}

.thb-product-detail .product--icon-list {
  margin-bottom: 60px;
}

.thb-product-detail .product--icon-list li {
  display: flex;
  align-items: flex-start;
  padding: 0;
  margin-bottom: 12px;
}

.thb-product-detail .product--icon-list-image {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: none;
}

.accordion summary {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 30px 30px 30px 0 !important;
}

.accordion .accordion__content {
  font-size: 14px;
  line-height: 24px;
}

.collapsible-content .accordion:first-child {
  border-top: 1px solid var(--color-border, #dadce0) !important;
}

.collapsible-content .accordion:last-child {
  border-bottom: 1px solid var(--color-border, #dadce0) !important;
}

.collapsible-content .accordion .accordion__content > *:last-child {
  margin-bottom: 20px;
}

.complementary-products--heading {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 30px !important;
  padding: 5px 0 0 0;
}

.complementary-products--inner {
  grid-auto-columns: 380px !important;
  grid-template-columns: repeat(auto-fill,380px) !important;
}

.complementary-products--inner .product-card-small {
  width: 380px;
}

.product-card-small {
  border: none !important;
  padding: 0 !important;
}

.product-card-small--image {
  width: 100px !important;
  margin: 0 !important;
}

.product-card-small--info {
  width: calc(100% - 100px) !important;
  padding: 15px 15px;
}

.product-card-small--add-to-cart .price {
  display: inline-block;
}

.product-card-small:hover .price {
  tranform: none !important;
}

.product-card-small--add-to-cart-text {
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
  
}



.thb-product-detail .product-quantity {
  max-width: 100px;
}

.thb-product-detail .product-quantity,
.thb-product-detail .product-add-to-cart {
  display: inline-block;
}

.thb-product-detail .product-add-to-cart {
  width: calc(100% - 105px);
  margin-bottom: 60px;
}

.thb-product-detail .add_to_cart_holder {
  grid-gap: 5px;
  margin-bottom: 0;
}

.thb-product-detail .quantity__label,
.thb-product-detail .form__label {
  display: none;
}

.thb-product-detail .quantity {
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 0 !important;
}

.quantity .qty,
.quantity .minus, 
.quantity .plus {
  height: 46px;
}

@media only screen and (max-width: 767px) {
  
}

@media only screen and (min-width: 1068px) {
  .product-information {
    padding-top: 40px;
  }
}


/* ----- Custom Products ----- */
.retinol-information {
  margin-bottom: 25px;
}

.retinol-information .metafield-single_line_text_field {
  font-family: "freight-big-pro", serif;
  font-size: 24px;
  font-weight: 600;
  font-style: italic;
  line-height: 33px;
  letter-spacing: 0.5px;
  
  height: 35px;
  display: inline-block;
  background: #1F2A44;
  color: #ffffff;
  padding: 0 20px;
  margin-left: 20px;
  border-radius: 20px;
}

.retinol-information .metafield-rich_text_field {
  background: rgba(164, 200, 240, 0.2);
  border: 1px solid #1F2A44;
  border-radius: 5px;
  padding: 30px 40px 20px 40px;
  margin-top: -18px;
}

.retinol-information .metafield-rich_text_field p {
  margin-bottom: 0;
  
}




/* ------------------------------ */
/*           Gift Card            */
/* ------------------------------ */
.template-product-gift-card .thb-product-detail .product-add-to-cart {
  width: 100%;
}

.gift-card--wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
}

.gift-card__heading,
.gift-card__number {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

.gift-card__heading {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.gift-card__price p {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  text-transform: uppercase !important;
  margin-bottom: 0;
}

.gift-card__image-wrapper {
  margin-bottom: 20px;
}

.gift-card__copy-code {
  margin-bottom: 40px;
}




/* ------------------------------ */
/*         Okendo Reviews         */
/* ------------------------------ */

.template-product .shopify-app-block {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.okeReviews {
  width: 100%;
  max-width: none !important;
  background: #f7f8f7;
  padding: 40px !important;
}

.oke-w-controls,
.oke-w-reviews-controls,
.oke-w-review-recommendation {
  display: none !important;
}

.oke-w-review-side.oke-is-collapsed {
  border: 0 !important;
}

.oke-w-review-side-expand {
  width: 40px !important;
  height: 40px !important;
  top: -5px !important;
}

.oke-w-selectAttr-item {
  margin-bottom: 10px;
}

.oke-w-selectAttr-item-title,
.oke-w-selectAttr-item-value {
  width: 100%;
  display: block;
}

.oke-w-review-main {
  padding: 0 !important;
}

@media (min-width: 761px) {
  .oke-w-reviews-list-item {
    padding: 40px 0 !important;
  }
}




/* ------------------------------ */
/*          Custom Home           */
/* ------------------------------ */

.custom-section-regimen .custom-header {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.custom-section-regimen .custom-body {
  display: grid;
  grid-gap: 5px;
  padding: 5px;
}

.custom-section-regimen .custom-body .step {
  min-height: 450px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  padding: 50px 30px 30px 30px;
}

.custom-section-regimen .custom-body .step-1 {
  /* background: url('/cdn/shop/files/REGIMEN-01.jpg?v=1695142284'); */
  background: url('/cdn/shop/files/HOME_2025_regimen-01-cleanse.jpg?v=1766178300');
}

.custom-section-regimen .custom-body .step-2 {
  /* background: url('/cdn/shop/files/REGIMEN-02.jpg?v=1695142284'); */
  background: url('/cdn/shop/files/HOME_2025_regimen-02-treat.jpg?v=1766178492');
}

.custom-section-regimen .custom-body .step-3 {
  /* background: url('/cdn/shop/files/REGIMEN-03.jpg?v=1695142284'); */
  background: url('/cdn/shop/files/HOME_2025_regimen-03-protect.jpg?v=1766183496');
}

.custom-section-regimen .custom-body .step-4 {
  /* background: url('/cdn/shop/files/REGIMEN-04.jpg?v=1695142284'); */
  background: url('/cdn/shop/files/HOME_2025_regimen-04-repair.jpg?v=1766178833');
}

.custom-section-regimen .custom-body h4 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  z-index: 0;
}

.custom-section-regimen .custom-body h4:before {
  font-size: 62px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: -35px;
  z-index: -1;
}

.custom-section-regimen .custom-body .step-1 h4:before {
    content: "01";
}

.custom-section-regimen .custom-body .step-2 h4:before {
    content: "02";
}

.custom-section-regimen .custom-body .step-3 h4:before {
    content: "03";
}

.custom-section-regimen .custom-body .step-4 h4:before {
    content: "04";
}

.custom-section-regimen .custom-body a {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}



@media (min-width: 520px) {
  .custom-section-regimen .custom-body {
    display: flex;
    flex-wrap: wrap;
    grid-gap: unset;
    gap: 5px;
  }

  .custom-section-regimen .custom-body .step {
    width: calc(50% - 2.5px);
  }
}

@media (min-width: 1200px) {
  .custom-section-regimen .custom-body .step {
    width: calc(25% - 3.75px);
  }
}

@media (min-width: 1600px) {
  .custom-section-regimen .custom-body .step {
    min-height: 550px;
  }
}

@media (min-width: 2000px) {
  .custom-section-regimen .custom-body .step {
    min-height: 650px;
  }
}


.custom-section-about img {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .custom-section-about img {
    display: none;
  }

  .custom-section-about .about-inner {
    min-height: 460px;
    display: flex;
    align-items: center;
  }

  .custom-section-about .about-01 {
    background: url('/cdn/shop/files/HOME-ABOUT-01.jpg?v=1696365046');
  }

  .custom-section-about .about-02 {
    background: url('/cdn/shop/files/HOME-ABOUT-02.jpg?v=1696365046');
  }

  .custom-section-about .about-01,
  .custom-section-about .about-02 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .custom-section-about .content-left,
  .custom-section-about .content-right {
    max-width: 50%;
  }

  .custom-section-about .content-left {
    margin-right: auto;
    padding-left: 120px;
  }

  .custom-section-about .content-right {
    margin-left: auto;
    padding-right: 120px;
  }
}








.custom-section-content-nav {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.custom-section-content-nav .sub-nav {
  max-width: 900px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.custom-section-content-nav .sub-nav a { 
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #FFFFFF;
  background: #000000;
  border-radius: 5px;
  display: inline-block;
  margin: 5px;
  padding: 7px 16px 8px 16px;
  transition: 0.4s;
}

.custom-section-content-nav .sub-nav a:hover {
  opacity: 0.6;
}


/* ------------------------------ */
/*          Custom Pages          */
/* ------------------------------ */
.custom-hero {
  height: 500px;
  margin-bottom: 80px;
}

.hero-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 30px;
  
  text-align: center;
}

.hero-content h1 {
  font-size: 32px;
  text-transform: none;
  letter-spacing: 0;
}

.custom-hero.about-page {
  background: url("/cdn/shop/files/about_hero-mobile.jpg?v=1624469486");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-hero.professionals-page {
  background: url("/cdn/shop/files/professionals_hero-mobile.jpg?v=1628021428");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .custom-hero {
    display: flex;
  	align-items: center;
    height: 650px;
  }
  
  .hero-content {
    text-align: left;
    padding: 0 30px;
  }
  
  .custom-hero.about-page {
    background: url("/cdn/shop/files/about_hero.jpg?v=1624464558");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .custom-hero.professionals-page {
    background: url("/cdn/shop/files/professionals_hero.jpg?v=1628021428");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}


.custom-banner {
  display: flex;
  align-items: center;
  height: 300px;
  margin-bottom: 80px;
}

.banner-content {
  width: 100%;
  text-align: center;
}

.custom-banner.clean-clinical-skincare {
  background: url("/cdn/shop/files/clean-clinical-skincare_banner.jpg?v=1624462258");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-banner.professional-treatments {
  background: url("/cdn/shop/files/professional-peels-treatments_banner_02.jpg?v=1628090452");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


@media (min-width: 768px) {
  .custom-banner {
    height: 400px;
  }
}

.custom-list {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom: 80px;
  clear: both;
}

.custom-list .item {
  position: relative;
  padding: 30px; 
}

.custom-list .number {
  font-size: 80px !important;
  font-weight: 800 !important;
  line-height: 80px !important;
  color: rgba(66,146,149,.15);
  margin: 0 !important;
}

.custom-list p:last-child {
  position: absolute;
  top: 60px;
  left: 70px;
  right: 30px;
}

@media (min-width: 768px) {
  .custom-list-items {
    display: flex;
    flex-flow: wrap;
  }
  
  .custom-list .item {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .custom-list .item {
    width: 33.333%;
  }
}


.call-to-action {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 60px 30px;
  
  background: rgba(66,146,149,.15);
}

@media (max-width: 900px) {
  .call-to-action p.large {
    margin-bottom: 1.5em;
  }
}

@media (min-width: 900px) {
  .call-to-action {
    display: flex;
  	align-items: center;
    padding: 60px;
  }
    
  .call-to-action .left {
    width: 70%;
    padding-right: 30px;
  }
  
  .call-to-action .right {
    width: 30%;
    text-align: center;
  }
  
  .call-to-action p.large {
    max-width: 600px;
  }
}

@media (min-width: 1400px) {
  .call-to-action {
    padding: 80px;
  }
}



.custom-form {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 30px;
}

.template-page-promotions-01 p.subheading {
  font-size: 16px !important;
}

.template-page-promotions-01 .image-with-text .subheading {
  margin-bottom: 10px;
}








/* 
-------------------------------
Custom Content Blocks
-------------------------------
*/

.custom-content-block {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 30px 0;
}

.custom-content-block img {
  width: 100%;
  margin: 0;
}

@media (min-width: 768px) {
  .custom-content-block {
    display: flex;
    align-items: center;
  }
}

.half.image-left .block-01 {
  padding-bottom: 30px;
}

.half.image-right .block-02 {
  padding-top: 30px;
}

@media (min-width: 768px) {
  .half .block-01,
  .half .block-02 {
    width: 50%;
  }
  
  .half.image-left .block-01 {
    padding-right: 60px;
    padding-bottom: 0;
  }
  
  .half.image-right .block-02 {
    padding-left: 60px;
    padding-top: 0;
  } 
}

.layered.image-top .image {
  margin-bottom: 30px;
}

@media (min-width: 768px) { 
  .layered .block-01,
  .layered .block-02 {
    width: 50%;
  }
  
  .layered {
    position: relative;
  }
  
  .layered.image-top .image {
    z-index: 2;
    margin-bottom: 0;
  }
  
  .layered.image-top .content {
    width: 60%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    background: rgba(66, 146, 149,0.2);
  }
  
  .layered.image-top .content p,
  .layered.image-top .content h4 {
    margin: 0 40px 0 25%;
  }   
}


.custom-content-block.about {
  padding: 0 0 80px 0;
}

.custom-content-block.about .content {
  padding: 0 30px;
}

.custom-content-block.about img.left {
  padding: 0 18% 30px 5%;
}
  
.custom-content-block.about img.right {
  padding: 30px 5% 0 18%;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .custom-content-block.about .block-01.image,
  .custom-content-block.about .block-02.image {
    width: 40%;
  }
  
  .custom-content-block.about .block-01.content,
  .custom-content-block.about .block-02.content {
    width: 60%;
  }
  
  .custom-content-block.about img.left,
  .custom-content-block.about img.right {
    padding: 0 20px;
  }
}

@media (min-width: 1200px) {
  .custom-content-block.about .content.left {
    padding: 0 50px 0 11%;
  }
  
  .custom-content-block.about .content.right {
    padding: 0 11% 0 50px;
  }
  
  .custom-content-block.about img.left {
    padding: 0 50px 0 0;
  }
  
  .custom-content-block.about img.right {
    padding: 0 0 0 50px;
  }
}



.treatments img {
  max-width: 250px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .treatments .block-01 {
    width: 25%;
  }

  .treatments .block-02 {
    width: 75%;
  } 
}






/* ------------------------------ */
/* Blog  */
/* ------------------------------ */

.blog-post .featured-image {
  margin-bottom: 30px;
}

.blog-post .blog-post-info h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 15px;
}

.blog-post-detail--wrapper .page-content-width {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

.post-title-wrapper,
.blog-post-detail--continue {
  background: #F7F8F7 !important;
}

.post-title-wrapper {
  max-height: 450px;
  align-items: center;
}

.post-title-wrapper .post-title {
  max-width: none !important;
}

.post-title-wrapper .post-title h1 {
  margin-bottom: 0 !important;
}

.post-title-wrapper .post-meta-wrapper {
  margin-bottom: 15px;
}

.post-title-wrapper .post-meta-wrapper aside {
  font-size: 12px !important;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #a3aaad !important;
  margin-bottom: 0 !important;
}

.blog-post-detail--continue-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #a3aaad !important;
}


@media (min-width: 768px) {
  .blog-post-detail--continue-content {
     width: calc(100% - 200px);
  }
  
  .blog-post-detail--continue-image {
    width: 200px !important;
    height: 200px !important;
  }
}



/* ------------------------------ */
/*              Forms             */
/* ------------------------------ */

.thb-form-container h4 {
  text-transform: none !important;
}

.thb-register-form,
.thb-login-form {
  max-width: 550px !important;
  padding: 0 !important;
}


.thb-form-container form input,
.thb-form-container form label,
.thb-form-container form button,
.contact-form form input,
.contact-form form label,
.contact-form form button{
  width: 100%;
}

.thb-form-container form input,
.thb-form-container form button,
.contact-form form input, 
.contact-form form button {
  height: 48px !important;
}

.thb-form-container form button,
.contact-form form button {
  border-radius: 5px;
  margin-top: 0 !important;
}

.contact-form form .columns {
  padding: 0 5px;
}

.contact-form form textarea {
  margin-bottom: 2px;
}

.contact-form .contact-form--form-column {
  width: 100%;
  max-width: 700px;
  flex: 0 0 100%;
}

.shopify-app-block .pxFormGenerator {
  max-width: 700px; 
}




/* ------------------------------ */
/*             Footer             */
/* ------------------------------ */
.footer {
  padding: 80px 0 35px 0 !important;
}

.footer .widget {
  margin-bottom: 0 !important;
}

.footer .thb-widget-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px !important;
}

.footer .widget--menu-column .thb-widget-menu li {
  font-size: 14px;
  line-height: 32px;
  margin: 0 !important;
  padding: 0;
}

.footer .widget--social-column .social-links li > a > svg {
  width: 25px;
}

.footer .widget--social-column .social-links li > a > span {
  display: none;
}

.footer .sub-footer {
  border-top: 0.5px solid #A3AAAD !important;
  margin-top: 100px;
  padding-top: 35px;
}

.footer .sub-footer p {
  font-size: 12px !important;
}

.footer .sub-footer .footer-payment-icons,
.footer .sub-footer .custom-select--button{
  padding: 0;
}

.footer .klaviyo-form {
  width: 100%;
  margin-top: 20px;
}

.footer .klaviyo-form button {
  padding: 0 30px !important;
}


@media (max-width: 768px) {
  .footer .widget--menu-column,
  .footer .widget--social-column{
    padding: 0;
  }
  
  .footer .widget--menu-column .thb-widget-title.collapsible {
    min-height: 55px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer .widget--social-column {
    flex: auto;
    max-width: none;
    text-align: center;
    margin-top: 20px !important;
  }

  .footer .widget--social-column .social-links li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
  }

  .footer .sub-footer .left,
  .footer .sub-footer .right {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 1200px) {
  .footer .footer-subscribe {
    max-width: 650px;
    margin-left: 0;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .footer .widget--menu-column {
    flex: auto;
    max-width: none;
    padding: 0 20px 0 0;
  }
  
  .footer .widget--social-column {
    max-width: 25px;
    padding: 0;
  }

  .footer .sub-footer .left,
  .footer .sub-footer .right {
    width: 50%;
  }

  .footer .sub-footer p {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .footer .upper-footer { 
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
  }
  
  .footer .footer-subscribe,
  .footer .footer-information {
    width: 50%;
  }

  .footer .footer-subscribe {
    padding: 0 10% 0 0;
  }

  .footer .footer-information {
    padding: 0;
  }
}


/* -------------------------------------------------- */
/*                   Custom Sections                  */
/* -------------------------------------------------- */

.BOGO {
  background: #f7f8f7;
  padding: 28px 30px 10px 30px;
  margin: 30px 0;
}

.BOGO h5 {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;

  display: inline-block;
  background: #ffc600;
  border-radius: 5px;
  padding: 7px 16px;
  margin-bottom: 10px;
}


/* ----- AGELESS retinol Landingpage ----- */
.AGELESS-banner {
  height: 650px;
  background: url('/cdn/shop/files/AGELESSretinol_HomeBanner_mobile.jpg?v=1751952276');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.AGELESS-banner .row {
  justify-content: center;
}

.AGELESS-banner .content-block {
  text-align: center;
  width: 100%;
  max-width: 455px;
  padding: 40px 20px;
}

.AGELESS-banner .content-block h1 {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  color: #1F2A44
}

.AGELESS-banner .content-block span {
  display: block;
}

.AGELESS-banner .content-block h1 img {
  width: 100%;
  max-width: 250px;
  margin-top: 15px;
}

.AGELESS-banner .content-block p,
.AGELESS-promo .content-block p {
  font-size: 16px !important;
}

.AGELESS-banner .content-block .button {
  background: #1F2A44;
  border-radius: 20px;
  padding: 8px 50px;
}

@media (min-width: 768px) {
  .AGELESS-banner {
    height: 450px;
    background: url('/cdn/shop/files/AGELESSretinol_HomeBanner_desktop.jpg?v=1751952276');
    background-size: cover;
    background-position: center bottom;
  }

  .AGELESS-banner .row {
    height: 100%;
    align-items: center;
    justify-content: start;
  }

  .AGELESS-banner .content-block {
    text-align: left
  }
}

@media (min-width: 1400px) {
  .AGELESS-banner .content-block h1 img {
    max-width: 300px;
  }
}

@media (min-width: 1400px) {
  .AGELESS-banner {
    height: 550px;
  }
}

@media (min-width: 1600px) {
  .AGELESS-banner {
    height: 650px;
  }
}

@media (min-width: 1800px) {
  .AGELESS-banner {
    height: 750px;
  }
}


.AGELESS-promo {
  margin-top: -30px;
  margin-bottom: 80px;
}

.AGELESS-promo .inner {
  width: 100%;
  background: url('/cdn/shop/files/AGELESS_trial-kit-background.jpg?v=1751914837');
  background-size: cover;
  background-position: center right;
  border: 1px solid #1F2A44;
  padding: 30px;
  border-radius: 30px;
}

.AGELESS-promo .content-block h3, 
.AGELESS-promo .content-block p,
.XOSM-banner .content-block h3, 
.XOSM-banner .content-block p {
  color: #1f2a44; 
}

.AGELESS-promo .content-block h3,
.XOSM-banner .content-block h3 {
  font-family: "freight-big-pro", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 10px;  
}

.AGELESS-promo .content-block h3 span,
.XOSM-banner .content-block h3 span {
  font-weight: 500;
  font-style: italic;
}

.AGELESS-promo .content-block p {
  max-width: 380px;
  margin-bottom: 0;
}

.AGELESS-promo .small {
  font-size: 12px !important;
  margin: 8px 0 0 30px;
}

@media (min-width: 1080px) {
  .AGELESS-promo .inner {
    padding: 60px 30px;
  }
  
  .AGELESS-promo .content-block p {
    max-width: none;
  }
}


.AGELESS-product-group {
  max-width: 1360px;
  margin: 0 auto;
  margin-bottom: 80px;
}

.AGELESS-product-group .products {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 0 20px;
}

.AGELESS-product-group .category {
  background: #f7f8f7;
  padding: 40px 20px;
  margin-bottom: 20px;
}

.AGELESS-product-group .image-block-1 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-01.jpg?v=1751951431');
}

.AGELESS-product-group .image-block-2 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-02.jpg?v=1751951431');
}

.AGELESS-product-group .image-block-3 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-03.jpg?v=1751951431');
}

.AGELESS-product-group .image-block-4 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-04.jpg?v=1751944744');
}

.AGELESS-product-group .image-block-5 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-05.jpg?v=1751944745');
}

.AGELESS-product-group .image-block-6 {
  background: url('/cdn/shop/files/AGELESSretinol_ProductThumbnails-06.jpg?v=1751944745');
}

.AGELESS-product-group .image-block {
  height: 320px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #1F2A44;
  border-radius: 30px;
  padding: 20px;
}

.AGELESS-product-group .category h4,
.AGELESS-product-group .category p,
.AGELESS-product-group .item h3, 
.AGELESS-product-group .item p {
  color: #1F2A44;
}

.AGELESS-product-group .category  h4 {
  font-family: "freight-big-pro", serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  font-style: italic;
  line-height: 38px;
  letter-spacing: 0.5px;
  padding-bottom: 2px;
  border-top: 1px solid #1f2a44;
  border-bottom: 1px solid #1f2a44;
}

.AGELESS-product-group .category p:last-child {
  margin-bottom: 0;
}

.AGELESS-product-group .image-block p.retinol-percentage {
  font-family: "freight-big-pro", serif !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  line-height: 1em !important;
  
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  margin-bottom: 5px;
}

.AGELESS-product-group .image-block p.retinol-percentage span {
  margin-left: 4px;
}

.AGELESS-product-group .image-block p.retinol-dose {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}

.AGELESS-product-group .content-block {
  text-align: center;
}

.AGELESS-product-group .content-block h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  margin: 20px 0 5px 0;
}

.AGELESS-product-group .content-block .button {
  height: 35px !important;
  background: #1F2A44;
  padding: 8px 20px;
  border-radius: 20px;
}

@media (max-width: 767px) {
  .AGELESS-product-group .item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  } 
}

@media (min-width: 768px) {
  .AGELESS-product-group .category h4,
  .AGELESS-product-group .category p {
    max-width: 800px;
    
  }
  .AGELESS-product-group .products {
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 20px;
  }
  
  .AGELESS-product-group .item {
    flex: 1;
  }

  .AGELESS-product-group .content-block p {
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media (min-width: 1080px) {
  .AGELESS-product-group .image-block {
    height: 420px;
  }
}

@media (min-width: 1400px) {
  .AGELESS-product-group .inner {
    display: flex;
  }

  .AGELESS-product-group .category {
    flex-basis: 40%;
    border: 1px solid #1F2A44;
    border-radius: 0 30px 30px 0;
    padding: 80px 30px 30px 30px;
    margin: 0;
  }

  .AGELESS-product-group .image-block {
    height: 380px;
    padding: 30px;
  }

  .AGELESS-product-group .image-block p.retinol-percentage {
    font-size: 56px !important;
  }
}


.XOSM-banner {
  height: 320px;
  background: url('/cdn/shop/files/AGELESSretinol_XOSMBanner_desktop.jpg?v=1752011188');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.XOSM-banner .row {
  height: 100%;
  align-items: center;
}

.XOSM-banner .content-block {
  width: 80%;
  text-align: center;
  padding: 30px 0;
}

@media (min-width: 768px) {
  .XOSM-banner {
    height: 420px;
  }
  .XOSM-banner .content-block {
    width: 66%; 
  }
}


/* ----- 2025 Holiday Collection ----- */

.holiday-banner {
  background: url('/cdn/shop/files/GM_banner-01_mobile.jpg?v=1761513835');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.holiday-banner .container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;

  display: flex;
  justify-content: center;
}

.holiday-banner .content-block {
  padding: 40px;
}

.holiday-banner .content-block h1 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center;
  margin-bottom: 0;
}

.holiday-banner .content-block h1 img {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.holiday-banner .content-block h1 span {
  display: none;
}

@media (max-width: 767px) {
  .holiday-banner {
    aspect-ratio: 3/3.5;
  }
}

@media (min-width: 768px) {
  .holiday-banner {
    height: 380px;
    background: url('/cdn/shop/files/GM_banner-01_desktop.jpg?v=1761513842');
    background-size: cover;
    background-position: center;
  }

  .holiday-banner .container {
    height: 100%;
    justify-content: left;
    align-items: center;
  }

  .holiday-banner .content-block {
    padding: 40px 10%;
  }
}

@media (min-width: 1400px) {
  .holiday-banner {
      height: 480px;
  }
}


.holiday-text {
  background: #D7AA5E;
}

.holiday-text .container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.holiday-text .content-block {
  text-align: center;
  padding: 40px 20px;
}

.holiday-text p {
  font-size: 15px !important;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.holiday-text h2 {
  font-family: freight-big-pro, serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #FFFFFF;
  margin-bottom: 0;
}

@media (min-width: 1400px) {
  .holiday-text {
    height: 250px;
  }

  .holiday-text h2 {
    font-size: 38px !important;
  }
}


.holiday-products {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  
  display: flex;
	flex-direction: column;
	gap: 6px;

  padding: 0 6px;
  margin-top: 6px;
  margin-bottom: 40px;
}

.holiday-products .content-block {
  padding: 40px 20px;
}

.holiday-products .content-block h3 {
  font-family: freight-big-pro, serif !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  font-style: italic;
  margin-bottom: 10px;
}

.holiday-products .item a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.holiday-products .item a .content-block .button {
  height: 30px !important;
  background: #D7AA5E;
  border-radius: 15px;
  padding: 8px 20px;

  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;

  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.holiday-products .item a:hover .content-block .button {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.holiday-products .item-01 {
	background: url('/cdn/shop/files/collection_OpulentRadiance.jpg?v=1761172748');
}

.holiday-products .item-02 {
	background: url('/cdn/shop/files/collection_HyaluronicGlow.jpg?v=1761172748');
}

.holiday-products .item-03 {
	background: url('/cdn/shop/files/collection_GoldStandard.jpg?v=1761172748');
}

.holiday-products .item-04 {
	background: url('/cdn/shop/files/collection_Unwrap-Radiance.jpg?v=1761172748');
}

.holiday-products .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	position: relative;
  aspect-ratio: 3/3.65;
  max-height: 460px;
}

@media (min-width: 620px) {
	.holiday-products {
		flex-direction: row;
		flex-wrap: wrap;
	}

  .holiday-products .item {
		width: calc(50% - 3px);
	}
}

@media (min-width: 620px) and (max-width: 1024px) { 
  .holiday-products .item-03 {
		order: 4;
	}

	.holiday-products .item-04 {
		order: 3;
	}
}

@media (min-width: 1024px) {
	.holiday-products .item {
    width: calc(25% - 4.5px);
	}
}

@media (min-width: 1400px) {
  .holiday-products {
    margin-top: 40px;
  }
}


.holiday-gift-card {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.holiday-gift-card .container {
  background: url('/cdn/shop/files/banner_gift-card_mobile.jpg?v=1766193123');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.holiday-gift-card .content-block {
  text-align: center;
  padding: 40px 20px;
}

.holiday-gift-card .content-block p.subheading {
  font-size: 15px !important;
  margin-bottom: 10px;
}

.holiday-gift-card h3 {
  font-family: freight-big-pro,serif !important;
  font-size: 36px;
  font-weight: 500;
  line-height; 1;
}

.holiday-gift-card h3 span {
  font-style: italic;
}

@media (max-width: 767px) {
  .holiday-gift-card .container {
    padding-top: 55%;
  }
}

@media (min-width: 768px) {
  .holiday-gift-card .container {
    height: 350px;
    background: url('/cdn/shop/files/banner_gift-card_desktop.jpg?v=1766193123');
    background-size: cover;
    background-position: center;

    display: flex;
    align-items: center;
  }

  .holiday-gift-card .content-block {
    width: 50%;
    max-width: 600px;
    text-align: left;
    padding: 50px;
  }
}

@media (min-width: 1400px){
  .holiday-gift-card {
    margin-top: 30px;
  }

  .holiday-gift-card .container {
    height: 400px;
  }

  .holiday-gift-card h3 {
    font-size: 46px;
  }
}


/* ----- IMAGE MD power-C serum Feature ----- */


.feature-MD {
  background: url('/cdn/shop/files/banner_MD-power-c_mobile.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1.25;
}

.feature-VITALC {
  background: url('/cdn/shop/files/VITALC-banner_mobile.jpg?v=1767977564');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1.5;
}

.feature-valentines {
  background: url('/cdn/shop/files/IS_2026-03_ORMEDIC_mobile.jpg?v=1773672031');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  aspect-ratio: 1/1.25;
}

.feature-MD .container,
.feature-VITALC .container,
.feature-valentines .container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.feature-MD .content-block,
.feature-VITALC .content-block,
.feature-valentines .content-block {
  padding: 40px 20px;
}

.feature-MD .subheading,
.feature-VITALC .subheading,
.feature-valentines .subheading {
  display: inline-block;
  border-radius: 20px;
  padding: 6px 14px;
}

.feature-MD .subheading {
  color: #3B5EAB;
  border: 1px solid #3B5EAB;
}

.feature-VITALC .subheading {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.feature-valentines .subheading {
  font-size: 15px !important;
  color: #000000;
  border: 1px solid #000000;
}

.feature-VITALC h2,
.feature-VITALC p {
  color: #FFFFFF;
}

.feature-MD h2,
.feature-VITALC h2,
.feature-valentines h2 {
  font-family: freight-big-pro, serif !important;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 10px;
}

.feature-MD h2 span,
.feature-VITALC h2 span,
.feature-valentines h2 span {
  font-style: italic;
}

.feature-valentines {
  position: relative;
}

.feature-valentines p.small {
  font-size: 12px !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

  width: 100%;
  padding: 5px 20px;
  margin: 0;
}


@media (min-width: 520px) and (max-width: 859px) {
  .feature-MD,
  .feature-VITALC,
  .feature-valentines {
    aspect-ratio: 1/1;
    width: 100%;
    max-height: 700px;
  }
}

@media (max-width: 859px) {
  .feature-valentines p.small {
    background: #ffffff;
  }
}

@media (min-width: 860px) {
  .feature-MD {
    background: url('/cdn/shop/files/banner_MD-power-c_desktop.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
  }

  .feature-VITALC {
    background: url('/cdn/shop/files/VITAL-C-banner_desktop.jpg?v=1767977564');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .feature-valentines {
    background: url('/cdn/shop/files/IS_2026-03_ORMEDIC_desktop.jpg?v=1773672031');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .feature-MD,
  .feature-VITALC,
  .feature-valentines {
    aspect-ratio: initial;
    height: 400px;
    display: flex;
    align-items: center;
  }

  .feature-MD .content-block {
    width: 50%;
  }

  .feature-VITALC .content-block {
    width: 65%;
  }

  .feature-valentines h2 {
    max-width: 320px;
  }

  .feature-valentines p {
    max-width: 500px;
  }

  .feature-VITALC p:not(.subheading),
  .feature-valentines p:not(.subheading, .small) {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .feature-valentines p.small {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }
}

@media (min-width: 1400px) {
  
  .feature-MD,
  .feature-VITALC,
  .feature-valentines {
    height: 500px;
  }

  .feature-MD .content-block {
    width: 35%;
  }

  .feature-VITALC p {
    max-width: 600px;
  }

  .feature-valentines h2,
  .feature-valentines p {
    max-width: 710px;
  }

  .feature-MD h2,
  .feature-VITALC h2,
  .feature-valentines h2 {
    font-size: 42px;
  }
}



.feature-promo {
  margin-top: -30px;
  margin-bottom: 80px;
}

.feature-promo .inner {
  width: 100%;
  background: url('/cdn/shop/files/VITALC_trial-kit-promo.jpg?v=1769116110');
  background-size: cover;
  background-position: center right;
  border: 1px solid #000000;
  padding: 30px;
  border-radius: 30px;
}

.feature-promo .content-block h3 {
  font-family: "freight-big-pro", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 10px;  
}

.feature-promo .content-block h3 span {
  font-weight: 500;
  font-style: italic;
}

.feature-promo .content-block p {
  font-size: 16px !important;
  max-width: 380px;
  margin-bottom: 0;
}

.feature-promo .small {
  font-size: 12px !important;
  margin: 8px 0 0 30px;
}

@media (min-width: 1080px) {
  .feature-promo .inner {
    padding: 60px 30px;
  }
  
  .feature-promo .content-block p {
    max-width: none;
  }
}