/** Shopify CDN: Minification failed

Line 16:18 Unexpected "{"
Line 16:27 Expected ":"
Line 25:18 Unexpected "{"
Line 25:27 Expected ":"
Line 45:18 Unexpected "{"
Line 45:27 Expected ":"
Line 52:19 Unexpected "{"
Line 52:28 Expected ":"
Line 59:19 Unexpected "{"
Line 59:28 Expected ":"
... and 124 more hidden warnings

**/
#shopify-section-{{ section.id }} .header--root {
  --header-sticky-background: transparent;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

#shopify-section-{{ section.id }} .header--root.header--scrolled {
  background-color: var(--header-sticky-background) !important;
}
#shopify-section-sections--26152446001449__header .header--wrapper-split{
position:fixed !important;
}
body.template--index.header-scrolled .header--wrapper.header--wrapper-split {
    background: #F1F0EC;
}
body.template--index.header-scrolled .header--wrapper.header--wrapper-split * {
    color: #000;
}
body.template--index.header-scrolled .header--primary-logo img {
    filter: invert(1);
}
body.template--index.header-scrolled
.header--wrapper.header--wrapper-split
.icon--root {
  filter: none !important;
}
#shopify-section-{{ section.id }} .hero-banner--content{
    text-align: center !important;
    width: 100%;
    max-width : 1440px !important;
    margin : auto;
    padding : 0px 40px !important;
}
 #shopify-section-{{ section.id }} .hero-banner--root[data-text-position="right"] .hero-banner--content{
   max-width: 690px;
    justify-self: flex-end;
    align-items: center !important;
    gap:35px !important;
    line-height: 60px !important;
 }
 #shopify-section-{{ section.id }} .hero-banner--button-label {
  font-family: 'Jost', sans-serif !important;
  letter-spacing : 0px !important;
 }

#shopify-section-{{ section.id }} .customer-reviews--eyebrow,
#shopify-section-{{ section.id }} .ingredient-map--eyebrow {
    background:transparent !important;
    height: 43px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    color: #262424 !important;
    font-family: 'Jost', sans-serif !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#shopify-section-{{ section.id }} .product-showcase--overline,
#shopify-section-{{ section.id }} .why-hair-loves--eyebrow{
    height: 43px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    color: #262424 !important;
    font-family: 'Jost', sans-serif !important;
    padding:0 !important;
    box-sizing: border-box;
    background:transparent !important;
}

 #shopify-section-{{ section.id }} .collection-showcase--eyebrow {
    height: 43px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    color: #262424 !important;
    font-family: 'Jost', sans-serif !important;
    padding:0 !important;
    box-sizing: border-box;
 }
 
 #shopify-section-{{ section.id }} .ingredient-map--heading {
  font-size : 45px !important;
  color: #262424 !important;
  line-height: 60px !important;
 }
 #shopify-section-{{ section.id }} .customer-reviews--heading {
  font-size : 45px !important;
  color: #262424 !important;
  line-height: 60px !important;
 }
 #shopify-section-{{ section.id }} .product-showcase--heading {
  font-size : 45px !important;
  color: #262424 !important;
  line-height: 60px !important;
  letter-spacing:normal;
 }
 #shopify-section-{{ section.id }} .collection-showcase--heading {
  font-size : 45px !important;
  color: #262424 !important;
  line-height: 60px !important;
 }
#shopify-section-{{ section.id }} .collection-showcase--header{
      margin-bottom : 12px !important;
 }

 #shopify-section-{{ section.id }} .customer-reviews--header{
  margin-bottom: 12px !important;
 }
 #shopify-section-{{ section.id }} .ingredient-map--header {
    margin-bottom: 12px !important;
}
 .why-hair-loves--wrapper .why-hair-loves--header{
   margin-bottom: 12px !important;
 }


.container-wrapper{
  max-width : 1440px !important;
  margin : auto !important;
  padding : 70px 40px !important; 
}

