/** Shopify CDN: Minification failed

Line 3682:29 Expected ":"

**/
:root {
  --heading-bold--font: 'Agrandir Bold', sans-serif;
  --heading-heavy--font: 'Agrandir Heavy', sans-serif;
  --times: 'Times Now', sans-serif;
}
@font-face {
    font-family: 'Times Now';
    src: url('/cdn/shop/files/TimesNow-ExtraLight.woff2?v=1759724221') format('woff2'),
        url('/cdn/shop/files/TimesNow-ExtraLight.woff?v=1759724220') format('woff');
    font-weight: 200;
    font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Agrandir Bold';
  src: url('/cdn/shop/files/Agrandir-WideBold.woff2?v=1747303963') format("woff2"), 
      url('/cdn/shop/files/Agrandir-WideBold.woff?v=1747303962') format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Agrandir Heavy';
  src: url('/cdn/shop/files/Agrandir-WideHeavy.woff2?v=1747450993') format("woff2"), 
      url('/cdn/shop/files/Agrandir-WideHeavy.woff?v=1747450993') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**Outset Custom CSS**/
/**preorder label css**/
.preorder-msg-sec {
    background: #FAF9F7;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: 20px;
}
.preorder-msg-sec .preorder-title img {
    width: 16px;
    margin-right: 10px;
    float: left;
}
.preorder-msg-sec .preorder-title {font-weight: 600;}
.preorder-msg-sec .preorder-subtitle {
    margin-top: 5px;
    margin-left: 26px;
}
.klarna__border div .container {
    border-color: #ff000000 !important;
  }

klarna-placement::part(osm-container) {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    text-align: left;
    padding-left: 0;
    padding-bottom: 10px;
}

/* LP oasis style */
.lip-oasis-sec-wrap {
  display: flex;
  align-items: center;
  margin: 40px 0;
}
.lip-oasis-sec-wrap .main-prod-slider {
  padding: 15px 0;
  max-width: 65%;
  flex: 0 0 65%;
  padding-right: 3rem;
}
.main-product-info {
  background: #efefef;
  padding: 30px 20px;
  border-radius: 5px;
  max-width: 35%;
  flex: 0 0 35%;
}
.lo-product-list {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.lo-product-list .product-icon{
  cursor: pointer;
  border: 2px solid white;
  outline: 2px solid transparent;
  border-radius: 50%;
}
.lo-product-list .product-icon:hover, .lo-product-list .product-icon.active{
 outline-color: #1747F7;
}
.main-product-info .content-carousel__title {
  font-size: 3rem;
}
.lo-product-item-details .product-card__image-wrapper {
  padding: 15px;
}
.lo-product-item-details .product-card__detail .product-card__title{
  font-size: 1.4rem;
}
.lo-product-item-details .product-card__image {
  max-width: 250px;
  margin: auto;
}
.lo-product-item-details .product-card__info{
  justify-content: center;
  padding-bottom: 12px;
}
.lo-product-item-details .product-card__info .product-card__review-rating, 
.lo-product-item-details .product-card__image-wrapper .add-to-bag-button{
  display: none;
}
.product-image img {
  margin: 10px auto;
  max-width: 100%;
}
.lo-product-details-wrap {
  text-align: center;
}
.lo-product-details-wrap button.quick-add-to-cart__button:hover:before, .lo-product-details-wrap button.quick-add-to-cart__button:hover:after, 
.slider-lp-shades button.quick-add-to-cart__button:hover:before, .slider-lp-shades button.quick-add-to-cart__button:hover:after{
  display: none;
}
.lo-product-details-wrap button.quick-add-to-cart__button{
  /* background-color: #bf897f; */
  padding-left: 30px;
  padding-right: 30px;
}
.lo-product-details-wrap button.quick-add-to-cart__button:hover, .slider-lp-shades button.quick-add-to-cart__button:hover{
  padding-left: 30px;
  padding-right: 30px;
  opacity: 0.9;
}
sup{
  font-size: 40%;
  vertical-align: super;
}
.lp-hero .hero__content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.lp-note-banner .grid{
  grid-template-columns: 40% 1fr;
}
.lp-note-banner .grid .image-with-text__media-item, .pick-banner .grid .image-with-text__media-item{
  order: 2;
}
.image-with-text__content{
  padding: 30px;
}
.image-with-text{
  margin-bottom: 40px;
  border-radius: 8px;
}
.lp-note-banner .image-with-text{
  background: rgb(215,214,219);
  background: linear-gradient(90deg, rgba(215,214,219,1) 0%, rgba(176,175,181,1) 50%);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  min-height: 650px;
  background-position: bottom;
}
.lp-note-banner .image-with-text__text p{
  margin-bottom: 1em;
  color: var(--hoox-color-blue);
}
.image-with--list{
  column-gap: 15px;
  margin-bottom: 40px;
}
.image-with--list .grid__item .image img{
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.image-with--list .grid__item > .image, .image-with--list .grid__item > .image img {
  height: 100%;
}
.image-with--list .grid__item:last-child{
  background-color: #efefef;
  border-radius: 8px;
}
.find-oasis h2.image-with-text__heading {
  letter-spacing: 0px;
}
.image-with--list .image-with-text__text.rte, .complete-look .image-with-text__text.rte{
  margin-bottom: 2.5em;
}
.image-with--list .image-with-text__text.rte ul li {
  font-size: 1.5em;
  margin: 20px 0;
  color: var(--hoox-color-blue);
  list-style-type: square;
  list-style-position: outside;
  margin-left: 25px;
}
.image-with--list .image-with-text__text.rte ul li::marker {
  content: normal;
}
.image-with--list .image-with-text__text.rte p{
  color: var(--hoox-color-blue);
  padding-inline-start: 25px;
}
.slider-lp-shades.grid{
  grid-template-columns: 1fr 260px;
  column-gap: 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.lp-slider {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.lp-slider .slide{
  border-radius: 8px;
  position: relative;
  margin-right: 5px;
}
.lp-slider .dune-slide{
  background-color: #9a624f;
}
.lp-slider .sunkiss-slide{
  background-color: #a3011d;
}
.lp-slider .mirage-slide{
  background-color: #820056;
}
.lp-slider .clear-slide{
  background-color: #81b3d8;
}
.slider-lp-shades .product-card__info{
  padding-bottom: 1rem;
}
span.slide-icon {
  color: white;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 15px;
  font-size: 1.8em;
}
.lp-slider .slide.active {
  margin-right: 20px;
  flex-grow: 1;
}
.slide--bg {
  height: 100%;
  min-height: 480px;
  background-repeat: no-repeat;
  background-position: 35% 0;
  background-size: cover;
  border-radius: 8px;
}
.shades>div {
  position: absolute;
  top: 0;
  left: 30px;
  top: 0;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  border: 1px solid white;
}
.shades img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shades>div.shade1 {
  top: -30px;
}
.shades>div.shade2 {
  top: 50%;
  transform: translateY(-50%);
}
.shades>div.shade3 {
  bottom: -30px;
  top: auto;
}
.pick-banner .grid{
  grid-template-columns: 60% 1fr;
}
.pick-banner .image-with-text{
  /* background: rgb(215,221,230);
  background: linear-gradient(31deg, rgba(215,221,230,1) 0%, rgba(174,177,182,1) 54%, rgba(125,129,135,1) 61%, rgba(138,145,153,1) 100%); */
  border-radius: 8px;
  min-height: 420px;
  background-position: 90% 0;
}
.pick-banner .image-with-text__content{
  max-width: 500px;
  padding-left: 100px;
  padding-top: 50px;
}
.pick-banner .image-with-text__text-item {
  align-items: center;
  display: flex;
}
.pick-banner .image-with-text__text{
  margin-bottom: 2rem;
}
.image-with--list .carousel-swiper {
  max-width: 90%;
  margin: auto;
}
.complete-look .image-with-text__media img {
  border-radius: 8px;
}
.slider-lp-shades .product-card__detail .button.button--secondary {
  /* background: #dd0033; */
  min-width: 140px;
}
.find-oasis .image-with-text__grid.grid {
  align-items: center;
}
.find-oasis .image-with-text__grid.grid img {
  max-width: 180px;
  margin-left: auto;
}
.slider-lp-shades .featured-single__product .product-card__image-wrapper .add-to-bag-button {
  display: none;
}
.find-oasis .image-with-text__content {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  padding: 0;
  align-items: center;
}
.main-prod-slider .swiper-button-next, .main-prod-slider .swiper-button-prev, 
.image-with--list .swiper-button-next, .image-with--list .swiper-button-prev{
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background: var(--hoox-color-blue);
  left: 0;
}
.main-prod-slider .swiper-button-next, .image-with--list .swiper-button-next{
  right: 0;
  left: auto;
}
.main-prod-slider .swiper-button-next:before, .main-prod-slider .swiper-button-prev:after, 
.image-with--list .swiper-button-next:before, .image-with--list .swiper-button-prev:after{
  content: "";
  width: 11px;
  height: 17px;
  background-image: url(play-left.png);
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: 4px center;
}
.main-prod-slider .swiper-button-next:after, .image-with--list .swiper-button-next:after{
  content: "";
}
.main-prod-slider .swiper-button-next:before, .image-with--list .swiper-button-next:before{
  background-image: url(play-right.png);
}
.main-prod-slider .swiper-button-prev:after{
  background-position: 2px center;
}
.slide-with--list .swiper-button-prev:after{
  background-position: 1px center;
}
.slide-with--list .swiper-button-next:before{
  background-position: 3px center;
}
.lp-hero .hero__description h2 {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0 !important;
  letter-spacing: 5px;
}
.lp-hero .hero__buttons{
  margin-top: 20px;
}
.lp-hero .hero__buttons .button{
  flex: none;
  min-width: 130px;
}
.lp-hero .hero__description.p1 p{
  letter-spacing: 2px;
  font-size: 1.3rem;
}
.lp-hero .hero__description h2 sup{
  top: -2.2em;
}
.lp-hero .hero__background:before {
  /* content: "";
  background: rgb(255 113 4 / 70%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%; */
}
.lp-hero .hero__buttons .button{
  color: var(--hoox-color-white);
  border-color: var(--hoox-color-white);
}
.dune-slide button.button{
  background: #b78a81;
}
.sunkiss-slide button.button{
  background: #ca2b39;
}
.mirage-slide button.button{
  background: #752e54;
}
.slide-with--list .image-with-text__content {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.image-with-text__descriptor.body {
  padding-top: 20px;
  margin-top: auto;
}
.image-with-text__descriptor.body p{
  font-size: 10px;
  color: rgb(0 0 0 / .5);
}
.launch-element .container {
  width: 100%;
  max-width: 100%;
}
.launch-element .image-with-text {
  border-radius: 0;
  margin-bottom: 0;
  height: 650px;
  background-position: bottom center;
}
.launch-element .image-with-text__grid {
  max-width: 1350px;
  margin: auto;
  height: 100%;
}
.launch-element .image-with-text__text-item.grid__item {
  position: relative;
}
.launch-element .image-with-text__content {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  text-align: center;
}
.launch-element .image-with-text__grid .image-with-text__heading{
  margin-bottom: 0.5rem;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 3rem;
}
.launch-element .image-with-text__grid .image-with-text__heading, .launch-element .image-with-text__grid p{
  color: white;
}
.launch-element .image-with-text__grid p{
  font-size: 2.6rem;
  text-transform: uppercase;
}

/* Notify form */
.klaviyo-form-VbA3r9 input[type="email"], .klaviyo-form-VbA3r9 button[type="button"]{
  font-family: var(--sans-serif) !important;
  border-radius: 0 !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  height: 44px !important;
}
.klaviyo-form-VbA3r9 input[type="email"]{
  color: #1d3bf1 !important;
  border: 1px solid #1d3bf1 !important;
}
.klaviyo-form-VbA3r9 input[type="email"]::-webkit-input-placeholder{
  font-size: 1.4rem !important;
  color: #1d3bf1 !important;
}
.klaviyo-form-VbA3r9 label.kl-private-reset-css-Xuajs1 .kl-private-reset-css-Xuajs1{
  font-size: 1.4rem !important;
}
.klaviyo-form-VbA3r9 div[data-testid="form-row"]>div[data-testid='form-component']{
  padding-bottom: 0 !important;
}
.klaviyo-form-VbA3r9 button[type="button"]{
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-color: #1d3bf1 !important;
  /* text-indent: -9999px;
  display: inline-flex;
  align-items: center;
  font-size: 0 !important; */
}
/* .klaviyo-form-VbA3r9 button[type=button]:before {
  content: "FIND OUT FIRST";
  font-size: 1.4rem !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-indent: 0;
  display: block;
} */
.klaviyo-form-VbA3r9 form.klaviyo-form{
  max-width: 480px !important;
}

/* PDP Swatch CSS */
.product-swatch label {
  display: block;
  color: var(--hoox-color-blue)
}
.swatch-list {
    align-items: center;
    display: flex;
}
.product-swatch label + span{
  text-transform: uppercase;
}
.p-swatch-label{
  display: flex;
  column-gap: 20px;
  align-items: center;
  margin-bottom: 5px;
}
a.swatches__link {
  width: 42px;
  height: 42px;
  display: inline-block;
  border-radius: 50px;
  margin-right: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  outline: 1px solid #c5c5c5;
  border: 3px solid var(--hoox-color-white);
}
a.swatches__link.active{
  outline-color: var(--hoox-color-blue);
}
a.swatches__link span.hide {
  opacity: 0;
}
span.descriptor {
  color: rgb(0 0 0 / 60%);
}
.product-swatch.sizes {
  padding-top: 15px;
}
.product-swatch.sizes a.swatches__link {
  padding: 8px 18px;
  width: auto;
  height: auto;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  color: var(--black);
  border: none;
}
.product-swatch.sizes a.swatches__link.active{
  outline-color: #eeebe4;
  background-color: #eeebe4;
}

/* Sale tag css */
div#after-cart-btn-text {
  position: relative;
}
.sale-product-tag, .sale-cart-tag{
  background-color: #edebe4;
  padding: 3px 16px 1px;
  border-radius: 3px;
}
.sale-cart-tag{
  padding: 4px 16px 2px;
  margin-left: 4px;
  top: -1px;
  position: relative;
}
div#after-cart-btn-text .sale-product-tag {
  position: absolute;
  left: 0;
  top: -2px;
}
/* jurassic LP */
.banner-fullwidth .container{
  width: 100%;
  max-width: 100%;
}
.banner-fullwidth .image-with-text {
  border-radius: 0;
  height: 630px;
  display: flex;
  justify-content: center;
  padding-top: 5rem;
}
.banner-fullwidth .image-with-text__content {
  text-align: center;
  padding: 40px;
}
.banner-fullwidth img.img--text {
  max-width: 280px;
  margin: auto;
}
.banner-fullwidth.kit--hero .image-with-text__heading{
  color: var(--hoox-color-black);
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.banner-fullwidth .image-with-text__text.rte{
  text-transform: uppercase;
  font-size: 4.5rem;
  margin: 15px 0 5px;
}
.banner-fullwidth.kit--hero .image-with-text__text.rte strong{
  letter-spacing: 2px;
}
.banner-fullwidth.kit--hero .image-with-text__text.rte, .banner-fullwidth.kit--hero .image-with-text__text.rte sup, 
.kit--hero .image-with-text__heading, .kit-wrap h2.image-with-text__heading, h3.product-sub-heading, .kit-btns button, .custom-product-list .heading, 
.a-note h2.image-with-text__heading.h2, .custom-column .text--block h3, .custom-column .text--block p, 
.hero-video__jw.container .hero__content .container .hero__bottom .hero__description h2{
  font-family: var(--heading-heavy--font);
}
.banner-fullwidth.kit--hero .image-with-text__text.rte sup {
  top: -0.2em;
  right: -2px;
  font-weight: bold;
}
.banner-fullwidth .image-with-text__heading strong{
  letter-spacing: 4px;
}
.banner-fullwidth.kit--hero .button.button--secondary {
  background-color: #000;
  min-width: 180px;
  height: 46px;
  line-height: 44px;
}
.banner-fullwidth.kit--hero .button.button--secondary:hover {
  padding-right: 20px;
  background-color: var(--white);
  color: var(--black);
}
.banner-fullwidth.kit--hero .button.button--secondary:before, .banner-fullwidth.kit--hero .button.button--secondary:after {
  display: none;
}
.banner-fullwidth.kit--hero .image-with-text{
  background-position: bottom center;
  /* background-size: 100% 100%; */
}
.kit-wrap .grid__item:nth-child(2){
  padding: 30px;
  text-align: center;
}
.kit-wrap.auto-cols-fr {
  grid-auto-columns: 36% 1fr;
  column-gap: 40px;
}
.kit-wrap .block-image img{
  border-radius: 8px;
}
.kit-wrap .product-card__info{
  justify-content: center;
}
.kit-wrap .description {
  margin-bottom: 3rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.p-gen-info h2.image-with-text__heading {
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.p-gen-info h2.image-with-text__heading strong {
  display: block;
}
h3.product-sub-heading{
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
.kit-btns {
  margin: 10px;
}
.product-main-info .kit-btns button{
  background-color: #c3c3c3;
  font-weight: bold;
  font-size: 2.2rem;
  text-transform: uppercase;
  padding: 5px 10px 3px;
  border-radius: 8px;
  letter-spacing: 2px;
}
.kit-wrap .product-main-info .product-card{
  position: static;
}
.kit-wrap .product-main-info .product-card .product-card__title{
  margin-bottom: 5px;
}
.kit-wrap .product-main-info .product-card .product-card__title a{
  color: #ff4d00;
}
.kit-wrap .product-main-info .product-card .product-card__description p{
  color: #000000;
}
.kit-wrap .product-main-info .product-card .button--add-to-bag{
  background-color: #ff4d00;
  font-size: 14px;
  position: absolute;
  bottom: -15px;
  transform: translateX(-50%);
  font-weight: 400;
  color: #fff;
  min-width: 180px;
  border-radius: 0;
  height: 48px;
  line-height: 48px;
}
.kit-wrap .product-main-info .product-card .button--add-to-bag:hover{
  background-color: #ed4b05;
}
.kit-wrap .product-main-info .product-card .button--add-to-bag span {
  letter-spacing: 1px;
}
.product-main-info button:hover, .product-main-info button.c-active{
  background-color: #ff4d00;
}
.kit-wrap .relative.product-card__detail {
  position: static;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
}
.icon_list {
  justify-content: center;
  display: flex;
}
.custom-product-list .heading {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: 10px 0 30px;
  letter-spacing: 1px;
}
.custom-product-list .heading span:not(.kit-name) {
  background-color: #ff4d00;
  padding: 5px 8px 4px;
  border-radius: 8px;
  font-size: 14px;
  margin-left: 10px;
}
.custom-product-list .grid {
  grid-template-columns: repeat(5, 1fr);
  column-gap: 30px;
}
.custom-product-list .grid .image img{
  border-radius: 8px;
}
.custom-product-list .grid .product-info{
  padding: 10px 15px;
  text-align: center;
}
.custom-product-list .grid .product-info .description {
  font-size: 1.2rem;
}
.custom-product-list{
  margin-bottom: 40px;
}
.custom-product-list .grid .product-info h3{
  color: #ff4d00;
  font-size: 14px;
  margin: 20px 0 5px;
}
.custom-product-list .grid .product-info .sub-text{
  margin-bottom: 15px;
}
.a-note .image-with-text__content {
  padding: 80px 60px 80px 100px;
  max-width: 50rem;
  text-align: center;
  color: var(--white);
}
.a-note h2.image-with-text__heading.h2 {
  color: var(--white);
  font-size: 2.5rem;
}
.a-note .image-with-text__text:not(.subtitle) p {
  font-size: 1.6rem;
}
.a-note .image-with-text__image {
  max-width: 120px;
  margin: 10px auto 0;
}
.a-note .image-with-text__text--caption.subtitle {
  max-width: 150px;
  font-style: italic;
  margin: 10px auto 10px;
}
.custom-columns {
  gap: 20px;
  margin: 35px 0;
}
.custom-columns.grid{
  grid-auto-flow: column;
}
.custom-column {
  border-radius: 8px;
  position: relative;
}
.custom-column img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 15px;
}
.custom-column h3 {
  margin: 10px 0;
}
.grid.two--cols {
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.custom-columns.the--balm--block{
  margin-bottom: 50px;
}
.custom-columns.the--balm--block .custom-column:first-of-type{
  padding: 40px;
}
.the--balm--block .custom-column:first-of-type .text--block {
  max-width: 30rem;
  z-index: 1;
  position: relative;
}
.custom-columns.the--balm--block .custom-column:first-of-type img {
  position: absolute;
  right: -20px;
  top: -20px;
  height: calc(100% + 60px);
  bottom: 0;
  z-index: 0;
}
.the--balm--block .custom-column {
  max-height: 435px;
}
.the--balm--block .custom-column:last-of-type .text--block{
  position: absolute;
  right: 0;
  top: 0;
  padding: 4rem;
  max-width: 30rem;
  color: var(--white);
}
.the--balm--block .custom-column:last-of-type .text--block p{
  font-size: 1.4rem;
  text-transform: none;
  line-height: 1.4;
  font-family: var(--sans-serif);
}
.the--balm--block .text--block img.img--text {
  max-width: 80px;
  margin-left: auto;
}
.custom-column .text--block h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.the--balm--block .text--block div{
  margin-bottom: 1rem;
}
.custom-column .text--block p{
  font-size: 25px;
  text-transform: uppercase;
  line-height: 1.2;
}
.bag--blocks .custom-column .text--block h3 {
  margin-bottom: 5px;
}
.bag--blocks .custom-column:first-of-type .text--block{
  padding-top: 0;
}
.bag--blocks .custom-column:first-of-type img {
  max-width: 180px;
  margin: auto
}
.custom-column .btn.btn--orange{
  margin-top: 1.5rem;
}
.btn.btn--orange, .jw4-promo .button.button--secondary, .hero-video__jw.container .hero__content .button.button--primary{
  background-color: #ff4d00;
  font-size: 14px;
  color: var(--white);
  min-width: 180px;
  padding: 14px 16px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  height: auto;
  line-height: 1.6;
}
.hero-video__jw.container .hero__content .button.button--primary{
  border: none;
}
.btn.btn--orange:hover, .jw4-promo .button.button--secondary:hover, .hero-video__jw.container .hero__content .button.button--primary:hover{
  opacity: 0.8;
}
.jw4-promo .button.button--secondary:before, .jw4-promo .button.button--secondary:after, 
.hero-video__jw.container .hero__content .button.button--primary:before, .hero-video__jw.container .hero__content .button.button--primary:after{
  display: none;
}
.jw4-promo .image-with-text__media-item img {
  border-radius: 8px;
}
.bag--blocks .text--block {
  padding: 30px;
  text-align: center;
  max-width: 28rem;
  margin: auto;
}
.bag--blocks .text--block .btn{
  margin-top: 40px;
}
div.text--block:empty {
  padding: 0;
}
.jw4-promo .image-with-text__grid.grid {
  grid-auto-flow: column;
  align-items: center;
}
.jw4-promo .image-with-text__grid.grid {
  grid-auto-flow: column;
}
.jw4-promo .image-with-text__content{
  padding: 20px 80px;
  max-width: 40rem;
  text-align: center;
}
.jw4-promo  .image-with-text__content .image-with-text__image, .jw4-promo  .image-with-text__content .button{
  margin-bottom: 4rem;
}
.jw4-promo  .image-with-text__content .image-with-text__text p {
    font-size: 12px;
}
.hero-video__jw.container .hero{
  display: flex;
  flex-flow: column-reverse;
  justify-content: flex-end;
  max-height: none;
  aspect-ratio: auto;
}
.hero-video__jw.container .hero__content .hero__content-inner, .hero-video__jw.container .hero__content .container{
  position: static;
}
.hero-video__jw.container .hero__content .container {
  padding: 0;
}
.hero-video__jw.container .hero__content .container .hero__bottom .hero__bottom-inner, .hero-video__jw.container .hero__content .container .hero__bottom{
  text-align: center;
  align-items: center;
  width: 100%;
}
.hero-video__jw.container .hero__content .container .hero__bottom .hero__description{
  max-width: 100%;
  margin-bottom: 15px;
}
.hero-video__jw.container .hero__content .container .hero__bottom .hero__description h2{
  font-size: 2.5rem;
  margin-bottom: 5px !important;
}
.hero-video__jw.container .hero__content .container .hero__bottom .hero__description h2 + div{
  font-size: 1.6rem;
}
.hero-video__jw.container .hero__content .container .hero__bottom .hero__buttons{
  position: absolute;
  bottom: -70px;
  justify-content: center;
}
.hero-video__jw.container {
  padding: 50px 100px;
  background-color: #ececec;
  margin-bottom: 6rem;
}
/* .hero-video__jw .hero .video__ctas {
  bottom: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  right: auto;
} */
.hero-video__jw .hero .video__ctas button.video__control-button {
  border: 4px solid #fff;
  border-radius: 50%;
  padding: 25px;
  opacity: 0.8;
}
.hero-video__jw.container .hero__background, .hero-video__jw.container .hero__content{
  position: static;
  height: auto;
}
.hero-video__jw.container .hero__background .video, .hero-video__jw.container .hero__background .video__el{
  position: relative;
}
.kit-wrap .product-card__review-rating{
  display: none;
}

/* JW Launch element */
.jw-waitlist .container {
  width: 100%;
  max-width: 100%;
}
.jw-waitlist .image-with-text {
  height: 650px;
  background-position: bottom center;
  background-size: 100% 100%;
}
.jw-waitlist img.img--text {
  max-width: 200px;
  margin: auto;
}
.jw-waitlist .image-with-text h2 {
  color: black;
  margin-bottom: 0.5rem;
}
.jw-waitlist .image-with-text p {
  text-transform: uppercase;
  font-size: 18px;
}
.jw-waitlist .image-with-text__content {
  padding: 20px;
  padding-top: 100px;
  max-width: 700px;
  margin: auto;
  text-align: center;
}
/* JW Launch elements ends */
@media (min-width: 769px){
  .launch-element .image-with-text {
    height: 510px;
  }
  .launch-element .image-with-text__content {
    top: 50%;
    width: 560px;
    left: 50%;
    transform: translate(-70%, -50%);
  }
  .klaviyo-form-VbA3r9 input[type="email"]{
    padding-left: 30px !important;
  }
  .banner-fullwidth.kit--hero .image-with-text{
    height: 685px;
    background-size: 100% 100%;
  }
}
@media (min-width: 1025px){
  .complete-look .image-with-text__grid{
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    min-height: 420px;
  }
  .complete-look .image-with-text__text-item.grid__item {
    grid-column-start: 2;
  }
  .complete-look .image-with-text__content{
    max-width: 480px;
    padding-left: 50px;
  }
  .image-with--list .carousel-swiper {
    padding: 0 30px;
  }
  .main-product-info .content-carousel__title {
    font-size: 2.2rem;
  }
  .lo-product-details-wrap .product-image img {
    max-width: 250px;
  }
  .image-with--list .image-with-text__text.rte ul li {
    font-size: 2.5em;
  }
  .complete-look .image-with-text {
    background-position: 35% 0;
  }
  .slide--bg{
    min-height: 650px;
  }
  .launch-element .image-with-text {
    height: 650px;
  }
  .launch-element .image-with-text__content {
    transform: translate(-75%, -50%);
  }
  .custom-columns.grid.bag--blocks {
    grid-template-columns: repeat(4, 1fr);
  }
  .custom-columns.the--balm--block .custom-column:first-of-type {
    background-color: #eeebe4;
  }
  .the--balm--block .custom-column:last-of-type .image--block {
    height: 100%;
  }
  .the--balm--block .custom-column:last-of-type .image--block img {
    height: 100%;
    object-fit: cover;
  }
  .custom-product-list .heading br {
    display: none;
  }
  .jw4-promo .image-with-text__media-item{
    order: 2;
  }
  .bag--blocks .custom-column:not(:first-of-type) .text--block{
    display: none;
  }
  .custom-column .text--block h3 {
    color: #ff4d00;
  }
  .kit-wrap .description{
    font-size: 1.5rem;
  }
}
@media (min-width: 1025px) and (max-width: 1280px){
  .slide--bg {
    background-position: 55% 0;
  }
  .the--balm--block .custom-column:first-of-type .text--block, .the--balm--block .custom-column:last-of-type .text--block {
    max-width: 26rem;
  }
}
@media (min-width: 1025px) and (max-width: 1536px){
  .image-with-list__grid--reverse > :nth-child(1) {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 1280px){
  .lp-note-banner .image-with-text {
    background-position: 90% 0;
  }
  .shades>div {
    width: 200px;
    height: 200px;
    left: 70px;
  }
}
@media (min-width: 1366px){
  .image-with--list .image-with-text__content {
    padding: 40px 60px 30px;
  }
  span.slide-icon {
    padding: 10px 20px;
  }
  .slider-lp-shades.grid{
    padding-right: 20px;
  }
  .lo-product-list {
    column-gap: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .slider-lp-shades.grid {
    grid-template-columns: 1fr 330px;
    column-gap: 50px;
  }
  .slider-lp-shades .image-with-text__heading{
    font-size: 3.4rem;
  }
  .main-product-info .content-carousel__title {
    font-size: 3rem;
  }
  .main-product-info .content-carousel__title + p {
    font-size: 1.6rem;
  }
  .main-product-info{
    padding: 30px 20px;
  }
}
@media (min-width: 1536px){
  .main-product-info .content-carousel__title {
    font-size: 3.6rem;
  }
  .shades>div{
    left: 100px;
  }
  .jw-waitlist .image-with-text {
    height: calc(100vh - 55px);
  }
}
@media (max-width: 1279px){
  .lp-note-banner .image-with-text{
    min-height: 400px;
  }
}
@media (max-width: 1024px){
  .lp-note-banner .image-with-text{
    min-height: 650px;
    background-position: bottom;
  }
  .image-with-text__descriptor.body {
    text-align: center;
  }
  .image-with--list.grid, .image-with-text .grid{
    grid-auto-flow: row;
    grid-template-columns: 100%;
  }
  .image-with--list.grid .grid__item:first-of-type{
    margin-bottom: 10px;
  }
  .lip-oasis-sec-wrap {
    flex-wrap: wrap;
  }
  .lip-oasis-sec-wrap .main-prod-slider, .main-product-info{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lip-oasis-sec-wrap .main-prod-slider{
    padding-right: 0;
  }
  .lp-note-banner .image-with-text__content {
    padding-top: 0;
    text-align: center;
  }
  .lp-note-banner .image-with-text__content .image-with-text__image img{
    margin-left: auto;
    margin-right: auto;
    max-width: 100px;
  }
  .image-with--list .image-with-text__content .button{
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -10px;
  }
  .lo-product-item-details .featured-single__product .grid.product-card {
    justify-content: center;
  }
  .lo-product-details-wrap button.quick-add-to-cart__button {
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translate(-50%);
    padding-left: 15px;
    padding-right: 15px;
    min-width: 135px;
  }
  .lo-product-details-wrap button.quick-add-to-cart__button:hover{
    padding-left: 10px;
    padding-right: 10px;
  }
  .pick-banner .image-with-text__content {
    max-width: 350px;
    padding-left: 30px;
    text-align: center;
    padding-right: 30px;
    margin: auto;
  }
  .main-product-info{
    padding: 20px 0;
  }
  .main-product-info>div:not(.mobile-slider) {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-product-info .content-carousel__title{
    max-width: 100%;
    font-size: 2.2rem;
  }
  .slider-lp-shades.grid {
    grid-template-columns: 100%;
    column-gap: 0;
    padding-top: 35px;
  }
  .slider-lp-shades .slide{
    margin-right: 0;
    margin-bottom: 5px;
  }
  .slider-lp-shades .slide.active{
    margin-right: 0;
    margin-bottom: 15px;
  }
  span.slide-icon {
    justify-content: center;
  }
  .shades {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: space-between;
    padding: 30px;
  }
  .shades>div {
    position: static;
    width: 130px;
    height: 130px;
    margin: 6px;
  }
  .shades>div.shade2{
    transform: none;
  }
  .slider-lp-shades.grid h2.image-with-text__heading {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
  }
  .slider-lp-shades .featured-single__product .product-card__detail{
    text-align: center;
  }
  .slider-lp-shades .featured-single__product .product-card__image-wrapper, 
  .slider-lp-shades .featured-single__product .product-card__detail .product-card__title, 
  .slider-lp-shades .featured-single__product .product-card__detail>div, .lo-product-item-details .product-card__image-wrapper{
    display: none;
  }
  .complete-look .image-with-text__media-item.grid__item {
    order: 1;
  }
  .complete-look .image-with-text__media img{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .complete-look .image-with-text__content{
    text-align: center;
    padding: 50px 30px 30px;
  }
  .complete-look .image-with-text {
    background-position: bottom;
    min-height: 700px;
  }
  .image-with-text, .slider-lp-shades.grid{
    margin-bottom: 30px;
  }
  .lo-product-details-wrap .product-image, .slide-with--list .grid__item:first-child .image {
    display: none;
  }
  .pick-banner .image-with-text {
    min-height: 700px;
    background-position: bottom center;
  }
  .image-with--list .image-with-text__text.rte ul li {
    margin-left: 15px;
  }
  .image-with--list .image-with-text__text.rte p {
    padding-inline-start: 15px;
  }
  /* JW Kit mobile */
  .scroller {
    overflow: hidden;
  }
  .grid__section, .custom__grid_inner {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    padding-bottom: 20px;
    margin-bottom: -20px;
  }
  .custom-product-list .grid, .custom-columns.bag--blocks {
    column-gap: 30px;
    display: flex;
    flex-wrap: nowrap;
    overflow: visible;
    width: 100%;
  }
  .custom-product-list .grid-item, .custom-columns.bag--blocks .custom-column {
    width: 62%;
    white-space: normal;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }
  .custom-columns.bag--blocks{
    gap: 10px;
  }
  .custom-columns.bag--blocks .custom-column{
    width: 85%;
    align-items: center;
  }
  .image-with--list .grid__item:last-child{
    background-color: transparent;
  }
  .kit-btns {
    margin: 8px;
    display: inline-block;
    vertical-align: middle;
  }
  .product-main-info button{
    font-size: 2rem;
  }
  .kit-wrap .grid__item:nth-child(2) {
    padding: 10px;
  }
  .custom-columns.the--balm--block.grid{
    display: block;
  }
  .custom-columns.the--balm--block .custom-column:first-of-type {
    padding-left: 0;
    margin-bottom: 3rem;
  }
  .kit-wrap .product-main-info .product-card .button--add-to-bag{
    position: static;
    transform: none;
  }
  .kit-wrap .product-main-info .mobile-image {
    margin-top: 1rem;
  }
  .kit-wrap .relative.product-card__detail {
    padding-top: 3rem;
  }
  .kit-wrap .product-card__info{
    margin: 15px 0;
  }
  .a-note .image-with-text {
    height: 730px;
    background-position: bottom center;
  }
  .a-note .image-with-text__text:not(.subtitle) p {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .a-note .image-with-text__text--caption.subtitle, .kit-wrap .product-card__title{
    font-size: 1.4rem;
  }
  .a-note .image-with-text__content {
    padding: 60px 40px 40px 40px;
    margin: auto;
  }
  .the--balm--block .custom-column:first-of-type .text--block div:last-of-type {
    white-space: normal;
  }
  .hero-video__jw.container {
    padding: 25px 10px 40px;
    background-color: #c4c4c4;
  }
  .jw4-promo .image-with-text__grid.grid{
    display: block;
  }
  .jw4-promo .image-with-text__content {
    padding: 20px;
    max-width: 30rem;
    margin: auto;
  }
  .hero-video__jw.container .hero__content .button.button--primary{
    flex: none;
  }
  .custom-product-list .heading {
    flex-direction: column;
    text-align: center;
  }
  .custom-product-list .heading span:not(.kit-name) {
    font-size: 16px;
  }
  .the--balm--block .custom-column .text--block h3, .bag--blocks .custom-column .text--block h3{
    color: #ff4d00;
  }
  .bag--blocks .custom-column .text--block img{
    filter: invert(1);
    max-width: 200px;
    margin: auto;
  }
  .jw4-promo .image-with-text__media-item .image-with-text__media{
    display: none;
  }
  .jw4-promo .image-with-text__text-item.grid__item {
    margin-top: -280px;
  }
  .bag--blocks .custom-column:first-of-type{
    display: none;
  }
  .bag--blocks .text--block {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 32rem;
  }
  .bag--blocks .text--block .btn {
    bottom: 0;
    position: absolute;
    transform: translateX(-50%);
  }
  .custom-product-list .heading span:not(.kit-name) {
    margin-left: 0;
  }
  .bag--blocks .custom-column:not(:nth-child(2)) .text--block h3, .bag--blocks .custom-column:not(:nth-child(2)) .text--block div{
    display: none;
  }
}
@media (max-width: 768px){
  .pick-banner .image-with-text__content, .complete-look .image-with-text__content{
    padding-top: 30px;
  }
  .complete-look .image-with-text {
    margin-bottom: 0;
  }
  .find-oasis .image-with-text{
    margin-top: -40px;
  }
  .find-oasis .image-with-text__grid.grid {
    text-align: center;
  }
  .find-oasis .image-with-text__grid.grid img {
    margin-left: auto;
    margin-right: auto;
  }
  .slider-lp-shades .featured-single__product .product-card{
    flex-direction: column !important;
  }
  .find-oasis .image-with-text__content {
    flex-flow: column;
  }
  .main-product-info .content-carousel__title {
    font-size: 2rem;
  }
  .pick-banner .image-with-text, .complete-look .image-with-text{
    min-height: 560px;
  }
  .image-with--list .carousel-swiper {
    max-width: 100%;
  }
  .launch-element .image-with-text {
    background-position: 0 75%;
  }  
  .lp-note-banner .image-with-text{
    min-height: 560px;
  }
  .banner-fullwidth.kit--hero .image-with-text {
    background-position: center;
    height: 750px;
  }
  .banner-fullwidth .image-with-text__text.rte {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    line-height: 0.9;
  }
  .banner-fullwidth.kit--hero .button.button--secondary{
    border: 1px solid #000;
    background-color: transparent;
    color: var(--black);
  }
  .banner-fullwidth.kit--hero .button.button--secondary:hover{
    background-color: var(--black);
    color: var(--white);
  }
  .banner-fullwidth .image-with-text__heading {
    max-width: 190px;
    font-size: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
  }
  #shopify-section-template--19461022056705__custom_multicolumn_QyYPTr{
    overflow: hidden;
  }
  .custom-columns.the--balm--block .custom-column:first-of-type img{
    right: -100px;
  }
  .the--balm--block .custom-column:last-of-type .text--block {
    max-width: 24rem;
  }
  .jw4-promo .image-with-text__content .image-with-text__image img.img--text {
    max-width: 200px;
    margin: auto;
  }
  .jw4-promo .image-with-text__text-item.grid__item {
    margin-top: -230px;
  }
  .the--balm--block .custom-column:first-of-type .text--block {
    max-width: 26rem;
  }
  .product-main-info .kit-btns button {
    font-size: 1.8rem;
  }
  .hero-video__jw.container .hero__content .container{
    margin-top: 0;
  }
}
@media (max-width: 639px){
  .hero-video__jw.container {
    border-radius: 8px;
  }
}
@media (max-width: 512px){
  .main-prod-slider .swiper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .launch-element .image-with-text {
    background-position: 0 85%;
  }
  
  .banner-fullwidth.kit--hero .image-with-text {
    height: 780px;
  }
  .jw4-promo .image-with-text__media-item img {
    border-radius: 0;
  }
  .jw4-promo > .container {
    width: 100%;
  }
  .hero-video__jw.container .hero__content .container .hero__bottom .hero__description h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 480px){
  .image-with--list .carousel-swiper .swiper{
    overflow: visible;
  }
  .image-with--list .image-with-text__content{
    overflow: hidden;
  }
  .slide--bg {
    background-position: 55% 0;
  }
  .shades {
    padding: 20px 15px;
  }
  .image-with-text__content{
    padding-left: 20px;
    padding-right: 20px;
  }
  .the--balm--block .custom-column:last-of-type .text--block {
    padding: 3rem;
    max-width: 18rem;
  }
  .the--balm--block .custom-column:last-of-type .text--block p {
    font-size: 1.2rem;
  }
  .a-note .image-with-text__content {
    padding: 40px 20px 40px;
  }
  .a-note .image-with-text__text:not(.subtitle) p {
    font-size: 1.8rem;
  }
  .banner-fullwidth .image-with-text__content {
    padding: 40px 10px;
  }
  .a-note .image-with-text {
    height: 660px;
  }
}
@media (max-width: 440px){
  .launch-element .image-with-text__grid .image-with-text__heading, .launch-element .image-with-text__grid p, .custom-column .text--block p, 
  .custom-product-list .heading, .a-note h2.image-with-text__heading.h2, .the--balm--block .custom-column:first-of-type .text--block p, 
  .hero-video__jw.container .hero__content .container .hero__bottom .hero__description h2{
    font-size: 2.2rem;
  }
  .jw-waitlist .needsclick div[data-testid="form-row"]{
    display: block !important;
  }
  .jw-waitlist div[data-testid="form-row"]>div[data-testid='form-component']{
    padding-top: 10px !important;
    justify-content: center !important;
  }
  .banner-fullwidth img.img--text {
    max-width: 230px;
  }
  .a-note .image-with-text {
    background-position: 30% 0;
  }
  .the--balm--block .custom-column:first-of-type .text--block {
    max-width: 22rem;
  }
  .product-main-info .kit-btns button {
    font-size: 1.5rem;
  }
  .kit-btns {
    margin: 5px;
  }
  .banner-fullwidth .image-with-text__text.rte {
    max-width: 280px;
    font-size: 4.2rem;
  }
}
/* About page css */
.hero-banner-lp .wndrsxn-banner__heading span {
  color: var(--white);
  position: relative
}
.hero-banner-lp .wndrsxn-banner__heading span:after {
  content: "";
  width: 67px;
  height: 1px;
  background-color: var(--white);
  display: block;
  margin: auto;
}
.founder-block{
  margin-top: 40px;
}
.founder-block .image-with-text__content{
  text-align: center;
  max-width: 610px;
  margin: auto;
}
.founder-block .image-with-text__heading{
  font-size: 2.4rem;
}
.sscare-wrap .container--l {
  max-width: 1340px;
}
.sscare-wrap .picture img {
  max-width: 100%;
}
.founder-block .container{
  max-width: var(--l);
}
.founder-block .image-with-text__image img{
  margin: 0 auto 15px;
  max-width: 90px;
}
.founder-block .image-with-text__image + .image-with-text__heading, .founder-block .image-with-text__text--caption{
  font-size: 1.2rem;
  color: var(--blue);
  margin-bottom: 0;
}
.cause-wrap .image-with-text__content{
  text-align: center;
  display: grid;
}
.cause-wrap .text-blue, .cause-wrap .image-with-text__text p{
  color: var(--blue);
}
.cause-wrap .image-with-text__heading, .cause-wrap .image-with-text__text{
  grid-column: span 3 / 1;
}
.sscare-wrap .picture img{
  border-radius: 8px;
}
.sscare-wrap .featured-content__description{
  max-width: 350px;
  text-align: center;
}
.sscare-wrap .featured-content__description h2{
  margin-bottom: 1rem;
}
.sscare-wrap.white .featured-content__description *{
  color: var(--white);
}
.carousel-products .product-carousel__title {
  color: var(--hoox-color-blue);
  font-size: 2.8rem;
}
.carousel-products .product-carousel__text {
  color: var(--hoox-color-blue);
  font-size: 1.8rem;
  max-width: 30rem;
  margin: 20px auto 20px;
}
.carousel-products .picture__img{
  border-radius: 8px;
}
.carousel-products .product-card__detail{
  text-align: center;
}
.carousel-products .product-card__detail .product-card__description p{
  color: var(--hoox-color-blue);
  font-size: 1.4rem;
  padding: 10px;
}
.carousel-products .product-card .product-card--action .button, .carousel-products .product-card__detail .product-card__info, 
.carousel-products .product-card .add-to-bag-button.product-card__add-to-cart{
  display: none;
}
.carousel-products .product-card .product-card--action, 
.carousel-products .product-card .product-card--action .hidden.\[\.product-card--mini_\&\]\:inline-block.ml-\[7px\].lg\:ml-\[15px\] {
  display: block;
  text-align: center;
}
.carousel-products .product-card .product-card--action .link{
  background-color: var(--hoox-color-blue);
  color: white;
  display: inline-block;
  min-width: 200px;
  padding: 12px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--hoox-color-blue);
}
.carousel-products .product-card .product-card--action .link:hover{
  background-color: transparent;
  color: var(--hoox-color-blue);
}
.cause-wrap .image-with-text__media-item, .cause-wrap .image-with-text__media, .cause-wrap .image-with-text__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cause-wrap .grid {
  position: relative;
}
.cause-wrap .grid:before {
  content: "";
  position: absolute;
  border: 1px solid blue;
  right: 0;
  height: auto;
  left: 2%;
  border-radius: 8px;
  top: 3%;
  bottom: 3%;
}
.skin-care-content-mv .image-with-text .image-with-text__heading{
  font-size: 2.4rem;
  margin-bottom: .5rem;
}
.skin-care-content-mv .image-with-text:before {
    border: 1px solid var(--blue);
    content: "";
    position: absolute;
    display: block;
    width: 97%;
    height: 95%;
    left: 1.5%;
    top: 2.5%;
    border-radius: 8px;
    z-index: 0;
}
.skin-care-content-mv .image-with-text{
  text-align: center;
}
.skin-care-content-mv .image-with-text h6{
  margin-bottom: 1.6rem;
}
.skin-care-content-mv .image-with-text h6, .skin-care-content-mv .image-with-text p{
  color: var(--blue);
  font-size: 14px;
}
.skin-care-content-mv .image-with-text__content{
  z-index: 1;
  position: relative;
}
.skin-care-content-mv .image-with-text .button{
  min-width: 180px;
  max-width: 180px;
  margin: auto;
  padding: 21px 12px;
  border: 1px solid var(--blue);
}
.skin-care-content-mv .image-with-text .button:hover, .skin-care-content-mv .image-with-text .button:focus{
  background-color: var(--white);
  color: var(--blue);
}
.subs_on > div + label.custom-one-time {
  display: none!important;
}
@media (min-width: 1025px){
  .founder-block .image-with-text__content{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .founder-block .image-with-text__text p{
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .cause-wrap .grid, .skin-care-content-mv .grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  .cause-wrap .image-with-text__heading, .sscare-wrap .featured-content__description h2{
    font-size: 3.4rem;
  }
  .sscare-wrap .featured-content__description h3{
    font-size: 2.4rem;
  }
  .sscare-wrap .featured-content__description p{
    font-size: 1.6rem;
  }
  .skin-care-content-mv .image-with-text .button{
    margin-top: 20px;
  }
}
@media (max-width: 1024px){
  .cause-wrap .grid:before {
    right: 2%;
    top: 2%;
    bottom: 0;
  }
  section.sscare-wrap {
    margin-top: 30px;
  }
  .cause-wrap .image-with-text__heading, .cause-wrap .image-with-text__text{
    grid-column: span 3 / 3;
  }
  .skin-care-content-mv .image-with-text .button{
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
  }
  .skin-care-content-mv .image-with-text__content {
    padding-bottom: 60px;
}
}
@media (max-width: 767px){
  .sscare-wrap .featured-content__content {
    position: absolute;
    z-index: 1;
    padding: 40px;
  }
  .sscare-wrap .featured-content__description h2, .cause-wrap .image-with-text__heading{
    font-size: 2.4rem;
  }
  .sscare-wrap .picture {
    min-height: 540px;
  }
  .sscare-wrap.white .featured-content__content {
    bottom: 0;
    top: auto;
  }
  .hero-banner-lp .wndrsxn-banner__heading span:after {
    width: 54px;
    height: 0.5px;
  }
  .video_hide_conten_mb .hero__content .hero__bottom{
    display: none;
  }
  .skin-care-content-mv .image-with-text {
    margin-bottom: 50px;
  }
  .sscare-wrap .aspect-\[1\/1\], .sscare-wrap .sm-max\:aspect-\[1\/1\] {
    aspect-ratio: auto;
  }
  .skin-care-content-mv .image-with-text:before {
    width: 95%;
    left: 2.5%;
  }
}

/* TYB page */
.tyb-header {
  background-color: var(--blue);
}
.tyb-header .image-with-text__content {
  max-width: 520px;
  margin: auto;
  text-align: center;
}
.tyb-header .image-with-text__image img {
  margin: auto;
  max-width: 70px;
}
.tyb-header h2.image-with-text__heading {
  color: var(--white);
  letter-spacing: 2px;
}
.tyb-header h2.image-with-text__heading.h1 {
  font-size: 60px;
  letter-spacing: 3px;
  margin: 20px 0 0;
}
.tyb-header h2.image-with-text__heading.h0 {
  font-size: 18px;
  margin: 0 0 30px;
}
.tyb-header .image-with-text__text{
  margin-bottom: 3rem;
}
.tyb-header .image-with-text__text p{
  color: var(--white);
  font-size: 1.3rem;
}
.tyb-header .button{
  background-color: var(--white);
  border-color: var(--white);
  min-width: 180px;
  height: 44px;
  color: var(--blue);
  font-size: 1.2rem;
}
.how-works-tyb h2.image-with-text__heading{
  color: var(--white);
  text-align: center;
  padding: 15px 0;
}
.steps-tyb .multi-column {
  text-align: center;
}
.steps-tyb .text--block h3{
  color: var(--blue);
}
.steps-tyb .text--block p, .tyb-benefits .image-with-text__text p{
  font-size: 1.3rem; 
}
.steps-tyb .text--block p a{
  color: var(--black);
}
.tyb-benefits .image-with-text__grid.grid {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
.tyb-benefits:not(.tyb-comm) .image-with-text__media-item {
  padding: 15px;
}
.tyb-benefits .image-with-text__heading{
  margin-bottom: 1.5rem;
}
.tyb-benefits .image-with-text__text strong{
  color: var(--blue);
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.8rem;
}
.tyb-benefits.tyb-comm .image-with-text__media-item img{
  border-radius: 8px;
}
.tyb-comm h2.image-with-text__heading{
  font-size: 1.8rem;
}
.tyb-comm .image-with-text__text p, .founder-col .image-with-text__text p{
  font-size: 1.3rem;
}
.tyb-comm .button{
  margin-top: 5rem;
  height: 44px;
}
.founder-col h2.image-with-text__heading.h1 {
  font-size: 1.8rem;
}
.founder-col h2.image-with-text__heading.h1 strong {
  display: block;
  font-weight: 400;
}
.founder-col .image-with-text__image{
  margin-top: 4rem;
}
.founder-col .image-with-text__image img{
  max-width: 100px;
}
.tyb-logo .image-with-text__image img{
  margin: auto;
  max-width: 300px;
}
.call-to-action-tyb h3{
  color: var(--blue);
  font-size: 1.8rem;
}
.call-to-action-tyb p{
  font-size: 1.3rem;
}
.call-to-action-tyb .button{
  min-width: 180px;
  height: 44px;
  margin-top: 3rem;
}
.call-to-action-tyb .text--block {
  padding: 20px;
}
@media (min-width: 768px){
  .tyb-comm .mobile-image{
    display: none;
  }
  .tyb-benefits.reverse .image-with-text__media-item{
    order: 2;
  }
}
@media (min-width: 1025px){
  .custom-columns.steps-tyb {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5rem;
  }
  .founder-col .image-with-text__image{
    margin-top: 6rem;
  }
}
@media (max-width: 767px){
  .tyb-header .image-with-text__content{
    max-width: 100%;
  }
  .custom-columns.grid {
    grid-auto-flow: row;
  }
  .steps-tyb .multi-column {
    text-align: left;
  }
  .custom-columns.steps-tyb {
    padding: 0 20px;
  }
  .tyb-benefits .image-with-text__grid.grid {
    grid-template-columns: auto;
  }
  .tyb-benefits .image-with-text__heading {
    font-size: 2.2rem;
  }
  .tyb-benefits .image-with-text__text strong {
    font-size: 1.6rem;
  }
  .tyb-benefits .image-with-text__content {
    padding: 20px;
  }
  .tyb-comm .image-with-text__media.global-media-settings{
    display: none;
  }
  .tyb-comm .image-with-text__content h2, .tyb-comm .image-with-text__content .body{
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
  .tyb-comm .button.btn.button--secondary {
    width: 100%;
  }
  .tyb-benefits.reverse .image-with-text__media-item img{
    border-radius: 8px;
  }
  .call-to-action-tyb .text--block {
    text-align: center;
  }
  .call-to-action-tyb .text--block h3, .call-to-action-tyb .text--block div{
    text-align: left;
  }
  .call-to-action-tyb .button {
    margin-left: auto;
    margin-right: auto;
  }
  .tyb-logo .image-with-text__image img {
    max-width: 200px;
  }
  .tyb-logo .image-with-text__content {
    padding: 10px;
  }
}
@media (max-width: 459px){
  .tyb-header h2.image-with-text__heading.h1 {
    font-size: 40px;
  }
  .tyb-header h2.image-with-text__heading.h0 {
    font-size: 12px;
  }
}


/* Clinge to Summer page */
.banner-full--width .image-with-text{
  border-radius: 0;
}
.cts-hero .image-with-text{
  padding-top: 3rem;
  background-position: center bottom;
}
.cts-hero .image-with-text__grid{
  justify-content: center;
  text-align: center;
}
.cts-hero .image-with-text h2{
  color: var(--white);
  letter-spacing: 2px;
}
.cts-hero .image-with-text h2.h0{
  font-size: 5rem;
  margin-bottom: 0.5rem;
}
.cts-hero .image-with-text h2:not(h0){
  font-size: 3.5rem;
}
.cts-hero .image-with-text .rte{
  color: var(--white);
  margin: 0 auto 3rem;
  font-size: 1.4rem;
  max-width: 28rem;
  letter-spacing: 1px;
}
.cts-hero .button--secondary{
  background-color: var(--white);
  color: var(--hoox-color-blue);
  text-transform: capitalize;
}
.cts-video .hero {
  margin: auto;
  max-width: 1200px;
  margin-bottom: 40px;
  width: calc(100% - var(--gutter) * 2);
}
.cts-video .hero video{
  border-radius: 8px;
}
.cts-video-header .text--block {
  text-align: center;
  max-width: 45rem;
  margin: auto;
}
.cts-video-header .text--block h3{
  font-size: 3rem;
}
.cts-video-header .text--block p{
  font-size: 1.8rem;
  text-transform: uppercase;
  padding-top: 1rem;
}
.cts-banner h2{
  text-transform: uppercase;
  letter-spacing: 2px;
}
.cts-banner h2, .cts-banner p, .cts-banner ul li, .cts-banner ol li{
  color: var(--white);
}
.cts-banner .image-with-text h2.h1{
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.cts-banner .image-with-text h2 strong{
  font-weight: normal;
  display: block;
}
.cts-banner .image-with-text h2.h1 {
  flex-basis: 100%;
}
.cts-banner .image-with-text h2.h2{
  font-size: 2.5rem;
  align-self: start;
  margin-top: 0;
}
.cts-banner .image-with-text__content .rte{
  margin-bottom: 2rem;
}
.cts-banner .image-with-text__content .rte p, .cts-banner .image-with-text__content .rte li{
  letter-spacing: 1px;
  font-size: 1.8rem;
}
.cts-banner .image-with-text__content .rte li{
  list-style-type: square;
  list-style-position: outside;
  margin: 18px 20px 18px 15px;
}
.cts-banner .image-with-text__content .rte li::marker{
  content: normal;
}
.cts-banner a.button{
  min-width: 200px;
  height: 44px;
}
@media (min-width: 768px){
  .cts-hero .image-with-text{
    padding-top: 10rem;
    background-position: 100% 100%;
  }
  .cts-video .md\:aspect-\[1440\/650\] {
    aspect-ratio: 16 / 9;
  }
  .bundle-wrap{
    position: relative;
  }
  .bundle-create{
    position: sticky;
    top: 60px;
  }

}
@media (min-width: 1025px){
  .cts-banner .container {
    width: calc(100% - var(--gutter-laptop) * 2);
    max-width: 1200px;
  }
  .cts-banner .image-with-text__content .rte p{
    padding-right: 10rem;
  }
  .cts-banner .image-with-text {
    background-position: center left;
  }
  .cts-banner .image-with-text__content{
    max-width: 65%;
    min-height: 500px;
    justify-self: flex-end;
    padding: 50px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
  }
  .cts-video .hero {
    width: calc(100% - var(--gutter-laptop) * 2);
  }
}
@media (max-width: 1024px){
  .cts-banner .image-with-text {
    min-height: 700px;
    background-position: center;
  }
  .cts-discover.cts-banner .image-with-text{
    min-height: auto;
  }
  .cts-banner a.button{
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    max-width: 200px;
    margin: auto;
    text-align: center;
  }
}
@media (max-width: 768px){
  .cts-hero .image-with-text{
    padding-bottom: 10rem;
  }
  .cts-hero .image-with-text h2.h0 {
    font-size: 4.1rem;
  }
  .cts-banner .image-with-text {
    min-height: 520px;
  }
  .cts-banner .image-with-text h2.h1 {
    font-size: 2.5rem;
  }
  .cts-banner .image-with-text h2.h2 {
    font-size: 2rem;
  }
  .cts-banner .image-with-text__content .rte p, .cts-banner .image-with-text__content .rte li{
    font-size: 1.4rem;
  }
  .cts-video .hero__container {
    margin-top: 0;
  }
  .cts-video .hero__content {
    height: 0;
  }
  .cts-video .sm-max\:aspect-\[4\/5\] {
    aspect-ratio: 1 / 1;
  }
  .cts-banner .image-with-text__content .rte {
    margin-top: 3rem;
  }
  .cts-discover .image-with-text__content .rte{
    margin-bottom: 4rem;
  }
}
@media (max-width: 399px){
  .cts-video-header .text--block h3, .cts-hero .image-with-text h2:not(h0){
    font-size: 2.4rem;
    letter-spacing: 2px;
  }
  .cts-banner .image-with-text h2.h1 {
    font-size: 2.4rem;
  }
  .cts-banner .image-with-text h2.h2 {
    font-size: 1.8rem;
  }
  .cts-hero .image-with-text h2.h0 {
    font-size: 3.5rem;
  }
}
body.has-results div#rebuy-widget-241460{
  display: none !important;
}
div#rebuy-widget-241460{
  margin-top: -40px;
}
/* Holiday LP */
.slider-collections-wrapper .hoox-collections__title em, .gift-column-block .text--block h2 em, .mid-launch-wrapper .multi-column h2 em, 
.gift-card-full-banner .image-with-text h2 em, .holiday-guide-banner .image-with-text__text i, .p-carousel-tab h2 em, .guide-waitlist h2 em{
  font-family: var(--times);
  font-style: italic;
}
.gift-column-block .multi-column:first-of-type {
  background-color: var(--blue);
  border-radius: 5px;
  color: var(--white);
}
.gift-column-block{
  gap: 10px;
}
.gift-column-block .text--block{
  max-width: 400px;
  padding: 30px;
}
.gift-column-block .text--block h2{
  font-size: 40px;
  color: var(--white);
  max-width: 200px;
  margin-bottom: 1rem;
}
.gift-column-block .text--block h2 em{
  color: var(--white);
  text-transform: capitalize;
}
.gift-column-block .text--block .btn{
  padding: 0;
  background: none;
  text-decoration: underline;
  margin-top: 2.5rem;
}
.gift-column-block .text--block .btn:hover, .mid-launch-wrapper .multi-column:last-of-type .button:hover, .gift-card-full-banner .button.button--secondary{
  text-decoration: none;
}
.gift-column-block .multi-column:last-of-type .text--block{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 20px;
  color: var(--blue);
}
.gift-column-block .image--block img{
  border-radius: 8px;
}
.mid-launch-wrapper {
  background-color: #edf2f9;
}
.mid-launch-wrapper .custom-columns{
  gap: 50px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mid-launch-wrapper .custom-columns img{
  border-radius: 8px;
}
.mid-launch-wrapper .multi-column{
  position: relative;
}
.mid-launch-wrapper .multi-column:first-of-type .btn{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  max-width: 160px;
  background-color: transparent;
  border: 1px solid var(--white);
}
.mid-launch-wrapper .multi-column:last-of-type{
  padding-top: 3rem;
}
.mid-launch-wrapper .multi-column h2{
  font-size: 3rem;
  color: var(--blue);
  margin-bottom: 3rem;
}
.mid-launch-wrapper .multi-column h2 em, .gift-card-full-banner .image-with-text h2 em, .p-carousel-tab h2 em{
  text-transform: none;
}
.mid-launch-wrapper .multi-column p, .gift-card-full-banner .image-with-text__text, .ship-card-full-banner .image-with-text__text{
  color: var(--blue);
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.mid-launch-wrapper .multi-column:last-of-type .button, .gift-card-full-banner .button.button--secondary, .ship-card-full-banner .button.button--secondary{
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: var(--blue);
}
.mid-launch-wrapper .multi-column:last-of-type .button:before, .mid-launch-wrapper .multi-column:last-of-type .button:after, 
.gift-card-full-banner .button.button--secondary:before, .gift-card-full-banner .button.button--secondary:after, 
.ship-card-full-banner .button.button--secondary:before, .ship-card-full-banner .button.button--secondary:after, 
.holiday-guide-banner .button.button--secondary:before, .holiday-guide-banner .button.button--secondary:after{
  display: none;
}
.gift-card-full-banner .image-with-text {
  min-height: 500px;
  padding-top: 5rem;
}
.gift-card-full-banner .image-with-text h2{
  font-size: 3rem;
  margin-bottom: 2rem;
}
.gift-card-full-banner .image-with-text__text, .ship-card-full-banner .image-with-text__text{
  max-width: 380px;
  letter-spacing: 1px;
}
.content-container .image-with-text__grid {
  width: calc(100% - var(--gutter-mobile) * 2);
  margin: auto;
}
.ship-card-full-banner .image-with-text{
  padding-bottom: 3rem;
}
.ship-card-full-banner .image-with-text h2{
  margin-bottom: 1rem;
}
.gift-card-full-banner.founder-card .image-with-text__text{
  max-width: 450px;
}
.gift-card-full-banner.founder-card .image-with-text__text p{
  margin-bottom: 1rem;
  color: var(--black);
}
.gift-card-full-banner.founder-card .img--text{
  max-width: 100px;
}
.gift-card-full-banner.founder-card .image-with-text .image-with-text__heading.h0{
  font-size: 1.4rem;
  color: var(--black);
  margin-top: 2rem;
  margin-bottom: .5rem;
}
.founder-card .image-with-text{
  background-position: center;
  min-height: 600px;
  margin-bottom: 0;
}
.founder-card .image-with-text__text--caption{
  color: var(--black);
}
.holiday-guide-banner .image-with-text__content {
  max-width: 480px;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
.holiday-guide-banner .image-with-text__content h2.image-with-text__heading {
  font-size: 1.4rem;
  color: var(--white);
}
.holiday-guide-banner .image-with-text__text{
  padding: 20px;
  font-size: 1.6rem;
  color: var(--white);
  letter-spacing: 1px;
}
.holiday-guide-banner .image-with-text{
  background-position: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  height: 520px;
}
.holiday-guide-banner .image-with-text__grid, .holiday-guide-banner .grid__item, .holiday-guide-banner .image-with-text__content{
  height: 100%;
}
.holiday-guide-banner .button {
  background-color: transparent;
  border: 1px solid var(--white);
  height: 46px;
  letter-spacing: 1px;
  font-size: 1.4rem;
  padding: 0 30px;
}
.holiday-guide-banner .button:hover{
  background-color: var(--white);
  color: var(--blue);
  padding: 0 30px;
}
.slider-collections-wrapper .hoox-collections__btn.hoox-btn {
  background-color: var(--blue);
  color: var(--white);
  height: 44px;
  font-size: 1.4rem;
  letter-spacing: 1px;
}
.slider-collections-wrapper .hoox-collections__btn.hoox-btn:hover{
  opacity: 0.9;
}
.holiday-guide-banner .image-with-text__text.image-with-text__text--caption{
  font-size: 1.2rem;
  width: 100%;
  color: var(--blue);
  padding-top: 10px;
}
.slider-collections-wrapper .hoox-collections__image img{
  border-radius: 8px;
}
.slider-collections-wrapper .hoox-collections__title{
  font-size: 30px;
}
.p-carousel-tab h2 {
  color: var(--blue);
  font-size: 4rem;
}
.gift-column-block .text--block p {
  letter-spacing: 1px;
}
@media (min-width: 769px){
  .slider-collections-wrapper .hoox-collections__btn.hoox-btn {
    max-width: 200px;
  }
  .gift-column-block .custom-columns{
    grid-template-columns: repeat(2, 1fr);
  }
  .gift-column-block .multi-column:last-of-type .image--block{
    height: 100%;
  }
  .gift-column-block .multi-column:last-of-type .image--block img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .gift-column-block .text--block h2{
    font-size: 50px;
  }
  .mid-launch-wrapper .custom-columns{
    grid-template-columns: repeat(2, 1fr);
  }
  .mid-launch-wrapper .multi-column h2, .gift-card-full-banner .image-with-text h2, .slider-collections-wrapper .hoox-collections__title{
    font-size: 4rem;
  }
  .content-container .image-with-text__grid {
    width: calc(100% - var(--gutter-tablet) * 2);
  }
  .value_for_gift, .holiday-guide-banner .image-with-text__text--caption, .gift-column-block .multi-column:first-of-type .image--block{
    display: none;
  }
}
@media (min-width: 1025px){
  .content-container .image-with-text__grid, .gift-column-block .container, .mid-launch-wrapper .container{
    width: calc(100% - var(--gutter-desktop) * 2);
    max-width: var(--l);
  }
  .mid-launch-wrapper .multi-column:last-of-type{
    max-width: 360px;
  }
  .gift-column-block .text--block p {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px){
  .holiday-guide-banner .image-with-text {
    padding-top: 3rem;
    padding-bottom: 110%;
  }
  .holiday-guide-banner .image-with-text__content{
    align-items: center;
    padding: 0 3rem;
    height: auto;
    max-width: 100%;
    flex-direction: column;
  }
  .holiday-guide-banner img.img--text {
    max-width: 76%;
    margin: auto;
  }
  .holiday-guide-banner .image-with-text__text{
    padding: 20px 0;
    max-width: 350px;
  }
  .holiday-guide-banner .button{
    background-color: var(--white);
    color: var(--blue);
    font-size: 1.6rem;
    padding-top: 4px;
  }
  .slider-collections-wrapper .swiper-wrapper{
    flex-direction: column;
  }
  .slider-collections-wrapper .swiper-wrapper .swiper-slide{
    margin-bottom: 2.5rem;
  }
  .hoox-collections__wrapper.slider-collections-wrapper {
    padding-top: 100%;
  }
  .hoox-collections__wrapper.slider-collections-wrapper .hoox-collections__title {
    max-width: 220px;
    padding-top: 80px;
  }
  .value_for_gift{
    max-width: 100px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .value_for_gift label{
    font-size: 1.4rem;
    letter-spacing: 2px;
    display: block;
  }
  .value_for_gift span{
    font-size: 1.1rem;
  }
  .gift-column-block .multi-column .image--block{
    position: absolute;
    right: -20px;
    bottom: 0;
    max-width: 260px;
    z-index: 0;
  }
  .gift-column-block .container{
    max-width: 100%;
  }
  .mid-launch-wrapper .custom-columns{
    gap: 20px;
  }
  .gift-column-block .multi-column:last-child{
    display: none;
  }
  .mid-launch-wrapper .multi-column{
    order: 2;
  }
  .mid-launch-wrapper .multi-column:last-of-type{
    order: 1;
  }
  .mid-launch-wrapper .multi-column .text--block {
    max-width: 34rem;
  }
  .gift-card-full-banner .image-with-text__content{
    padding-top: 0;
  }
  .gift-card-full-banner .image-with-text h2{
    margin-bottom: .5rem;
  }
  .gift-card-full-banner .button.button--secondary{
    padding: 18px 30px;
    background-color: var(--white);
    color: var(--blue);
    text-decoration: none;
  }
  .gift-card-full-banner .image-with-text{
    min-height: 560px;
  }
  .gift-card-full-banner .image-with-text__text{
    color: var(--black);
  }
  .ship-card-full-banner .image-with-text__text, .ship-card-full-banner .text-blue, .ship-card-full-banner .button.button--secondary{
    color: var(--white);
  }
  .ship-card-full-banner .image-with-text {
    padding-bottom: 1rem;
  }
  .gift-card-full-banner.founder-card .image-with-text {
    min-height: 600px;
  }
  .gift-card-full-banner.founder-card .image-with-text__text {
    max-width: 36rem;
  }
  .p-carousel-tab.container, .product-carousel__tab-swiper-container{
    max-width: 100%;
    width: 100%;
  }
  .product-carousel__tab-swiper-container .tab-swiper{
    padding: 0;
  }
  .product-carousel__tab-swiper-container .product-carousel__container{
    width: 100%;
  }
  .product-carousel__header{
    text-align: left;
    max-width: 85%;
    padding: 0 20px;
  }
  .product-carousel__header .product-carousel__description{
    text-align: left;
    font-size: 1.3rem;
  }
  .p-carousel-tab h2{
    font-size: 25px;
  }
  .gift-column-block .text--block h2 {
    font-size: 30px;
    max-width: 160px;
  }
  .gift-column-block .text--block {
    max-width: 28rem;
    padding: 15px;
  }
}
.product-form .bg-light-cream img.max-h-\[10px\]:first-of-type {
  max-height: 15px;
  top: 3px;
  position: relative;
}



.nav__cart-count{
  display: flex;
      align-items: center;
    justify-content: center;
}

.product-badges{
  color: #0F3DFB;
  font-size: 14px;
  position: absolute;
  z-index:9;
  top: 26px;
  left: 20px;
 }
 .product-gallery__carousel .product-badges{
  top: 70px;
  left: 50px;
 }
 @media (min-width: 641px){
   .product-gallery__carousel .product-badges{
     left: 115px;
   }
 }
 @media (min-width: 768px){
   .product-gallery__carousel .product-badges{
     left: 80px;
   }
 }
 @media (min-width: 901px){
   .product-gallery__carousel .product-badges{
     left: 90px;
   }
 }
 @media (min-width: 1025px){
   .product-gallery__carousel .product-badges{
     left: 100px;
   }
 }
 @media (min-width: 1200px){
   .product-gallery__carousel .product-badges{
     left: 110px;
   }
 }
 @media (min-width: 1440px){
   .product-gallery__carousel .product-badges{
     left: 130px;
   }
 }
 .product-badges .badge{
   padding: 7px 14px;
   background: #EDEBE4;
   border-radius: 17px;
 }
 
 .product-card__messaging{
   text-align: center;
   margin-top: 10px;
   font-size: 12px;
   text-transform: uppercase;
   background: #EDEBE4;
   padding: 10px 3px 9px 3px;
 }
 .product-form-bar .product-form__messaging {
   display: none;
 }
 .product-form__messaging{
   text-align: center;
   margin: 20px 0 25px 0;
   font-size: 12px;
   text-transform: uppercase;
   background: #EDEBE4;
   padding: 11px 3px 7px 3px;
   align-items: center;
 }
 @media (max-width: 768px){
   .product-badges{
     font-size: 12px;
     top: 14px;
     left: 10px;
   }
   .product-badges .badge{
     padding: 5px 9px;
     border-radius: 17px;
   }
   .product-card__messaging{
     font-size: 8px;
     margin-top: 5px;
   }
 }

 /* Midnight Lunch LP */
.mid-banner h2.image-with-text__heading, .mid-banner .image-with-text__text{
  font-size: 1.2rem;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mid-banner .image-with-text {
  min-height: 540px;
  display: flex;
  background-position: 40% 0;
}
.mid-banner .button{
  min-width: 160px;
}
.mid-banner .image-with-text__content {
  text-align: center;
}
.mid-banner .image-with-text__text {
  margin: 20px auto;
  max-width: 18em;
}
.text-none{
  text-transform: none;
}
.feature-banner .image-with-text {
  min-height: 500px;
  background-position: 50% 0;
}
.feature-banner h2, .feature-banner p {
  color: var(--white);
  text-transform: uppercase;
}
.feature-banner .image-with-text__content {
  text-align: center;
}
.feature-banner h2{
  font-size: 3.5rem;
  margin-bottom: 0;
}
.feature-banner p{
  font-size: 2rem;
}
.feature-banner .image-with-text__text {
  max-width: 410px;
  margin: 0 auto;
}
.feature-banner .button{
  background-color: var(--white);
  color: var(--blue);
  font-size: 1.6rem;
  height: 50px;
  line-height: 25px;
  min-width: 180px;
  margin-top: 2rem;
}
.feature-banner.text-blue .button{
  background-color: var(--blue);
  color: var(--white);
}
.feature-banner.text-blue h2, .feature-banner.text-blue p{
  color : var(--blue);
}
.ski-banner .custom-columns .multi-column:first-child {
  background-color: var(--black-o-10);
  border-radius: 6px;
  padding: 40px;
}
.ski-banner .text--block {
  text-align: center;
}
.ski-banner .text--block h3{
  font-size: 3.5rem;
  letter-spacing: 1px;
  line-height: 1;
  color: var(--blue);
}
.ski-banner .text--block p{
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: var(--blue);
  margin-bottom: 2rem;
}
.ski-banner .text--block .button{
  margin-top: 2rem;
  height: 44px;
  min-width: 160px;
}
.mid-about-banner .image-with-text {
  min-height: 500px;
}
.mid-winter-banner .image-with-text {
  background-position: 50% 0;
}
.mid-about-banner p, .mid-about-banner h2{
  color: var(--white);
}
.mid-about-banner .image-with-text__content{
  padding-top: 5rem;
}
.mid-winter-banner .image-with-text__content, .mid-about-banner .image-with-text__content{
  text-align: center;
}
.mid-about-banner .image-with-text__heading{
  margin-top: 0;
}
.mid-about-banner .image-with-text__heading, .mid-about-banner .image-with-text__text--caption{
  letter-spacing: 1px;
}
.mid-about-banner .image-with-text__image img{
  margin: 20px auto 0;
  max-width: 200px;
}
.winter-banner-mobile img, .fleece-banner .mobile-image img, .feature-banner .image-with-text__image img, 
.mid-winter-banner .image-with-text__image img, .winter-skin-mobile-image .image-with-text__image img{
  border-radius: 6px;
}
.winter-banner-mobile .image-with-text__image img{
  position: absolute;
  bottom: -70px;
  z-index: 1;
  right: -20px;
  max-width: 250px;
}
@media (min-width: 768px){
  .mid-banner .image-with-text__text-item.grid__item {
    display: flex;
    justify-content: flex-end;
  }
  .mid-banner .image-with-text__content {
    max-width: 36em;
  }
  .mid-banner .image-with-text__image:nth-child(2n+1){
    display: none;
  }
  .winter-banner-mobile .image-with-text__image img {
    max-width: 410px;
  }
}
@media (min-width: 1025px){
  .winter-banner-mobile, .mid-winter-banner .image-with-text__image{
    display: none;
  }
  .midlunch-copy, .custom-product-with-gallery.container, .feature-banner .container, .mid-winter-banner .container, .ski-banner .container, .mid-about-banner .container{
    max-width: 1240px;
  }
  .midlunch-copy{
    max-width: 1000px;
  }
  .fleece-banner .image-with-text .grid {
    grid-template-columns: 45% 1fr;
  }
  .fleece-banner .image-with-text {
    margin-top: 10rem;
  }
  .fleece-banner .image-with-text .grid .image-with-text__media-item {
    position: relative;
  }
  .fleece-banner .image-with-text .grid .image-with-text__media-item .image-with-text__media img{
    position: absolute;
    left: 10rem;
    bottom: 0;
    height: 120%;
    width: auto;
  }
  .feature-banner h2{
    font-size: 5rem;
  }
  .feature-banner p{
    font-size: 2.5rem;
  }
  .feature-banner.text-blue .image-with-text__text p, .feature-banner.text-blue .image-with-text__text, .fleece-banner .image-with-text__text { 
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: .5px;
  }
  .feature-banner:not(.fleece-banner) .image-with-text__content{
    max-width: 50%;
  }
  .mid-winter-banner .image-with-text__content, .mid-about-banner .image-with-text__content{
    max-width: 48%;
  }
  .mid-winter-banner .image-with-text__content p{
    font-size: 1.6rem;
  }
  .ski-banner .custom-columns.grid {
    grid-template-columns: 40% 1fr;
  }
  .ski-banner .text--block h3{
    font-size: 5rem;
  }
  .ski-banner .text--block p{
    font-size: 2.5rem;
    max-width: 250px;
    text-align: right;
    margin: 0 auto 2rem;
  }
  .mid-about-banner .image-with-text__heading{
    font-size: 5rem;
  }
  .mid-about-banner .image-with-text__heading, .mid-about-banner .image-with-text__text--caption{
    text-align: left;
  }
  .fleece-banner .mobile-image, .winter-skin-mobile-image, .belt-bag .image-with-text__image, .ski-banner .multi-column:first-child .image--block{
    display: none;
  }
  .feature-banner:not(.text-blue) .image-with-text__media img {
    position: absolute;
    max-width: 300px;
    right: 22px;
    bottom: -50px;
  }
  .mid-about-banner .image-with-text {
    background-position: 50% 0;
  }
}
@media (min-width: 1440px){
  .feature-banner h2, .ski-banner .text--block h3 {
    /* font-size: 6rem; */
  }
}
@media (max-width: 1024px){
  .feature-banner:not(.text-blue) .image-with-text {
    min-height: 350px;
    background-image: none;
    background-color: var(--blue);
  }
  .feature-banner .image-with-text__text {
    max-width: 320px;
  }
  .feature-banner h2, .ski-banner .text--block h3, .mid-about-banner .image-with-text__heading, .mid-winter-banner .image-with-text__heading{
    font-size: 4.5rem;
  }
  .winter-banner-mobile .image-with-text__content{
    padding: 0;
  }
  .fleece-banner .image-with-text__media, .feature-banner:not(.text-blue) .image-with-text__media img {
    display: none;
  }
  .fleece-banner .image-with-text {
    background-color: transparent !important;
  }
  .feature-banner .image-with-text__text {
    text-align: center;
  }
  .feature-banner p {
    font-size: 1.6rem;
  }
  .belt-bag .image-with-text {
    background: none !important;
  }
  .mid-winter-banner .image-with-text {
    background-image: none !important;
    background-color: var(--black-o-10) !important;
  }
  .winter-skin-mobile-image .image-with-text__content {
    padding: 0;
  }
  .ski-banner .custom-columns.grid {
    grid-auto-flow: row;
    gap: 0;
  }
  .ski-banner .custom-columns .multi-column{
    padding: 0 !important;
  }
  .ski-banner .custom-columns .multi-column .text--block{
    padding: 0 3.5rem 3.5rem 3.5rem;
    background-color: #ece8e5;
    border-radius: 6px;
  }
  .ski-banner .custom-columns .multi-column:last-child{
    display: none;
  }
  .mid-about-banner .image-with-text__content{
    padding-top: 80%;
  }
  .mid-about-banner .image-with-text__heading, .mid-about-banner .image-with-text__text--caption{
    text-align: left;
  }
  .mid-about-banner .image-with-text__content {
    display: grid;
  }
  .mid-about-banner .image-with-text__image{
    order: 1;
  }
  .mid-about-banner .image-with-text__text--caption{
    order: 2;
  }
  .mid-about-banner h2{
    order: 3;
  }
  .mid-about-banner .rte{
    order: 4;
  }
  .ski-banner .custom-columns .multi-column:first-child img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}
@media (max-width: 767px){
  .feature-banner .image-with-text__text {
    max-width: 300px;
  }
  .feature-banner h2, .ski-banner .text--block h3, .mid-about-banner .image-with-text__heading, .mid-winter-banner .image-with-text__heading{
    font-size: 4.2rem;
  }
  .mid-banner .image-with-text__image:first-of-type {
    display: none;
  }
  .mid-banner .image-with-text__image img{
    max-width: 200px;
  }
  .mid-banner .image-with-text {
    min-height: 650px;
  }
  .mid-banner .image-with-text__grid {
    margin-bottom: 20px;
  }
  .mid-banner .button{
    background-color: var(--white);
    color: var(--blue);
    height: 44px;
    line-height: 22px;
  }
  .cpws-featured-product .featured-single__product .product-card{
    flex-direction: column !important;
  }
  .winter-banner-mobile .image-with-text__image img{
    max-width: 215px;
  }
}
@media (max-width: 501px){
  .feature-banner h2, .ski-banner .text--block h3, .mid-about-banner .image-with-text__heading, .mid-winter-banner .image-with-text__heading{
    font-size: 3.6rem;
  }
}
@media (max-width: 480px){
  .belt-bag .image-with-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 385px){
  .feature-banner .image-with-text__text {
    max-width: 240px;
  }
  .feature-banner h2, .ski-banner .text--block h3, .mid-about-banner .image-with-text__heading, .mid-winter-banner .image-with-text__heading {
    font-size: 3rem;
  }
}
.slider-lp-shades .product-card__detail .button.button--secondary{
  margin-top: 5px;
}
.size-chart-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  margin: 20px 0;
  font-family: inherit;
}
.size-chart-table th,
.size-chart-table td {
  border: 3px solid #000;
  padding: 10px;
}
.size-chart-table th {
  background: #fff;
  border: none;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.size-chart-table td {
  font-weight: 600;
  text-transform: uppercase;
}
.product-detail-header .product-form__variants{
  display: none;
}
span.product-card__price-compare {
  text-decoration: line-through;
  opacity: 0.6;
  color: var(--black);
  font-size: 1.4rem;
}
div#after-cart-btn-text .sale-product-tag + div > .text-under-atc{
  opacity: 0;
  visibility: hidden;
}
.gwp-line-item + .price__and__quantity, .cart-item[data-variant-id="46936252416257"] .cart-table__cell-quantity, 
.gwp-line-item + .price__and__quantity, .cart-item[data-variant-id="47004178284801"] .cart-table__cell-quantity, 
.mini-cart__item[data-line-key="47004178284801:db4477331ea4e8764a266b108ebd6205"] .price__and__quantity, 
.mini-cart__item[data-line-key="47038848237825:2830d442b896bfa4e83f3a5434c1e56f"] .price__and__quantity, 
.gwp-line-item + .price__and__quantity, .cart-item[data-variant-id="47038848237825"] .cart-table__cell-quantity{
  display: none;
}
span.promobar-countdown {
  border: 1px solid var(--black);
  padding: 3px 8px 2px;
}
/* homepage clarity modules */
#clarity--grid-module {
  background-image: url("/cdn/shop/files/TotalClarity_BG_HPDesktop.webp?v=1766471279");
  width: 100%;
  max-width: 100%;
}
#clarity--grid-module .carousel-swiper {
  width: calc(100% - var(--gutter) * 2);
  margin: 0 auto;
  max-width: var(--l);
}
#clarity--grid-module h2 {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
#clarity--grid-module h2,
#clarity--grid-module .product-card__detail * {
  color: white;
}
.module-clarty-scarlett h2.image-with-text__heading strong{
  display: block;
  font-weight: 400;
}
#clarity--grid-module .reviews-rating__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 11'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='m6 9-3.52671 1.8541.67354-3.92705L.293661 4.1459l3.942979-.57295L6 0l1.76336 3.57295 3.94294.57295-2.85313 2.78115.67354 3.92705L6 9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media (min-width: 768px){
  #clarity--grid-module .carousel-swiper {
    width: calc(100% - var(--gutter-laptop) * 2);
  }
}
@media (max-width: 767px){
  #clarity--grid-module {
    background-image: url("/cdn/shop/files/TotalClarity_BG_HPMobile.webp?v=1766471279");
  }
}

label.variant-color-label {
  width: 30px;
  height: 30px;
  border: 1px solid var(--black-o-20);
}
label.variant-color-label.is-active {
  border-color: var(--black-o-80);
}
label.variant-radio-label {
  border: 1px solid var(--black-o-10);
  padding: 8px 18px;
}
.variant-radio-label.is-active {
  background-color: var(--black-o-10);
}
/* homepage clarity modules */
#clarity--grid-module {
  background-image: url("/cdn/shop/files/TotalClarity_BG_HPDesktop.webp?v=1766471279");
  width: 100%;
  max-width: 100%;
}
#clarity--grid-module .carousel-swiper {
  width: calc(100% - var(--gutter) * 2);
  margin: 0 auto;
  max-width: var(--l);
}
#clarity--grid-module h2 {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
#clarity--grid-module h2,
#clarity--grid-module .product-card__detail * {
  color: white;
}
.module-clarty-scarlett h2.image-with-text__heading strong{
  display: block;
  font-weight: 400;
}
#clarity--grid-module .reviews-rating__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 11'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='m6 9-3.52671 1.8541.67354-3.92705L.293661 4.1459l3.942979-.57295L6 0l1.76336 3.57295 3.94294.57295-2.85313 2.78115.67354 3.92705L6 9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media (min-width: 768px){
  #clarity--grid-module .carousel-swiper {
    width: calc(100% - var(--gutter-laptop) * 2);
  }
}
@media (max-width: 1024px){
  .module-clarty-scarlett .image-with-text {
    padding-bottom: 50%;
  }
  .module-clarty-scarlett.pick-banner .image-with-text__text {
    padding-bottom: 3rem;
  }
  .module-clarty-scarlett .image-with-text__content{
    max-width: 24rem;
    text-align: left;
    margin-left: 0;
  }
}
@media (max-width: 767px){
  #clarity--grid-module {
    background-image: url("/cdn/shop/files/TotalClarity_BG_HPMobile.webp?v=1766471279");
  }
  .module-clarty-scarlett .image-with-text__content{
    max-width: 100%;
  }
}
/* Clarity LP */
.clarity--hero .image-with-text__media-item{
  height: calc(100vh - var(--header-offset)) !important;
}
.clarity--hero .image-with-text__media-item .image-with-text__media{
  height: 100%;
}
.clarity--hero .image-with-text__content .content__inner {
  max-width: 420px;
  margin: auto;
}
.clarity--hero .image-with-text__content-overlay{
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.clarity__hero .image-with-text {
  min-height: 500px;
  background-position: center 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clarity__hero .image-with-text__content {
  max-width: 500px;
  margin: auto;
}
.clarity__hero .image-with-text__content .button, .clarity--hero .image-with-text__content .button{
  background-color: transparent;
  color: var(--white);
  border: 1px solid var(--white);
}
.clarity__hero .image-with-text .img--text, .clarity--hero .image-with-text .img--text {
  max-width: 350px;
  margin: auto;
}
.spotlight__wrapper .image-with-text__content {
  position: relative;
  background-image: url('//theoutset.com/cdn/shop/files/Brightness_Contrast_2.webp?v=1765269565');
  background-size: cover;
  border-radius: 6px;
  height: 100%;
}
.spotlight__wrapper .image-with-text__content div, .spotlight__wrapper .image-with-text__content h2, 
.spotlight__wrapper .image-with-text__content .rte p, .spotlight__wrapper .image-with-text__content p, 
.spotlight__wrapper .image-with-text__content .rte ul li{
  color: var(--white);
}
.spotlight__wrapper .image-with-text__content h2{
  margin-bottom: .6rem;
  letter-spacing: 1px;
}
.spotlight__wrapper .image-with--list .image-with-text__text.rte{
  margin-top: 3rem;
  max-width: 32rem;
  padding-inline-start: 20px;
  letter-spacing: 1px;
}
.spotlight__wrapper .image-with--list .image-with-text__text.rte h5, .ingredients--section .image-with-text__content h5{
  font-size: 2.2rem;
  position: relative;
  letter-spacing: 1px;
}
.spotlight__wrapper .image-with--list .image-with-text__text.rte p{
  padding-inline-start: 0;
  line-height: 1.3;
  padding-bottom: 2rem;
  letter-spacing: 1px;
}
.spotlight__wrapper .image-with--list .image-with-text__text.rte h5:before, .ingredients--section .image-with-text__content h5:before{
  content: "";
  position: absolute;
  left: -7px;
  top: -7px;
  width: 16px;
  height: 16px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
.spotlight__wrapper .button.button--secondary, .dermato-section .button.button--secondary, .ingredients--section .button.button--secondary, 
.skin--section .button.button--secondary, .video__clip .button.button--secondary, .serum_clarity--section .button.button--secondary{
  margin-left: 1rem;
  background: linear-gradient(90deg, #051530 0%, #225398 50%, #1A3F72 100%);
  color: #ffffff;
  padding: 14px 32px;
  border: 1px solid rgba(255,255,255,0.6);
  letter-spacing: 1px;
}
.dermato-section h2, .spotlight__wrapper .image-with-text__content h2{
  font-size: 2.5rem;
  color: var(--white);
  letter-spacing: 1px;
}
.dermato-section .rte {
  margin-bottom: 2rem;
  letter-spacing: 1px;
}
.dermato-section .grid .image-with-text__media{
  padding: 2rem;
}
.dermato-section .grid .image-with-text__media img{
  border-radius: 6px;
}
.dermato-section p, .skin--section p{
  font-size: 1.2rem;
  color: var(--white);
  letter-spacing: 1px;
}
.ingredients--section .image-with-text__content{
  max-width: 55%;
}
.ingredients--section .image-with-text__content h2, .skin--section .image-with-text__content h2{
  font-size: 2.5rem;
  color: var(--white);
  letter-spacing: 1px;
}
.ingredients--section .image-with-text__content .rte{
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  max-width: 38rem;
  padding-inline-start: 20px;
  letter-spacing: 1px;
}
.skin--section .image-with-text__content .rte{
  max-width: 40rem;
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  letter-spacing: 1px;
}
.ingredients--section .image-with-text__content .rte p{
  margin-bottom: 2rem;
  letter-spacing: 1px;
}
.ingredients--section .image-with-text__content h5, .ingredients--section .image-with-text__content h2 strong, .steps-to-use__heading strong{
  font-family: var(--heading-bold--font);
  letter-spacing: 1px;
}
.ingredients--section .image-with-text__content p, .ingredients--section .image-with-text__content h5{
  color: var(--white);
}
.video__clip.pick-banner .image-with-text__content {
  padding-left: 40px;
}
.video__clip .image-with-text__content h2{
  font-size: 2.5rem;
  letter-spacing: 1px;
}
.video__clip .image-with-text__content p{
  color: var(--blue);
  margin-bottom: 3rem;
  letter-spacing: 1px;
}
.spotlight__wrapper .image-with-text__content h2 strong, .video__clip .image-with-text__content h2 strong, 
.serum_clarity--section .image-with-text__content h2 strong, .dermato-section h2 strong, .skin--section .image-with-text__content h2 strong{
  display: block;
  letter-spacing: 1px;
  font-family: var(--heading-bold--font);
}
.video__clip .image-with-text__content .button.button--secondary{
  margin-left: 0;
}
.serum_clarity--section .image-with-text__content{
  padding: 6rem 2rem 6rem 10rem;
}
.serum_clarity--section .image-with-text__content h2{
  font-size: 2rem;
  color: var(--white);
  letter-spacing: 1px;
  margin-bottom: 2rem;
}
.serum_clarity--section .image-with-text__content h3{
  font-size: 2.2rem;
  color: var(--white);
  letter-spacing: 1px;
}
.serum_clarity--section .button.button--secondary{
  margin-left: 0;
  margin-top: 3rem;
}
.bundles--clearity .text--block {
  text-align: center;
  padding: 25px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bundles--clearity .text--block .button{
  background-color: transparent;
  color: var(--hoox-color-black);
  font-size: 1.6rem;
  text-decoration: underline;
  line-height: 1.2;
}
.bundles--clearity .text--block .button:hover:not([disabled]){
  padding-left: 0;
  padding-right: 0;
}
.bundles--clearity .text--block .button:before, .bundles--clearity .text--block .button:after{
  display: none !important;
}
.bundles--clearity .custom-columns.grid{
  margin-top: 0;
}
.difference-table .multi-column:first-child {
  position: relative;
}
.difference-table .multi-column:first-child .text--block {
  top: 0;
  z-index: 1;
  color: white;
  padding: 3rem;
}
.difference-table .multi-column:first-child img {
  border-radius: 6px;
}
.difference-table .multi-column:first-child .text--block h3 {
  font-size: 2.5rem;
  letter-spacing: 1px;
}
.difference-table .multi-column:first-child .text--block h4 {
  font-size: 2rem;
  letter-spacing: 1px;
  margin-bottom: .5rem;
}
.difference-table .multi-column:first-child .text--block h4 strong{
  font-family: var(--heading-bold--font);
}
.difference-table .multi-column:first-child .text--block p {
  max-width: 30rem;
  letter-spacing: 1px;
  font-size: 1.2rem;
}
.difference-table .multi-column:last-child .text--block, .difference-table .multi-column:last-child .text--block > div {
  height: 100%;
}
.comparison-table thead tr:first-child th.highlight-col {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.comparison-table tbody tr:last-child td.highlight-col {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  background: #f1f1f1;
  text-align: left;
  height: 100%;
  border-radius: 6px;
  padding: 15px 20px;
  border-collapse: separate;
}
.comparison-table th,
.comparison-table td {
  padding: 18px;
  border-bottom: 1px solid #dcdcdc;
}
.comparison-table th {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.highlight-col {
  background: #0047ff;
  color: var(--white);
  text-align: center;
}
.other-col {
  color: var(--blue);
  text-align: center;
}
.check {
  text-align: center;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.white-dot {
  background: var(--white);
}
.blue-dot {
  background: var(--blue);
}
.comparison-table tr td:first-of-type {
  width: 150px;
}
.clarity--quiz h2.image-with-text__heading{
  font-size: 2.5rem;
  letter-spacing: 1px;
  margin-bottom: .5rem;
  color: var(--white);
}
.clarity--quiz .rte p{
  letter-spacing: 1px;
}
.clarity--quiz .okeConnect .c-questionNavigationButtons {
  padding-top: 10px;
  padding-bottom: 10px;
}
.clarity--quiz .okeConnect.okeQuizzes .c-tagInput-container--stacked .c-tagInput-label{
  padding-top: 12px;
  padding-bottom: 12px;
}
.clarity--quiz .okeConnect.okeQuizzes.okeQuizzes .c-quiz {
  background-color: transparent;
}
.clarity--quiz .c-questions-header-title.c-title{
  text-transform: uppercase;
  letter-spacing: 1px;
}
.clarity--quiz .c-questions-header-subtitle.c-subtitle{
  display: none;
}
.clarity--quiz p.c-startPanel-title.c-title.u-textAlign--center {
  font-size: 2.5rem !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
}
.clarity--quiz .c-startPanel-subtitle.c-subtitle.u-margin--medium.u-textAlign--center{
  letter-spacing: 1px;
  margin-top: 0 !important;px;
  line-height: 1.2;
}
@media (min-width: 1025px){
  .highlight-col{width: 40%;}
  .comparison-table tr td:first-of-type {
    width: 180px;
  }
  .dermato-section .grid, .difference-table .custom-columns.grid{
    grid-template-columns: 1fr 1fr;
  }
  .dermato-section .grid .image-with-text__media-item{
    order: 2;
  }
  .difference-table .multi-column:first-child .text--block {
    position: absolute;
  }
  .skin--section .image-with-text__content {
    padding: 50px;
  }
  .skin--section .button.button--secondary{
    margin-top: 50px;
  }
  .skin--section .image-with-text {
    padding-bottom: 12%;
    background-position: 100% 100%;
  }
  .difference-table .multi-column:first-child .image--block {
    height: 100%;
  }
  .difference-table .multi-column:first-child .image--block img {
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 1024px){
  .bundles--clearity .text--block .button{
    font-size: 1.4rem;
  }
  .ingredients--section .image-with-text{
    background-position: 100% 100%;
  }
  .spotlight__wrapper .image-with-text__content {
    position: static;
  }
  .spotlight__wrapper .image-with-text__content h2, .spotlight__wrapper .image-with-text__content p.image-with-text__text{
    display: none;
  }
  .mobile-image-text {
    position: absolute;
    top: 0;
    color: var(--white);
    text-align: center;
    padding: 2rem;
    width: 100%;
  }
  .mobile-image-text h2{
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
  .mobile-image-text p{
    font-size: 1.2rem;
  }
  .dermato-section h2, .ingredients--section .image-with-text__content h2, .skin--section .image-with-text__content h2, 
  .video__clip .image-with-text__content h2, .spotlight__wrapper .image-with-text__content h2{
    font-size: 2.2rem;
  }
  .dermato-section h2 strong, .mobile-image-text strong, .ingredients--section .image-with-text__content h2 strong, 
  .skin--section .image-with-text__content h2 strong{
    display: block;
  }
  .spotlight__wrapper .image-with--list .image-with-text__text.rte{
    padding-bottom: 30%;
  }
  .spotlight__wrapper .image-with--list .image-with-text__text.rte h5, .ingredients--section .image-with-text__content h5{
    font-family: var(--heading-bold--font);
    letter-spacing: 1px;
  }
  .spotlight__wrapper .image-with--list .image-with-text__content .button{
    min-width: 160px;
  }
  .spotlight__wrapper .button.button--secondary, .dermato-section .button.button--secondary, .ingredients--section .button.button--secondary, .skin--section .button.button--secondary, .video__clip .button.button--secondary, .serum_clarity--section .button.button--secondary{
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
  }
  .skin--section .image-with-text, .serum_clarity--section .image-with-text{
    padding-bottom: 100%;
  }
  .serum_clarity--section .image-with-text__content{
    padding: 2.2rem;
    text-align: center;
  }
  .serum_clarity--section .image-with-text {
    background-position: center;
  }
  .pick-banner.video__clip .grid .image-with-text__media-item {
    order: inherit;
  }
  .video__clip .image-with-text__content h2, .video__clip .image-with-text__content p{
    color: var(--white);
  }
  .video__clip .video-container{
    padding: 1rem;
  }
  .difference-table .image--block, .video__clip .image-with-text__content .button.button--secondary{
    display: none;
  }
  .difference-table .custom-columns.grid {
    grid-auto-flow: row;
    gap: 0;
  }
  .difference-table .multi-column:first-child .text--block{
    background-color: #f1f1f1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .difference-table .multi-column:first-child .text--block *{
    color: var(--blue);
  }
  .comparison-table{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px){
  .clarity__hero .image-with-text{
    min-height: 550px;
  }
  .ingredients--section .image-with-text__content {
    max-width: 80%;
  }
  .bundles--clearity .custom-columns.grid {
    grid-template-columns: 1fr 1fr;
  }
  .comparison-table{
    padding: 15px 10px;
  }
  .clarity--quiz .okeConnect.okeQuizzes .c-tagInput-container--stacked .c-tagInput-label {
    width: 100%;
  }
  .spotlight__wrapper .image-with--list .image-with-text__text.rte h5, .ingredients--section .image-with-text__content h5{
    font-size: 1.8rem;
  }
  .clarity--quiz p.c-startPanel-title.c-title.u-textAlign--center {
    font-size: 2.2rem !important;
  }
  .bundles--clearity .text--block .button{
    font-size: 1.3rem;
  }
}
@media (max-width: 480px){
  .comparison-table th, .comparison-table td {
    padding: 10px;
  }
  .clarity__hero .image-with-text .img--text, .clarity--hero .image-with-text .img--text {
    max-width: 250px;
  }
  .bundles--clearity .text--block .button{
    font-size: 1.2rem;
  }
}
.hero .video__ctas{
  z-index: 11;
}