/** Shopify CDN: Minification failed

Line 1447:34 Expected ":"

**/
@import url('https://fonts.cdnfonts.com/css/gobold');

@font-face{font-family:QlassikMedium;src:url(/cdn/shop/t/3/assets/QlassikMedium.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:QlassikBold;src:url(/cdn/shop/t/3/assets/QlassikBold.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tussilago;src:url(/cdn/shop/t/3/assets/Tussilago.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}h1{font-family:QlassikBold!important}h2{font-family:Tussilago!important}.product-grid--title h2{font-family:Montserrat!important}@media (max-width:425px){.footer--logo{margin:3px auto}h2{font-size:20px!important}:not(#ShopNowContainer)>[data-wetheme-section-type=template--product] .product-single-wrapper .paymentButtonsWrapper{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:999;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .15);padding:.75rem;border-radius:.75rem;width:calc(100% - 2rem);max-width:420px;transition:all 0.3s ease}}

body:not(.template-index) .footer--brand--navigation{
    display: none!important;
}

.d--md--none{
    display: none!important;
}

.d--md--block{
    display: block!important;
}

.footer-kerargan__bottom .footer--logo{
    display: none!important;
}

.section--title{
    font-family: 'Gobold Bold', sans-serif !important;
    font-size: 3rem!important;                 /* beau impact */
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: #202020;
    text-align: center;
    margin-bottom: 0.5rem!important;
}

.diaporama--container{
    position: relative;        
    margin-top: 0!important;
    padding-top: 0!important;
}

.home--site--header{
    background: transparent!important;
}

.home--site--header .site-header__nav, .site-header__nav{
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sticked .home--site--header .site-header__nav{
    width: auto;
}

.home--site--header:hover{
    border-bottom: none!important;
}

.home--site--header .site-header__nav-standalone{
    justify-content: start;
    margin-top: 20px!important;
}

.home--site--header .site-header__nav .site-nav__dropdown a.site-nav__link{
    color: #1D1D1D!important;
}

.home--site--header-nav a.site-nav__link, 
.home--site--header .site-header__nav a.site-nav__link, 
.site-header__nav a.site-nav__link{
    font-family: 'Gobold Bold', sans-serif!important;   
    font-weight: 600;
    letter-spacing: .1rem;
    color: #000000 !important;
}

.site-header__nav a.site-nav__link{
    color: #1D1D1D!important;
}

.site-header .site-header__wrapper .site-header__wrapper__right{
    justify-self: center!important;
}

.home--site--header .home--site--header-nav a.site-nav__link{
    color: #fff!important;    
    text-align: start!important;         
}

.home--site--header .home--site--header-nav a.site-nav__link:hover{
    color: #1D1D1D!important;
    border-bottom: none!important;    
}

.home--site--header .site-header__nav-standalone ul.site-nav{
    align-items: flex-start!important;
    flex-direction: column;
    width: 100%;
}

.home--site--header .site-header__nav-standalone ul.site-nav li{
    width: 100%!important;
    border-bottom: 1px solid #FFF;
    padding-right: 35px;
}

.home--site--header .site-header__nav-standalone ul.site-nav > li:last-of-type {
    border-bottom: none!important;
}

.site-nav__dropdown.standard-dropdown{
    min-width: 300px;
}

.home--site--header h1.site-header__logo img{
    height: 40px!important;
    width: auto!important;
}

.site-header .site-header__wrapper .logo_image{
    height: 50px!important;
    width: auto!important;
}

.home--site--header--right .standalone-icon--wrapper{
    color: #fff!important;
}

/* On coupe complètement le logo de hover sur la home */
.template-index .home--site--header .site-header__logo-overlay-image .hover-logo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* On force le logo overlay (blanc) à rester visible */
.template-index .home--site--header .site-header__logo-overlay-image .opacity-logo {
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}

/* Même quand le header est sticky ou en hover */
.template-index .header-section.sticky-header .home--site--header.overlay-header .site-header__logo-overlay-image .opacity-logo,
.template-index .header-section.sticky-header.sticked .home--site--header.overlay-header .site-header__logo-overlay-image .opacity-logo,
.template-index .home--site--header.overlay-header:hover .site-header__logo-overlay-image .opacity-logo {
  opacity: 1 !important;
  visibility: visible !important;
  display: block!important;
}

.diaporama--container .homepage-sections--slideshow-wrapper.text-position--center-left .homepage-featured-content-box{
    justify-self: flex-end;
    width: auto!important;
}

.homepage--featured--content--box--inner{
    width: 25rem!important;
}

.diaporama--container .homepage-sections--slideshow-wrapper.text-position--center-left .homepage-featured-content-box-inner .slideshow-title h2{
    font-family: 'Gobold Bold', sans-serif!important; 
    text-align: end!important;
    font-size: 3rem!important;
}

.kerargan-hair-item__title{
    background: #ffffff8a !important;
    padding: 1rem;
    font-size: .8rem!important;
}

.homepage--featured--content--box--inner .slideshow-text-container{
    background: #D8C7E9;
    padding: .5rem;
}

.homepage--featured--content--box--inner .slideshow-text-container:nth-child(2) .featured-row__subtext{
    color: #202020;
    text-transform: uppercase;
    font-family: 'Gobold Bold', sans-serif!important;         
    font-size: 3.25rem;
    text-align: center!important;
}

.sticked .home--site--header{
    background: #fff!important;
}

.sticked .home--site--header .site-header__nav-standalone{
    justify-content: center;    
}

.sticked .home--site--header .site-header__nav-standalone ul.site-nav{
    align-items: center!important;
    flex-direction: row;
}

.sticked .home--site--header .site-header__nav-standalone ul.site-nav li{
    width: auto!important;
    border-bottom: none!important;
}

.sticked .home--site--header .home--site--header-nav a.site-nav__link{
    color: #202020!important;
}

.sticked .home--site--header .site-header__nav a.site-nav__link{
    color: #202020!important;
}

.sticked .home--site--header h1.site-header__logo img{
    height: 40px!important;
}

.sticked .home--site--header .site-header__nav-standalone{
    margin-top: 0!important;
}

.sticked .home--site--header--right .standalone-icon--wrapper{
    color: #202020!important;
}

.natural--care__title {
    font-family: 'Gobold Bold', sans-serif !important;
    font-size: 3rem;                 /* beau impact */
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: #202020;
    text-align: center;
    margin-bottom: 0.5rem;
}

.natural--care__content {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.15rem;
    line-height: 1.6;
    color: #4a4a4a;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.visual-nav--featured__title h2{
    font-family: 'Gobold Bold', sans-serif !important;
    font-size: 3rem!important;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
    color: #1a1a1a;
    line-height: 1.15;
}

.visual-nav--featured .visual-navigation__text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 1.6rem;
    margin-top: 1.3rem;    
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;    
    color: #000;
}

.visual-nav--featured .visual-navigation__text h2{
    font-size: 1.05rem;
    font-family: 'Gobold Bold'!important;
}

.visual-nav--featured .visual-navigation__text p{
    margin: 0!important;
    padding: 0!important;
}

.visual-nav--featured .visual-navigation__list{
    flex-wrap: nowrap;    
}

.visual-nav--featured .visual-navigation__list .visual-navigation__list-item{
    margin: 0 7px 10px 7px;
}

.visual-nav--featured .visual-navigation__list-item:nth-child(1) .visual-navigation__text {
    background: #9CF2FF; 
}

.visual-nav--featured .visual-navigation__list-item:nth-child(2) .visual-navigation__text {
    background: #D8C7E9;
}

.visual-nav--featured .visual-navigation__list-item:nth-child(3) .visual-navigation__text {
    background: #FFEE51;
}

.visual-nav--featured .visual-navigation__list-item:nth-child(4) .visual-navigation__text {
    background: #F5B7A3;
}

.hero--hair--diagnostic--container{
    justify-content: end!important;    
}

.hero--hair--diagnostic--content{    
    color: #fff!important;
    height: 100%;    
    align-items: center;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.hero--hair--diagnostic--content h2{
    font-family: 'Gobold Bold', sans-serif!important;   
    font-weight: bold!important; 
    padding-bottom: 0!important;
    padding-top: 10px!important;
}

.hero--hair--diagnostic--content p{
    font-family: 'Montserrat', sans-serif;    
    font-weight: 600!important;
    margin-top: 35px!important;
}

.hair--type--container{
    padding-left: 0!important;
    padding-right: 0!important;
}

.hair--type--container .visual-navigation__list{
    gap: 10px;
}

.hair--type--container .visual-navigation__list-item{
    /*width: 20%!important;*/
    flex: 1;
    margin: 0!important;
}

.hair--type--container .visual-navigation__list-item img{
    width: 100%!important;
    height: auto!important;
}

.home--reviews--container .section-title--wrapper{        
    background: #D8C7E9!important;        
    padding-top: 60px;
    margin-left: -15px;
    margin-right: -15px;
    height: 350px;    
}

.home--reviews--container .one-whole{
    margin-top: -200px!important;
}

.home--reviews--container .jpxCrN .es-carousel-layout-item{
    border: 1px solid #1111111a;
    background-color: #FFF!important;
}

.home--reviews--container .dEGWbn{
    border: none!important;
    background-color: #FFF!important;
}

.home--reviews--container .dvexFo{
    display: none!important;
}

.home--reviews--container .llntlN {
    width: .7rem;
    min-width: .7rem;
    height: .7rem;
    background: #6E5982!important;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: scale(1);
}

.jqMAxv {
    width: .7rem;
    min-width: .7rem;
    height: .7rem;
    background: #AF95C9!important;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: scale(0.25);
}

.home--faq--container .inline-icon--wrapper{
    background-color: #af95c9!important;
    padding: .5rem 0rem;
    border-radius: 50%;
}

.blissim--container{
    margin-top: -75px;
}

.home--faq--container .inline-icon--wrapper.icon--right svg {
    margin-left: 10px;
    margin-right: 10px;
}

.home--follow-us .feature_row__image_wrapper{
    background-color: #FFEE51;
    position: relative;
}

.home--follow-us .feature_row__image_wrapper .image-with-text__right-image{
    position: absolute;
    right: 5px;
    top: -82px;
}

.home--follow-us .responsive-image-wrapper{
    position: relative;
    box-sizing: border-box;
}

.home--follow-us .image-with-text__right-image img{
    width: 150px!important;
    height: 150px!important;
    /*position: absolute;
    top: -200px;
    right: 0!important;*/
}

.home--follow-us__btn{
    font-family: 'Gobold Bold', sans-serif!important;   
    font-weight: 600!important; 
    margin-top: .5rem!important;
    background-color: #E6FCFF!important;
    color: #202020!important;
    width: 250px!important;
    justify-content: center;
}

.home--follow-us__btn::nth-child(1){
    margin-top: 2rem!important;
}

.home--follow-us__btn:hover{    
    background-color: #aed9df!important;    
}

.home--follow-us .image-with-text__social-icons{
    display: flex;
    gap: 10px;    
    position: absolute;    
    bottom: 15px;
    right: 30px;
}

.home--text--averts .home--text--averts__title{
    font-family: 'Gobold Bold', sans-serif!important;   
    font-size: 1rem!important;
    color: #212121;
    padding: .7rem!important;
}

.home--text--averts .home--text--averts__title.free-delivery{
    background-color: #FFEE51!important;
}
.home--text--averts .home--text--averts__title.customer-service{
    background-color: #D8C7E9!important;
}
.home--text--averts .home--text--averts__title.back-is-free{
    background-color: #F5B7A3!important;
}

.footer--brand--navigation .visual-navigation__list{
    align-items: center;
}

.footer--brand--navigation .visual-navigation__list-item{
    border-right: 1px solid #212121;
    width: 150px!important;
    margin: 0!important;
    padding: 0 20px!important;    
}

.footer--brand--navigation .visual-navigation__list-item:last-child{
    border-right: none!important;
}

.footer--brand--navigation .visual-navigation__list-item img{
    object-fit: contain!important;
    height: 40px!important;
    padding-right: 15px;
}

/*FOOTER KERARGAN*/
.footer-kerargan {
    width: 100%;
    padding-top: 3.25rem;
    padding-bottom: 0;
    background-color: #D8C7E9!important; 
}

.footer-kerargan__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}

.footer-kerargan__col {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 3rem;
}

.footer-kerargan .footer-content a{
    color: #1D1D1D!important;
    font-family: 'Gobold Bold', sans-serif!important;
    font-size: .9rem!important;
}

.footer-kerargan__col .footer-header {
    font-family: 'Gobold Bold', sans-serif!important;
    color: #1D1D1D!important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.07rem;
}

.footer-kerargan__newsletter {
    margin-top: 24px;
}

.footer-kerargan__newsletter .newsletter-badge {  
  position: relative;  
  font-family: 'Gobold Bold', sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.5;  
  width: 200px;
}

.footer-kerargan__newsletter .newsletter-badge label {
  display: inline-block; 
  padding: 5px 10px;
  color: #212121;
  background: #ffe51f;
}

.footer-kerargan__newsletter-field {
    display: flex;
    border-bottom: 1px solid #000;
    align-items: center;
    margin-top: 1rem;
}

.footer-kerargan__newsletter-field input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 6px 0;
    font-size: 14px;
}

.footer-kerargan__newsletter-field input:focus {
    outline: none;
}

.footer-kerargan__newsletter-button {
    border: none;
    background: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 10px;
}

.footer-kerargan__social {
    margin-top: 10px;
}

.footer-kerargan__social #sm-icons{
    display: flex;
    margin: 0!important;
}

.footer-kerargan__social #sm-icons li{
    list-style: none!important;
}

.footer-kerargan__bottom {
    margin-top: 40px;
    text-align: center;
}

.footer-kerargan__bottom .footer--logo {
    max-width: 15%;
    height: auto;
}

.footer-kerargan__bottom-text {
    margin-top: 10px;
    font-size: 14px;
}

/* =========== COLLECTION =========== */
.kerargan--collection--header .collection-header__title h1{
    font-family: 'Gobold Bold', sans-serif!important;
    font-size: 4.2rem;
}

.kerargan--collection--header .collection-header__title{
    padding: 2rem 0;
}

.product-grid--title a{
    font-family: 'Gobold Light', sans-serif!important;
}

.product-grid--price .money:not(.sale-price):not(.price-line-through){
    font-family: 'Gobold Bold', sans-serif!important;
}

/* =========== MINIATURE */
.quick-add-wrapper.quick-shop--block .quick-add-button-desktop {
    font-family: "Gobold Bold", sans-serif !important;
    background: #d8c7e9 !important;
    color: #212121 !important;
    padding: 0.5rem 0.8rem!important;
    width: auto!important;
}

.quick-add-wrapper.quick-shop--block .sold-out-button-desktop {
    font-family: "Gobold Bold", sans-serif !important;
    background: #242424!important;
    color: #e9e9e9 !important;
    padding: 0.5rem 1.2rem!important;
    width: auto!important;
    letter-spacing: 0.15rem;
}

.template-product .product-form-block {
    display: flex;
    flex-direction: column;
}

.template-product .product-form-block .product-icon-list{
    text-align: center!important;
}

.template-product .product-form-block .product-details-product-title{
    order: 2!important;
    text-align: center!important;
    font-family: "Gobold Bold", sans-serif!important;
    font-size: 2rem!important;
}

.template-product .product-form-block h2{
    text-align: center!important;
    order: 3!important;
    font-family: 'Montserrat'!important;
    font-size: 1.2rem!important;
}

.template-product .product-form-block .product-price-group{
    justify-content: center!important;
    font-family: "Gobold Bold", sans-serif!important;
}

.template-product .text-with-icon{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #24242440;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-bottom: .25rem!important;
}

.template-product .text-with-icon .text-with-icon--text{
    font-size: .85rem!important;
    font-family: 'Montserrat', sans-serif!important;
    text-transform: initial;
    text-align: center;
}

.template-product .product--add-to-cart-form .product-form-block:nth-child(9) .text-with-icon {
    border-bottom: none !important;
}

.template-product .product--add-to-cart-form .product-form-separator{
    width: 40%!important;
    margin: auto!important;
    margin: 0 auto 1.25rem!important;
}

.template-product .product-single-wrapper .paymentButtonsWrapper{    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;        
}

.template-product .paymentButtonsWrapper .product--add-to-cart-button{
    width: auto!important;
    background: #D8C7E9!important;
    color: #212121!important;
    font-weight: 600;
    font-family: 'Gobold Bold', sans-serif!important;
    margin-top: .5rem!important;
    margin-bottom: 1.5rem!important;
}
.template-product .product-description{
    font-size: .95rem!important;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
    font-family: 'Montserrat'!important;
}

.template-product .product-page-related-products{
    margin-top: 5rem!important;
}

.template-product .product-page-related-products .section-title{
    font-family: 'Gobold Bold', sans-serif!important;
    font-size: 3rem;
}

#cadeaux-kerargan .sitewide--title-wrapper, #conseils .sitewide--title-wrapper{
    display: inline-flex;
    width: auto;
    padding-bottom: 20px;    
    background: #D8C7E9;    
    padding: 1rem!important;
    margin-top: 5rem!important;
}

.keragan--cadeaux__title{
    font-family: "Gobold Bold", sans-serif!important;
    font-size: 4rem!important;
    margin-top: -45px!important;
}

.post--title{
    font-family: "Gobold Bold", sans-serif!important;
    font-size: 4rem!important;
}

.keragan--blogs__title{        
    font-size: 6rem!important;
    margin-top: -70px!important;
}

.blog-posts h2.section-title{
    font-size: 3rem!important;
    font-family: Gobold Bold!important;
}

#cadeaux-kerargan .collage-builder__content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.collage-builder__section-wrapper:nth-of-type(3) .collage-builder__media-wrapper{
    width: 35%!important;
    height: auto;
}