.header-wrapper {
    max-width: 1440px !important;
    margin: auto !important;
    padding: 10px 40px !important;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
header-element.header--root .header--wrapper.header--wrapper-split {
    padding: 0px !important;
}

#shopify-section-{{ section.id }} .collection-showcase--card {
  border-radius : 20px !important;
}

.collection-showcase--root .collection-showcase--grid{
  gap : 40px !important;
}
#shopify-section-{{ section.id }} .collection-showcase--card-footer {
      padding: 30px 30px !important;
}
#shopify-section-{{ section.id }} .product-showcase--header {
  margin-bottom : 50px !important;
  gap : 25px !important;
}
 #shopify-section-{{ section.id }} .product-showcase--carousel{
  padding : 0px !important;
 }
 #shopify-section-{{ section.id }} .product-showcase--title{
  color : #262424 !important;
  line-height : 1.4 !important;
  letter-spacing : 0px !important;
 }

 #shopify-section-{{ section.id }} .customer-reviews--author{
  color : #262424 !important;
  font-weight : 300px; 
 }

 #shopify-section-{{ section.id }} .product-showcase--description{
  font-family: 'Jost', sans-serif !important;
  letter-spacing : 0px !important;
 }
#shopify-section-{{ section.id }} .product-showcase--price {
    color: #262424 !important;
    font-family: 'Jost', sans-serif !important;
    line-height : 100% !important;
letter-spacing : 0px !important;
}
  #shopify-section-{{ section.id }} .product-showcase--button-label {
    padding: 0px 24px !important;
  }
#shopify-section-{{ section.id }} .product-showcase--image {
    width: 301px !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
 #shopify-section-{{ section.id }} .product-showcase--footer {
  justify-content: space-between !important;
 }
#shopify-section-{{ section.id }} .product-showcase--page {
  gap: 40px !important;
}
#shopify-section-{{ section.id }} .image-icon-cards--root{
  padding : 0px !important;
}
#shopify-section-{{ section.id }} .image-icon-cards--card-title {
  font-size : 22px !important;
  font-weight : 400 !important;
  line-height : 30px !important;
  color : #262424 !important;
  font-family: 'Jost', sans-serif !important;
}
#shopify-section-{{ section.id }} .image-icon-cards--card{
  min-width : 250px;
  justify-content: space-between !important;
  font-family: 'Jost', sans-serif !important;
  max-height: 400px;
}
#shopify-section-{{ section.id }} .image-icon-cards--card-description {
   font-size : 15px !important;
   color : #262424 !important;
   font-family: 'Jost', sans-serif !important;
  opacity: 0.6;
  font-weight : 300 !important;
}
#shopify-section-{{ section.id }} .image-icon-cards--cards {
        width: 100% !important;
        gap: 1px !important;
        max-width: fit-content !important;
}
 #shopify-section-{{ section.id }} .why-hair-loves--tile {
  border-radius : 10px !important;
 }
#shopify-section-{{ section.id }} .why-hair-loves--tile[data-type="text"]{
  background : #F2F0EC !important;
}
#shopify-section-{{ section.id }} .why-hair-loves--tile-number {
  color:#262424 !important;
}
#shopify-section-{{ section.id }} .why-hair-loves--tile-title {
  font-size : 22px !important;
 color : #262424 !important;
 line-height : 30px
 font-family: 'Jost', sans-serif !important;
}
.why-hair-loves--tile-description {
    color: #262424 !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 130% !important;
    letter-spacing: 0px;
    text-align: center;
    opacity: 60%;
    font-family: 'Jost' !important;
    width: 100%;
    max-width: 267px !important;
}
.customer-reviews--review p {
    font-family: Jost !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #262424 !important;
    opacity: 60%;
}
#shopify-section-{{ section.id }} .customer-reviews--hair-type-label{
  color : #262424 !important;
  font-family: 'Jost', sans-serif !important;
}
#shopify-section-{{ section.id }} .customer-reviews--hair-type-value{
  font-family: 'Jost', sans-serif !important;
  color : #262424 !important;
}
#shopify-section-{{ section.id }} .ingredient-map--heading {
  max-width : 100% !important;
}
#shopify-section-{{ section.id }} .ingredient-map--range-name{
  font-family: 'Jost', sans-serif !important;
  color : #262424 !important;
  font-weight : 400 !important;
  font-size : 14px !important;
}
#shopify-section-{{ section.id }} .ingredient-map--range-subheading{
  font-family: 'Jost', sans-serif !important;
  font-weight : 400 !important;
  font-size : 14px !important;
}
 #shopify-section-{{ section.id }} .ingredient-map--range-tag{
  font-family: 'Jost', sans-serif !important;
  font-weight : 400 !important;
  font-size : 12px !important;
 }
