/** Shopify CDN: Minification failed

Line 88:0 Unexpected "{"
Line 88:1 Unexpected "{"
Line 88:3 Expected identifier but found "'Montserrat-Regular.eot??#iefix'"
Line 194:37 Expected identifier but found "!"

**/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Acumin Pro';
    src: url('/cdn/shop/files/AcuminPro-Light.eot?v=1675270303');
    src: url('/cdn/shop/files/AcuminPro-Light.eot?v=1675270303?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AcuminPro-Light.woff2?v=1675270303') format('woff2'),
        url('/cdn/shop/files/AcuminPro-Light.woff?v=1675270303') format('woff'),
        url('/cdn/shop/files/AcuminPro-Light.ttf?v=1675270303') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('/cdn/shop/files/AcuminPro-Regular.eot?v=1675269025');
    src: url('/cdn/shop/files/AcuminPro-Regular.eot?v=1675269025#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AcuminPro-Regular.woff2?v=1675269025') format('woff2'),
        url('/cdn/shop/files/AcuminPro-Regular.woff?v=1675269025') format('woff'),
        url('/cdn/shop/files/AcuminPro-Regular.ttf?v=1675269025') format('truetype'),
        url('/cdn/shop/files/AcuminPro-Regular.svg?v=1675269025#AcuminPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('/cdn/shop/files/AcuminPro-Medium.eot?v=1675270839');
    src: url('/cdn/shop/files/AcuminPro-Medium.eot?v=1675270839?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AcuminPro-Medium.woff2?v=1675270838') format('woff2'),
        url('/cdn/shop/files/AcuminPro-Medium.woff?v=1675270839') format('woff'),
        url('/cdn/shop/files/AcuminPro-Medium.ttf?v=1675270839') format('truetype'),
        url('/cdn/shop/files/AcuminPro-Medium.svg?v=1675270839#AcuminPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('/cdn/shop/files/AcuminPro-Semibold.eot?v=1675269933');
    src: url('/cdn/shop/files/AcuminPro-Semibold.eot?v=1675269933?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AcuminPro-Semibold.woff2?v=1675269933') format('woff2'),
        url('/cdn/shop/files/AcuminPro-Semibold.woff?v=1675269933') format('woff'),
        url('/cdn/shop/files/AcuminPro-Semibold.ttf?v=1675269933') format('truetype'),
        url('/cdn/shop/files/AcuminPro-Semibold.svg?v=1675269934#AcuminPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('/cdn/shop/files/AcuminPro-Bold.eot?v=1675269334');
    src: url('/cdn/shop/files/AcuminPro-Bold.eot?v=1675269334?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AcuminPro-Bold.woff2?v=1675269334') format('woff2'),
        url('/cdn/shop/files/AcuminPro-Bold.woff?v=1675269334') format('woff'),
        url('/cdn/shop/files/AcuminPro-Bold.ttf?v=1675269334') format('truetype'),
        url('/cdn/shop/files/AcuminPro-Bold.svg?v=1675269335#AcuminPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Square';
    src: url('/cdn/shop/files/EuclidSquare-Light.eot?v=1675269603');
    src: url('/cdn/shop/files/EuclidSquare-Light.eot?v=1675269603#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/EuclidSquare-Light.woff2?v=1675269603') format('woff2'),
        url('/cdn/shop/files/EuclidSquare-Light.woff?v=1675269603') format('woff'),
        url('/cdn/shop/files/EuclidSquare-Light.ttf?v=1675269603') format('truetype'),
        url('/cdn/shop/files/EuclidSquare-Light.svg?v=1675269603#EuclidSquare-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}

#header .account-links a#ukraine-btn{padding-top:6px;}
#header .account-links a#ukraine-btn:before{display:none;}
#header .account-links a#ukraine-btn svg{margin-left:2px}
#header .slogan{position:absolute; max-width:31%; font-family:"Euclid Square", sans-serif; font-size:24px; padding-top:32px;}
#header #form-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9f9f9f !important;
}
#header #form-search input::-moz-placeholder { /* Firefox 19+ */
  color: #9f9f9f !important;
}
#header #form-search input:-ms-input-placeholder { /* IE 10+ */
  color: #9f9f9f !important;
}
#header #form-search input:-moz-placeholder { /* Firefox 18- */
  color: #9f9f9f !important;
}
#header #form-search input::placeholder{
  color: #9f9f9f !important;
}
#header #form-search input:focus::placeholder {
  color: transparent !important;
}
.accessibly-otm-widget-button .icon-logo:before{
  font-family: inherit !important;
}
#bloggy--article .bggle--compare{
  display: none !important;
}

#header .row.logo-wrap {
    max-width: 460px;
}
@media(min-width: 992px){
    #header #logo{ /*background-size:auto 80px; margin-top:20px; margin-bottom:20px;*/ }
    #header .account-links{top:4px;}
}
@media(min-width: 1700px){
#header .slogan{position:absolute; font-family:"Euclid Square", sans-serif; font-size:32px; padding-top:15px;}	
}