.collage-builder__image--image_REDHXX, .collage-builder__image--image_KCGKde{
    background-size: contain!important;
    background-repeat: no-repeat!important;
}

#cadeaux-kerargan .collage-builder__text-content{
    padding: 0 115px;
}

#cadeaux-kerargan .collage-builder__button{
    padding: .5rem 1rem!important;
    font-family: "Gobold Bold", sans-serif!important;
}

#cadeaux-kerargan .collage-builder__media-wrapper {
    position: relative;
    height: 75%;
    width: 75%;
}

#cadeaux-kerargan .custom-html{
    padding: 0!important;
}

.x--banner-wrapper{
    width: 100%;
    display:flex;
    justify-content:center;
    margin-top:90px;
    margin-bottom: -16px;
}

.x--banner{
    position: relative;
    background: #9ff3ff;
    padding: 50px 30px 60px;
    text-align: center;
    width: 100%;
}

.x--banner h2{
    margin:0;
    font-size: 3rem!important;
    line-height:1.3;
    font-weight:800;
    color:#222;
    font-family: 'Gobold Bold', sans-serif!important;
}

/* bandeau jaune */
.x--banner-label{
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%) rotate(2deg);
    background: #ffe74a;
    padding: 15px 40px;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 1px;
    color: #222;
    font-family: 'Gobold Bold';
}