#shopify-section-{{ section.id }} .ingredient-map--range-tag{
  padding : 2px 5px !important;
  font-family: 'Jost', sans-serif !important;
}
#shopify-section-{{ section.id }} .ingredient-map--pin-name{
  font-family: 'Jost', sans-serif !important;
  color : #262424 !important;
}
#shopify-section-{{ section.id }} .ingredient-map--pin-card{
  padding : 18px !important;
  gap :4px !important;  
}
#shopify-section-{{ section.id }} .ingredient-map--map-bg{
  background : white !important;
}
#shopify-section-{{ section.id }} .blog-post-showcase--header{
  margin-bottom : 8px !important;
  font-size : 45px !important;
  color: #262424 !important;
  line-height: 60px !important;

}
#shopify-section-{{ section.id }} .blog-post-showcase--title a{
  color: #262424 !important;
  font-family: 'Jost', sans-serif !important;
}
#shopify-section-{{ section.id }} .blog-post-showcase--excerpt p,
#shopify-section-{{ section.id }} .blog-post-showcase--excerpt p em{
  color: #262424 !important;
  font-family: 'Jost', sans-serif !important;
  opacity : 0.6;
  font-weight : 300 !important; 
  font-style : normal !important;
}
#shopify-section-{{ section.id }} .blog-post-showcase--date{
  color: #262424 !important;
  font-family: 'Jost', sans-serif !important;
  font-weight : 300 !important; 
}
shopify-section-{{ section.id }} .blog-post-showcase--cta-text{
  padding: 16px 13px !important; 
  border-radius : 10px !important;
}
#shopify-section-{{ section.id }} .blog-post-showcase--cta-arrow{
  border-radius : 10px !important;
}
#shopify-section-{{ section.id }} .blog-post-showcase--cta{
  gap : 2px;
}
#shopify-section-{{ section.id }} .promo-banner--content {
  height : fit-content !important;
  width : fit-content !important;
      justify-self: end !important;
      align-self: center !important;
      align-items: center !important;
      max-width : 565px;
      right: 80px;
}
#shopify-section-{{ section.id }} .promo-banner--heading {
  text-align : center !important;
  font-size : 45px !important;
  line-height: 60px !important;
}
#shopify-section-{{ section.id }} .promo-banner--button-label {
      padding: 0 28px !important; 
}
.hero-banner--content .hero-content-container {
    margin-left: auto;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width:100%;
    max-width:549px;
}
.announcement--root{
  background : white;
}
.announcement--root .announcement--block-wrapper .announcement--text {
    font-family: Jost;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 6px;
    text-align: center;
    color:#262424;
    text-transform: uppercase;
}
.announcement--root .announcement--block {
    padding: 10px 0px;
}
.announcement--root{
  min-height:40px;
}

header-element.header--root .header--wrapper div#x-menu--sub-shop {
    background: #F1F0EC !important;
    padding-bottom: 24px;
}

header-element.header--root .header--wrapper div#x-menu--sub-shop .menu-block--image-wrapper {
    padding-left: 40px;
    padding-right: 40px;
}