@media(min-width: 768px){
  .press-page-content > img { width: calc(33.333% - 20px) }
}
.regimen-recommendation form button[type="submit"]{
  position: relative;
}
.regimen-recommendation form button[type="submit"]:disabled{
  font-size: 0;
  height: 40px;
  width: 150px;
  background-color: #bbb;
}
.regimen-recommendation form button[type="submit"]:disabled::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  border: 3px solid rgba(0, 0, 0, 0.5);
  border-top-color: white;
  animation: cartloading 2s linear infinite;
}
@keyframes cartloading {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.index-power-of-4 .wrap-hero{display:none !important;}
.hero_sectionWrap{margin-left:-15px; margin-right:-15px; margin-bottom:15px; margin-top:40px;}
.hero_sectionWrap h2{font-family:'Playfair Display', serif; font-weight: 800; font-size: 55px; padding-bottom: 20px; font-weight: 800; font-size: 50px; padding-bottom: 20px; text-align:center;}
.hero_section{display:flex; margin-bottom:30px;}
.hero_section li{flex:1; align-items: center; display: flex; font-size:3.3vw; font-family:'Playfair Display', serif; font-weight:800; margin:0 18px; flex-wrap: wrap; box-shadow:rgb(0 0 0 / 25%) 5px 5px 12px; -webkit-box-shadow:rgb(0 0 0 / 25%) 5px 5px 12px; -moz-box-shadow:rgb(0 0 0 / 25%) 5px 5px 12px;}
.hero_section li .hero_box{height:300px; width:100%;}
.hero_section li:nth-child(1) .hero_box{background-color:#fbff71;}
.hero_section li:nth-child(2) .hero_box{background-color:#f8ff00;}
.hero_section li:nth-child(3) .hero_box{background-color:#f9e100;}
.hero_section li:nth-child(4) .hero_box{background-color:#f9c800;}
.hero_section li a{display:block; font-size:36px; padding:22px 20px;}
#product-details .our-price .price-regular.strike{
  display:none;
}
.brand_section{margin-bottom:60px;}
.brand_section h1{font-size:40px; font-weight:700; padding-bottom:50px; font-family:'Acumin Pro', Helvetica, Arial, sans-serif !important;}
.brand_section blockquote{border-left:none; font-weight:700; font-size:27px; padding:20px 0; margin-bottom:60px;}
.brand_section blockquote h4{font-style:italic; font-size:25px; font-family:'Acumin Pro', sans-serif; font-weight:600;}
.brand_section.page-content p{font-size:1.1em; line-height:1.4;} 
.brand_section img{padding-right:40px;}

.page-content ul.timeline{position:relative; padding-left:95px; font-weight:700; padding-right:30px; }
.page-content ul.timeline:before{content: ''; width: 2px; background: #f7ff00; bottom: 25px; position: absolute; left: 74px; top:25px;}
.page-content ul.timeline li{list-style:none; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #f7ff00; font-size:15px; line-height:1.2;}
.page-content ul.timeline li:before{content: ''; display: block; width: 20px; height: 20px; background: #f7ff00; position: absolute; left: -30px; border-radius: 15px; top:10px;}
.page-content ul.timeline li span{position:absolute; left:-95px; font-weight:700; font-family:'Playfair Display', serif; font-size:26px; display:block; letter-spacing:-1px;}
.page-content ul.timeline li:last-child{border-bottom:none;}

.timelinePage h1{font-size:30px; font-weight:700; padding-bottom:10px; font-family:'Acumin Pro', Helvetica, Arial, sans-serif !important;}
.timelinePage h3{font-size:22px; line-height: 1.3; font-weight:500; padding-bottom:20px; font-family:'Acumin Pro', Helvetica, Arial, sans-serif !important;}
.timelinePage hr{border-top:2px #444444 solid; margin-bottom:50px; margin-top:30px;}
.timelinePage img{margin-top: -40px; !important;}
  
ul.galleryList{display:flex; flex-wrap:wrap; padding-left:0; gap:28px;}
ul.galleryList li{list-style-type:none; width:25%; width:calc(25% - 21px); /*padding:20px;*/}
ul.galleryList li a{display:inline-block;}
ul.galleryList li img{margin-bottom:0 !important;}

body.page-find-a-skin-care-pro .page-heading.serif + .sub-title{padding-bottom:30px;}

body#biointensive-gf h1.page-heading, body#triple-repair-complex h1.page-heading{font-family: 'Montserrat', sans-serif; text-transform:capitalize; letter-spacing: -.2rem;}
body#biointensive-gf .jdgm-rev-widg__title,
body#triple-repair-complex .jdgm-rev-widg__title{font-family: 'Montserrat', sans-serif;}

/*Product Bottom*/
.biointensive_content .product-review-strip{margin-bottom:30px !important;}
.biointensive_content .product-description ul{padding-left:45px; padding-top:10px;}
.biointensive_content .product-description ul li{list-style-type: disc; padding:4px 0;}

.biointensive-gf-detail h2{font-size:32px;}
.biointensive-gf-detail h2 small{font-family: 'Acumin Pro', sans-serif; display:block; font-size:13px; font-weight:normal; padding-top:10px; color:#000000; line-height:1.4; letter-spacing: 0rem;}

.proven-details{text-align:center; padding-bottom:80px;}
.proven-details h2{padding-bottom:35px; font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: -0.2rem;}
.proven-details h2 small{color:#ed6d64; font-size:14px; padding-bottom:11px;letter-spacing: 0rem;}
.proven-details img{}

.comparison_chart{text-align:center; padding-bottom:100px;}
.comparison_chart h2{padding-bottom:65px; text-align:center; font-family: 'Montserrat', sans-serif;letter-spacing: -0.2rem;}
.ingredients_section h2{padding-bottom:45px; text-align:center; font-family: 'Montserrat', sans-serif;letter-spacing: -0.2rem;}

.ingredients_section{padding-bottom:50px; padding-top:20px;}
.ingredients_cols{display:flex; gap:30px; text-align:center; padding:20px 0;}
.ingredients_cols .ingredients_col{flex:1;}
.ingredients_cols h4{font-family: 'Acumin Pro', sans-serif; font-size:18px; font-weight:600; padding-bottom:12px; padding-top:10px;}
.ingredients_cols p{font-size:13px; font-weight:500; color:#000000; font-family: 'Acumin Pro', sans-serif;}

h2.jdgm-rev-widg__title { letter-spacing: -0.2rem !important; font-weight: 400 !important; }

.proven_img_details{display:flex;}
.proven_img_details .proven_img_label{padding-top:26px; padding-bottom:10px;  display:flex; flex-wrap:wrap; font-family: 'Montserrat', sans-serif; font-size:12px; letter-spacing:-0.1rem; font-weight:700;}
.proven_img_details .proven_img_label span{display:inline-block; width:50%;}

.restricted_content{padding:50px 0;}
.restricted_content h2{font-family: Playfair Display,serif; font-size:39.2px; margin: .5em 0 .5em;}
.restricted_content p{font-size: 1.2em; line-height: 1.7em; margin: 0;}
#header ul.main-nav>li.menu-item-ff3-technology>ul.sub-menu:before,
#header ul.main-nav>li.menu-item-ff3>ul.sub-menu:before{content:"FF3 Technology"}
#header ul.main-nav > li[data-children].active > ul.sub-menu-ff3-technology,
#header ul.main-nav > li[data-children] > ul.sub-menu.sub-menu-ff3{justify-content: center;}

body#about-ff3{padding-top:171px;}

.starter_regimen_features{position:relative;}
.starter_regimen_features:before{height: 100%; background-color: #ededed; width: 100vw; margin-left: calc(-50vw + 50% - 8px); position: absolute;}
#product-details.starter-regimen .starter_regimen_features .starter-regimen-descr-split-1{margin:10px 0;}
.starter-regimen .starter_regimen_features .descr-split-1{font-family:"Acumin Pro", Helvetica, Arial, sans-serif !important; padding-top:26px;}
.starter-regimen .starter_regimen_features .descr-split-1 p{font-weight:500;}

.contains-product-details.starter-regimen{margin-top:19px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero{margin-bottom:10px; flex-direction:row; flex-wrap: wrap; padding-right:15px; padding-right:15px; justify-content:space-between; align-items:flex-start; min-height:inherit;}
#product-details .row-images-details.top-starter-detail{padding-bottom:4px; padding-bottom:10px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroImg{width:35%; order:2;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroImg img{width:100%; height:auto;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail{ width:58%;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero h1{font-family:"Acumin Pro", Helvetica, Arial, sans-serif; font-weight:700; font-size:31px; letter-spacing:-.14px; padding-top:12px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero p{font-family:"Acumin Pro", Helvetica, Arial, sans-serif; font-weight:400; font-size:20px; line-height:1.4; margin-bottom:0;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .bg{width:35%; padding-top:25%;}

#product-details.starter-regimen .starter_detail_bottom .product-cart:before{display:none;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol{padding-left:16px; font-family:"Acumin Pro", Helvetica, Arial, sans-serif; font-size:17px; font-weight:400;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol ::marker{font-weight:600;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol *{font-family:"Acumin Pro", Helvetica, Arial, sans-serif;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol li{padding-bottom:4px; letter-spacing:0; letter-spacing:-.1px;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol li strong{display:block; font-weight:700; padding-bottom:2px;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap *{font-family:"Acumin Pro", Helvetica, Arial, sans-serif;}
#product-details.starter-regimen .starter_detail_bottom .product-cart{margin:20px 0;}
#product-details.starter-regimen *:not(.fa){font-family:"Acumin Pro", Helvetica, Arial, sans-serif;}
#product-details .index-section.the-regimen{border-top:#000000 3px solid; padding-top:38px; margin-top:65px;}
#product-details .index-section.the-regimen h2{font-family:"Acumin Pro", Helvetica, Arial, sans-serif; font-size:42px; font-weight:300; letter-spacing:4.9px;}
#product-details .index-section.the-regimen p{text-transform:uppercase; font-weight:600; letter-spacing:1px; font-size:15px; margin-top:0;}
#product-details .index-section.the-regimen .article h4{font-family:'Playfair Display', serif;}
.index-section.the-regimen .article .more-button{font-family:'Playfair Display', serif !important;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-descr-wrap{width:63%; margin-right:7%;}

body#ff3-hydra-intensive-ha h1.page-heading,
body#ff3-triple-repair-complex h1.page-heading,
body#ff3-biointensive-gf h1.page-heading{font-family:"Acumin Pro", Helvetica, Arial, sans-serif !important; font-weight:600; text-transform:capitalize;}
body#ff3-triple-repair-complex h4.sub_main_title,
body#ff3-biointensive-gf h4.sub_main_title{font-family:"Acumin Pro", Helvetica, Arial, sans-serif !important; font-weight:500; font-size:26px; padding-bottom:30px; padding-top:15px;}
body#ff3-triple-repair-complex h4.sub_main_title span,
body#ff3-biointensive-gf h4.sub_main_title span{display:block; font-size:16px; padding-top:4px;}

h1.page-heading{font-family:"Acumin Pro", Helvetica, Arial, sans-serif !important; font-weight:600; text-transform:capitalize;}

.product-detail-section.qty-add-to-cart .numerified-skin-plus-minus .numerified input{height: 32px !important; min-height: inherit !important; border-radius: 0 !important; border: none !important; width: 40px !important;
                                                                                     padding: 0 !important;}

@media screen and (min-width: 901px){ 
.compare_gridWrap{width: 100%; padding-block: 60px;}
.compare_border{border-bottom: 1px solid #D3D3D3; display: block !important;}
.compare_grid{display: grid; border: transparent 2px solid; display: inline-grid; grid-template-columns:1.3fr 1fr .9fr .9fr .9fr; width: 100%;}
.compare_grid *{box-sizing: border-box;}  
.compare_grid_body{background-color: #ffffff;}
.subgridWrap {display: grid; grid-auto-rows: 1fr; grid-template-rows:1fr;}
.subgridWrap3{background-color: #1c1c26;}
.column-labels{}
.column-sp360{}
.sub_gridItem{border-bottom: 1px solid #eee; padding: 20px 15px; display: flex; align-items: center; position: relative; font-size: 0.9rem; line-height: 1.55; color: #333;}
.colHead{background-color: #f8f8f8; font-weight: 400;}
.colHead span{opacity: 0;}
.column-sp360 .colHead{background-color: rgba(255, 255, 255, 0.15);}
.sub_gridItem.colFoot{display: flex; align-items: center; border-bottom: none;}
.last_sub_grid{background-color: #f9f9f9;}
.comp_mobile_header,  
.compLabel_mob{display: none;}
}

@media screen and (min-width: 901px) and (max-width: 1400px) { 
.compare_gridWrap{padding-block: 10px;}
}

@media screen and (min-width: 1140px){ 
.compare_grid{grid-template-columns:300px 239px 200px 195px 1fr;}
}

@media screen and (max-width: 900px){ 
.compare_grid_head,  
.compare_grid .column-labels{display: none;}
.subgridWrap{border: #f0f0f0 1px solid; background-color: #fff; margin-bottom: 30px;}

.sub_gridItem{display: flex; justify-content: space-between; gap: 10px; padding: 13px 20px; border-bottom: 1px solid #f0f0f0; color: #333; font-size: .9rem;}
.comp_mobile_header{text-align: center; background-color: #f1f0f0;  font-size: 16px; font-weight: 600;}
.slidGridWrap{padding-inline: 3rem;}  
.slidGrid{grid-template-columns: 1fr; gap: 50px;}
}


@media screen and (min-width: 1301px) and (max-width: 1500px) { 
body{padding-top:204px;}
}

@media screen and (min-width: 992px) and (max-width: 1300px) {  
body{padding-top:180px;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) { 
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero p{font-size:18px;}
#product-details.starter-regimen .starter_detail_bottom + .row-product-buckets{display:flex;}
#product-details.starter-regimen .starter_detail_bottom + .row-product-buckets .col-lg-3{width:25%;}
}

@media(min-width: 769px){
.show_mobile{display:none}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero h1.mobile_title{display:none;}
}

@media(min-width: 900px){
.page-content .menujq{margin-top:12px;}
.page-content .menujq .icon_list img{position: unset; margin-left: 0px;}
.menujq a, .menujq p{background: #fff1f1 !important;}
.menujq > ul > li > a{background-color: #FFF !important; padding-top:8px !important; padding-left:0 !important;}
.menujq > ul > li > a:before{display:none;}
.menujq ul ul a{margin-bottom:10px;}
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
    #header #form-search {
        width: 868px !important;
    }
}
@media screen and (min-width:1280px) {
    #header #form-search {
        width: 1020px !important;
    }
}
@media screen and (max-width:1699px){
  #header .row.logo-wrap {max-width: 360px;}
}
@media(max-width: 1500px){
body#about-ff3{padding-top:141px;}
}

@media(max-width: 1300px){
body#about-ff3{padding-top:136px;}
#header .row.logo-wrap {max-width:inherit;}
}

@media(max-width: 1200px){
body#about-ff3{padding-top:123px;}	
.brand_section img{padding-right:0;}
.timelinePage hr{border:none; margin:0; margin-bottom:25px;}

body.page-find-a-skin-care-pro .page-heading.serif{padding-top:30px;}

}

@media(max-width: 1199px){
#product-details .starter_detail_bottom .prod-descr-atc{flex-direction:row;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-descr-wrap{}

}

@media screen and (min-width: 769px) and (max-width: 991px) { 
#product-details.starter-regimen .starter_detail_bottom + .row-product-buckets{display:flex; flex-wrap:wrap;}
#product-details.starter-regimen .starter_detail_bottom + .row-product-buckets .col-lg-3{width:50%;}

#product-details .index-section.the-regimen{margin-top:45px;}
}

@media(max-width: 991px){
#header ul.main-nav:before{background-color:#ffffff;}
	
.hero_sectionWrap{margin-top:35px;}
.hero_section li{height:300px;}

.brand_section h1{font-size:36px; padding-bottom:30px;}
.brand_section blockquote{font-size:24px;}
.brand_section blockquote h4{font-size:20px;}
.brand_section img{width:100%; margin-bottom:35px;}

.page-content ul.timeline{margin-bottom:30px; padding-right:0;}

ul.galleryList li{width:33.33%; width:calc(33.33% - 19px);}

#shopping-cart .btn[name="continue"]{width:100%;}
.wrapTitleSubTitle{padding-top:20px;}

#product-details.starter-regimen .top-starter-detail .starter-regimen-hero{padding-top:4px;}
#product-details .row-images-details.top-starter-detail{padding-bottom:0; padding-left:20px; padding-right:7px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail h1{text-align:left; font-size:25px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail p{text-align:left; font-size:16px; padding-left:0;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroImg{width:40%;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail{width:56%;}
.starter-regimen .starter_regimen_features .descr-split-1{font-size:16px; padding-top:16px;}
#product-details.starter-regimen .starter_regimen_features .starter-regimen-item{margin-bottom:40px;}

#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap .price-regular{font-size:18px;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap .btn{font-size:13px;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap .qty-n-options label{font-size:13px;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol{font-size:15px;}

#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap{width:30%;} 

#product-details .index-section.the-regimen h2{font-size:32px;}
#product-details .index-section.the-regimen p{font-size:13px;}

.ingredients_cols p br{display:none;}

body#about-ff3{padding-top:210px;}	

}

@media(max-width: 768px){
.hero_section{flex-wrap:wrap;}	
.hero_section li{flex:none; font-size:5vw; width:50%;}

.hide_mobile{display:none;}

.pina-instagram > div h2{-webkit-transform: translateX(35px); transform: translateX(35px);}

.blog-tags-nav ul{padding-left:0;}

.coll-pagination{font-size:12px;}
.coll-pagination > * + *{margin-left:7px;}
.coll-pagination .page, .coll-pagination .prev, .coll-pagination .next{width:30px; height:30px; line-height:30px;}
.coll-pagination .prev, .coll-pagination .next{width:auto;}

body.page-booklets #content .page-content h1 + table a{display:block;}
body.page-booklets #content .page-content h1 + table a img{height:auto;}

.biointensive-gf-detail h2{font-size:26px;}
.ingredients_section h2{padding-bottom:20px;}

body#biointensive-gf h1, body#triple-repair-complex h1{font-weight:400;}
.biointensive-gf-detail h2{font-weight:400;}

.comparison_chart h2{font-weight:400;}
.biointensive-gf-detail h2 small{font-weight:500;}
.ingredients_cols p{font-weight:500;}

.proven_img_details{flex-direction:column; gap:40px;}

#product-details.starter-regimen .top-starter-detail .starter-regimen-hero{flex-direction:column; gap:25px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroImg{order:0; width:100%;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail{width:100%; padding-bottom:10px;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail h1{display:none;}
#product-details .starter_detail_bottom .prod-descr-atc{flex-direction:column;}
#product-details .starter_detail_bottom .prod-descr-atc .prod-descr-wrap{width:100%; margin-right:0;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero h1{margin-bottom:-10px; font-size:26px; padding-top:15px; text-align:center; width:100%;}
#product-details.starter-regimen .top-starter-detail .starter-regimen-hero .starter-regimen-heroDetail p{text-align:center;}
#product-details.starter-regimen .starter_detail_bottom .product-description ol{font-size:16px;}

#product-details .starter_detail_bottom .prod-descr-atc .prod-atc-wrap{width:100%; padding-bottom:20px;}
}
@media(max-width: 650px){
.ingredients_cols{display:block;}
.ingredients_cols .ingredients_col{padding-bottom:30px;}
.ingredients_cols p{max-width:350px; margin:0 auto;}	
}

@media(max-width: 600px){
.hero_sectionWrap{margin-top:0;}	

.brand_section{margin-bottom:20px;}
.brand_section h1{font-size:30px; padding-bottom:20px;}
.brand_section blockquote{font-size:20px; margin-bottom:25px;}
.brand_section blockquote h4{font-size:18px;}
#footer .newsletter-strip form input{text-align:center;}

ul.galleryList li{width:calc(50% - 14px);}

.livevivant-heading{display:block; text-align:center;}
.livevivant-heading .lv-left{height:80px; margin-bottom:10px;}

.blog-tags-nav ul{font-size:13px;}
.blog-tags-nav ul li{margin:0 6px;}
.blog-tags-nav ul a{padding:5px 0;}

.proven-details{padding-bottom:60px;}
.biointensive-gf-detail h2{padding-bottom:45px;}
.comparison_chart{padding-bottom:50px;}

body#biointensive-gf .product-main-image, body#triple-repair-complex .product-main-image{padding-top:15px;}
}

@media(max-width: 480px){
.hero_section li{font-size:8vw;width:100%; height:240px;}	
.pina-instagram > div h2{font-size:24px;}
.pina-instagram > div h2::before{height:30px;}

.index-section.product-reviews h2{font-size:26px;}
.index-section.product-reviews h3{font-size:17px;}
.index-section.product-reviews .stars{font-size:24px;}
.index-section.product-reviews .carousel .carousel-control{width:45px;}
.index-section.product-reviews .carousel .carousel-control svg{width:34px; height:34px;}

#wizard-buttons-box .buttons.wizard{display:block;}
#wizard-buttons-box .buttons.wizard a{display:block;}
#wizard-buttons-box .buttons.wizard a + a{margin-top:20px;}
#wizard-buttons-box .close{top:10px;}

.biointensive_content .product-description ul{padding-left:25px;}
.comparison_chart h2{padding-bottom:40px;}

body#biointensive-gf h1, body#triple-repair-complex h1{font-size:30px !important;}
body#triple-repair-complex #product-details .our-price{font-size:16px;}
body#biointensive-gf .jdgm-rev-widg__title,
body#triple-repair-complex .jdgm-rev-widg__title{font-size:30px !important; font-weight:700; padding-bottom:10px;}

.biointensive-gf-detail h2{font-size:30px !important;}
.ingredients_section{padding-bottom:20px;}
}

@media(max-width: 400px){
.products .product{width:100% !important;}	
}

@media(max-width: 390px){
ul.galleryList li{width:100%;}	
#header .account-links a#ukraine-btn{display:none;} 
} 

.template-article .col-sm-12.newsletter-strip { display: none !important; }
span.btn.quick-view{display: none !important; }
li.menu-item-easy-shop{display: none;}

.logged-in-wholesale .col-sm-12.newsletter-strip {
    display: none !important;
}
div#blog-article table, div#blog-article table h3 {
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif !important;
    padding: 0 10px !important;
}
div#blog-article table img {
    width: 70%;
    display: block;
    margin: 0 auto 10px;
}
div#blog-article table.jumplinks img {
    max-height: 400px;
    object-fit: contain;
}
#blog-article{text-align:left;}
@media all and (max-width: 480px){
  div#blog-article table tr:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
div#blog-article table img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
  }
}

/*SAM EDIT TO EASY TOC Jumplinks Section */
#easy-table-of-content li.bullet {
    list-style: disc outside;
    margin-bottom: 12px;
}

#easy-table-of-content .title {
    color: rgb(0 0 0) !important;
}

#easy-table-of-content li {
    margin: 10px 10px 10px 10px;
    position: relative;
}

.page-content h2 {
        font-size: 1.8em !important;
        font-weight: 700;
    }

.page-content ul {
    font-size: 1.25em;
    line-height: 1.25em;
    margin: .8em 0;
    padding: 0 0 0 1.6em;
}

#shopify-section-template-article #blog-article a, #shopify-section-template-article #blog-article a:hover {
    color: #337ab7 !important;
    text-decoration: none !important;
}

#easy-table-of-content li {
    list-style: none;
    border-bottom: 1px dashed #fff !important;
}

#easy-table-of-content {
    box-sizing: border-box;
    padding: 20px 20px 20px 30px !important;
    list-style: outside disc;
    border: 1px solid #dfdfdf;
    background: #f9f9f9;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(255 255 255) !important;
    margin: 25px 30px 30px 5px !important;
    max-width: 90% !important;
}


#easy-table-of-content li a {
overflow: hidden !important; text-overflow: ellipsis !important; font-size: 14px !important; display: inline !important; padding-left: 0px !important;
}
/*SAM EDIT TO Jumplinks table image before EASY TOC */

#article-page-new .blog-listing-wrap.articles-listing .rte p:first-child img {
    margin: 0 0 20px !important;
    max-height: 70% !important;
      max-width: 70% !important;
    width: 100%;
}

div#blog-article table img {
    width: 100% !important;
    display: block;
    margin: 50px 0px 40px 0px !important;
}

 .page-content h2, .page-content h3, .page-content [data-bloghandle] h4, .page-content h5, .page-content h6 {
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif !important;
    margin: 1em 0 .5em;
}
body#blog-6-acids-with-brightening-superpowers ul#easy-table-of-content{
  display:none;
}

/*SAM EDIT Fix related article */
#article-page-new .article-related-articles-wrapper > .article h4 {
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif !important;
    font-size: 20px;
    margin: 0.5em 0;
}

#article-page-new .article-related-articles-wrapper h2, #article-page-new .article-related-articles-wrapper h2 + p.description {
    border-bottom: 3px solid #000000;
    display: table;
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif !important;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 0.5em;
}

/* ADD THIS TO FIX TOC DESIGN & SPACING ETC */
#shopify-section-template-article #blog-article a, #shopify-section-template-article #blog-article a:hover {
    color: #1570cd !important;
    text-decoration: none !important;
    line-height: 1.8em;
}

.page-content h3 {
    font-size: 1.25em;
}


/* SEARCH BAR PLACEHOLDER ETC */
@media (min-width: 992px) {
    #header #form-search input {
        background-size: 18px;
        height: 34px;
        font-size: 14px !important;
        padding: 0 0.6em 0 2.1em;
        font-weight: 500;
    }
}

/* CSS FOR PREGNANCY REGIMENS 1 AND 2 */
.row.pregnancy-featured .pregnancy-feat-prod a .title {
    font-family: "Acumin Pro", Helvetica, Arial, sans-serif !important;
    font-size: 32px;
    text-transform: uppercase;
}

/* CSS FOR BLOG TITLES 
.blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .title-wrap {
    font-size: 26px;
    line-height: 1.2em;
    text-transform: uppercase;
}
*/


/* START hide Conferwith Widget 

.conferwith-widget-class {
    display: none !important;
}
 END hide Conferwith Widget 
*/


/* ADD THIS CSS TO MOBILE
#easy-table-of-content li a {
    overflow: auto !important;
    text-overflow: ellipsis;
    font-size: 14px;
    display: initial;
    padding-left: inherit;
}
 */

/* ADD THIS OUTLINE TO NEWSLETTER BOX */
#article-page-new .blog-newsletter {
    align-items: center;
    background: transparent none center center / cover no-repeat;
    display: flex
;
    flex-direction: column;
    padding: 40px 20px;
    border-color: #d5cccc;
    border-style: solid;
    border-width: thin;
}

/* Hulk Forms Enhanced Styling for wholesale form*/
/* ================================================
   HULK FORMS ENHANCEMENT CSS - DESKTOP & MOBILE
   Final Complete Fix for Vivant Wholesale Form
   ================================================ */

/* Base Universal Form Styles - Highest Priority */
body input[type="text"],
body input[type="email"], 
body input[type="tel"],
body input[type="url"],
body input[type="password"],
body textarea,
body select,
html input[type="text"],
html input[type="email"], 
html input[type="tel"],
html input[type="url"],
html input[type="password"],
html textarea,
html select {
    min-height: 50px !important;
    height: 50px !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background-color: #ffffff !important;
    color: #374151 !important;
    font-family: inherit !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: border-color 0.2s ease !important;
}

/* Standard Form Element Targeting */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    min-height: 50px !important;
    height: 50px !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background-color: #ffffff !important;
    color: #374151 !important;
    font-family: inherit !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Hulk Forms Specific Selectors */
.hulkapps-form input[type="text"],
.hulkapps-form input[type="email"],
.hulkapps-form input[type="tel"],
.hulkapps-form input[type="url"],
.hulkapps-form input[type="password"],
.hulkapps-form textarea,
.hulkapps-form select,
.hulk-form input[type="text"],
.hulk-form input[type="email"],
.hulk-form input[type="tel"],
.hulk-form input[type="url"],
.hulk-form input[type="password"],
.hulk-form textarea,
.hulk-form select,
.hulk-contact-form input[type="text"],
.hulk-contact-form input[type="email"],
.hulk-contact-form input[type="tel"],
.hulk-contact-form input[type="url"],
.hulk-contact-form input[type="password"],
.hulk-contact-form textarea,
.hulk-contact-form select,
input[data-hulk],
textarea[data-hulk],
select[data-hulk],
.form-group input,
.form-group textarea,
.form-group select {
    min-height: 50px !important;
    height: 50px !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background-color: #ffffff !important;
    color: #374151 !important;
}

/* Textarea Specific Styles */
textarea,
body textarea,
html textarea,
.hulkapps-form textarea,
.hulk-form textarea,
.hulk-contact-form textarea,
textarea[data-hulk],
.form-group textarea {
    min-height: 120px !important;
    height: auto !important;
    resize: vertical !important;
    padding: 15px 18px !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
}

/* Select Dropdown Specific Styles */
select,
body select,
html select,
.hulkapps-form select,
.hulk-form select,
.hulk-contact-form select,
select[data-hulk],
.form-group select {
    min-height: 54px !important;
    height: 54px !important;
    padding: 15px 40px 15px 18px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 15px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Placeholder Styling */
input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Focus States */
input:focus,
textarea:focus,
select:focus,
.hulkapps-form input:focus,
.hulkapps-form textarea:focus,
.hulkapps-form select:focus,
.hulk-form input:focus,
.hulk-form textarea:focus,
.hulk-form select:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    background-color: #ffffff !important;
}

/* Form Group and Label Spacing */
.form-group,
.hulkapps-form .form-group,
.hulk-form .form-group {
    margin-bottom: 20px !important;
}

.form-group label,
.hulkapps-form label,
.hulk-form label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.4 !important;
}

/* DESKTOP SPECIFIC STYLES */
@media (min-width: 769px) {
    /* Desktop - Larger inputs for better UX */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    select,
    body input[type="text"],
    body input[type="email"],
    body input[type="tel"],
    body input[type="url"],
    body input[type="password"],
    body select,
    .hulkapps-form input,
    .hulkapps-form select,
    .hulk-form input,
    .hulk-form select {
        min-height: 52px !important;
        height: 52px !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
    }
    
    /* Desktop Textarea */
    textarea,
    body textarea,
    .hulkapps-form textarea,
    .hulk-form textarea {
        min-height: 130px !important;
        height: auto !important;
        padding: 16px 20px !important;
    }
    
    /* Desktop Select */
    select,
    body select,
    .hulkapps-form select,
    .hulk-form select {
        min-height: 56px !important;
        height: 56px !important;
        padding: 16px 45px 16px 20px !important;
    }
    
    /* Desktop Form Group Spacing */
    .form-group,
    .hulkapps-form .form-group,
    .hulk-form .form-group {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 1500px) {
#header #form-search{margin-top: 6px;}
#header #form-search input{height: 42px !important; min-height: 42px !important;}  
}

/* MOBILE SPECIFIC STYLES */
@media (max-width: 768px) {
    /* Mobile - Touch-friendly sizing */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    select,
    body input[type="text"],
    body input[type="email"],
    body input[type="tel"],
    body input[type="url"],
    body input[type="password"],
    body select,
    .hulkapps-form input,
    .hulkapps-form select,
    .hulk-form input,
    .hulk-form select {
        min-height: 54px !important;
        height: 54px !important;
        padding: 16px 18px !important;
        font-size: 16px !important; /* Prevents iOS zoom */
    }
    
    /* Mobile Textarea */
    textarea,
    body textarea,
    .hulkapps-form textarea,
    .hulk-form textarea {
        min-height: 140px !important;
        height: auto !important;
        padding: 16px 18px !important;
    }
    
    /* Mobile Select */
    select,
    body select,
    .hulkapps-form select,
    .hulk-form select {
        min-height: 58px !important;
        height: 58px !important;
        padding: 16px 45px 16px 18px !important;
    }
}

/* TABLET SPECIFIC STYLES */
@media (min-width: 481px) and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea,
    select {
        min-height: 52px !important;
        padding: 15px 18px !important;
        font-size: 16px !important;
    }
    
    textarea {
        min-height: 135px !important;
    }
    
    select {
        min-height: 56px !important;
        height: 56px !important;
        padding-right: 42px !important;
    }
}

/* Override Any Inline Styles */
input[style*="height"],
textarea[style*="height"],
select[style*="height"] {
    min-height: 50px !important;
}

input[style*="padding"],
textarea[style*="padding"],
select[style*="padding"] {
    padding: 15px 18px !important;
}

input[style*="font-size"],
textarea[style*="font-size"],
select[style*="font-size"] {
    font-size: 16px !important;
}

/* Additional Hulk Forms Containers */
.hulk-form-wrapper input,
.hulk-form-wrapper textarea,
.hulk-form-wrapper select,
form[class*="hulk"] input,
form[class*="hulk"] textarea,
form[class*="hulk"] select,
div[class*="hulk"] input,
div[class*="hulk"] textarea,
div[class*="hulk"] select {
    min-height: 50px !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

/* Error and Success States */
input.error,
textarea.error,
select.error {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

input.success,
textarea.success,
select.success {
    border-color: #10b981 !important;
    background-color: #f0fdf4 !important;
}

/* Final Override - Maximum Specificity */
html body .hulkapps-form input,
html body .hulkapps-form textarea,
html body .hulkapps-form select,
html body .hulk-form input,
html body .hulk-form textarea,
html body .hulk-form select,
html body input[type="text"],
html body input[type="email"],
html body input[type="tel"],
html body input[type="url"],
html body textarea,
html body select {
    min-height: 50px !important;
    padding: 15px 18px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: 2px solid #d1d5db !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background-color: #ffffff !important;
}

/* Ensure textareas maintain proper height */
html body textarea,
html body .hulkapps-form textarea,
html body .hulk-form textarea {
    min-height: 120px !important;
    height: auto !important;
    resize: vertical !important;
}

/* Ensure selects maintain proper height */
html body select,
html body .hulkapps-form select,
html body .hulk-form select {
    min-height: 54px !important;
    height: 54px !important;
    padding-right: 40px !important;
}