/*POST*/
.blog-main--wrapper h2{
    font-family: 'Gobold Bold'!important;
    font-size: 2rem;
}
.blog-main--wrapper p{
    font-family: 'Montserrat'!important;
    text-align: justify;
}
/*POST*/

/*BLOG*/
.blog-main--wrapper .template-title--wrapper{
    display: none;
}

.blog-template--main{
    display: grid!important;
    width: 100%!important;    
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
}

.blog-template--main .article--indiv {
    grid-column: span 1;
}

.blog-template--main .article--indiv .responsive-image-wrapper{
    height: 300px;
}


/*.blog--item-4 {
    grid-column: span 6!important;
}

.blog--item-8,
.blog--item-9 {
    grid-column: span 3!important;
}*/

.blog-template--main .grid, .blog-main--wrapper{
    margin-left: 0!important;
}


.grid__item--blog-content{
    background: #e2b96f;
    height: auto; /*320px*/
    position: relative;
}

/*.blog--item-8 .grid__item--blog-content,
.blog--item-9 .grid__item--blog-content{
    height: 250px;
}*/

.blog-template--main hr{
    display: none!important;
}

.grid__item--blog-main{
    padding-left: 0;
    width: 100%!important;    
}

/*.blog--item-4 .grid__item--blog-main{
    display: flex;
    align-items: end;
}*/

