/** Shopify CDN: Minification failed Line 1059:87 Expected identifier but found whitespace Line 1059:88 Unexpected "90%" **/ @font-face { font-family: 'AktivGrotesk'; src: url('/cdn/shop/files/AktivGrotesk-Medium.woff2?v=1719826710') format('woff2'), url('/cdn/shop/files/AktivGrotesk-Medium.woff?v=1719826691') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'AktivGrotesk'; src: url('/cdn/shop/files/AktivGrotesk-Light.woff2?v=1719826674') format('woff2'), url('/cdn/shop/files/AktivGrotesk-Light.woff?v=1719826652') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'AktivGrotesk'; src: url('/cdn/shop/files/AktivGrotesk-Regular.woff2?v=1719826749') format('woff2'), url('/cdn/shop/files/AktivGrotesk-Regular.woff?v=1719826731') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Promenade'; src: url('/cdn/shop/files/Promenade-Regular.woff2?v=1719826793') format('woff2'), url('/cdn/shop/files/Promenade-Regular.woff?v=1719826772') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AktivGrotesk'; src: url('/cdn/shop/files/AktivGrotesk-Bold.woff2?v=1719826635') format('woff2'), url('/cdn/shop/files/AktivGrotesk-Bold.woff?v=1719826615') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Promenade'; src: url('/cdn/shop/files/Promenade-Regular_10d8cbaa-7382-4cb2-93fb-08d460f29211.woff2?v=1725945951') format('woff2'), url('/cdn/shop/files/Promenade-Regular_9962e5c8-7ad5-43a8-bda7-0d2cba97e1f8.woff?v=1725945947') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Promenade'; src: url('/cdn/shop/files/Promenade-Italic.woff2?v=1725945943') format('woff2'), url('/cdn/shop/files/Promenade-Italic.woff?v=1725945939') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } body.overflow {overflow: hidden;} .announcement--root {background: rgba(207, 207, 205, 1);} .announcement--root .announcement--wrapper {max-width: 1300px;margin: auto; position: relative;position: relative;justify-content: space-between;padding: 0px 10px;} .announcement--root .announcement--wrapper .announcement--text:first-child {width: 89%; padding-left: 18%;} .announcement--root .announcement--wrapper .announcement--text {font-size: 12px;font-weight: 400;line-height: 16px;font-family: AktivGrotesk !important;letter-spacing: 0;} .announcement--root .announcement--wrapper .announcement--icon-second:nth-child(4) img, .announcement--root .announcement--wrapper .announcement--icon-third img {height: 12px;} .announcement--root .announcement--wrapper .announcement--icon-second, .announcement--root .announcement--wrapper .announcement--icon-third {padding: 10px 5px;} .cstm-banner .featured-content--container {align-items: flex-end;text-align: left;} .cstm-banner .featured-content--container .featured-content--text-container {text-align: left !important;align-items: flex-start; max-width: 1300px !Important; width: 100%; padding: 0px 20px;} .cstm-banner .featured-content--container .featured-content--text-container h3.featured-content--title {text-align: left;font-size: 36px;color: #fff;font-weight: 300 !important;font-family: 'AktivGrotesk' !important;line-height: 46px !important; width: 50%} .cstm-banner .featured-content--container .featured-content--description {text-align: left;font-size: 16px;color: #fff;font-weight: 300 !important;font-family: 'AktivGrotesk' !important;line-height: 20px !important; margin: 20px 0px;} .cstm-banner .featured-content--container .featured-content--text-container .featured-content--link a {background-color: rgb(255 255 255);font-size: 18px;color: #000 !important;font-weight: 300 !important;font-family: 'AktivGrotesk' !important;line-height: 24px !important;text-decoration: inherit !important;padding: 8px 90px;border-radius: 50px;text-transform: math-auto;} .cstm-banner .featured-content--container .featured-content--text-container .featured-content--link a:after {display: none;} .cstm-banner .featured-content--container .featured-content--text-container .featured-content--link a:hover {background-color: #000;color: #fff !important;transition: all ease 0.5s;} header-root.header--root .header--left ul.x-menu--level-1--container {flex-direction: column;} header-root.header--root .header--left x-menu-root.x-menu {overflow:hidden;width: 467px;background-color: rgba(244, 244, 244, 1);height: 600px;position: fixed;padding: 90px;left: -100%;transition: all ease 0.5s; top: 54px;} header-root.header--root img.icon-remove {position: absolute;left: 20px;display: none;} .header--left {justify-content: flex-end !important;} .header--container.container-fluid {position: relative;max-width: 1300px; margin-top: 15px !important;} .header--root_transparent .header--container img.icon-add {top: 44px;position: absolute;} header-root.header--root.new-class .header--left x-menu-root.x-menu {left: 0;transition: all ease 0.5s;} .header--container.container-fluid img.icon-remove {z-index: 9999;position: absolute;display: block;} header-root.header--root.new-class .header--left x-menu-root.x-menu ul.x-menu--level-1--container li a, header-root.header--root.new-class .header--left x-menu-root.x-menu ul.x-menu--level-1--container li a span {height: auto;font-size: 14px;line-height: 18px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 400;padding: 4px 0px;text-transform:capitalize;} .header--container.container-fluid .cart-link a img {padding: 0px 4px;} .cstm-clinically {padding-top: 120px; padding-bottom: 30px;} .cstm-clinically h2.featured-text--heading {font-size: 34px; line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;} .cstm-clinically .featured-text--body {font-size: 22px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 32px !important;letter-spacing: 0;max-width: 54%;margin: 20px auto 0px;} .cstm-clinically .featured-text--body.uuuuu p {font-size: 22px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 32px !important;letter-spacing: 0;max-width: 100%;margin: 20px auto 0px;} .cstm-clinically a.button { background-color: transparent !important;color: #000 !important;border: 0px !important;font-family: 'AktivGrotesk' !important;font-weight: 500 !important;text-decoration: underline;font-size: 16px !important;line-height: 22px !important;} .featured-cstm featured-collection-root {padding-top: 20px !important;} .featured-cstm featured-collection-root h2.featured-collection--title a, .featured-cstm featured-collection-root h2.featured-collection--title{font-size: 36px;font-weight: 400;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important; margin-left: 0px !important; margin-top: 30px;} .featured-cstm featured-collection-root .product-new-custom li {border: 0 !important;} .featured-cstm featured-collection-root .product-new-custom ul.product-tags {left: auto;right: 0;} .featured-cstm featured-collection-root .product-new-custom li img {width: 20px !important;height: 20px !important;} .product-new-custom .product--details-wrapper button.kl_reviews__star_rating_widget .kl_reviews__stars_badge svg {height: 17px !important;width: 20px !important;} .product-new-custom .product--details-wrapper button.kl_reviews__star_rating_widget .kl_reviews__star_rating_widget__label {display: none !important;} .product-new-custom .product--details-wrapper {text-align: left;} .product-new-custom p.product--title {text-align: left !important;font-size: 14px !important;font-weight: 300;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important;} .product-new-custom .product--price-wrapper {justify-content: flex-start !important;margin-top: 10px !important;} .product-new-custom .product--price-wrapper span.product--price.money {font-size: 14px !important;font-weight: 300 !important;font-family: 'AktivGrotesk';color: #000 !important;} .product-new-custom .product--details-wrapper button.kl_reviews__star_rating_widget {height: 26px;} .featured-cstm .featured-collection--show-more {padding-left: 0px;} .featured-cstm .featured-collection--show-more a {font-size: 18px;font-weight: 400;color: rgba(0, 0, 0, 1);font-family: 'Promenade' !important;font-style: italic !important;} .icons-menus img.close-ic {position: absolute;left: 20px;display: none;} header-root.header--root.header--root_transparent.new-class .icons-menus img {visibility: hidden; } header-root.header--root.header--root_transparent.new-class .icons-menus img.close-ic {display: block!important;z-index: 999;cursor: pointer;visibility: visible;top: 0;transition: all ease .5s;left: 10px;} .cstm-banner .featured-content--text {max-width: 100% !important;width: 100% !important;} .image-cont-sec .featured-grid--body {max-width: 1300px!important;display: flex;margin: 0 auto;width: 100%;} .image-cont-sec .featured-grid--body .featured-grid--body--container {width: 100%;} .image-cont-sec .featured-grid--body .featured-grid--body--container .featured-grid--item--text-container {align-items: end;} .image-cont-sec .featured-grid--body .featured-grid--body--container .featured-grid--item--text-container h3.featured-grid--item--title {font-size: 20px;font-weight: 500 !important;color: rgba(255, 255, 255, 1) !important; font-family: 'AktivGrotesk' !important;} .custom-after-before-sec .main-after-inr {max-width: 1300px;margin:0 auto;display: flex;margin-top: 20px; justify-content: space-between} .custom-after-before-sec .main-after-inr .after-before-image_cs .after-before-image-with-text {display: flex;} .main-after-before.custom-after-before-sec .after-before-image-with-text {gap: 1px;} .custom-after-before-sec .main-after-inr .after-before-image_cs .after-before-image_csttt {display: flex;} .custom-after-before-sec .main-after-title {width: 20%;margin-left: 11%;} .custom-after-before-sec .main-after-title h2 {font-size: 36px;font-weight: 400;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important;line-height: 45px !important;} .custom-after-before-sec .custom-image {position: relative;} .custom-after-before-sec .custom-image h2 {font-size: 14px;font-weight: 400;line-height: 19px;background: rgba(255, 255, 255, 0.8);position: absolute;top: 0;padding: 10px 20px;} .custom-after-before-sec .main-after-inr .after-before-image_cs .after-before-image-with-text {MARGIN-LEFT: 20PX;} .custom-after-before-sec .main-after-inr .after-before-image_cs .after-before-image-with-text:first-child {margin-left: 0;} .custom-after-before-sec .main-after-inr .custom-button a {font-size: 18px;font-weight: 400;line-height: 24px;font-style: italic !important;font-family: 'Promenade' !important;text-decoration: underline;margin: 50px 0px 80px;display: block;} .cstm-back-stock {max-width: 97% !important;} .icons-menus {position: absolute;cursor: pointer; z-index: 9999; top: 10px;} .cstm-image-cont {max-width: 1200px;margin: 80px auto;} .cstm-image-cont .featured-content--text .featured-content--text-container {text-align: left !important;align-items: flex-start; width: 80%;} .cstm-image-cont .featured-content--text .featured-content--text-container h2.featured-content--overline {font-size: 47px;line-height: 55px;text-align: left;font-weight: 400;color: rgba(0, 0, 0, 1);font-family: 'Promenade' !important;text-transform: inherit;font-style: italic;} .cstm-image-cont .featured-content--text .featured-content--text-container h3.featured-content--title {font-size: 20px;font-weight: 300;color: rgba(0, 0, 0, 1) !important;line-height: 28px;font-family: 'AktivGrotesk' !important; text-align: left !important} .cstm-image-cont .featured-content--text .featured-content--text-container .featured-content--description {font-size: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 28px !important;margin-top: 10px;} .cstm-image-cont .featured-content--text .featured-content--text-container img {width: 33%;margin-left: -20px; margin-bottom: 30px} .cstm-image-cont .featured-content--text .featured-content--text-container .featured-content--link a.featured-content--link--container {border: 0px !important;font-family: AktivGrotesk !important;font-weight: 500 !important;text-decoration: underline;font-size: 16px !important;line-height: 22px !important;} .cstm-image-cont .featured-content--text .featured-content--text-container .featured-content--link a.featured-content--link--container:after{display: none} .custom-after-before-sec .main-after-inr .custom-button a:hover {background-color: transparent;color: #000;} .cstm-image-cont .featured-content--image {width: 100%;} .cstm-image-cont .featured-content--text {width: 80%;} .cstm-welcome-sec h3 {font-size: 36px;line-height: 48px;font-weight: 300 !important;color: rgba(255, 255, 255, 1) !important;font-family: 'AktivGrotesk' !important;} .cstm-welcome-sec span {font-size: 20px;line-height: 28px;color: rgba(255, 255, 255, 1);font-weight: 300 !important;font-family: 'AktivGrotesk' !important;margin: 20px 0px 30px; display: block} .cstm-welcome-sec .content-box a {background-color: #000 !important;font-size: 18px !important;color: #fff !important;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 24px !important;text-decoration: inherit !important;padding: 8px 60px !important;border-radius: 50px !important;} .cstm-welcome-sec .content-box {PADDING: 0PX !important;} footer.footer--root .footer-menu-content {padding: 48px 40px 48px 40px;} footer.footer--root .footer-menu-content form.needsclick {padding-top: 0 !important;} footer.footer--root .footer-menu-content form.needsclick p span {font-size: 22px;font-weight: 300;line-height: 38px;color: rgba(0, 0, 0, 1);font-family: AktivGrotesk !important;} footer.footer--root .footer-menu-content form.needsclick .needsclick.kl-private-reset-css-Xuajs1 {padding-top: 0px !important;padding-bottom: 0px !important;} footer.footer--root .footer-menu-content .form-version-cid-1 {width: 39%;} footer.footer--root .footer-menu-content form.needsclick .needsclick.kl-private-reset-css-Xuajs1 input {border: 1px solid rgba(0, 0, 0, 1) !important;height: 38px !important;font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;color: #000 !important;width: 99%;} footer.footer--root .footer-menu-content form.needsclick button.needsclick {font-family: AktivGrotesk !important;font-size: 14px !important;background-color: #000 !important;color: #fff !important;text-transform: uppercase;font-weight: 400;height: 36px !important;padding: 0px 30px !important;} footer.footer--root .footer-menu-content ul.footer--menu li a {color: rgba(0, 0, 0, 1) !important;font-size: 12px;font-weight: 400;font-family: AktivGrotesk !important;} .footer-social .footer-logo {width: 60%;} .footer-social {margin-top: 20px;} .header--right-side a {padding: 0 3px !important;} .cstm-back-stock .content-box {padding: 0px !important;justify-content: center;} .cstm-back-stock .content-box h2 {text-align: center !important;width: 100%;font-size: 40px;line-height: 55px;font-weight: 400;color: #fff; font-family: 'Promenade' !important;;text-transform: inherit;font-style: italic;margin: 0px 0px 5px;} .cstm-back-stock .content-box h3 {text-align: center !important;width: 100%;font-size: 47px !important;line-height: 55px;font-weight: bold !important;color: #fff !important; font-family: 'Promenade' !important;;text-transform: inherit; max-width: 100% !Important} .cstm-back-stock .content-box span {font-size: 18px;color: #fff;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 26px !important;margin-top: 10px; display: block; MARGIN-BOTTOM: 40PX;} .cstm-back-stock .content-box a {margin: auto;background-color: #000 !important;font-size: 18px !important;color: #fff !important;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 24px !important;text-decoration: inherit !important;padding: 8px 60px !important;border-radius: 50px !important;} div#cs-instagram-feed-homeGallery {border: 0;padding: 0;} .gallery {background-color: rgba(237, 237, 237, 1);border-top: 1px solid #000;border-bottom: 0px solid #000;} .gallery button.slick-arrow {display: none !important;} .gallery .media-swipe-item.slick-slide img {height: 70px;padding: 20px 0px;object-fit: contain;} .cstm-back-stock {position: relative;} .cstm-back-stock .cs-img {width: 100%;} .cstm-back-stock .cs-content {position: absolute;right: 50px;width: 43%;text-align: center;} .cstm-welcome-sec {PADDING: 0PX;position: relative;} .cstm-welcome-sec .cs-content {position: absolute;top: 50%;width: 540px;text-align: left;left: 4%; transform: translateY(-50%)} section.media-swipe.custom-img-swipe {padding: 0px !important;} .cstm-back-stock .cs-img img {width: 100% !important;} .cstm-back-stock{height: auto !Important} .cs-img img, .cs-img {width: 100% !important;} .cstm-welcome-sec {height: auto !important;} select.announce-text {background-color: #cfcfcd;width: 12%;border: none;background-image: url("/cdn/shop/files/Polygon_3.png?v=1719818183");padding: 0 0 0 24px;margin: 0px 10px 0px 0px;} .header--root_transparent.header--root {transform: inherit !important;} .featured-cstm .product--image-wrapper { height: 280px!important;BACKGROUND-COLOR: #f4f4f4!important;padding: 10PX;} .header--container .x-menu--level-1--container li a svg {display: none !important;} .header--container .x-menu--level-1--container li transition-root {background-color: transparent;padding: 20px;transition: all ease .5s;z-index: 9999999;opacity: 9 !important;left: 140px !important;display: none !important;top: -50px;box-shadow: inherit !important; transition: all ease 0.5s} .header--container .x-menu--level-1--container li:nth-child(3) transition-root {top: -85px;} .new-class .header--container .x-menu--level-1--container li:nth-child(2).active transition-root#x-menu--sub-start-here {left: 0;} .header--container .x-menu--level-1--container li:nth-child(2).active img {width: 20px !important;position: absolute;top: 89px;left: 20px;cursor: pointer;} img.mobile-img {display: none !important;} .footer--block--container .footer--block--heading {display: none;} .footer-coppyright.d-flex.justify-content-center.align-item-center {display: none !important;} section.media-swipe.custom-img-swipe {margin-top: 70px !important;} .product-new-custom .product--price-wrapper {justify-content: flex-start!important;margin-top: 0px!important;} .featured-collection--root__homepage .featured-collection--show-more {padding: 30px 0px 0px !important;text-align: left!important;} .featured-cstm featured-collection-root.featured-collection--root__homepage {padding-bottom: 20px !important;} .cstm-image-cont .featured-content--image {height: 590px !important;} .header--container .x-menu--level-1--container li:nth-child(2) transition-root#x-menu--sub-start-here ul li:nth-child(2) {background-image: inherit !important;} /* .announcement--text-care:hover .hidden.shadow-base {display: block;} */ .announcement--text-care svg {width: 20px;} .icon-with-svg .flex {align-items: center;display: flex;padding: 10px 20px !important;border-bottom: 1px solid #ebeaea;} .announcement--text-care .hidden {padding: 0px 10px !important;} .announcement--text-care:after {content: '';background-image: url(/cdn/shop/files/Polygon_3_1d4685cc-22c0-462b-aa4f-e538d139847c.png?v=1724844124);position: absolute;right: -14px;width: 10px;height: 10px;background-repeat: no-repeat;top: 18px;} .announcement--text-care {position: relative;font-size: 12px;letter-spacing: 0;text-transform: inherit;color: #000;font-weight: 400;font-family: 'AktivGrotesk' !important;margin-right: 20px;} .announcement--text-care .hidden.shadow-base {display: none;position: absolute;z-index: 999;border-radius: 10px;padding: 3px 10px !important;top: 40px; width: 210px;right: 5%;border: 2px solid #cfcfcd !important} .icon-with-svg .flex:last-child {border-bottom: 0px;} .x-menu--level-2--container[data-transition=at_start] {left: 130px !important;} .header--container .x-menu--level-1--container li:hover transition-root {display: block !important;transition: all ease 0.5s} header-root.header--root.new-class .header--left x-menu-root.x-menu ul.x-menu--level-1--container li transition-root#x-menu--sub-shop li:nth-child(2) {background-image: inherit !important;} /*.header--container .x-menu--level-1--container li:nth-child(2){background-image: url(/cdn/shop/files/SL-Arrow-icon_2.png?v=1719919994);background-repeat: no-repeat;background-position: 47% 50%;background-size: 30px;} */ .header--container .x-menu--level-1--container li transition-root ul {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;} .image-cont-sec .image--container {padding-top: 0px !important;} .image-cont-sec .image--container img {position: static !important;height: 550px !important;object-fit: cover;} .announcement--text-care .hidden.shadow-base .icon-with-svg svg {fill: #fff !important;stroke: #fff !important;color: #000 !important;} img#back-arrow-icon{display: none} div#quiz-kit-intro p#quiz-kit-intro-text {font-family: Promenade!important;font-size: 34px !important;line-height: 44px !important;font-style: italic !important; margin-bottom: 10px !important;} div#quiz-kit-intro button#quiz-kit-intro-button {background-color: transparent !important;border: 0 !important;color: rgba(0, 0, 0, 1) !important;font-size: 14px !important;padding: 0px !important;letter-spacing: 0px !important;text-decoration: underline;margin-top: 0px !important; font-weight: 400 !important; font-family: 'AktivGrotesk' !important; } .second-sec {padding: 150px 0;border-bottom: 1px solid #000;} .second-sec .container {display: flex;align-items: center;text-align: center; justify-content: space-around; position: relative} .second-sec .container .col_one .head-sec {height: 228px;width: 228px;border: 1px solid rgba(0, 0, 0, 1);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;font-family: 'AktivGrotesk' !important;font-size: 14px;line-height: 19px;font-weight: 400;padding: 0px 30px; background-color: #f4f4f4;z-index: 99;position: relative;} .second-sec .container .col_one h3 {font-family: 'AktivGrotesk' !important;font-size: 14px;line-height: 19px;font-weight: 400;padding: 0px 30px;margin-bottom: 30px;} .second-sec .container:after {content: '';position: absolute;background-color: #000;height: 1px;width: 80%;top: 60%;transform: translateY(-50%);} div#quiz-kit-container h3 {text-align: left;font-size: 12px !important;line-height: 16px !important;font-weight: 400 !important;font-family: 'AktivGrotesk' !important;} div#quiz-kit-container h1 {font-family: Promenade!important;font-size: 34px !important;line-height: 44px !important;font-style: italic !important;margin-bottom: 10px !important;text-align: left;padding-right: 0% !important;} div#quiz-kit-content div#quiz-kit-container , div#quiz-kit-container .sc-Axmtr.uwdOY {justify-content: flex-start;} div#quiz-kit-content div#quiz-kit-container button, div#quiz-kit-container .sc-Axmtr.uwdOY button {border-radius: 0px !important;padding: 0px 20px !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;text-align: center;justify-content: center !important;min-height: 40px !important;min-width: 21% !important;flex: 0 0 21% !important;margin: 0px 5px 10px; border: 1px solid #000 !important} div#quiz-kit-content div#quiz-kit-container button span, div#quiz-kit-container .sc-Axmtr.uwdOY button span {opacity: 0 !important;position: absolute;} div#quiz-kit-content div#quiz-kit-container button#quiz-kit-intro-button {border: 0px !important;} div#quiz-kit-content div#quiz-kit-container div:nth-child(3) div, div#quiz-kit-content div#quiz-kit-container div:nth-child(4) div {justify-content: flex-start;} div#quiz-kit-question-navigation button {font-family: AktivGrotesk!important;font-size: 14px!important;line-height: 19px;font-weight: 400!important;padding: 10px 40px;margin-bottom: 0px;color: #fff!important;letter-spacing: 0px!important;background-color: #000 !important;opacity: 9 !important;text-align: center;position: absolute;right: 0;bottom: -60px;} div#quiz-kit-question-navigation button svg g {fill: #fff;color: #fff;stroke: #fff;} div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button {left: 0;right: auto;} div#quiz-kit-container p#quiz-kit-question-description-127608 {text-align: left;font-family: 'AktivGrotesk' !important;font-size: 14px !important;line-height: 19px !important;font-weight: 400 !important;} div#quiz-kit-container div#quiz-kit-question-grid-127608 button span {opacity: 9 !important;position: static;} div#quiz-kit-container div#quiz-kit-question-grid-127608 button {border: 1px solid #000 !important;padding: 0px 20px !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;text-align: center;justify-content: center !important;min-height: 40px !important;min-width: 14% !important;flex: 0 0 13% !important;margin: 0px 5px 10px;} div#quiz-kit-container .sc-AxhCb.cClgNR {text-align: left;font-family: 'AktivGrotesk' !important;font-size: 14px !important;line-height: 19px !important;font-weight: 400 !important;} div#quiz-kit-container .sc-fzoMdx.gfUELz svg {display: none;} div#quiz-kit-container .sc-fzoMdx.gfUELz h1#quiz-kit-subscribe-uUVhAVBLJ-8-heading {padding-right: 45% !important; margin-bottom: 50px !important;} div#quiz-kit-container .sc-fzoMdx.gfUELz form input { border: 1px solid #000 !important;text-align: center;border-radius: 0px;height: 38px;font-size: 14px !important;font-weight: 400 !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;width: 100% !important; max-width: 100% !important;} div#quiz-kit-container .sc-fzoMdx.gfUELz button#quiz-kit-subscribe-uUVhAVBLJ-8-button {border: 0px solid #000 !important;padding: 0px 20px !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;color: rgb(255 255 255) !important;font-family: 'AktivGrotesk' !important;text-align: center;justify-content: center !important;min-height: 39px !important;margin: 0px 0px 0px !important;background-color: #000 !important;text-transform: inherit !important;} div#quiz-kit-container .sc-fzoMdx.gfUELz div#quiz-kit-subscribe-uUVhAVBLJ-8-form {display: inline-block;margin: 0 5px 0px 0px!important;} div#quiz-kit-container .sc-fzoMdx.gfUELz form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } div#quiz-kit-container .sc-fzoMdx.gfUELz form input::-moz-placeholder { /* Firefox 19+ */ color: #000; } div#quiz-kit-container .sc-fzoMdx.gfUELz form input:-ms-input-placeholder { /* IE 10+ */ color: #000; } div#quiz-kit-container .sc-fzoMdx.gfUELz form input:-moz-placeholder { /* Firefox 18- */ color: #000; } div#quiz-kit-container .sc-fzoMdx.gfUELz div#quiz-kit-subscribe-uUVhAVBLJ-8-back-button {font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;border: 1px solid #000 !important;display: inline-block;padding: 9px 30px;position: absolute;bottom: -90px;left: 50px;} div#quiz-kit-container .sc-fzoMdx.gfUELz div#quiz-kit-subscribe-uUVhAVBLJ-8-back-button svg {display: inline;} div#quiz-kit-results-uUVhAVBLJ-8 p#quiz-kit-results-description-uUVhAVBLJ-8 {display: none !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 {justify-content: flex-end !important;margin-top: -50px !important;flex-direction: column-reverse;align-items: end !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX {display: flex;align-items: flex-start;width: 60%;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX div:first-child {width: 40%;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu {max-width: 50% !important;width: 50% !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu h3 {font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 400 !important;line-height: 17px !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu h4 span {font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 300 !important;line-height: 17px !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu .sc-fzqAui.eoGDzK input {width: 20px;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu .sc-fzqAui.eoGDzK {width: 100%;text-align: left;justify-content: flex-start; margin-top: 20px !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fzoYkl.beyVeX .sc-fzoWqW.cLPeWu .sc-fzqAui.eoGDzK label {font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 300 !important;padding-bottom: 0px !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 div#quiz-kit-variant-select {width: 100% !important;text-align: left;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 div#quiz-kit-variant-select h4.sc-AxhCb.cnxeCM {font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 300 !important;line-height: 17px !important;margin-top: 0px !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 div#quiz-kit-variant-select .sc-fznMnq.biVOqy select {border: 1px solid rgba(224, 224, 224, 1) !important;font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 300 !important;line-height: 17px !important;margin-top: 10px !important; outline: 0 !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fznYue.gPqvFP {width: 100% !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fznYue.gPqvFP button.sc-AxgMl {font-family: 'AktivGrotesk' !important;font-size: 14px !important;font-weight: 300 !important;line-height: 17px !important;width: 100% !important;border: 0px !important;min-width: 100% !important;} div#quiz-kit-results-uUVhAVBLJ-8 div#quiz-kit-results-grid-uUVhAVBLJ-8-0 .sc-fznYue.gPqvFP button.sc-AxgMl .sc-fzqPZZ.gXikXG {width: 100% !important;} body.page--skin-quiz .haeder-new-class {position: absolute;width: 100%;top: 40px;z-index: 999;background: rgb(55,52,49);background: linear-gradient(0deg, rgba(55, 52, 49, 0) 0%, rgb(155 151 148) 100%, rgba(55, 52, 49, 1) 100%);} body.page--skin-quiz .haeder-new-class header-root.header--root {background-color: transparent; border: 0px !important;} body.page--skin-quiz .haeder-new-class header-root.header--root img {filter: invert(1);} div#quiz-kit-content div#quiz-kit-container button:hover, div#quiz-kit-container .sc-Axmtr.uwdOY button:hover, div#quiz-kit-content div#quiz-kit-container button:focus, div#quiz-kit-container .sc-Axmtr.uwdOY button:focus{background-color: rgb(197, 208, 214) !Important} .footer-social-icon {margin-right: 0px !important;} .footer-social .footer-logo .footer--block--heading {display: block !important;} div#quiz-kit-intro{background-color: #F4F4F4;} div#quiz-kit-container h1 strong {text-align: left;font-family: AktivGrotesk !important;font-size: 14px !important;line-height: 19px !important;font-weight: 400 !important;} a.button.back_stock.klaviyo-bis-trigger {width: 72% !important;padding: 12px;background-color: #f1f3e2;} .featured-content--container {min-height:580px !important; } .cutom-concern .featured-content--container .image--root:after {display: none;} .cutom-concern .featured-content--container {justify-content: flex-start;} body .cutom-concern .featured-content--text{max-width: 1300px !important;text-align: left; width: 100% !important; padding: 160px 0px 50px !important; margin: auto;} .cutom-concern .featured-content--text h3.featured-content--title {font-size: 34px;line-height: 48px;color: #000;font-style: italic; font-family: 'Promenade' !important;;display: block;text-align: left;width: 100%;margin-bottom: 15%;} .cutom-concern .featured-content--text .featured-content--description {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;margin-top: 10px;} .cutom-concern .featured-content--text .featured-content--link {width: 100%;margin-top: 50px;} .cutom-concern .featured-content--text .featured-content--link a.featured-content--link--container {border: 0px !important;font-family: AktivGrotesk !important;font-weight: 400 !important; font-size: 14px !important;line-height: 19px !important; text-decoration: underline;} .cutom-concern .featured-content--text .featured-content--link a.featured-content--link--container:after{display: none} .header--root .icons-menus img:first-child {filter: invert(1);} header-root.header--root.header--root_transparent .icons-menus img:first-child {filter: inherit;} .page--concern-page-hyperpigmentation header-root.header--root, .page--concern-page-dryness header-root.header--root, .page--concern-page-dehydration header-root.header--root, .page--concern-page-fine-lines-amp-wrinkles header-root.header--root, .page--landing-page header-root.header--root {padding: 0;position: absolute;top: 0;left: 0;right: 0;background: transparent;border-bottom: 1px solid #000;height: 80px;} .multiple-products {margin: 70px auto; max-width: 1070px} .multiple-products h2 {font-size: 22px;line-height: 30px;color: #000;font-family: AktivGrotesk !important;text-align: center;font-weight: 300; margin-bottom: 50px} .multiple-products .product-main .product-whole {display: flex; margin-bottom: 60px; justify-content: center} .multiple-products .product-main .product-whole .product-image {width: 40%; background-color: rgba(244, 244, 244, 1); position: relative; display: flex} .multiple-products .product-main .product-whole .whole-text {width: 50%; padding-left: 60px;} .multiple-products .product-main .product-whole .whole-text h3 {font-size: 26px; line-height: 35px;color: #000;font-style: italic; font-family: 'Promenade' !important;;text-align: left;font-weight: 300;margin-bottom: 20px;margin-top: 30px; letter-spacing: 0} .multiple-products .product-main .product-whole .whole-text h6, .multiple-products .product-main .product-whole .whole-text p {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;margin-top: 10px;} .multiple-products .product-main .product-whole .whole-text span {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;} .multiple-products .product-main .product-whole .whole-text a {font-family: 'Aktiv Grotesk';border: 1px solid;padding: 10px;display: block;max-width: fit-content;min-width: 95%;text-align: center;margin-top: 40px;font-weight: 400;} .multiple-products .product-main .product-whole .whole-text a:hover {background-color: #000;color: #fff;} body .cutom-concern .featured-content--text .featured-content--text-container {max-width: 33%;margin-left: 0; gap:0px; padding-left: 20px;} .tab-cust {margin: 100px auto 30px !important;text-align: center;} .tab-cust h2 {font-size: 20px;line-height: 32px;color: #000;font-family: 'Aktiv Grotesk' !important;text-align: center;font-weight: 300;margin-bottom: 0px;} .tab-cust p {font-size: 12px;line-height: 18px;color: #000;font-style: italic; font-family: 'Promenade' !important;;text-align: center;font-weight: 400;letter-spacing: 0px;} .tab-cust .product-main .button a {font-size: 16px;font-weight: 400;line-height: 22px;border: 1px solid #000;font-family: 'Aktiv Grotesk' !important;padding: 10px 0px;display: block;border-radius: 50px;margin: 0px 4px 9px;} .tab-cust .product-main .button a:hover {background-color: rgba(244, 244, 244, 1);} .page--concern-page-hyperpigmentation footer.footer--root {border-top: 1px solid #000;} .tab-cust .product-main {display: flex;flex-wrap: wrap;margin-top: 50px; justify-content: center} .page--concern-page-hyperpigmentation header-root.header--root .header--right-side.col-sm-4.col-4 img, .page--concern-page-dryness header-root.header--root .header--right-side img, .page--concern-page-dehydration header-root.header--root .header--right-side.col-sm-4.col-4 img, .page--concern-page-fine-lines-amp-wrinkles header-root.header--root .header--right-side.col-sm-4.col-4 img, .page--landing-page header-root.header--root .header--right-side.col-sm-4.col-4 img {filter: invert(1);} .custom-new-section .featured-content--description {text-align: center !important;font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;} .custom-new-section .featured-content--link a:after {display: none;} .custom-new-section .featured-content--link a {font-size: 18px;font-weight: 400;line-height: 24px;font-style: italic !important; font-family: 'Promenade' !important;;text-decoration: inherit;margin: 20px 0 20px;border: 1px solid #000;display: flow;padding: 9px 40px; text-transform: inherit} .custom-new-section .featured-content--link a:hover {background-color: #000;color: #fff !important;} .custom-new-section .featured-content--text-container {width: 40%;margin-right: 0px;} .multicolumn-cutom {margin: 80px auto; max-width: 1300px} .multicolumn-cutom h2 {font-size: 22px;line-height: 30px;color: #000;font-family: AktivGrotesk !important;text-align: center;font-weight: 300;} .multicolumn-cutom .multicolumn {margin-top: 50px;display: flex;align-items: flex-start;} .multicolumn-cutom .mulyi-whole {width: 25%;padding: 10px 10px;text-align: left;} .multicolumn-cutom .mulyi-whole h2 {font-size: 14px;font-weight: 500;line-height: 19px;text-align: left;margin-bottom: 20px; text-transform: uppercase} .multicolumn-cutom .mulyi-whole p {font-size: 14px;font-weight: 300;line-height: 19px;text-align: left;font-family: AktivGrotesk !important;} .multicolumn-cutom {margin: 80px auto 40px;} .multicolumn-cutom .multicolumn {displasay: flex;} .multicolumn-cutom .multicolumn .mulyi-whole {width: 28%;padding-right: 60px;} .multicolumn-cutom .multicolumn .mulyi-whole p {font-size: 14px;font-weight: 300;line-height: 19px;text-align: left;font-family: AktivGrotesk !important;} .page--landing-page header-root.header--root {border: 0px;} body .custom-image-banner-sec .featured-content--text {padding-top: 150px !important;} .custom-image-banner-sec .featured-content--text h2.featured-content--overline {margin-top:30px;font-size: 22px;font-weight: 300;line-height: 38px;text-align: center;font-family: AktivGrotesk !important;text-transform: inherit;letter-spacing: 0; margin-bottom: 10px} .custom-image-banner-sec .featured-content--link .featured-content--link--container {font-size: 14px;font-weight: 400;line-height: 19px;text-align: center;font-family: AktivGrotesk !important;letter-spacing: 0;} .custom-image-banner-sec .featured-content--text .featured-content--text-container .featured-content--link:nth-child(4) .featured-content--link--container:after {display: none;} .custom-image-banner-sec .featured-content--text .featured-content--text-container .featured-content--link:nth-child(4) .featured-content--link--container {text-transform: inherit;font-size: 10px;} .custom-image-banner-sec .featured-content--text .featured-content--text-container h3.featured-content--title {margin-top: 100px;font-size: 12px;font-family: AktivGrotesk !important;letter-spacing: 0;font-weight: 400;} .cstm-joining {max-width: 1000px;margin: auto;padding: 80px 10px 60px;} .cstm-joining h2 {font-size: 34px !important;line-height: 48px !important;color: #000 !important;font-style: italic !important; font-family: 'Promenade' !important;;margin-bottom: 20px;} .cstm-joining .featured-text--body {font-size: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 24px !important;max-width: 69%;margin: auto;} .custom-table {margin: auto;max-width: 900px;padding: 0px 10px;} .custom-table span {font-size: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 32px !important;max-width: 77%;margin: 0px auto 30px;text-align: center;display: block;} .custom-table table {border-color: #000;text-align: center;} .custom-table table td {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 32px !important; width: 50%; border-color: #000000;} .custom-table table td span {margin: auto;font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 32px !important;} .custom-table .cstm-btn {text-align: center;margin-top: 50px;} .custom-table .cstm-btn a {font-family: AktivGrotesk !important;font-size: 14px !important;background-color: #000 !important;color: #fff !important;text-transform: inherit;font-weight: 400;height: 40px !important;padding: 0 34px !important;display: inline-block;line-height: 40px;} .cstm-collap-section h2 {font-size: 34px !important;line-height: 48px !important;color: #000 !important;font-style: italic !important; font-family: 'Promenade' !important;;margin-bottom: 0px;font-weight: 400;} .cstm-collap-section .collapsible-tabs--wrapper {width: 76%; max-width: 100% !important} .cstm-collap-section .collapsible-tabs--wrapper .collapsible-tab--toggle label.collapsible-tab--heading {font-family: AktivGrotesk !important;font-size: 14px !important;color: #000;text-transform: inherit;font-weight: 400;margin: 9px 0px; position: relative;display: block;width: 100%; letter-spacing: 0} .cstm-collap-section .collapsible-tabs--wrapper transition-root .collapsible-tab--content {padding: 0px;} .cstm-collap-section .collapsible-tabs--wrapper .collapsible-tab--toggle label.collapsible-tab--heading:after {content: '';background-image: url(/cdn/shop/files/Vector_6.png?v=1724155032);height: 16px;width: 16px;background-repeat: no-repeat;background-size: 12px;display: block;position: absolute;top: 5px;right: 0;} .cstm-collap-section .collapsible-tabs--wrapper .collapsible-tab--toggle[aria-expanded="true"] label.collapsible-tab--heading:after {background-image: url(/cdn/shop/files/Vector_7.png?v=1724155004);} .custom-serum {max-width: 1300px;padding: 60px 10px 0px; margin: auto;} .custom-serum h2 {font-size: 34px !important;line-height: 48px !important;color: #000 !important;font-style: italic !important; font-family: 'Promenade' !important;;text-align: left;margin-bottom: 70px;} .custom-serum .featured-text--body {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 16px !important; text-align: left; width: 64%;} .custom-serum .featured-text--wrapper {width: 50%;margin-left: 0 !important;max-width: 100% !important;} .page--serums header-root.header--root {border-color: #000;} .custom-navigation {border-top: 1px solid #000;border-bottom: 1px solid #000; margin-top: 40px;} .custom-navigation .navigation--container {margin-top: 0px; justify-content:flex-end !important;} .custom-navigation .navigation--container .navigation--filter {border: 0px;} .custom-navigation .navigation--container .navigation--layout-button {border: 0;} .custom-navigation .navigation--container .navigation--filter .navigation--button {font-size: 12px;color: #000 !important;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 40px !important;border-radius: 0px;height: 40px;border-left: 1px solid #000;text-transform: capitalize;} .navigation--layout .navigation--layout-button svg path {color: #000;padding: 0px !important;} .navigation--layout .navigation--layout-button {border-left: 1px solid #000 !important;border-radius: 0px;color: #000;padding: 0px;} section.collection_v2 {max-width: 1300px;padding: 0px 20px !important;margin-top: 30px !important;display: flex;flex-wrap: wrap;} section.collection_v2 h1 {display: none;} section.collection_v2 img {width: 32.3%;} .real-cus h2.featured-text--heading {font-size: 34px;line-height: 48px;color: #000;font-style: italic; font-family: 'Promenade' !important;;margin-bottom: 20px;} .real-cus p {font-size: 22px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 38px !important;margin-top: 0px;} .real-cus {border-bottom: 1px solid #000;PADDING-BOTTOM: 100PX; padding-top: 120px;} .page--results-landing-page header-root.header--root {border-color: #000;} .custom-made-filter {max-width: 1300px;padding: 110px 20px;} .custom-made-filter h1 {font-size: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 38px !important;margin-bottom: 10px;} .custom-made-filter h2 {font-size: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 500 !important;line-height: 38px !important;margin-top: 10px; margin-bottom: 10px;} .custom-made-filter .checkbox-content {display: flex;align-items: center; margin-bottom: 10px;} .checkbox-content label.checkbox-label { text-transform: capitalize;width: 90%;margin: 0;padding: 0;font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important; margin-left: 0px;} .all-content {display: flex; justify-content: space-between; align-items: flex-start;} .all-content .check-box-area {width: 30%;} .all-content .content-area {width: 70%; display: flex;flex-wrap: wrap; padding-left: 4%;} .all-content .content-area .content-cust p.hidden-text {display: none;} .all-content .content-area .content-cust {width: 50%;padding: 0px 10px 60px;} .all-content .content-area .content-cust .image img {width: 100%;height: 400px;object-fit: cover;} .all-content .content-area .content-cust .both-name { display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #000;margin-bottom: 20px;} .all-content .content-area .content-cust .both-name h2 {margin: 0px;font-size: 12px;color: #000;font-family: AktivGrotesk !important; font-weight: 500 !important;} .all-content .content-area .content-cust .both-name a {margin: 0px;font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 500 !important;text-decoration: underline;} .all-content .content-area .content-cust .down-conent p {margin: 0px;font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;} .all-content .content-area .content-cust .down-conent ul li {font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;padding-left: 20px;position: relative;} .all-content .content-area .content-cust .down-conent ul li:after {content: '';height: 5px;width: 5px;background-color: #000;position: absolute;border-radius: 40px;left: 7px;top: 10px;} .all-content .content-area .content-cust.more-more {display: none;} .all-content .content-area .content-cust.active {display: block;} .all-content .check-box-area .clear-button { font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 500 !important;line-height: 38px !important;text-decoration: underline;cursor: pointer;} .custom-made-filter .checkbox-content input {width: 30px; margin-right: 3px;} .begin-banner .featured-content--container {justify-content: flex-start;align-items: flex-end;text-align: left;} .begin-banner .featured-content--container h3.featured-content--title {text-align: left;font-size: 34px;line-height: 48px;color: #000;font-style: italic; font-family: 'Promenade' !important;;} .begin-banner .featured-content--container .featured-content--description {width: 100%;font-size: 18px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 28px !important;} .rich-custom-text {max-width: 1300px;margin: auto;padding: 110px 10px 0px;} .rich-custom-text h3.featured-text--overline {font-size: 22px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 29px !important;text-transform: inherit;max-width: 57%;margin: auto; letter-spacing: 0;} .rich-custom-text h2.featured-text--heading {font-size: 28px;line-height: 38px;color: #000;font-style: italic; font-family: 'Promenade' !important;;border-bottom: 1px solid #000;display: inline-block !important;width: 44%;padding-bottom: 60px;margin: 20px auto 0px;} .tbb.tab-cust {margin-top: 60px !important; max-width: 1090px;} .tbb.tab-cust p {font-family: AktivGrotesk !important;} .container.mage-with-custom-slider {display: flex;max-width: 1300px;padding: 40px 10px; align-items: self-start;} .mage-with-custom-slider .bsect {width: 30%; position: relative;} .mage-with-custom-slider .slider-section {width: 70%;} .mage-with-custom-slider .slider-section section.center.slider {width: 100%;display: flex;margin: 0px;} .mage-with-custom-slider .bsect p {font-size: 28px;line-height: 38px;color: #ffffff;font-style: italic; font-family: 'Promenade' !important;;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .mage-with-custom-slider .slider-section .slide {padding: 0px 10px; width: 33%; opacity: 9 !important} .mage-with-custom-slider .slider-section .slide h3 {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 17px !important;margin-top: 30px;margin-bottom: 10px;min-height: 36px;} .mage-with-custom-slider .slider-section .slide p {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important; min-height: 69px;} .mage-with-custom-slider .slider-section .slide a div {font-size: 14px;font-weight: 400;line-height: 15px;text-decoration: inherit;margin: 30px 0 0px;border: 1px solid #000;display: flow;padding: 13px 40px;font-family: AktivGrotesk !important;text-align: center;} .mage-with-custom-slider .slider-section .slide .product-image img {height: 380px;object-fit: cover; background: rgba(244, 244, 244, 1)} .leftimage img {width: 100%;height: 600px;object-fit: cover;} .imafe-cus-sec { flex-direction: row-reverse;max-width: 100%;padding: 0px;display: flex;background-color: rgba(244, 244, 244, 1);align-items: center;} .imafe-cus-sec .image {width: 50%;} .imafe-cus-sec .text { width: 50%;text-align: center;position: relative;height: 100vh;display: flex;flex-direction: column;justify-content: center;} .imafe-cus-sec .text .button a {background-color: transparent;font-size: 10px;color: #000;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 12px !important;border: 1px solid #000;padding: 7px 30px;border-radius: 50px;} .imafe-cus-sec .text .button {position: absolute;top: 0%;left: 30px;} .imafe-cus-sec .text h1 {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 17px !important; margin-bottom: 10px;} .imafe-cus-sec .text p {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;max-width: 50%;margin: 0px auto 0px;} .imafe-cus-sec .text .button2 a {background-color: #000;font-size: 14px;color: #fff;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 24px !important;padding: 7px 50px;border-radius: 50px;margin-top: 20px;display: inline-block;} .image-ban-se .featured-content--container {justify-content: flex-end;} .imafe-cus-sec img {width: 100%;} .image-ban-se .featured-content--container .featured-content--text {max-width: 1300px !important;margin-left: auto;margin-right: 10%;} .image-ban-se .featured-content--container .featured-content--text h3.featured-content--title {font-size: 32px;line-height: 40px;text-align: left;font-weight: 400;color: #000; font-family: 'Promenade' !important;;margin-bottom: 10px;font-style: italic;} .image-ban-se .featured-content--container .featured-content--text .featured-content--description {width: 100%;} .image-ban-se .featured-content--container .featured-content--text p {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;text-align: left;display: block;width: 100%;} .image-ban-se .featured-content--container .featured-content--text a.featured-content--link--container {margin-top: 60px;font-size: 14px;color: #000 !important;font-family: AktivGrotesk !important;font-weight: 500 !important;line-height: 19px !important;letter-spacing: 0;text-align: left;} .image-ban-se .featured-content--container .featured-content--text .featured-content--link {width: 100%; text-align: left;} .footer-menu-content {max-width: 1300px;margin: auto;padding-left: 10px !important; padding-right: 10px !important;} .begin-banner h3.featured-content--title {font-size: 34px;line-height: 48px;color: #000;font-style: italic; font-family: 'Promenade' !important;;text-align: left; font-weight: 400} section.collection_v2 .productItem li {padding: 0px 10px 30px !important; justify-content: flex-start} section.collection_v2 .productItem li .klaviyo-star-rating-widget {text-align: left;} section.collection_v2 .productItem li .klaviyo-star-rating-widget .kl_reviews__stars_badge svg {width: 18px !important;} section.collection_v2 .productItem li h4 {font-size: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;text-align: left;display: block;width: 100%; margin-bottom: 14px; padding-top: 0px} section.collection_v2 .productItem li p {text-align: left;font-size: 16px;color: #000;font-family: AktivGrotesk !important; font-weight: 300 !important;line-height: 19px !important;text-align: left;display: block;width: 100%;} section.collection_v2 ul.variant-list {display: flex;justify-content: flex-start;margin-top: 10px;align-items: center;} section.collection_v2 ul.variant-list li {background-color: transparent !important;padding: 0px 0px !important;text-align: left;font-size: 14px;color: #000;font-family: AktivGrotesk !important; font-weight: 300 !important;} section.collection_v2 .productItem li li.product--tag.day_or_night--tag {border: 0;text-align: right;justify-content: flex-start;} section.collection_v2 .productItem li ul.product-tags {left: auto;right: 20px;} section.collection_v2 .productItem .view { font-family: AktivGrotesk !important;padding: 3px 10px;height: 40px;} section.collection_v2 .productItem {margin-bottom: 0px !important; max-width: 100% !important; align-items: flex-start;} .cstm-full-tabs {background-color: rgba(244, 244, 244, 1);padding: 50px 10px !important;} .cstm-full-tabs .collapsible-tabs--wrapper {max-width: 1300px !important;margin: auto;width: 100%;padding: 10px 10px !important;} .cstm-full-tabs .collapsible-tabs--wrapper h2 {font-size: 26px;line-height: 48px;color: #000;font-style: italic; font-family: 'Promenade' !important;;text-align: left;font-weight: 300;margin-bottom: 10px;margin-top: 30px;} .cstm-full-tabs .collapsible-tabs--wrapper .collapsible-tab--wrapper {border-top: 0px;} .cstm-full-tabs .collapsible-tabs--wrapper .collapsible-tab--wrapper label.collapsible-tab--heading {font-size: 14px;font-family: AktivGrotesk !important;position: relative; width: 100%;} .cstm-full-tabs .collapsible-tabs--wrapper .collapsible-tab--wrapper label.collapsible-tab--heading:after { content: ''; position: absolute; right: 0; font-size: 20px; background-image: url(/cdn/shop/files/Vector_6.png?v=1724155032); height: 16px; width: 16px; background-repeat: no-repeat; background-size: 12px; top: 10px;} .cstm-full-tabs .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--toggle[aria-expanded="true"] label.collapsible-tab--heading:after { background-image: url(/cdn/shop/files/Vector_7.png?v=1724155004);} product-root.product-page--root .product-page--top-panel {max-width: 1300px !important;padding: 20px 10px 40px; margin: auto; border-bottom: 0px;display: flex;align-items: flex-start;} product-root.product-page--root .product-page--top-panel h2.product-page--heading {font-size: 26px;line-height: 28px;color: #000;font-style: italic; font-family: 'Promenade' !important;;text-align: left;font-weight: 300; width: 100%; display: block; max-width: 100%; margin-bottom: 2px;} product-root.product-page--root .product-page--top-panel .product-page--block {margin-top: 0px;} product-root.product-page--root .product-page--top-panel .product-price--original {font-size: 14px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;text-align: center;font-weight: 300;margin-bottom: 10px;} product-root.product-page--root .product-page--top-panel .product-page--overline {font-size: 14px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;} product-root.product-page--root .product-page--top-panel .btn-add-card.uuuuuuu button#add-cart {background-color: #000;color: #fff;font-size: 12px !important;line-height: 20px;font-family: AktivGrotesk !important;font-weight: 300; height: auto; padding: 10px 0px} product-root.product-page--root .product-page--top-panel p, product-root.product-page--root .product-page--top-panel p a {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400; padding: 0 3px; position: relative; text-transform: inherit; text-decoration: inherit;} .custom-ingredients .featured-text--wrapper{max-width: 1300px !important;margin: auto !important;text-align: left !important;padding: 80px 10px !important} product-root.product-page--root .product-page--top-panel p a:after {bottom: 2px !important;position: absolute;} .custom-ingredients .featured-text--wrapper {text-align: left;} .custom-ingredients .featured-text--wrapper h2 {font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;margin-bottom: 40px;} .custom-ingredients .featured-text--wrapper .featured-text--body {padding-right: 68%;font-size: 14px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 19px !important;} .custom-ingredients{border-bottom: 1px solid #000;padding: 0px 0px;} .custom-ing-sec {max-width: 1300px;margin: 50px auto;padding: 0px 10px;} .btn-add-card.uuuuuuu {background-color: #000;width: 100%; padding: 0px; height: auto} .btn-add-card.uuuuuuu button#add-cart {text-align: left !important;font-size: 14px !important;font-weight: 300;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important; } .custom-ing-sec .tabs button {padding: 0px 20px !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;text-align: center;justify-content: center !important;min-height: 40px !important;min-width: 21% !important;margin: 0px 5px 10px;border: 1px solid #000 !important;background-color: transparent;border-radius: 50px !important;} .custom-ing-sec .tabs button:hover, .custom-ing-sec .tabs button:focus {background-color: rgba(244, 244, 244, 1);} .custom-ing-sec .tabs {padding-right: 49%;} .custom-ing-sec .main-sec {display: none;align-items: center;justify-content: space-between; margin-top: 90px;} .custom-ing-sec .main-sec .image {width: 100%; text-align: center;} .custom-ing-sec .main-sec .side-faq {width: 50%;} .custom-ing-sec .main-sec .side-faq .inside-faq p.para {display: none;} .custom-ing-sec .main-sec .side-faq .inside-faq {cursor:pointer;border-bottom: 1px solid rgba(0, 0, 0, 1);padding: 17px 0px; max-width: 74%;margin: auto;} .custom-ing-sec .main-sec .side-faq .inside-faq h1.head-heding {font-size: 12px;font-weight: 400;line-height: 15px;color: rgba(0, 0, 0, 1);font-family: AktivGrotesk !important;position: relative;} .custom-ing-sec .main-sec .side-faq .inside-faq h1.head-heding:after {content: '+';position: absolute;right: 0;font-size: 20px;} .custom-ing-sec .main-sec .side-faq .inside-faq.activate p.para {display: block;font-size: 12px;font-weight: 400;line-height: 15px;color: rgba(0, 0, 0, 1);font-family: AktivGrotesk !important;padding-top: 10px;padding-left: 10px;} .custom-ing-sec.cstm-our-science-page .main-sec.karo-active {display: block;} .custom-ing-sec .main-sec .side-faq .inside-faq.activate h1.head-heding:after {content: '-';} .custom-ing-sec.cstm-our-science-page .tabs {padding: 0px;text-align: center;width: 70%; margin: auto} .custom-ing-sec.cstm-our-science-page .tabs button {min-width: 27% !important;} .custom-ing-sec.cstm-our-science-page .full-text {text-align: center;} .custom-ing-sec.cstm-our-science-page .full-text h2 {font-size: 34px;font-weight: 400;line-height: 46px;color: rgba(0, 0, 0, 1);font-family: 'Promenade' !important;font-style: italic;margin-bottom: 20px;} .custom-ing-sec.cstm-our-science-page .full-text p {font-size: 12px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 16px !important;margin: 20px auto;max-width: 42%;} .custom-ing-sec.cstm-our-science-page .block-div-section {display: flex;align-items: flex-start; margin-top: 80px;} .custom-ing-sec.cstm-our-science-page .block-div-section .all_image {width: 60%;display: flex;flex-wrap: wrap;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq {width: 40%;padding-left: 2%; padding-right: 5%;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq h2 {font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 16px !important;border-top: 1px solid #000; text-transform: uppercase; padding: 5px 0px 11px;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq p {font-size: 12px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;margin: 0px 0px 70px; padding-right: 4%;} .custom-ing-sec.cstm-our-science-page {margin-bottom: 0px ;} .cstm-luxury .featured-text--body {font-size: 28px;font-weight: 400;line-height: 38px;color: rgba(0, 0, 0, 1);font-family: 'Promenade' !important;font-style: italic;margin-bottom: 40px !important;} .custom-ing-sec .tabs button.karo-active {background: rgba(244, 244, 244, 1) !important;} /***********************Product*****************/ .custom-product .pickup--form--container .pickup--form--info {display: flex;align-items: center;} .custom-product .pickup--form--container .pickup--form--info a:after {display: none;} .custom-product .pickup--form--container .pickup--form--info p {padding: 0px;} .custom-product .pickup--form--container .pickup--form--info a {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;text-decoration: underline;text-transform: capitalize;padding: 0px 4px;} .custom-product .featured-bundle-right {width: 100%;} .custom-product .featured-bundle-right .main-quiz-sec {border: 1px solid #000;padding: 20px 90px;margin: 30px 0; position: relative;} .custom-product .featured-bundle-right .main-quiz-sec .container, .custom-product .featured-bundle-right .main-quiz-sec .quiz-container {display: flex;align-items: center;justify-content: space-between;padding: 0px;} .custom-product .product-page--featured-media {width: 60%;} .custom-product .product-buy-buttons--primary {width: 100%;} .custom-product .featured-bundle-right .main-quiz-sec span {font-size: 12px;line-height: 17px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding-left: 4%;padding-right: 0%;} .custom-product .featured-bundle-right .main-quiz-sec span a {text-decoration: underline;position: absolute;right: 20px;text-transform: uppercase;font-size: 10px;} .custom-product .featured-bundle-right collapsible-tab-root label.collapsible-tab--heading { width: 100%;font-size: 12px;font-weight: 400;font-family: AktivGrotesk !important;position: relative;} .custom-product .featured-bundle-right collapsible-tab-root label.collapsible-tab--heading:after {content: '+';position: absolute;right: 0;font-size: 17px;} .custom-product .featured-bundle-right collapsible-tab-root .collapsible-tab--toggle[aria-expanded="true"] label.collapsible-tab--heading:after {content: '-';} .custom-product .featured-bundle-right collapsible-tab-root p span {font-size: 12px;line-height: 11px;} .custom-product .featured-bundle-right .main-see-sec {margin-top: 80px;} .custom-product .featured-bundle-right .main-see-sec .container, .custom-product .featured-bundle-right .main-see-sec .img-container {padding: 0px;} .custom-product .featured-bundle-right .main-see-sec h1{font-size: 12px;font-weight: 500;font-family: AktivGrotesk !important;margin-bottom: 20px;} .custom-product .featured-bundle-right .main-see-sec img {width: 29%;padding: 0px 14px 0px 0px;} .main-quiz-routine-sec {background-color: rgba(244, 244, 244, 1);padding: 0px 0px;} .main-quiz-routine-sec h3 {background-color: transparent;font-size: 10px;color: #000;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 12px !important;border: 1px solid #000;padding: 7px 30px;border-radius: 50px;position: absolute;top: 30px;left: 30px;} .main-quiz-routine-sec .container {max-width: 100%;margin: auto;padding: 0px 0px;display: flex;align-items: center;}.main-quiz-routine-sec .main-quiz-routine-sec .content-quiz-sec {text-align: center;width: 50%;} .main-quiz-routine-sec .container .small-images {width: 50%;} .main-quiz-routine-sec .content-quiz-sec .tab-content {max-width: 80%;margin: 0 auto;} .main-quiz-routine-sec .content-quiz-sec .tab-content h2.block-heading {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 17px !important;margin-bottom: 40px;} .main-quiz-routine-sec .content-quiz-sec .tab-content h2.block-title {font-size: 28px;line-height: 38px;color: #000;font-style: italic; font-family: 'Promenade' !important;;font-weight: 400;margin-bottom: 10px;} .main-quiz-routine-sec .content-quiz-sec .tab-content span.block-content {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;width: 70%;margin: 0px auto 20px;display: block;} .main-quiz-routine-sec .content-quiz-sec ul.tab-buttons {display: flex;align-items: center;justify-content: center; margin: 40px 20px;} .main-quiz-routine-sec .content-quiz-sec ul.tab-buttons li h2 {height: 89px;width: 89px;border: 1px solid rgba(0, 0, 0, 1);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;font-size: 26px;line-height: 19px;padding: 0px 30px;background-color: transparent;z-index: 99;position: relative;font-style: italic; font-family: 'Promenade' !important;;font-weight: 400;margin: 20px 10px;} .main-quiz-routine-sec .content-quiz-sec ul.tab-buttons li h2.tab-button.cstm-active {background-color: rgba(199, 208, 213, 1);} .main-quiz-routine-sec .content-quiz-sec a {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;margin-top: 0 !important;display: block;position: absolute;bottom: 40px;left: 50%;} .main-quiz-routine-sec .container .content-quiz-sec {width: 50%;text-align: center;position: relative;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;} .custom-feat-coll .row {background-color: rgba(244, 244, 244, 1);padding: 20px 40px; flex-direction: column;} .custom-feat-coll .row h2.featured-collection--title a { font-family: 'Promenade' !important;;font-size: 28px !important;line-height: 34px !important;font-style: italic !important;margin-bottom: 40px !important;display: block;} .custom-feat-coll .row .col-lg-9.col-12 {flex: 0 0 100%;max-width: 100%;} .custom-feat-coll p.product--title {margin-top: 0px;padding-right: 24%;min-height: 60px;} .custom-feat-coll .product--details-container {position: relative;} .custom-feat-coll .btn-add-card.uuuuuuu button#add-cart {position: absolute;top: 10px;width: 30%;right: 0;background-color: transparent;font-size: 14px !important;text-decoration: underline;} .custom-feat-coll .product--price-container {margin-top: 11px;} .custom-feat-coll div#featured-collection-show-more, .custom-feat-coll div#featured-collection-show-more a {padding: 0px !important;text-align: left !important;font-size: 14px !important;font-weight: 300;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important;} .custom-feat-coll .product--image-wrapper .product--image {max-width: 70%;margin: auto;} .main-ingredient-sec.custom-ingredient-main-sec .container {max-width: 1300px;padding: 0px 10px;display: flex;align-items: flex-start;justify-content: space-between;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-head h2 { font-family: 'Promenade' !important;;font-size: 28px !important;line-height: 32px !important;font-style: italic !important;margin-bottom: 10px !important;font-weight: 400;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-head a {font-size: 14px;color: #000;font-family: AktivGrotesk !important;line-height: 19px !important;letter-spacing: 0;text-align: left;font-weight: 300 !important;margin-top: 40px;display: block;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-head {width: 20%;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-detail {width: 70%; display: flex;align-items: flex-start;} .custom-faq {background-color: rgba(244, 244, 244, 1);max-width: 100%;padding: 80px 0px !important;} .custom-faq .collapsible-tabs--wrapper {max-width: 100% !important;width: 100%;padding: 0px 40px;} .custom-faq .collapsible-tabs--wrapper h2 { font-family: 'Promenade' !important;;font-size: 28px !important;line-height: 32px !important;font-style: italic !important;margin-bottom: 20px !important;font-weight: 400;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper label.collapsible-tab--heading {width: 100%;font-size: 14px;font-weight: 400;font-family: AktivGrotesk !important;position: relative;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper label.collapsible-tab--heading:after {content: '';position: absolute;right: 0;font-size: 20px; background-image: url(/cdn/shop/files/Vector_6.png?v=1724155032);height: 16px;width: 16px;background-repeat: no-repeat;background-size: 12px;top:10px} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--toggle[aria-expanded="true"] label.collapsible-tab--heading:after { background-image: url(/cdn/shop/files/Vector_7.png?v=1724155004);} .collapsible-tabs--root .collapsible-tab--content p span, .collapsible-tabs--root .collapsible-tab--content p{font-family: 'Aktiv Grotesk' ,sans-serif !important;font-size: 14px;line-height: 18px;font-weight: 300;color: #000;} .custom-product .product-options--container .radios--header label {font-size: 12px;font-weight: 500;color: rgba(0, 0, 0, 1);font-family: 'Aktiv Grotesk' ,sans-serif !important;margin-top: 20px;} .custom-product .product-options--container .radios--container .radios--main {width: 48%;} .custom-product .product-options--container .radios--container .radios--main label.radios--value-button {width: 100%;} .custom-product .product-options--container .radios--container .radios--main label.radios--value-button div {width: 100%;text-align: center;font-family: 'Aktiv Grotesk' ,sans-serif !important;font-size: 14px;line-height: 18px;font-weight: 300;color: #000;padding: 10px 0px;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-detail .ingre-details {width: 33%; padding-right: 14px;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-detail .ingre-details h2 {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 17px !important;margin-top: 20px;margin-bottom: 10px;} .main-ingredient-sec.custom-ingredient-main-sec .container .ingredient-detail .ingre-details span {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;display: inline-block;line-height: 17px;margin-bottom: 90px;} .custom-multi-row-inner .all-con-img {display: flex;align-items: flex-start;} .custom-multi-row-inner .all-con-img .all-image {width: 50%;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted {width: 50%; padding-top: 0px} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable {max-width: 90%; margin: auto; position: relative;} .custom-multi-row-inner .all-con-img .all-image img {width: 100%; height:900px; object-fit: cover;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .button-sec a {background-color: transparent;font-size: 10px;color: #000;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 12px !important;border: 1px solid #000;padding: 7px 30px;border-radius: 50px;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .head-content h2 { font-family: 'Promenade' !important;;font-size: 28px !important;line-height: 34px !important;font-style: italic !important;margin-bottom: 10px !important;font-weight: 400;margin-top: 20px;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .head-content span {color: rgba(0, 0, 0, 1) !important;font-size: 14px !important;padding: 0px !important;font-weight: 400 !important;font-family: 'AktivGrotesk' !important;border-bottom: 1px solid #000 !important;padding-bottom: 10px !important;display: block;margin-bottom: 40px;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide {display: flex; align-items: flex-start; justify-content: space-between; padding: 0px 20px} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide {width: 50%; padding-right: 50px;} .custom-multi-row-inner .all-con-img43slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide:last-child {padding-right: 0px; width: 46%;} .custom-multi-row-inner .all-con-img ul.slick-dots li {opacity: 9 !important;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide h1, .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide h1 h1 p { font-size: 26px !important;color: #000 !important;font-family: AktivGrotesk !important;font-weight: 400 !important;line-height: 34px;padding: 10px 0px !important;min-height: auto !important;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide p, .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide span, .cstm-image-multi-slider.custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide h1 p, .cstm-image-multi-slider.custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide h1 p {min-height:80px;color: rgba(0, 0, 0, 1) !important;font-size: 14px !important;font-weight: 300 !important;font-family: 'AktivGrotesk' !important;padding-bottom: 40px !important;display: block;padding-right: 0%;line-height: 16px;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .main-left-slide .left-slide span br {display: none;} .custom-multi-row-inner .all-con-img ul.slick-dots {display: flex;align-items: center;justify-content: center;} .custom-multi-row-inner .all-con-img ul.slick-dots li button {font-size: 0px;height: 10px;width: 10px;border-radius: 10px;padding: 0px;margin: 0px 5px;background-color: transparent;border: 1px solid #000;} .custom-multi-row-inner .all-con-img ul.slick-dots li.slick-active button {background-color: #000;} .section--product-recommendations h2.product-recommendations--title {font-size: 22px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 30px !important;text-transform: inherit;} .custom-multi-row-inner .all-con-img button.slick-arrow {font-size: 0px;background-color: transparent;background-image: url(/cdn/shop/files/Arrow_21_18772873-0d9a-4763-92f4-f9a691ebecec.png?v=1724666963);background-repeat: no-repeat;background-position: bottom;position: absolute;bottom: 0;right: 30px;height: 100%; padding: 16px !important;} .custom-multi-row-inner .all-con-img button.slick-prev.slick-arrow {left: 20px;right: auto;transform: rotate(180deg); padding: 0px !important} .cstm-unsure-sec {background-image: url(/cdn/shop/files/SaintLouve-ExfoliatingSerum-Swatch_2.png?v=1724667001);max-width: 100%;padding: 100px 0px;} .cstm-unsure-sec h2.featured-text--heading { font-family: 'Promenade' !important;;font-size: 26px !important;line-height: 34px !important;font-style: italic !important;margin-bottom: 0px !important;font-weight: 400;margin-top: 20px;} .cstm-unsure-sec .featured-text--body {font-family: 'AktivGrotesk' !important;font-size: 16px;line-height: 22px;font-weight: 400;max-width: 40%;margin: auto;} .cstm-unsure-sec a.button {background-color: #000;font-size: 14px;color: #fff;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 24px !important;padding: 5px 70px !important;border-radius: 50px;margin-top: 10px;display: block;max-width: 30%;} .product-page--block { margin-top: 0px !important; } .radios--main.last a { border: 2px solid #e0e0e0; color: var(--color--body--light); line-height: 42px; height: auto; padding: 0 10px 0 10px; background: 0 0; font-size: 13px; } .flexbox-gap .radios--container { align-items: baseline; } /********************Our-science************/ .science-banner .image--root:after {display: none;} .science-banner .featured-content--image {height: 100% !important; top: 0 !important;} .science-banner {border-top: 1px solid #000;border-bottom: 1px solid #000;} .science-banner .featured-content--container {min-height: 500px !important;} .science-banner .featured-content--text {max-width: 1300px !important;position: relative; width: 100% !important;} .science-banner .featured-content--text .featured-content--text-container {position: absolute;right: 0;width: 50%;text-align: center; top: 0} .science-banner .featured-content--text .featured-content--text-container h3 {font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;} .science-banner .featured-content--text .featured-content--text-container p {text-align: center;font-family: 'Aktiv Grotesk', sans-serif !important;font-weight: 300 !important;font-size: 22px;line-height: 30px;margin-top: 10px;} .page--our-science .main-cust {border-top: 1px solid #000;padding-top: 30px;} .page--our-science .main-cust .container.science-tab button {padding: 0px 20px !important;font-size: 14px !important;font-weight: 400 !important; line-height: 19px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'AktivGrotesk' !important;text-align: center;justify-content: center !important;min-height: 40px !important;min-width: 21% !important;margin: 0px 5px 10px;border: 1px solid #000 !important;background-color: transparent;border-radius: 50px !important;} .page--our-science .main-cust .container.science-tab .in-out-area .main-sec{display: none;} .page--our-science .main-cust .container.science-tab .in-out-area .main-sec.karo-active {display: block !important;} .page--our-science .main-cust .container.science-tab .in-out-area .main-sec.karo-active .side-faq {text-align: center;padding: 70px 0px;width: 70%;margin: auto;} .page--our-science .main-cust .container.science-tab .in-out-area .main-sec.karo-active .side-faq h1.head-heding {font-weight: 400; font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;margin-bottom: 30px;} .page--our-science .main-cust .container.science-tab .in-out-area .main-sec.karo-active .side-faq p.para {font-size: 12px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 16px !important;width: 64%;margin: auto;} .container.science-tab {max-width: 1300px !important;padding: 0px 10px;} .main.block-image-custom .container {display: flex;} .main.block-image-custom .container .all_image {width: 50%;display: flex;flex-wrap: wrap;} .main.block-image-custom .container .whole-text {width: 50%; padding-left: 60px;} .main.block-image-custom .container {max-width: 1300px;padding: 0px 10px;} .main.block-image-custom .container .all_image .image {width: 50%;} .main.block-image-custom .container .whole-text .text {border-top: 1px solid #000;padding-top: 10px;margin-bottom: 80px;} .main.block-image-custom .container .whole-text .text h2 {font-size: 12px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 400 !important;line-height: 16px !important;padding-bottom: 10px;} .main.block-image-custom .container .whole-text .text p {font-size: 12px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 16px !important;padding-bottom: 10px;} .main.block-image-custom .container .whole-text .text:last-child strong {font-style: italic;} .main.block-image-custom .container .whole-text .text:last-child {width: 42%;border-top: 0;} .page--our-science .main-cust .container.science-tab button.pls-active {background-color: rgba(244, 244, 244, 1);} .container.science-tab .tabs {text-align: center;} /********************login***************/ .order-get {background-color: rgba(244, 244, 244, 1);border-bottom: 1px solid rgba(205, 205, 205, 1);} .order-get .container.redirect-class {max-width: 1300px;margin: auto;} .order-get .container.redirect-class .tab {border: 0;background-color: #f4f4f4;display: flex;justify-content: space-between;} .order-get .container.redirect-class .tab button.tablinks {color: rgba(205, 205, 205, 1);font-size: 14px;font-weight: 400;font-family: 'AktivGrotesk' !important;float: inherit !important;padding: 0px 20px;} .order-get .container.redirect-class .tab button.tablinks.active {background-color: transparent;color: #000;font-weight: 600;} .order-get .container.redirect-class .tabcontent {border: 0px;padding: 70px 0px;} .order-get .container.redirect-class .tabcontent p {text-align: center;color: rgb(8 8 8);font-size: 14px;font-weight: 400;font-family: 'AktivGrotesk' !important;float: inherit !important;padding: 0px 20px;} .order-get a#customer_logout_link {color: rgb(8 8 8);font-size: 14px;font-weight: 400;font-family: 'AktivGrotesk' !important;float: inherit !important;padding: 0px 20px;text-align: center;width: 100%;border: 0px !important;margin-bottom: 40px !important;text-decoration: underline;} .order-get a#customer_logout_link:after{display: none;} footer.footer--root {border-top: 1px solid #000;margin-top: 0px;} .custom-table .cstm-btn a:hover {background-color: #e2dcce !important;color: #000 !important;} .cstm-collap-section collapsible-tab-root.collapsible-tab--root .collapsible-tab--toggle {PADDING: 0PX;} .cstm-collap-section .collapsible-tab--wrapper {PADDING: 16PX;} .begin-banner .image--root:after{display: none} .begin-banner .featured-content--container .featured-content--text {margin-bottom: 20px;} .mage-with-custom-slider .slider-section .slide a div:hover{background-color: #000; color: #fff} .imafe-cus-sec .text .button2 a:hover {background-color: #fff;color: #000;} .image-ban-se .featured-content--container .featured-content--text .featured-content--text-container {max-width: 60%; gap: 0px;} .imafe-cus-sec.four-serum {flex-direction: row;} .leftimage {padding-right: 8px;} section.collection_v2 .productItem > li{justify-content: flex-start !Important; width: 33.3%;} section.collection_v2 .productItem > li ul.variant-list {display: none;} .slider-product-page {max-width: 100% !important;background-color: rgba(244, 244, 244, 1) !important;padding: 80px 0px 80px 0px;position: relative;} .container.custom-multiple-pro-sec {max-width: 1300px;padding: 0px 10px;position: relative;} .custom-multiple-pro-sec h2 {background-color: transparent;font-size: 10px;color: rgba(0, 0, 0, 1);font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 12px !important;border: 1px solid #000;padding: 7px 40px;border-radius: 50px;display: inline-block;position: absolute;top: -50px;} .custom-multiple-pro-sec .-multiple-product-image img {height: 300px;width: 94%;object-fit: contain;background-color: rgba(244, 244, 244, 1);margin-top: 60px;} .custom-multiple-pro-sec .multi-button {color: rgba(0, 0, 0, 1);height: 67px;width: 67px;border: 1px solid #000;display: flex;align-items: center;justify-content: center;font-size: 22px;line-height: 30px;font-style: italic; font-family: 'Promenade' !important;;border-radius: 50px;margin: 30px auto;} .custom-multiple-pro-sec h3 {text-align: center;color:#000;font-size: 14px;font-weight: 500;line-height: 18px;font-family: 'AktivGrotesk' !important;margin: 10px 0px; min-height: 40px;} .custom-multiple-pro-sec .multiple-whole-text h3:nth-child(2) {font-style: italic; font-family: 'Promenade' !important;;} .custom-multiple-pro-sec .multiple-whole-text p {text-align: center;color: rgba(0, 0, 0, 1);font-size: 12px;font-weight: 300;line-height: 15px;font-family: 'AktivGrotesk' !important;} .custom-multiple-pro-sec .main-product-whole.slick-slide.slick-current.slick-active .multi-button {background-color: rgba(199, 208, 213, 1);} .custom-multiple-pro-sec .main-product-whole.slick-slide {margin: 0px; opacity: 9 !important; padding: 0px 19px} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .product-page--content-list { width: 100%;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .product-page--content-blocks {display: none;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .product-page--single-column {z-index: 99999;width: 10%;left: 0;margin: 0; height: 100vh; position: sticky;top: 0; gap:0px} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content {display: flex;align-items: flex-start;position: relative;padding-right: 40px;margin-top: 20px;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .custom-media-main img {width: 100%; object-fit: cover;max-width: 100%;} .product-page--featured-media {width: 100% !important;} .page--the-introductory-kit main#main-content {overflow: inherit !important;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .variant-img {padding-left: 20px; width: 100% ;margin-left:-100px !Important} .product-buy-buttons--primary {width: 100% !important;} product-root .pickup--form--info {text-align: left;width: 100%;display: flex;align-items: center;} product-root.product-page--root .featured-bundle-right {width: 100%;} product-root.product-page--root .featured-bundle-right .main-quiz-sec .container {border: 1px solid #000;padding: 30px 60px;margin: 30px auto;display: flex;align-items: center; position: relative} product-root.product-page--root .featured-bundle-right .main-quiz-sec .container span {font-size: 12px;line-height: 16px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding-left: 30px;} product-root.product-page--root .featured-bundle-right .main-quiz-sec .container span span {width:auto;display: block;text-align: right;padding: 0px !important;font-size: 13px;text-transform: uppercase;text-decoration: underline; position: absolute;right: 20px; bottom: 20px} product-root.product-page--root .featured-bundle-right collapsible-tab-root label.collapsible-tab--heading {font-size: 12px;position: relative;font-family: 'Aktiv Grotesk' !important; width: 100%;} product-root.product-page--root .featured-bundle-right collapsible-tab-root label.collapsible-tab--heading:after {content: '+';position: absolute;right: 0; font-size: 20px;} product-root.product-page--root .featured-bundle-right collapsible-tab-root .collapsible-tab--toggle[aria-expanded="true"] label:after {content: '-';} product-root.product-page--root .featured-bundle-right .main-quiz-sec .container img { width: 40%;} product-root.product-page--root .featured-bundle-right collapsible-tab-root .collapsible-tab--content p, product-root.product-page--root .featured-bundle-right collapsible-tab-root .collapsible-tab--content p span {font-size: 14px;position: relative;font-family: 'Aktiv Grotesk' !important; width: 100%;line-height: 20px;} product-root.product-page--root .product-page--top-panel .product-page--block .main-see-sec .container {padding: 20px 0px;} product-root.product-page--root .product-page--top-panel .product-page--block .main-see-sec .container h1 {font-size: 12px;position: relative;font-family: 'Aktiv Grotesk' !important;width: 100%;font-weight: 500;margin: 0px 0px 10px;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .product-page--content-list img {padding: 0px; height: auto !Important} product-root.product-page--root .product-page--top-panel {width: 68%;padding-top: 0;} .main-ingredient-sec.custom-ingredient-main-sec {padding: 80px 10px;} product-recommendations-root .product-buy-buttons--primary {width: 100%;} product-recommendations-root .product-buy-buttons--primary button#add-cart {font-size: 14px;font-weight: 400;line-height: 15px;text-decoration: inherit;margin: 20px 0;border: 1px solid #000;padding: 13px 40px;font-family: AktivGrotesk !important;text-align: center;background-color: transparent;} product-recommendations-root .product-buy-buttons--primary button#add-cart:hover {background-color: #000;color: #fff;} .product-page--featured-right {position: sticky;top: 0; width: 33% !important;} .template--product main#main-content {overflow: inherit !important;} .main-quiz-routine-sec {position: relative;z-index: 9999;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper .product-page--content .product-page--content-list.border-cc {border: 1px solid #000;} product-root.product-page--root .product-page--top-panel .product-page--panel-wrapper {width: 100%;} .product-new-custom {position: relative;} .btn-add-card.uuuuuuu button#add-cart span {color: #fff;} product-recommendations-root .product-buy-buttons--primary button#add-cart:hover span {color: #fff;} .main-quiz-routine-sec .container .small-images img.block-image {width: 100%;height: 100vh;object-fit: cover;} header-root.header--root.new-class .icons-menus img:first-child {display: none;} header-root.header--root.new-class .icons-menus img.close-ic {display: block !important;position: static;height: 30px;width: 30px;} header-root.header--root .header--right-side.col-sm-4.col-4 img {filter: invert(1); padding: 0px} header-root.header--root.header-scrolled {position: fixed;width: 100%;top: 0;transform: inherit !important;background-color: #fff !important;z-index: 99999} header-root.header--root.header-scrolled .header--container.container-fluid {margin-top: 10px !important;} .page--begin-here-landing-page header-root.header--root {position: absolute;top: 0px;background-color: transparent;border-bottom: 1px solid #000;height: 80px !important;} .page--begin-here-landing-page header-root.header--root.header-scrolled {position: fixed;} .slider-product-page button.slick-arrow {display: block !important;font-size: 0px;background-color: #fff;top: 30%;border-radius: 30px;height: 50px;width: 50px;border: 1px solid #000; background-image: url(/cdn/shop/files/Vector_8.png?v=1724839484);background-repeat: no-repeat;background-position: center;} .slider-product-page button.slick-prev.slick-arrow {transform: rotate(180deg);top: 26%;} .main-new-login .container.tbb {max-width: 100%;padding: 0px;} .main-new-login .container.tbb .image img {width: 100%;} .main-new-login {position: relative;} .main-new-login .text-con-sec {position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);border: 1px solid #000;width: 40%; padding: 30px 0px 0px;} .main-new-login .text-con-sec .image img {width: 50% !important;} .main-new-login .text-con-sec .cont a.featured-content--link--container { font-size: 16px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;padding: 20px 0px;display: block;} .cont input {width: 80%;border: 1px solid rgba(0, 0, 0, 1) !important;height: 50px !important;font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;color: #000 !important;background-color: transparent;border-radius: 0px;margin: auto;} .main-new-login .text-con-sec .contact--form-submit {margin-top: 40px;border-top: 1px solid #000; position: relative} .main-new-login .text-con-sec .contact--form-submit button, .main-new-login .text-con-sec .contact--form-submit button span {background-color: transparent !important;justify-content: space-between;display: flex;width: 100%;font-size: 16px;line-height: 47px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;} .icon {display: flex;align-items: center;justify-content: center;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);} .custom-image-banner-sec .featured-content--text .featured-content--text-container .featured-content--link:nth-child(4) .featured-content--link--container {position: relative;top: -10px;} .cont form#customer_login .email {margin-bottom: 20px;} .cont .submit {border-top: 1px solid #000 !important;margin-top: 40px;padding: 0px 0px; display: flex;justify-content: space-between;} .cont .submit span {font-size: 16px;line-height: 30px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;padding: 10px 20px;display: block;} .cont .submit input[type="submit"] {width: 20%;background-color: #000;color: #fff !important;margin: 0px;} .page--new-login header-root.header--root {position: absolute;background-color: transparent;border-bottom: 1px solid #000;height: 80px;} .page--new-login header-root.header--root.header-scrolled {position: fixed !important;} .cont .submit input[type="submit"]:hover {background-color: #eae1d4;border-color: #000000 !important;color: #000 !important;} product-root.product-page--root .product-page--top-panel .btn-add-card.uuuuuuu button#add-cart span {color: #fff;} .btn-add-card.uuuuuuu button#add-cart:hover, .btn-add-card.uuuuuuu button#add-cart:hover span {background-color: #f4f4f4 !important;color: #000 !important;} .template--index header-root.header--root.header--root_transparent.header-scrolled {background-color:#fff !important; border-bottom: 1px solid #EAEAEA;} .template--index header-root.header--root.header--root_transparent.header-scrolled .header--container.container-fluid {padding-top: 10px !important; margin-top: 0px !important;} .template--index header-root.header--root .header--right-side.col-sm-4.col-4 img {filter: inherit;} .template--index header-root.header--root .icons-menus {top: 20px;} .multiple-products .product-main .product-whole .product-image img.icon-clas {position: absolute;top: 10px;right: 10px;} section.collection_v2 .productItem li .image--container img {padding: 10px !important;} .collapsible-tabs--root .collapsible-tab--content p br {display: none;} .all-content .show_more {display: none;} .product-new-custom ul.product-tags {width: 100%;justify-content: space-between;left: 0;padding: 0px 10px; top: 0px} .product-new-custom ul.product-tags li.product--tag.day_or_night--tag {border: 0px;padding: 0px;width: 50px;} .product-new-custom ul.product-tags li.product--tag.day_or_night--tag span {width: 100%; text-align: right;} .product-new-custom ul.product-tags li.product--tag.day_or_night--tag img {width: 20px !important;height: 30px !important;} .product-new-custom ul.product-tags li.product--tag.day_or_night--tag span span {width: auto;} .cstm-banner .featured-content--container {min-height: 100vh !important;} .cstm-banner .image--container img {object-fit: cover;object-position: bottom;} .featured-cstm .product-new-custom .product--image-wrapper {height:auto !important; padding: 0px !important} .featured-cstm .featured-collection--titleBox h2.featured-collection--title {margin-left: 0px !important;} .product-new-custom ul.product-tags li.product--tag.best__seller--tag {margin-top: 10px;} .product-new-custom ul.product-tags li.product--tag.best__seller--tag a {margin: 0;} .featured-cstm .col-lg-3.col-12 {padding-right: 0;} .featured-cstm .col-lg-9.col-12 {padding-left: 0px;} .main.block-image-custom .container .all_image .image img {width: 100%;height: 100%;} product-root.product-page--root .product-page--top-panel .product-page--block .radios--container .radios--main {width: 48%;} product-root.product-page--root .product-page--top-panel .product-page--block .radios--container .radios--main label.radios--value-button, product-root.product-page--root .product-page--top-panel .product-page--block .radios--container .radios--main label.radios--value-button div {width: 100%;text-align: center;font-size: 12px;font-weight: 400;font-family: 'AktivGrotesk' !important;} .product-buy-buttons--form label.product-recharge__item {border: 0px;padding: 10px 0px;} .product-buy-buttons--form label.product-recharge__item p.product-recharge__title span {font-size: 12px;font-weight: 300;font-family: 'AktivGrotesk' !important;} .product-buy-buttons--root .product-recharge__input:checked {border: 3px solid #000000 !important;} .same-day-sec .container {padding: 0;display: flex;align-items: center;} .same-day-sec .container .same-day-content {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding: 0 3px;position: relative;} div#klaviyo-product-reviews-wrapper {background-color: transparent;} .apps--root .apps--wrapper {max-width: 100% !important;padding: 0px 20px;} .apps--root {max-width: 100% !important;padding: 60px 10px; margin: auto;} h2.kl_reviews__summary__header, button#kl_reviews_tabs__reviews_tab {font-size: 26px !important;line-height: 38px !important;color: #000 !important;font-style: italic;font-family: 'Promenade' !important;font-weight: 400 !important;} div#fulfilled-reviews-all div, div#fulfilled-reviews-all span, p.kl_reviews__review__content {text-align: left !important;font-size: 14px !important;font-weight: 300;color: rgba(0, 0, 0, 1);font-family: 'AktivGrotesk' !important;} .kl_reviews__review_stars_and_time svg path, .kl_reviews__stars_badge svg path {fill: #000;} .kl_reviews__button_bar button, .kl_reviews__load_more_button button.kl_reviews__button {font-size: 18px !important;font-weight: 400 !IMPORTANT;line-height: 24px !important;font-style: italic !important; font-family: 'Promenade' !important;;text-decoration: inherit;margin: 20px 0 20px; border: 1px solid #000 !important;display: flow;padding: 9px 40px !important;background-color: transparent !important;} .kl_reviews__button_bar button:hover, .kl_reviews__load_more_button button.kl_reviews__button:hover {background-color: #000 !important;color: #fff !important;} /*.product-quantity-sec {display: flex;flex-wrap: wrap; align-items: flex-end;}*/ .product-quantity-sec square-placement {width: 100%;margin-top: 0;} .product-quantity-sec form {ORDER: 3; } .product-quantity-sec .qty_control.product-quantity--root {margin-bottom: 0px;background-color: transparent;border: 1px solid #000;margin-right: 10px;height: 40px;} .page--vitamin-b3-b5-amp-hyaluronic-acid-hydrating-serum .custom-multi-row-inner .all-con-img ul.slick-dots {display: none;} .product-quantity-sec .qty_control.product-quantity--root .qtycard {width: 100%;justify-content: center;flex-direction: row-reverse;} .product-quantity-sec .qty_control.product-quantity--root .qtycard .btnqty { font-size: 12px;position: static !important;transform: inherit !important;color: #000 !important;height: 32px !important;padding: 0px !important;width: 60% !important;max-width: 20% !important;} .product-quantity-sec .qty_control.product-quantity--root .qtycard .btnqty-input input {background-color: transparent;color: #000;font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding: 0 3px;position: relative;height: 35px} .same-day-sec {margin-top: 10px;} product-recharge.product-recharge {width: 100%; margin-bottom: 10px;} product-recharge.product-recharge label.product-recharge__item {border: 0px;padding: 10px 0px;} product-recharge.product-recharge label.product-recharge__item p.product-recharge__title span {font-size: 14px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 500;letter-spacing: 1px;} product-recharge.product-recharge label.product-recharge__item span.product-recharge__sale.js-product-recharge-price-sale {color: #000;} .product-options--option {margin-bottom: 10px;} product-recharge.product-recharge {margin: 0px 0px 10px !important;} .featured-cstm .qty_control.product-quantity--root, product-recommendations-root.product-recommendations--root .qty_control.product-quantity--root, .custom-feat-coll .qty_control.product-quantity--root {display: none;} .featured-cstm form, product-recommendations-root.product-recommendations--root form, .custom-feat-coll form {width: 100%;} .cstm-collap-section {padding: 100px 0px 80px !important;} .featured-cstm .product-quantity-sec product-recharge.product-recharge, .custom-feat-coll product-recharge.product-recharge, product-recommendations-root product-recharge.product-recharge {display: none;} /*product-recharge.product-recharge {margin: 0px 0px 10px !important;min-width: 340px;left: -130px;position: relative;}*/ section.collection_v2 .productItem li ul.product-tags a {line-height: 25px;} .begin-banner .featured-content--text-container {gap: 22px;margin: 0px; text-align: left;align-items: flex-start;width: 30%;} .image-ban-se .featured-content--container {min-height: 100vh !important;} .image-ban-se .featured-content--container .featured-content--text a.featured-content--link--container:after {bottom: 6px;position: relative;} .announcement--root .announcement--wrapper .announcement--icon-second img, .announcement--root .announcement--wrapper .announcement--icon-third img {height: 14px;width: 14px;} .cstm-banner .image--root:after {display: none;} .featured-cstm .featured-collection--carousel .image--container img {position: static;height: 350px; padding: 0px;object-fit: contain !important;} .featured-cstm .featured-collection--carousel .image--container {padding: 0px !important;} div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-next-button span, div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button span {opacity: 9 !important;color: #fff !important;position: static;} div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation { z-index: 999999; } div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button {background-color: transparent !important;color: #0000 !important;} div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button span {color: #000 !important;} body div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button svg g {fill: #000 !important;color: #000 !important;stroke: #000 !important;} div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button:hover {background-color: #000 !important;} body div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button:hover span {color: #fff !important;} body div#quiz-kit-content div#quiz-kit-container div#quiz-kit-question-navigation button#quiz-kit-question-prev-button:hover svg g {stroke: #fff !important;} .featured-grid--root[data-apply-overlay=true] .featured-grid--item--overlay-background {background-color: transparent !important;opacity: 1;} .custom-new-section {max-width: 1300px;margin: auto;padding: 0px 10px;} body .begin-banner .featured-content--text {max-width: 1300px !important;margin: auto;width: 100% !important;text-align: left !important;} .tab-cust .product-main .button {width: 20%;margin: 0px 3px;} .tab-cust .product-main .button:nth-child(9) {margin-left: 5%;} .tab-cust .product-main .button:nth-child(1) {margin-left: 7%;} .tab-cust .product-main .button:nth-child(5) {margin-left: -7%;} body .cstm-landing-banner .featured-content--text {padding-bottom: 40px !important; padding-top: 250px !important;} .custom-image-banner-sec .featured-content--link .featured-content--link--container:after {position: relative;bottom: 6px;} .cstm-landing-banner .featured-content--text-container {gap: 9px;} .cstm-landing-banner .featured-content--container {min-height: 100vh !important;} .cutom-concern .featured-content--container {min-height: 680px !important;} .multiple-products .product-main .product-whole .product-image img {margin: auto;display: block;} .tab-cust .product-main .button.activee a {background: rgba(244, 244, 244, 1);} .multiple-products .product-main .product-whole:last-child {align-items: center;} .multiple-products .product-main .product-whole:last-child .product-image {padding: 60px 0px;} product-recommendations-root.product-recommendations--root .product--image-wrapper {background: rgba(244, 244, 244, 1);height: 310px !important;padding: 10px;} product-recommendations-root.product-recommendations--root .product--image-wrapper .image--root, product-recommendations-root.product-recommendations--root .product--image-wrapper .image--root .image--container {height: 100%;} .cstm-para p {font-size: 14px;font-weight: 300;line-height: 19px;text-align: left;font-family: AktivGrotesk !important;margin: 40px 0px;} .template--product header-root.header--root {border-color: #000 !important;} .product-page--featured-right .product-rating--root {margin: 10px 0px;} .multiple-products .product-main .product-whole .product-image img:first-child {width: 90%;height: 500px;object-fit: contain;} .multiple-products .product-main .product-whole:first-child .product-image {padding: 60px 0px;} .featured-cstm .btn-add-card.uuuuuuu {display: none !important;} product-recommendations-root.product-recommendations--root .product-buy-buttons--primary {display: none;} product-recommendations-root.product-recommendations--root .product--details-wrapper {height: auto !Important;} .template--collection header-root.header--root {border-color: #000;} section.collection_v2 .product-info a img {background-color: rgba(244, 244, 244, 1); min-height: 520px; object-fit: contain !important; padding: 30px} .cstm-head header-root.header--root.header-scrolled {background-color: #fff !important;top: 0; } ul.cstm-clinic {margin: 0px 0px 30px;} ul.cstm-clinic li {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;position: relative;padding-left: 17px;padding-bottom: 7px;} ul.cstm-clinic li:after {content: '';height: 5px;width: 5px;background-color: #000;position: absolute;left: 0;top: 8px;border-radius: 10px;} section.collection_v2 .productItem li .image--container {padding-top: 0px !important;} section.collection_v2 .productItem li .image--container img {position: static !important;height: 510px !important; object-fit: cover !important} .collapsible-tabs--root.cstm-full-tabs h2 {margin-top: 0px;} .collapsible-tabs--root.cstm-full-tabs .collapsible-tab--toggle {padding-left: 0;} .collapsible-tabs--root.cstm-full-tabs .collapsible-tab--toggle label.collapsible-tab--heading {letter-spacing: 0;} .header--root_transparent.header--root span.cart--external--icon {COLOR: #FFF;} .image-cont-sec {PADDING-TOP: 0PX;} .main-see-sec img {margin-right: 8px;} .collapsible-tab--content {padding-left: 0px;padding-top: 0px;} .page--the-introductory-kit .custom-multi-row-inner .all-con-img .all-image img {width: 100%;height: 990px;object-fit: cover;} .page--saint-louve-serum-collection .custom-multi-row-inner .all-con-img .all-image img {width: 100%;height: 920px;object-fit: cover;} .template--collection .custom-multi-row-inner .all-con-img .all-image img {width: 100%;height: 900px;object-fit: cover;} div#fulfilled-reviews-all div p {font-weight: 300 !important;} section.collection_v2 .productItem li span {font-size: 14px !important;line-height: 16px !important;color: #000 !important;font-style: italic !important;font-family: 'Promenade' !important;text-align: left;display: block;font-weight: 400 !important;white-space: nowrap;max-width: 260px;overflow: hidden;text-overflow: ellipsis; margin: 19px 0px; height: 17px;} section.collection_v2 .productItem form {margin-top: 10px;} .sc-qbDCV.ilhnxH {position: static !important;} .page--skin-quiz header-root.header--root {z-index: 0 !important;} div#quiz-kit-variant-select h4 {margin-top: 10px !important; font-size: 14px !important; margin-bottom: 7px !important;} .sc-qYIQh.cmQliW{display: none} .featured-collection--root__homepage .featured-collection--show-more a{letter-spacing: 0} div#quiz-kit-sections-container section:last-child div {margin-top:4px !important; padding-bottom: 0px;} div#quiz-kit-sections-container section .quiz-kit-image-container {padding: 0px !important;} div#quiz-kit-sections-container section .quiz-kit-image-container img.quiz-kit-main-image {position: static;height: 320px;object-fit: cover; width:90%} div#quiz-kit-sections-container section:nth-child(2) div > div >div:last-child div div button:hover {background-color: #f4f4f4 !important;color: #000 !important;} .cart--root .cart--form .cart--item--title {font-size: 14px !important;line-height: 16px !important;color: #000 !important;font-style: italic !important;font-family: 'Promenade' !important;text-align: left;display: block;font-weight: 400 !important;white-space: nowrap;max-width: 260px;overflow: hidden;text-overflow: ellipsis;margin: 19px 0px;height: 67px;border: 0;} form.cart--form .cart--item .cart--item-properties {display: none;} .custom-ing-sec .main-sec.karo-active {display:flex;} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .slick-list.draggable .head-content {margin-top: 80px; padding: 0px 20px} .custom-multi-row-inner .all-con-img .slider-container.slick-initialized.slick-slider.slick-dotted .button-sec {position: relative;top: 30px;left: 0px;} .announcement--text-care .hidden.shadow-base .icon-with-svg:last-child span {border-bottom: 0px;} .announcement--text-care .hidden.shadow-base .icon-with-svg span {width: 100%;text-align: left;display: block;padding: 6px 20px;border-bottom: 1px solid #e3e3e3;} .new-quiz-block-sec .main-sec {display: none;} .new-quiz-block-sec .block-div-section.active {display: flex;flex-direction: row-reverse; align-items: center;} .new-quiz-block-sec .block-div-section {display: none;} .container.cstm-our-science-page.new-quiz-block-sec {max-width: 100%;background-color: rgba(244, 244, 244, 1);padding: 0px 0px;z-index: 999999;position: relative;} .new-quiz-block-sec .block-div-section.active .all_image {width: 50%;} .new-quiz-block-sec .block-div-section.active { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .image1 img { width: 100%; height:100vh } .new-quiz-block-sec .block-div-section.active .side-faq {width: 50%; position: relative; height: 100vh; display: flex;flex-direction: column; justify-content: center} .new-quiz-block-sec .block-div-section.active .side-faq .text {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;width: 70%;margin: 0px auto 20px;display: block;text-align: center;} .new-quiz-block-sec .block-div-section.active .side-faq .text h2 a {font-size: 28px;line-height: 38px;color: #000;font-style: italic;font-family: 'Promenade' !important;font-weight: 400;margin-bottom: 10px;} .new-quiz-block-sec .block-div-section.active .side-faq .text:nth-child(2) h2 {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 17px !important;font-style: inherit;} .new-quiz-block-sec ul.tab-buttons {display: flex;align-items: center;justify-content: center;margin: 40px 20px;} .new-quiz-block-sec ul.tab-buttons li h2 {height: 89px;width: 89px;border: 1px solid rgba(0, 0, 0, 1);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;font-size: 26px;line-height: 19px;padding: 0px 30px;background-color: transparent;z-index: 99;position: relative;font-style: italic;font-family: 'Promenade' !important;font-weight: 400;margin: 20px 10px; cursor: pointer} .new-quiz-block-sec ul.tab-buttons li h2.active {background-color: rgba(199, 208, 213, 1);} .cstm-landing-banner .featured-content--image {left: 0;top: 0; height: 100vh !mportant} .new-quiz-block-sec .main-sec.karo-active {display: flex !important;width: 100%;justify-content: center;} .container.cstm-our-science-page.new-quiz-block-sec .tabs {position: absolute;top: 40px;left: 40px; z-index: 9999} .container.cstm-our-science-page.new-quiz-block-sec .tabs button {background-color: transparent;font-size: 14px;color: #000;font-weight: 300 !important;font-family: AktivGrotesk !important;line-height: 12px !important;border: 1px solid #000;padding: 5px 30px;border-radius: 50px;height: 33px;} .container.cstm-our-science-page.new-quiz-block-sec .tabs button.karo-active {background-color: #000 !important;color: #fff !important;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq .text:last-child h2 {border: 0;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq .text:last-child p strong {font-style: italic;} .custom-ing-sec.cstm-our-science-page .block-div-section .side-faq .text:last-child p {font-style: italic;margin-top: 120px;width: 57%;} .custom-ing-sec.cstm-our-science-page .main-sec:nth-child(3) .side-faq .text:last-child p {margin-top: 0px;} .custom-ing-sec.cstm-our-science-page .main-sec:nth-child(3) .side-faq p {margin: 10px 0px 56px;} .main-recover-pass.cstm-recover {background-color: #e5dccf;padding: 100px 0px;} .main-recover-pass.cstm-recover .cont-recover {text-align: center;border: 1px solid #000;width: 50%;padding: 30px 30px;margin: auto;} .main-recover-pass.cstm-recover .cont-recover h2 {font-size: 16px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;padding: 20px 0px;display: block;} .main-recover-pass.cstm-recover .cont-recover span {font-size: 14px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 300;padding: 0px 0px 20px;display: block;} .main-recover-pass.cstm-recover .cont-recover form#customer_login input {width: 100%;border: 1px solid rgba(0, 0, 0, 1) !important;height: 50px !important;font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;color: #000 !important;background-color: transparent;border-radius: 0px;margin: auto;} .main-recover-pass.cstm-recover .cont-recover form#customer_login .submit {display: flex;align-items: center;justify-content: center;margin-top: 20px; font-family: AktivGrotesk !important; font-size: 14px;} .main-recover-pass.cstm-recover .cont-recover form#customer_login .submit input[type="submit"] {width: 20%;background-color: #000;color: #fff !important; margin: 0px 20px 0px 0px !important;} .main-recover-pass.cstm-recover .cont-recover form#customer_login .submit a {font-family: AktivGrotesk !important;margin-left: 20px;width: 20%;background-color: #000;color: #fff !important;height: 50px !important;font-size: 14px !important;font-weight: 300 !important;line-height: 50px;} div#tab1 ul.tab-buttons li:last-child {display: none;} .custom-ing-sec.cstm-our-science-page .main-sec:last-child .text:last-child p {width: 100%;margin: 0px;font-style: inherit;} .custom-ing-sec.cstm-our-science-page .main-sec:last-child .text:last-child h2 {border-top: 1px solid #000;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content ul {margin-top: 0px;list-style: none;padding-left: 20px;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content p {padding: 0px;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content, .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content ul li {font-size: 14px;color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;text-align: left;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content ul li {margin-bottom: 5px;} .custom-faq .collapsible-tabs--wrapper .collapsible-tab--wrapper .collapsible-tab--content div {padding-bottom: 0px !important;} product-root.product-page--root .product-page--top-panel .product-page--block .tolstoy-carousel-container {margin: 0px;} product-root.product-page--root .product-page--top-panel .product-page--block .tolstoy-carousel-container .tolstoy-carousel-title {font-family: AktivGrotesk !important;font-size: 12px !important;font-weight: 500 !important;line-height: 16px !important;text-align: left;margin-top: 30px !important;} product-root.product-page--root .product-page--top-panel .product-page--block .tolstoy-video-carousel-container {margin-left: -43px;} .custom-faq p br {display: block !important;} body.template--collection.page--shop-all section.collection_v2 .productItem > li:last-child {display: none;} .page--concern-page-congestion .container.tbb.tab-cust {margin-top: 150px !important; margin-bottom: 100px !important;} .cstm-head header-root.header--root {background-color: transparent !important;border-color: #000;position: fixed;top: 40px;} .page--concern-page-redness .container.tbb.tab-cust, .page--concern-page-acne .container.tbb.tab-cust, .page--concern-page-scarring .tbb.tab-cust {margin: 100px auto !important;} .multiple-products .text-section h2 p {font-family: AktivGrotesk !important;font-size: 12px;font-weight: 300;line-height: 16px;max-width: 80%;margin: auto;} .page--concern-page-sensitive-skin .multiple-products .text-section h2 p {max-width: 63%;} .page--concern-page-ageing-skin .multiple-products .text-section h2 p {max-width: 69%;} .template--index header-root.header--root.header--root_transparent.header-scrolled img {filter: invert(1) !important;} .template--index header-root.header--root.header--root_transparent.header-scrolled span.cart--external--icon {color: #000 !important;} .cart--body {display: block;} .custom-made-filter h2 span {display: none;} .all-content .check-box-area button.apply-button {display: none;} .more-content {color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 19px !important;margin-top: 10px;} .read-more-btn {display: none;} product-root.product-page--root ul.slick-dots {display: flex;align-items: center;justify-content: center;margin-top: 10px;} product-root.product-page--root ul.slick-dots li button {height: 10px;font-size: 0px;width: 10px;border-radius: 50px;padding: 0px;margin: 0px 3px;} product-root.product-page--root ul.slick-dots li.slick-active button {background-color: #000;} product-root.product-page--root button.slick-arrow {background-image: url(/cdn/shop/files/Vector_8_e9bee539-b5b9-4f9e-aa0a-7160cf9c6c43.png?v=1727172947);font-size: 0px;padding: 0px;height: 30px;width: 30px;border-radius: 50px;background-repeat: no-repeat;background-position: center;background-size: 10px;background-color: rgb(235 226 226 / 50%);} product-root.product-page--root button.slick-prev.slick-arrow {transform: rotate(180deg);top: 47%;} .page--15-vitamin-c-lustrum-serum .custom-multi-row-inner .all-con-img ul.slick-dots {display: none;} .cart--root[data-view=drawer] .cart--item--image {width: 24%;} .cart--root[data-view=drawer] .cart--item--info {max-width: unset;flex: 1;width: 80%;} .cart--root .cart--form .cart--item--title {height: auto;} /**********************brand-story********************/ .page--brand-story header-root.header--root {border-color: #000;} .page--brand-story .cstm-clinically .featured-text--body.uuuuu p {margin-top: 0px;} .page--brand-story .cstm-clinically .featured-text--body.uuuuu {margin-top: 0px;max-width: 56%; line-height: 30px} .page--brand-story .cstm-clinically {padding-top: 180px;padding-bottom: 180px;border-bottom: 1px solid #000;} .cstm-three-column {margin: 80px 0px;} .cstm-three-column .container {display: flex;max-width: 1300px;padding: 0px 20px;} .cstm-three-column .container .cstm-left-img {width: 36%;} .cstm-three-column .container .cstm-left-content {width: 64%; display: flex;flex-direction: column;justify-content: space-between;} .cstm-three-column .container .cstm-left-content .firts-div-cont span {max-width: 50%;} .cstm-three-column .container .cstm-left-content .firts-div-cont {width: 100%;display: flex;justify-content: space-between;gap: 20px;} .cstm-three-column .container .cstm-left-content .firts-div-cont p {color: #000;font-family: AktivGrotesk !important;font-weight: 300 !important;line-height: 16px !important;font-size: 12px;} .cstm-three-column .container .cstm-left-img {width: 40%;} .firts-div-para {text-align: center;margin: 130px auto 130px;max-width: 500px;} .firts-div-para p {font-size: 28px;line-height: 32px;color: #000;font-style: italic;font-family: 'Promenade' !important;} .cstm-three-column .container .cstm-left-img img {width: 100%;padding-right: 10%;} .cstm-clinically.cstm-our-science {padding: 100px 0px 40px!important;border-bottom: 0px;} .cstm-clinically.cstm-our-science p br {display: none;} .cstm-clinically.cstm-our-science .featured-text--body.uuuuu {max-width: 70%;} .cstm-clinically.cstm-our-science a.button {padding-top: 0px !important;font-weight: 400 !important;font-size: 14px !important;} .page--brand-story featured-collection-root {max-width: 1300px;padding: 70px 20px;margin: auto;} .page--brand-story featured-collection-root h2.featured-collection--title {display: none;} .page--brand-story featured-collection-root .prod-buy-btn {display: none;} .cstm-stands-sec .featured-content--root, .cstm-stands-sec .featured-content--root .featured-content--container {background: rgba(244, 244, 244, 1) !important; min-height: inherit !important; align-items: flex-start;} .cstm-stands-sec .featured-content--root .featured-content--image {height: auto !important;} .cstm-stands-sec .featured-content--text .featured-content--text-container .featured-content--description {font-family: AktivGrotesk !important;font-size: 22px;font-weight: 300;line-height: 30px;} .cstm-stands-sec .featured-content--text .featured-content--text-container {margin-left: 0;width: 100%;max-width: 550px;} .cstm-stands-sec .featured-content--root .featured-content--container .featured-content--text {padding-left: 20px !important;padding-top: 60px !important;} .cstm-riche .featured-text--body.uuuuu p {font-size: 28px;line-height: 32px;color: #000;font-style: italic;font-family: 'Promenade' !important;max-width: 480px;margin: 50px auto;} .cstm-three-column .container .cstm-left-content .firts-div-cont:last-child span {max-width: 100%;} .cstm-three-column .container .cstm-left-content .firts-div-cont:last-child p {font-size: 10px;line-height: 12px !important;text-transform: uppercase;font-weight: 400 !important;} .featured-collection--root .product--image-wrapper img, .featured-collection--root .product--image-wrapper .product--hover-image img {background: rgba(244, 244, 244, 1);} .page--12-aha-bha-exfoliating-serum .custom-multi-row-inner .all-con-img ul.slick-dots, .page--0-25-encapsulated-retinol-serum .all-con-img ul.slick-dots{display: none;} .page--terms-of-service header-root.header--root {border-color: #000;} .cstm-smoothy-sec {max-width: 1300px;margin: auto;padding: 60px 20px;display: flex;flex-wrap: wrap;align-items: flex-start;} .cstm-smoothy-sec .cstm-title h4 p {font-size: 34px;line-height: 32px;color: #000;font-style: italic;font-family: 'Promenade' !important;} .cstm-smoothy-sec .main-smooth-sec {margin-top: 120px;} .cstm-smoothy-sec .cstm-title {width: 100%;} .cstm-smoothy-sec .main-smooth {width: 30%;margin-top: 70px;} .cstm-smoothy-sec .scroll-content {width: 70%; margin-top: 80px;} .cstm-smoothy-sec .main-smooth div {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 400;line-height: 19px;color: #000;margin-top: 12px; cursor: pointer} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion {width: 100%;position: sticky;top: 70px;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion .accordion-content {border: 0;} .cstm-smoothy-sec .main-smooth-sec .scroll-content {width: 70%;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content {width: 30%;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion h3.accordion-header {background-color: transparent !important;font-family: AktivGrotesk !important;font-size: 14px;font-weight: 400;line-height: 19px;color: #000;margin-bottom: 10px; position: relative;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion .accordion-content {padding-left: 40px;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion .accordion-content p {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 300;line-height: 19px;color: #000;margin-bottom: 20px;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion h3.accordion-header:after {content: '+';position: absolute;right: 25%;font-size: 20px;} .cstm-smoothy-sec .main-smooth-sec .scroll-left-content .accordion h3.accordion-header.active:after {content: '-';} .cstm-smoothy-sec .main-smooth-sec .scroll-content h2 {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 400;line-height: 19px;color: #000;} .cstm-smoothy-sec .main-smooth-sec .scroll-content p {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 300;line-height: 19px;color: #000;margin-top: 6px;} body.template--page.page--terms-of-service .layout--main-content {overflow: inherit !important;} .cstm-three-column .container .cstm-left-content .firts-div-cont span:first-child {padding-right: 2%;} .page--brand-story .featured-collection--root__homepage .featured-collection--carousel .carousel--block {width: calc(100% / 7)!important;} .cstm-three-column .container .cstm-left-content .firts-div-cont span:LAST-CHILD p {MARGIN-BOTTOM: 11PX;} product-root.product-page--root {display: flex;align-items: flex-start;max-width: 1300px;margin: auto;padding: 40px 0px !important;} .cstm-luxury .featured-text--body p {font-size: 28px !important;font-weight: 400 !important;line-height: 38px !important;color: rgba(0, 0, 0, 1) !important;font-family: 'Promenade' !important;font-style: italic;margin-bottom: 40px !important;} .pickup--form--stores {padding-top: 0 !important;} .pickup--form--stores a {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding: 0 3px;position: relative;text-transform: inherit;letter-spacing: 0px;padding-left: 10px;} .pickup--form--info p {font-size: 12px;line-height: 20px;color: #000;font-family: AktivGrotesk !important;font-weight: 400;padding: 0 3px;position: relative;text-transform: inherit;letter-spacing: 0px;} .pickup--form--stores a:after {bottom: 4px !important;position: relative;} ul.product-tags[class] li.product--tag span.am--tag.pm--tag img {padding: 0px;} .custom-ing-sec.cstm-our-science-page .main-sec:nth-child(5) .text:last-child p {width: 100%;margin: 0px;font-style: inherit;} .custom-ing-sec.cstm-our-science-page .main-sec:nth-child(5) .text:last-child h2 {border-top: 1px solid #000;} /****div#quiz-kit-sections-container section:nth-child(2) div#quiz-kit-results-product-uUVhAVBLJ-8-0 { width: 100%; } div#quiz-kit-sections-container section:nth-child(2) div#quiz-kit-results-product-uUVhAVBLJ-8-0 .sc-pjTqr.jJFvBj { width: 60%; padding-left: 24px; } div#quiz-kit-sections-container section:nth-child(2) div#quiz-kit-results-product-uUVhAVBLJ-8-0 .sc-qOvHb.dprCAs { width: 40%; }****/ .container.mage-with-custom-slider.none-cla .slide .product-image img {height: 344px;} .container.mage-with-custom-slider.none-cla .slide .whole-text h3 {min-height: 40px;} .container.mage-with-custom-slider.none-cla .slide .whole-text p {min-height: 101px;} .cstm-banner-consult h3.featured-content--title {font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;} .cstm-banner-consult .featured-content--container {justify-content: flex-end;} .cstm-banner-consult .featured-content--text {margin-left: auto;width: 100% !important;text-align: left !important;margin-right: auto;} .cstm-banner-consult .featured-content--text .featured-content--text-container, .cstm-banner-consult .featured-content--text .featured-content--text-container h3 {margin-right: 0;text-align: right !important;justify-content: flex-start;width: 100%;} .page--1-1-online-skin-consults-with-elly .container.multicolumn-cutom .main-consultation {display: flex;align-items: flex-end;} .page--1-1-online-skin-consults-with-elly .container.multicolumn-cutom .main-consultation .btn-consult a:hover {background-color: #efefef !important;color: #000000 !important;text-decoration: inherit;} .page--1-1-online-skin-consults-with-elly .container.multicolumn-cutom .main-consultation .btn-consult a {font-family: AktivGrotesk !important;font-size: 14px !important;background-color: #000 !important;color: #fff !important;text-transform: uppercase;font-weight: 400;height: 36px !important;padding: 0px 30px !important;display: block;text-align: center;line-height: 36px;} .page--1-1-online-skin-consults-with-elly .container.multicolumn-cutom .main-consultation .btn-consult {width: 40%;} .cstm-banner-consult .featured-content--text .featured-content--text-container, .cstm-banner-consult .featured-content--text .featured-content--text-container h3 {max-width: 1300px !important;text-align: center !important;display: flex;justify-content: flex-end;align-items: flex-end;margin: auto;} .container.mage-with-custom-slider.none-cla.cstm-pm-slider ul.slick-dots {display: none !important;} .container.mage-with-custom-slider.none-cla.cstm-pm-slider button.slick-next.slick-arrow {background: var(--bg-color--body);border-radius: 50%;border: 1px solid #e0e0e0;display: block;height: 10px;padding: 16px;width: 10px;font-size: 0;background-image: url(/cdn/shop/files/Vector_8.png?v=1724839484);background-repeat: no-repeat;background-position: center;background-size: 10px;position: absolute;top: 50%;right: 0;left: auto;} .container.mage-with-custom-slider.none-cla.cstm-pm-slider button.slick-prev.slick-arrow {background: var(--bg-color--body);border-radius: 50%;border: 1px solid #e0e0e0;display: block;height: 10px;padding: 16px;width: 10px;font-size: 0;background-image: url(/cdn/shop/files/Vector_8.png?v=1724839484);background-repeat: no-repeat;background-position: center;background-size: 10px;position: absolute;top: 50%;right: auto;left: 0;transform: rotate(180deg); z-index: 999 !important} div#shopify-chat {display: none !important;} div#quiz-kit-sections-container {display: flex;} div#quiz-kit-sections-container section.qk-layout-section:last-child {display: none !important;} div#quiz-kit-sections-container {display: flex;} div#quiz-kit-sections-container section h3 {font-size: 14px !important;font-weight: 400 !important;font-family: AktivGrotesk !important;} div#quiz-kit-sections-container section h4, div#quiz-kit-sections-container section h4 span {font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;} div#quiz-kit-sections-container div p {font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;display: none;} div#quiz-kit-sections-container section label {font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;padding: revert-layer;} div#quiz-kit-sections-container section button {padding: 0px !important;border: 0px !important;background-color: #000 !important;height: 35px !important;margin-top: 20px !important;} div#quiz-kit-sections-container section button div {text-align: center;font-size: 14px !important;font-weight: 300 !important;font-family: AktivGrotesk !important;margin: 0px !important;border: 0px;} div#quiz-kit-sections-container h1 {font-size: 34px !important;line-height: 38px !important;color: #000 !important;font-style: italic !important;font-family: 'Promenade' !important;font-weight: 400 !important;letter-spacing: 0 !important;text-align: left;padding-top: 25px;padding-left: 14%;} .kl_reviews__filters select, input.kl_reviews__input_with_search_icon {font-family: AktivGrotesk !important;font-weight: 400 !important;} div#quiz-kit-result-advanced-wrapper .sc-qQMSE.bgoLuJ.aos-init.aos-animate {padding: 0px 30px;} div#quiz-kit-sections-container section:nth-child(2) div > div >div:first-child div img {background: rgba(244, 244, 244, 1);} div#quiz-kit-result-advanced-wrapper section.sc-qQYBZ.fzXjc.qk-layout-section {display: none;} div#quiz-kit-sections-container section {display: block !important;} div#quiz-kit-sections-container .qk-layout-section div .quiz-kit-image-container width: 90%;} div#quiz-kit-results-product-uUVhAVBLJ-8-1 div {justify-content: flex-start;text-align: left;margin: 0 00px !Important;} .cstm-become {padding: 100px 0px !important;} .page--become-a-stockist header-root.header--root {border-color: #000;} .cstm-become h2 {font-size: 34px !important;line-height: 48px;color: #000;font-style: italic !important;font-family: 'Promenade' !important;} .cstm-become .featured-text--body.uuuuu p {font-size: 16px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 300 !important;line-height: 23px !important;letter-spacing: 0;max-width: 100%;margin: 20px auto 0px;} .cstm-become .featured-text--wrapper {max-width: 760px !important;} .cstm-contact-form .custom-fields-grid input, .cstm-contact-form .custom-fields-grid textarea {border-color: #000;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 400 !important;line-height: 32px !important;letter-spacing: 0;max-width: 100%;font-size: 14px;} .cstm-contact-form .custom-fields-grid input::placeholder { color: #000; } .cstm-contact-form .custom-fields-grid textarea::placeholder { color: #000; } .cstm-contact-form .contact--form-submit button { font-family: AktivGrotesk !important;font-size: 14px !important;background-color: #000 !important;color: #fff !important;text-transform: uppercase;font-weight: 400;height: 45px !important;padding: 0px 30px !important;} .cstm-contact-form .contact--social {text-align: left !important;padding-top: 10px !important;justify-content: flex-start;} .cstm-contact-form .contact--social a:first-child {display: none;} .cstm-contact-form .contact--social a:nth-child(2) {padding-left: 0px;} .cstm-smoothy-sec .scroll-content .main-sec h2, .cstm-smoothy-sec .scroll-content .main-sec strong {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 400;line-height: 19px;color: #000; margin-bottom: 3px;} .cstm-smoothy-sec .scroll-content .main-sec p, .cstm-smoothy-sec .scroll-content .main-sec ul li {font-family: AktivGrotesk !important;font-size: 14px;font-weight: 300;margin-bottom: 30px;color: #000;line-height: 18px;} .cstm-smoothy-sec .scroll-content .main-sec {display: none;} .cstm-smoothy-sec .scroll-content .main-sec.inner-page {display: block;} .cstm-smoothy-sec .scroll-content div#tabs3 h2:first-child , .cstm-smoothy-sec .scroll-content div#tabs4 h2:first-child {margin-bottom: 14px;} .cstm-smoothy-sec .scroll-content .main-sec ul {padding-left: 10px; margin-bottom: 10px;} .cstm-smoothy-sec .scroll-content .main-sec ul li {margin: 0px;position: relative;} .cstm-smoothy-sec .scroll-content .main-sec ul li:after {content: '.';font-size: 40px;color: #000;position: absolute;left: -11px;top: -11px;} .cstm-smoothy-sec .main-smooth div.active {text-decoration: underline;} .main-ingredient-sec.custom-ingredient-main-sec .ingre-details img {height: 220px;object-fit: contain;width: 100%;} .page--become-a-stockist .image-with-text--root.cstm-banner .featured-content--image { height: auto !important; } .page--become-a-stockist .image-with-text--root.cstm-banner .featured-content--container { min-height: auto !important; } .science-banner img.mobile-image { display: none; } product-root.product-page--root .product-page--overline { font-family: 'Aktiv Grotesk' !important; font-style: normal; font-weight: 300 !important; font-size: 14px; line-height: 22px; color: #000000; text-transform: inherit; max-width: 460px; letter-spacing: unset !important; } body.template--cart.page--your-shopping-cart .progress_section { display: none; } .page--become-a-stockist .contact--root.cstm-contact-form .contact--left-column {display: none;} .page--the-louve-edit .cstm-blog-banner img {height: auto !important;} .page--the-louve-edit .cstm-blog-banner .featured-content--container .featured-content--image {height: 100% !important;} .page--the-louve-edit .cstm-blog-banner .featured-content--container {min-height: 380px !important;height: auto !important;} .page--the-louve-edit .tbb.tab-cust h2 {font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;padding-top: 40px;} .page--the-louve-edit blog-root.blog--root .blog--featured-container {display: none;} .page--the-louve-edit blog-root.blog--root .blog--article-list {display: flex !important;flex-wrap: wrap;height: auto !important; gap: 10px;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item:first-child, .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item:nth-child(2) {width: 49%;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item { margin-bottom: 40px;position: static !important;width: 32%; gap: 6px !important;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item span {color: rgba(0, 0, 0, 1);font-weight: 400;font-size: 14px;font-family: AktivGrotesk !important;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item h3.article--item--heading a {font-size: 32px !important;line-height: 36px !important;color: #000 !important;font-style: italic;font-family: 'Promenade' !important;min-height: 110px;display: block;padding: 10px 0px;text-decoration: inherit !important;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item .article--item--excerpt { padding-right: 5%;font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 15px;line-height: 20px;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item a {background-color: transparent !important;color: #000 !important;border: 0px !important;font-family: 'AktivGrotesk' !important;font-weight: 400 !important;text-decoration: underline;font-size: 13px !important;line-height: 22px !important;margin-top: 11px;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item--image .image--container img {width: 100%;height: 100% !important;object-fit: cover;} .page--the-louve-edit blog-root.blog--root .blog--article-list .article--item--image .image--container {padding-top: 118.777778% !important;} .page--contact .cstm-content h2 {font-size: 34px;line-height: 48px;color: #000;font-style: italic;font-family: 'Promenade' !important;margin-bottom: 10px;} .page--contact .cstm-content p {font-size: 16px;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 400 !important;line-height: 22px !important;} .page--contact .contact--root.cstm-contact {margin-top: 60px;padding: 0px !important;} .page--contact .contact--root.cstm-contact .contact--wrapper {max-width: 100%; padding-bottom: 70px;} .page--contact .contact--root.cstm-contact .contact--container .contact--left-column {width: 50%;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column {width: 50%;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form {max-width: 600px; padding-left: 4%;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form input, .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form textarea {border-color: #000;color: #000;font-family: 'AktivGrotesk' !important;font-weight: 400 !important;line-height: 32px !important;letter-spacing: 0;max-width: 100%;font-size: 14px;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--form-submit button {font-family: AktivGrotesk !important;font-size: 14px !important;background-color: #000 !important;color: #fff !important;text-transform: uppercase;font-weight: 400;height: 45px !important;padding: 0px 30px !important;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--left-column {padding-top: 60px; gap: 11px;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--left-column address.contact--address-text {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 12px;line-height: 19px; padding-bottom: 4px;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--left-column .contact--hours p {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 12px;line-height: 19px;} .contact--social {padding: 0px;text-align: left;justify-content: flex-start;} .contact--social a:first-child {display: none;} .contact--social a:nth-child(2) {padding-left: 0px;} .page--1-1-online-skin-consults-with-elly .multicolumn-cutom .multicolumn .mulyi-whole {width: 35%;padding-right: 60px;} .page--1-1-online-skin-consults-with-elly .multicolumn-cutom .multicolumn .mulyi-whole:last-child h2 {margin: 0px;} .page--1-1-online-skin-consults-with-elly .cstm-banner-consult .featured-content--text .featured-content--text-container h3 {justify-content: end;padding-right: 15%;} .off-canvas--container cart-root.cart--root .cart--header {border-bottom: 1px solid #c1c1c1;} .off-canvas--container cart-root.cart--root .cst-cart-drawer {border: 0px;} .off-canvas--container cart-root.cart--root .cst-cart-drawer h3 {text-align: center;color: rgba(0, 0, 0, 1);font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 14px;line-height: 22px;margin-top: 0px;} .off-canvas--container cart-root.cart--root .cst-cart-drawer .shipping-progress .progress-bar {height: 10px;border-radius: 0px;background: rgba(217, 217, 217, 0.5) !important;} .off-canvas--container cart-root.cart--root .cst-cart-drawer .shipping-progress .progress-bar .progress {background: rgba(0, 0, 0, 1);border-radius: 0px;} .off-canvas--container cart-root.cart--root .cst-cart-drawer .progress-percentage {text-align: center;font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 14px;line-height: 22px;text-transform: uppercase;} .header--container .x-menu--level-1--container li transition-root ul li:nth-child(2), .header--container .x-menu--level-1--container li transition-root ul li:nth-child(3), .header--container .x-menu--level-1--container li transition-root ul li:nth-child(4) {background-image: inherit !important;} .page--contact .contact--container {align-items: center;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--left-column address.contact--address-text strong, .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--address-link a, .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--left-column address.contact--address-text span {font-family: 'Aktiv Grotesk' !important;} .page--contact .contact--root.cstm-contact .contact--container .contact--right-column form .contact--address-link a:after {top: -3px !important;position: relative;} .off-canvas--container cart-root.cart--root .cart--item--title {margin: 0px;} .off-canvas--container cart-root.cart--root .cart--item--title a {text-align: center;font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 12px;line-height: 12px;} .off-canvas--container cart-root.cart--root .cart--item--quantity {margin-top: 7px;} .off-canvas--container cart-root.cart--root .cart--item--quantity .cart--quantity--container input {font-family: 'Aktiv Grotesk' !important;} .off-canvas--container cart-root.cart--root .cart--item--remove a {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 13px;line-height: 12px;} .off-canvas--container cart-root.cart--root .cart--footer label.cart--notes--heading {text-align: center;font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 500 !important;font-size: 12px;line-height: 17px;text-transform: uppercase;} .off-canvas--container cart-root.cart--root .cart--footer textarea {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 13px;line-height: 12px;border: 1px solid #000;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .total {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 300 !important;font-size: 14px;line-height: 19px;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--total--price.money {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 16px;line-height: 24px;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--tax-info {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 400 !important;font-size: 12px;line-height: 17px;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--checkout-button button span {color: #fff;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--checkout-button button {font-family: AktivGrotesk !important;font-size: 12px !important;background-color: #000 !important;color: #fff !important;text-transform: uppercase;font-weight: 400;height: 45px !important;padding: 4px 30px !important;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--continue-shopping a {font-family: 'Aktiv Grotesk' !important;font-style: normal;font-weight: 300 !important;font-size: 12px;line-height: 24px;} .off-canvas--container cart-root.cart--root .cart--footer .cart--totals .cart--continue-shopping a:after {bottom: 6px;position: relative;} nav#blog-filters ul li a { text-transform: initial;font-size: 16px;font-weight: 400;line-height: 22px;border: 1px solid #000;font-family: 'Aktiv Grotesk' !important;padding: 10px 28px;display: block;border-radius: 50px;margin: 0px 4px 9px;text-decoration: inherit;} nav#blog-filters ul li a:after {display: none;} nav#blog-filters ul li a:hover {background-color: rgba(244, 244, 244, 1) !important;} nav#blog-filters ul li {width: 20%;margin: 0px 3px;text-align: center;} nav#blog-filters ul li:first-child, nav#blog-filters ul li:nth-child(9) {margin-left: 7%;} .blog-title span {font-size: 34px;line-height: 35px;color: #000;font-style: italic;font-family: 'Promenade' !important;font-weight: 300;margin-bottom: 40px;letter-spacing: 0;display: block;text-align: center;} .page--saint-louve-gift-card product-root.product-page--root .product-page--top-panel { width: 100%; flex-direction: column; } .page--saint-louve-gift-card .product-page--featured-media { width: 50% !important; } .page--saint-louve-gift-card .product-page--featured-right { width: 50% !important; } .page--saint-louve-gift-card .product-page--featured-bundle { align-items: center !important; } .page--saint-louve-gift-card .product-page--featured-bundle .featured-bundle-right { width: 50%; } .page--saint-louve-gift-card product-price-root.product-price--root { margin-top: 30px; } /*new-form-landing-page css start here */ .new_form_body_text { background: #f7f7f7; } .new_form_body_text .featured-text--body.uuuuu p { padding: 0; line-height: 30px; max-width: 70%; margin: auto; padding-bottom: 8px; font-size: 17px; } .new_form_body_text h2.featured-text--heading { margin-bottom: 2px; text-transform: capitalize; font-size: 33px; font-weight: 500; line-height: normal; color: #000000; } .new_landing_page_form .contact--header h2.contact--title { margin-bottom: 2px; text-transform: uppercase; font-size: 33px; font-weight: 500; line-height: normal; color: #000000; } .new_landing_page_form .contact--container .contact--right-column { width: 80%; margin: auto; } .new_landing_page_form .contact--container .contact--left-column { display: none; } .new_landing_page_form .contact--container .contact--right-column form input { width: 100%; border-radius: 3px; font-size: 15px; text-transform: capitalize; font-weight: 400 !IMPORTANT; } .new_landing_page_form .contact--container .contact--right-column form .contact--form-submit { text-align: center; } .new_landing_page_form .contact--container .contact--right-column form .contact--form-submit button.submit_form_btn { background: #000; color: #fff; padding: 0px 40px; height: auto; border-radius: 3px; font-size: 15px; font-weight: 500; } .image-with-text--root.landing_page_image .image--container { padding: 0 !IMPORTANT; } .page--now-accepting-stockists-landing-page .new_form_body_text h2.featured-text--heading { font-size: 34px !important; color: #000; font-style: italic !important; font-family: 'Promenade' !important; font-weight: 400; line-height: 118%; letter-spacing: unset; } .page--now-accepting-stockists-landing-page .new_form_body_text .featured-text--body p { font-size: 16px; color: #000; font-family: 'AktivGrotesk' !important; font-weight: 300 !important; line-height: 23px !important; letter-spacing: 0; max-width: 800px; } .page--now-accepting-stockists-landing-page .new_landing_page_form .contact--header h2.contact--title { font-size: 34px !important; color: #000; font-style: italic !important; font-family: 'Promenade' !important; font-weight: 400; line-height: 118%; letter-spacing: unset; } .page--now-accepting-stockists-landing-page .new_form_body_text .featured-text--body p strong { font-weight: 600; } textarea#contact_form_template--18587079049448__contact_Wed8Gn-contact-textarea { width: 100%; } /* .contact--form-details.message-box { display: contents; } .contact--form-details.message-box>* { width: calc(100% - 8px); } .contact--form-details.message-box label { padding-bottom: 0px; } */ .custom-liquid--root .custom-liquid--wrapper h2 { margin-bottom: 12px; font-family: Promenade !important; font-weight: 400; font-style: italic; font-size: 34px; line-height: 138%; letter-spacing: 0%; position: absolute; margin-top: 20px; } .custom-liquid--root { padding-top: 0; padding-bottom: 0; } .all-content .content-area .content-cust .down-conent p a { font-family: AktivGrotesk !important; color: #000; font-weight: 300 !important; } li.coming.product--tag.product--label-container.custom-label { background-color: #e5e4df; height: auto; } section.collection_v2 li.coming.product--tag.product--label-container.custom-label { height: 28px; } button.klaviyo_form_trigger { width: 100%; background-color: #C7D0D5; font-size: 14px; } body.moisture a.button.back_stock.klaviyo-bis-trigger { display: none !important; } [data-product-block][data-block-type='rating'] { min-height: 35px; display: block !important; } @media(max-width: 680px){ .new_form_body_text h2.featured-text--heading { font-size: 26px; } .new_form_body_text .featured-text--body.uuuuu p { max-width: 100% !important; font-size: 15px; } .new_landing_page_form .contact--header h2.contact--title { font-size: 26px; margin: 0; } .new_landing_page_form .contact--container .contact--right-column { width: 100%; } .page--now-accepting-stockists-landing-page .new_form_body_text h2.featured-text--heading, .page--now-accepting-stockists-landing-page .new_landing_page_form .contact--header h2.contact--title { font-size: 30px !important; } .custom-liquid--root .custom-liquid--wrapper h2 { position: static; } .flexbox-gap .radios--container { gap: 12px; } label.radios--value-button div { padding: 0 10px; } [data-product-block][data-block-type='rating'] { display: none !important; } } .product-recharge__description p.product-recharge__subscribe:nth-of-type(3) { display: none; } .product-recharge__description p:nth-of-type(1), .product-recharge__description p:nth-of-type(2) { display: none; } product-options-root.product-options--root .radios--header label { font-family: 'Aktiv Grotesk' !important; font-weight: 600; font-size: 16px; line-height: 22px; } product-options-root.product-options--root .radios--container .radios--main { width: 47%; } product-options-root.product-options--root .radios--container label.radios--value-button div { text-align: center; width: 100%; } product-options-root.product-options--root .radios--container .radios--main .radios--value-button { width: 100%; } product-options-root.product-options--root { margin-top: 30px; } product-recharge.product-recharge label { border: 1px solid #000 ! IMPORTANT; padding: 12px !important; margin-top: 20px; } product-recharge.product-recharge label { border: 1px solid #000 ! IMPORTANT; padding: 10px 14px !important; margin-top: 20px; } .product-recharge__description ul { font-size: 14px; padding-left: 26px; } .quant_cart { display: flex; } .product-recharge__description ul li::before { content: "⚫"; position: absolute; left: 6px; top: 7px; font-size: 3px; line-height: 0; } .product-recharge__description li { padding-left: 18px; position: relative; font-family: Aktiv Grotesk !important; font-weight: 400; font-size: 11px; line-height: 128%; letter-spacing: 0; margin-bottom: 5px; } .product-quantity-sec square-placement:nth-child(1) { display: none; } .radios--main a { width: 100%; } .featured-collection--carousel square-placement { display: none; } .featured-collection--carousel button#add-cart span.product-buy-buttons--cta-text { color: #000; text-decoration: underline; } .featured-collection--carousel button#add-cart { border: none; } label.radios--value-button:hover { background: #cfcfcd; } .bundle-product .bundle-product-actions product-recharge.product-recharge { display: none; } .bundle-product .bundle-product-actions square-placement { display: none; } .bundle-product .bundle-product-actions .qty_control { display: none; } .bundle-product-actions button#add-cart { background: none; border: none; } .bundle-product-actions .btn-add-card.uuuuuuu { background: none !important; } .bundle-product-actions button#add-cart span { color: #000 !important; text-decoration: underline; font-size: 10px; } .routine-products-wrapper { background: #F4F4F4; } .first_img_text{position: absolute; top: 90px; text-align: center;} .first_img_text h2{font-family: Promenade !important; font-weight: 400; font-style: Italic; font-size: 34px; line-height: 138%;text-align: center; margin-bottom: 446px;} .first_img_text p{font-family: Inter !important; font-weight: 400 !important; font-size: 14px !important;text-align: center !important;} .first_img_text p a { background: #000 !important; color: #fff !important; width: 75%; margin: auto; padding: 10px; border-radius: 50px; } .routine-products-wrapper h2 { font-family: Promenade !important; font-weight: 400; font-style: Italic; font-size: 18px; line-height: 138%; color: #000; } .routine-products-wrapper { background: #F4F4F4; padding: 30px 15px 30px 15px; margin-bottom: 30px; } .bundle-product-image { width: 160px; } .bundle-product-actions { width: 150px; display: flex; flex-direction: column; align-items: end; justify-content: space-between; } .bundle-product-info { width: 300px; } .bundle-product:nth-last-child(1) { border-top: 0.7px solid #000; } /* -------------------------- Custom Product Media (non-sticky thumbnails) Place in theme.css -------------------------- */ .custom-product-media .custom-media-wrapper { display: grid; grid-template-columns: 110px 1fr; gap: 28px; max-width: 1200px; margin: 0 auto; align-items: start; } /* Make the left thumbnails column sticky */ .custom-product-media .custom-media-thumbs { position: sticky; top: 68px; /* adjust according to your header height */ align-self: start; /* ensures it sticks from the top of the container */ } .custom-product-media .custom-media-thumbs-inner { display: flex; flex-direction: column; gap: 0; max-height: calc(100vh - 120px); } .custom-product-media .custom-thumb-btn { width: 80px; height: 80px; padding: 6px; background: transparent; border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .custom-product-media .custom-thumb-btn img.custom-thumb-img { width: 100%; height: 100%; object-fit: cover; display: block; } .custom-product-media .custom-thumb-btn.active { border-color: #111; box-shadow: 0 0 0 2px rgba(0,0,0,0.04) inset; } .custom-product-media .custom-thumb-btn:focus { outline: 2px solid #111; outline-offset: 2px; } /* Main stacked media */ .custom-product-media .custom-media-wrap { display: flex; align-items: center; justify-content: center; min-height: 60vh; margin: 0; } .custom-product-media .custom-media-image, .custom-product-media .custom-media-video-wrap iframe, .custom-product-media .custom-media-video-wrap video, .custom-product-media .custom-media-model-wrap { width: 100%; max-width: 900px; height: auto; object-fit: contain; display: block; } /* Video wrapper (keeps aspect ratio) */ .custom-product-media .custom-media-video-wrap { width: 100%; max-width: 900px; position: relative; } .custom-product-media .custom-media-video-wrap video, .custom-product-media .custom-media-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .custom-media-wrapper { background: #F4F4F4; } .prod_tag { position: absolute; width: max-content; border: 1px solid #000; padding: 8px 12px 8px 12px; left: 74%; margin-top: 10px; z-index:9; } .product-page-container-image .custom-product-media .custom-media-wrapper { padding-top: 0; } .custom-product-media { padding-top: 0 !important; } .custom-product-media .custom-media-thumbs-inner .custom-thumb-btn { outline: 0; border: 1px solid transparent; box-shadow: none; padding: 0; } .custom-product-media .custom-media-thumbs-inner .custom-thumb-btn.active { border-color: #000; } .product-buy-buttons--root .product-recharge__input:checked ~ .product-recharge__description { margin-top: 12px; margin-BOTTOM: 0; } ul.product-tags { left: 130px !important } /* Mobile responsiveness */ @media (max-width: 740px) { .custom-media-wrapper { display: block !important; } .custom-product-media .custom-media-wrap{min-height:auto;} aside.custom-media-thumbs { display: none; } .bundle-product-actions .product-buy-buttons--primary .btn-add-card .product-buy-buttons--cta .product-buy-buttons--cta-text { padding: 0 !important; } .prod_tag { left: 60%; margin-top: 0; } .custom-media-wrapper { background: none; } ul.product-tags { left: 0 !important; } }