header-element.header--root .header--wrapper div#x-menu--sub-shop .menu-block--image-wrapper span.menu-block--description-text {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Jost', sans-serif !important;
    color: #262424 !important;
}

header-element.header--root .header--wrapper div#x-menu--sub-haircare {
    background: #F1F0EC !important;
    padding-bottom: 24px;
    justify-content: center;
    gap: 50px;

}
header-element.header--root .header--wrapper div#x-menu--sub-haircare .x-menu--level-2--group ul li a{
  text-align : left !important;
  padding-left : 0px !important;
  padding-right : 0px !important;
}
header-element.header--root .header--wrapper  .x-menu--level-2--group-image .menu-block--image-wrapper .menu-block--image {
    border-radius: 10px !important;
}

header-element.header--root .header--wrapper .x-menu--level-2--container{
    background: #F1F0EC !important;
    padding-bottom: 24px;
}

header-element.header--root .header--wrapper .x-menu--level-2--container .menu-block--image-wrapper .menu-block--image {
    border-radius: 10px;
}

header-element.header--root .header--wrapper .x-menu--level-2--container .menu-block--description {
    margin-top: 10px;
}
header-element.header--root .header--wrapper .x-menu--level-2--container .menu-block--description span{
 font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Jost', sans-serif !important;
    color: #262424 !important;
}

/* header-element.header--root {
    width: 100%;
    max-width: none;
}

.header--wrapper.header--wrapper-split {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
} */
header-element.header--root .header--wrapper div#x-menu--sub-shop .menu-block--image-wrapper .menu-block--image{
  border-radius: 10px !important;
}
header-element.header--root .header--wrapper div#x-menu--sub-shop .menu-block--image-wrapper  .menu-block--description {
    margin-top: 10px !important;
}
header-element.header--root .header--wrapper .x-menu--level-2--group a.x-menu--level-2--group-heading span {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Jost', sans-serif !important;
    color: #262424 !important;
}
header-element.header--root .header--wrapper .x-menu--level-2--group ul.x-menu--level-3--container li a{
  font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Jost', sans-serif !important;
    color: #262424 !important;
}
#shopify-section-template--26152449737001__promo_banner_c4Qrbj .promo-banner--media {
    position: relative;
    width: 100%;
    aspect-ratio: 1355 / 570;
    border-radius: 20px !important;
    overflow: hidden;
}
#shopify-section-template--26152449737001__promo_banner_c4Qrbj .promo-banner--media img {
    object-fit: cover;
    object-position: top;
}


@media screen and (max-width: 1024px) {
  .container-wrapper{
  padding : 50px 40px !important; 
}
header-wrapper{
  padding : 50px 40px !important; 
}
.collection-showcase--root .collection-showcase--grid {
    gap: 20px !important;
}
#shopify-section-{{ section.id }} .product-showcase--page {
      flex-direction: column;
    }
    nav.header--split-nav ul.x-menu--level-1--container {
    gap: 20px !important;
}
    
}



@media screen and (max-width: 767px) {
    #shopify-section-{{ section.id }} .product-showcase--image {
        width: 100% !important;
        max-width: 100% !important;
    }
    .container-wrapper{
  padding : 50px 15px !important; 
}
 header-wrapper{
  padding : 50px 15px !important; 
}
#shopify-section-{{ section.id }} .why-hair-loves--grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        gap: 10px !important;
    }

    #shopify-section-{{ section.id }} .why-hair-loves--grid > .why-hair-loves--tile {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #shopify-section-{{ section.id }} .why-hair-loves--grid > .why-hair-loves--tile:not(:first-child) {
        margin-top: 10px !important;
    }
     #shopify-section-{{ section.id }} .why-hair-loves--tile {
      aspect-ratio: 0 !important;
     }
     #shopify-section-{{ section.id }} .promo-banner--content {
      padding-left : 15px !important;
      padding-right : 15px !important;
     }
     #shopify-section-{{ section.id }} .promo-banner--media img {
      border-radius : 10px ;
     }
}