.grid__item--blog-image{
    margin: 0!important;
}

.blog-main--article-title, .homepage-blog--title{
    font-family: 'Gobold Bold', sans-serif!important;
    padding: 1rem 2rem 0;    
    font-size: 1.5rem;
    height: 6.5rem;
    overflow: hidden;    
    width: 100%;
    margin: 0;
}

.homepage-blog--title{
    padding: 0!important;
}

.blog-main--article-title a, .homepage-blog--title a {    
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.grid__item--blog-main .rte.blog--post-text{    
    padding: 1rem 2rem;
    height: 100px;
    overflow: hidden;

    /* ✅ multi-line ellipsis */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* ajuste selon le rendu */
}

.blog-main--article-read-more-link {    
    padding: 1rem 2rem;
    margin-bottom: 1rem!important;
    /*position: absolute;
    bottom: 0;*/
}

.blog-main--article-read-more-link a{
    width: auto;
    padding: .5rem;
    background-color: #FFEE51
}
/*BLOG*/

.ct--follow{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*FICHE PRODUIT*/
.template-product .product-medias__fullsize .swiper-wrapper{
    flex-direction: initial!important;
    height: 100%!important;
    z-index: 0;
}

.template-product .product-section .collapsible{
    border-top: 0!important;
    margin-bottom: 1.5rem;
}

.template-product .product-section .collapsible .text-with-icon{
    border: 0!important;    
    width: 100%;
}

.template-product .product-section .collapsible .text-with-icon h3{
	font-weight: 700;
	font-size: 1rem !important;
	text-transform: uppercase;
}

.template-product .product-description p{
    text-align: justify;
}

.template-product .product-description h2, .template-product .product-description h3{
    font-weight: 700;
}

.template-product .product-medias__main{
    width: 80%;
    /*height: 435px;*/
}

.template-product .product-medias__fullsize .swiper-slide{
    max-height: 455px;
}

.template-product .product-medias__main .product-single__media__wrapper .plyr{
    height: 400px!important;
}

.template-product .product-medias__main .swiper{
    height: 110%;
}

.template-product .product-medias__main .swiper-pagination{
    margin-top: 0px;
}

.home--product-all{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

/*DEVENIR REVENDEUR*/
#devenir-revendeur .logistic-delivery__container .homepage-sections--title {
  position: relative;
  color: transparent; 
  font-size: 3rem;
  font-family: Gobold Bold!important;
}

#devenir-revendeur .logistic-delivery__container .homepage-sections--title::before {
  content: "LOGISTIQUE";
  display: block;
  color: #111;
}

#devenir-revendeur .logistic-delivery__container .homepage-sections--title::after {
	content: "& LIVRAISON";
	display: inline-block;
	padding: .15em .1em;
	background: #e6d9f7;
	color: #2b2b2b;
	font-weight: 700;
	position: absolute;
    width: auto;
	bottom: -20px;	
	left: 0;	
}

#devenir-revendeur .featured-row__subtext{
    margin-top: 40px;
}

.referencement-visibilie__wrapper .feature_row__image_wrapper{
    justify-content: start!important;
}

.referencement-visibilty__container{
    position: relative;
}

.referencement-visibilty__title{
    position: relative;
    color: transparent; 
    font-size: 3rem;
    font-family: Gobold Bold!important;
}

.referencement-visibilty__title::before {
    content: "RÉFÉRENCEMENT";
    display: block;
    color: #2b2b2b;
}

.referencement-visibilty__title::after {
	content: "& VISIBILITÉ DES PARTENAIRES";
	display: inline-block;
	padding: .15em .1em;
	background: #e6d9f7;
	color: #2b2b2b;
	font-weight: 700;
	position: absolute;
    width: auto;
	top: 60px;	
	left: 0;	
    font-size: 2.5rem;
}

.referencement-visibilty__content{
    margin-top: -100px;
}

.support-accompagnement__container{
    position: relative;
}

.support-accompagnement__title{
    position: relative;
    color: transparent; 
    font-size: 3rem;
    font-family: Gobold Bold!important;
}

.support-accompagnement__title::before {
    content: "SUPPORTS";
    display: block;
    color: #2b2b2b;
}

.support-accompagnement__title::after {
	content: "& ACCOMPAGNEMENT";
	display: inline-block;
	padding: .15em .1em;
	background: #e6d9f7;
	color: #2b2b2b;
	font-weight: 700;
	position: absolute;
    width: auto;
	bottom: 50px;	
	left: 0;	
    font-size: 2.5rem;
}

.support-accompagnement__content{
    margin-top: -50px;
}


.formation-prise-main__container .homepage-sections--title {
  position: relative;
  color: transparent; 
  font-size: 3rem;
  font-family: Gobold Bold!important;
}

.formation-prise-main__container .homepage-sections--title::before {
	content: "FORMATION &";
	display: block;
	color: #2b2b2b;
	position: absolute;
	top: 15px;
}

.formation-prise-main__container  .homepage-sections--title::after {
	content: "PRISE EN MAIN DES GAMMES";
	display: inline-block;
	padding: .15em .1em;
	background: #e6d9f7;
	color: #2b2b2b;
	font-weight: 700;
	position: absolute;
    width: auto;
	top: 75px;	
	left: 0;
    font-size: 2.65rem;	
}

#devenir-revendeur .featured-row__subtext{
    margin-top: 40px;
}

.helpbox__title{
    font-family: Gobold Bold!important;
    font-size: 3rem!important;
}

.reseller-form-contact__container{
    padding: 0!important;
}
/*DEVENIR REVENDEUR*/

    
@media (min-width: 768px) and (max-width: 1023px) {
    #customer_login_link{
        text-transform: uppercase;
    }

    .product-medias__main{
        width: 100%!important;
    }

    .home--follow-us .section--title{
        font-size: 2rem!important;
    }

    .home--follow-us .feature_row__image_wrapper{
        height: 325px!important;
    }

    .home--follow-us .homepage-featured-content-box-inner {
        padding: 65px 30px 30px!important;
    }

    .visual-nav--featured img{
        width: 150px!important;
        height: 150px!important;
    }

    .visual-nav--featured .visual-navigation__text h2{
        margin-bottom: 0;
    }

    :root{
        --kg-gap: 5px;
        --kg-pad: 14px;
        --kg-radius: 14px;
        --kg-img-radius: 12px;
        --kg-img-height: auto; /* hauteur image uniforme */
    }

    .kerargan-hair-grid{
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: var(--kg-gap) !important;        
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    /* on supprime visuellement les wrappers */
    .kerargan-row-1,
    .kerargan-row-2,
    .kerargan-col-3{
        display: contents !important;
    }

    /* ✅ ~2.4 cartes visibles 
    .kerargan-hair-item{
        flex: 0 0 27vw !important;
        max-width: 27vw !important;
    }*/

    /* carte clean */
    .kerargan-hair-item__inner{
        background: #fff !important;        
        padding: 10px;        
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* image cover uniforme */
    .kerargan-hair-item__image{
        height: var(--kg-img-height);        
        overflow: hidden;
        background: #f3f3f3;
    }

    .kerargan-hair-item__image img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover!important;
        display: block!important;
    }

    /* titre lisible, max 2 lignes */
    .kerargan-hair-item__title{
        font-size: .75rem!important;
        line-height: 1.25;
        font-weight: 700;
        text-align: center;
        margin: 0 !important;
        padding: .2rem!important;        
        overflow: hidden;
        min-height: calc(12px * 1.25 * 2);
    }

    .kerargan-hair-grid::-webkit-scrollbar{
        display: none;
    }

    .post--title{
        font-size: 2rem!important;
    }
}

.kerargan--collection--header p{
    color: #000!important;
    text-align: justify!important;
}

.collection-header{
    background-color: #FFF!important;
}

/*CONTACT*/
#shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;	
}

/* Small ≥576px */
@media (min-width: 576px) {
  #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
    max-width: 540px;
  }
}

/* Medium ≥768px */
@media (min-width: 768px) {
  #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
    max-width: 720px;
  }
}

/* Large ≥992px */
@media (min-width: 992px) {
  #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
    max-width: 960px;
  }
}

/* Extra Large ≥1200px */
@media (min-width: 1200px) {
  #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
    max-width: 1140px;
  }
}

/* XXL ≥1400px */
@media (min-width: 1400px) {
  #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
    max-width: 1320px;
  }
}

.contact-page .homepage--featured--content--box--inner{
    width: 100%!important;
    justify-content: center;
    align-items: center;
}

.contact-page .homepage-featured-content-box{
    position: absolute!important;
    bottom: 0;
}

.contact-page .homepage--featured--content--box--inner .slideshow-text-container{
    width: 35rem!important;
}

.contact-page .homepage--featured--content--box--inner .slideshow-text-container:nth-child(2) .featured-row__subtext{
    font-size: 1.25rem!important;
    font-family: "Montserrat"!important;
    text-transform: initial!important;
    font-weight: 600;
}

.contact-page .homepage-featured-content-box .homepage-featured-content-box-inner .slideshow-title h2{
    font-family: 'Gobold Bold', sans-serif!important;
    font-weight: 600;
}

.contact-page .text_anbcKH{
    font-weight: 700;
    font-size: 2rem;
}

#shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf .image-with-text-overlay__caption--align-desktop-center {
	width: 37.5% !important;
	margin-top: 100px;
	line-height: .9;
	margin-left: 50px;
	transform: rotate(-10deg);
}

#shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf .btn{    	
	text-transform: none;
	font-weight: bold;
	font-size: 1.5rem;
	padding: .2rem 1.5rem;
}
/*CONTACT*/

@media screen and (min-width: 426px) and (max-width: 810px){
    .blog-template--main {
        grid-template-columns: repeat(2, 1fr)!important;
        gap: 10px;
    }  

    .post--title{
        font-size: 2rem!important;
    }

    .blog-template--main .article--indiv .responsive-image-wrapper{
        height: 235px;
    }

    .blog-main--wrapper h2{
        font-size: 1.2rem;
        height: 4rem;
        padding: 1rem;
    }

    .grid__item--blog-main .rte.blog--post-text{
        margin-bottom: 0!important;
        padding: 1rem;
    }

    .blog-main--article-read-more-link{
        padding: 1rem;
    }
}
@media (max-width:768px){
  .custom-double-images{
    display: none!important;
  }
}
#shopify-section-template--28541604266321__custom_liquid_mEdeti, 
#shopify-section-template--28541604331857__custom_liquid_cTA44w {
    display: none!important;
}

.iy-wrap-mobile{
    display: none!important;
}

@media(max-width:425px) {
    .product-single {
        display: flex;
        flex-direction: column;
    }

    .product-single .product-form-wrapper {
        order: -1;
    }

    .iy-wrap{
        display: none;
    }

    #shopify-section-template--28541604266321__custom_liquid_mEdeti, 
    #shopify-section-template--28541604331857__custom_liquid_cTA44w{
        display: block!important;s
    }

    .iy-wrap-mobile{
        display: block!important;
    }

    .home--text--averts .text-advert-section .swiper-wrapper{
        align-items: flex-start;
    }

    .natural-care__container{
        padding-bottom: 0!important;
    }

    #customer_login_link{
        text-transform: uppercase;
    }

    .product-medias__main{
        width: 100%!important;
    }

    .template-article .grid__item--article-main{
        padding-left: 7px;
        padding-right: 7px;
    }

    /*CONTACT*/
    .contact-page .homepage-featured-content-box, 
    .contact-page .homepage--featured--content--box--inner{
        display: none!important;
    }

    #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf {
        padding: 0!important;
    }
    #shopify-section-template--27214895776081__image_with_text_overlay_XR7rRf .image-with-text-overlay__caption--align-desktop-center {
        width: 100%!important;
        margin-top: 100px;
        line-height: .9;
        margin-left: 0;
        transform: rotate(-4deg);
    }

    .contact-page .text_anbcKH{
        color: #212121;
    }
    /*CONTACT*/

    .blog-template--main {
        grid-template-columns: repeat(1, 1fr)!important;
        gap: 10px;
    }  

    .home--follow-us .section--title{
        font-size: 2rem!important;
    }
    
    .homepage--featured--content--box--inner{
        margin-top: 400px;
    }

    .hero--hair--diagnostic--container .image-with-text-overlay__buttons{
        margin-top: 20px;
    }

    .diaporama--container .homepage-sections--slideshow-wrapper.text-position--center-left .homepage-featured-content-box-inner .slideshow-title h2{
        font-size: 2rem!important;
    }

    .homepage--featured--content--box--inner .slideshow-text-container{
        padding: .15rem;
    }

    .homepage--featured--content--box--inner .slideshow-text-container:nth-child(2) .featured-row__subtext{
        font-size: 2.25rem;
    }

    .footer-kerargan__newsletter .newsletter-badge{
        width: 100%!important;
    }
    
    .home--follow-us .feature_row__image_wrapper{
        height: 325px!important;
    }

    .home--follow-us .homepage-featured-content-box-inner {
        padding: 65px 30px 30px!important;
    }

    .d--none{
        display: none!important;
    }

    .d--block{
        display: block!important;
    }

    .visual-nav--featured .visual-navigation__text h2{
        font-size: 1rem!important;
    }

    .footer-kerargan__newsletter-field input{
        text-align: center;
    }

    .footer-kerargan__social #sm-icons{
        justify-content: center;
    }

    .post--title{
        font-size: 2rem!important;
    }
}

@media (max-width: 749px) {
    :root{
        --kg-gap: 5px;
        --kg-pad: 14px;
        --kg-radius: 14px;
        --kg-img-radius: 12px;
        --kg-img-height: 150px; /* hauteur image uniforme */
    }

    #customer_login_link{
        text-transform: uppercase;
    }

    .product-medias__main{
        width: 100%!important;
    }

    .kerargan-hair-grid{
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: var(--kg-gap) !important;        
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .footer-kerargan{
        padding-top: 3rem;
    }

    /* on supprime visuellement les wrappers */
    .kerargan-row-1,
    .kerargan-row-2,
    .kerargan-col-3{
        display: contents !important;
    }

    /* ✅ ~2.4 cartes visibles */
    .kerargan-hair-item{
        flex: 0 0 42vw !important;
        max-width: 42vw !important;
    }

    /* carte clean */
    .kerargan-hair-item__inner{
        background: #fff !important;        
        padding: 10px 0;        
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* image cover uniforme */
    .kerargan-hair-item__image{
        height: var(--kg-img-height);        
        overflow: hidden;
        background: #f3f3f3;
    }

    .kerargan-hair-item__image img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover!important;
        display: block!important;
    }

    /* titre lisible, max 2 lignes */
    .kerargan-hair-item__title{
        font-size: .75rem!important;
        line-height: 1.25;
        font-weight: 700;
        text-align: center;
        margin: 0 !important;
        padding: .2rem!important;

        overflow: hidden;
        min-height: calc(12px * 1.25 * 2);
    }

    .kerargan-hair-grid::-webkit-scrollbar{
        display: none;
    }

    /* ============================= */
    /* FORCE SCROLL HORIZONTAL (BULLES) */
    /* ============================= */

    .hair--type--container{
    --bubble-gap: 16px;
    }

    /* IMPORTANT: cible ton UL réel */
    .hair--type--container ul.visual-navigation__list{
    display: flex !important;
    flex-wrap: nowrap !important;      /* empêche retour à la ligne */
    gap: var(--bubble-gap) !important;

    overflow-x: auto !important;       /* scroll horizontal */
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x mandatory;

    padding: 0 0 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;

    /* optionnel : évite qu'un parent coupe */
    max-width: 100%;
    }

    /* cache scrollbar (optionnel) */
    .hair--type--container ul.visual-navigation__list::-webkit-scrollbar{
    display: none;
    }
    .hair--type--container ul.visual-navigation__list{
    scrollbar-width: none; /* Firefox */
    }

    /* chaque bulle = 3 visibles */
        .hair--type--container ul.visual-navigation__list > li.visual-navigation__list-item{
        flex: 0 0 calc((100% - (var(--bubble-gap) * 2)) / 3) !important;
        width: auto !important;            /* écrase width:100px inline */
        max-width: none !important;
        scroll-snap-align: start;
        }

    /* label */
    .hair--type--container .hair-label{
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    }

    .section--title{
        font-size: 2.5rem!important;
        text-align: center!important;
    }

    .blog-template--main .article--indiv .responsive-image-wrapper {
        height: 245px;
    }

    .article--indiv,
    .grid__item,
    .grid__item--blog-main,
    .grid__item--blog-content {
    min-width: 0;
    }

    /* Titre de l’article */
    .blog-main--article-title {
    display: block;
    max-width: 100%;
    margin-bottom: 12px;
    height: 3rem;
    }

    /* Lien du titre (élément clé) */
    .blog-main--article-title a {
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;        /* forçage fiable */
    word-break: break-word;
    hyphens: auto;
    text-decoration: none;
    }

    .grid__item--blog-main .rte.blog--post-text{
        height: 65px;
        font-size: .85rem;
        -webkit-line-clamp: 3;
    }

    .blog-main--article-read-more-link {
        padding: 0rem 2rem;    
    }

    .visual-nav--featured .visual-navigation__list-item img.visual-nav-img{
        width: 175px!important;
        height: 175px!important;
    }
    .home--site--header .home--site--header-nav a.site-nav__link .site-nav__dropdown{
        font-family: ''
    }

    .blog--container{
        padding: 0!important;
        margin: 0!important;
    }      

    .blog-template--main .article--indiv {
        grid-column: span 1!important;
    }

    .blog--item-4 {
        grid-column: 1 / -1!important;
    }
    
    .blog--item-8,
    .blog--item-9 {
        grid-column: span 1!important;        
    }    

    .blog-main--article-title {        
        padding: .5rem!important;
        font-size: 1rem!important;
    }

    .grid__item--blog-main {
        margin-top: 0!important;
    }

    .grid__item--blog-main .rte{
        padding: 0 .5rem!important;
    }

    .grid__item--blog-content{
        height: 180px!important;
    }

    .blog--item-4 .grid__item--blog-main{
        display: block;
    }

    .grid__item--blog-image img{
        height: 100%!important;
    }

    .blog-main--article-read-more-link{
        margin-bottom: 0!important;
    }

    .keragan--blogs__title { 
        margin-top: -45px!important;
    }

    .x--banner-label{
        transform: translate(-20%) rotate(2deg);
        left: 29%;
    }

    .x--banner h2{
        font-size: 1.75rem!important;
    }

    .keragan--cadeaux__title{
        font-size: 2.75rem!important;
    }

    #cadeaux-kerargan .collage-builder__text-content {
        padding: 0 15px;
    }

    #cadeaux-kerargan .collage-builder__grid-item--text{
        order: 2;
    }

    #cadeaux-kerargan .collage-builder__grid-item--image{
        order: 1;
    }

    .kerargan--collection--header .collection-header__title h1{        
        font-size: 2.7rem!important;
    }

    #cadeaux-kerargan .collage-builder__text-content{
        width: 100%!important;
    }        

    .diaporama--container {
        margin-top: 0!important;
        padding-top: 0!important;
        --padding-section-top: 100px!important;
    }

    .header--mobile .site-header__logowrapper .site-header__logo-image{
        display: block!important;
    }

    .header--mobile .site-header__logowrapper .site-header__logo-overlay-image{
        display: none!important;
    }

    .homepage--featured--content--box--inner{
        width: 100%!important;
    }

    .homepage-sections--slideshow-wrapper.mobile-text-position--bottom .homepage-featured-content-box{
        align-self: center!important;
    }
    
    .diaporama--container .homepage-sections--slideshow-wrapper.text-position--center-left .homepage-featured-content-box-inner .slideshow-title h2{
        text-align: center!important;
    }

    .drawer{
        z-index: 9999999;
    }

    .natural--care__title {
        font-size: 2rem;
        line-height: 1.2;
    }

    .natural--care__content p{
        font-size: 1rem!important;
        padding: 0 1rem;
    }

    .kerargan-hair-title, .visual-nav--featured__title h2{
        font-size: 32px!important;
    }
            
    .visual-nav--featured .visual-navigation__list {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 16px;  /* pas de padding à gauche/droite pour ne rien couper */
        margin: 0;
        gap: 3rem;
        justify-content: flex-start !important;
    }


    .visual-nav--featured .visual-navigation__list-item{
        margin: 0!important;
    }

    .visual-nav--featured .visual-navigation__list::-webkit-scrollbar {
        display: none;
    }
    
    .visual-nav--featured .visual-navigation__list-item {
        flex: 0 0 50% !important;
        width: 50% !important;
    }
    
    .visual-nav--featured .visual-navigation__list-item img.visual-nav-img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }       

    .hero--hair--diagnostic--container{
        justify-content: center!important;
    }

    .hero--hair--diagnostic--content{
        display: flex!important;
        flex-direction: column!important;      
        margin-right: 0px!important;
        margin-top: 3rem!important;
    }

    .hero--hair--diagnostic--content h2{
        font-size: 3rem!important;
        padding-bottom: 25px!important;
    }

    .hero--hair--diagnostic--container .image-with-text-overlay__buttons{
        display: block!important;
    }        

    .hero--hair--diagnostic--content .image-with-text-overlay__buttons{
        order: 1;
    }

    .hero--hair--diagnostic--content .image-with-text-overlay__text{
        order: 2;
    }

    .hero--hair--diagnostic--content p{
        padding-top: 20px!important;
    }

    .footer-kerargan__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-kerargan__bottom {
        margin-top: 30px;
    }    

    .post--title{
        font-size: 2rem!important;
    }

    .blog-posts h2.section-title{
        font-size: 2rem!important;
    }
}

@media (min-width: 1600px){
    .template-product .product-medias__fullsize .swiper-slide{
        max-height: 510px;
        width: 520px;
    }
}

#dynamic-checkout-cart{
    width: 225px;
}

.ajaxcart__footer .cart__checkout{
    height: 54px;
    margin-bottom: 7px;
    border-radius: 5px;
}

.collapsible-content h2{
    font-family: Gobold Bold!important;
}


/*PRODUCT MEDIA BADGE*/
.product-images-container {
  position: relative;
}

.product-custom-badge {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 20;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 12px;
  min-height: 32px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  border-radius: 2px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 767px) {
  .product-custom-badge {    
    padding: 7px 10px;
    font-size: 10px;
  }
}

.custom-double-images--mobile{
  display:none;
}

/* visible uniquement sur mobile */
@media (max-width:768px){

  .custom-double-images--mobile{
    display:flex;
    gap: 5px;
    flex-wrap:wrap;
  }

  .custom-double-images__item--mobile{
    flex:1 1 calc(50% - 10px);
    display:flex;
    align-items:center;
  }

  .custom-double-images__item--mobile:nth-child(1){
    justify-content:flex-end;
  }

  .custom-double-images__item--mobile:nth-child(2){
    justify-content:flex-start;
  }

  .custom-double-images__item--mobile img{
    max-width:100%;
    height:auto;
  }

}