/** Shopify CDN: Minification failed

Line 715:3 Unexpected "0"

**/
/* ==== Page produit  ==== */

div#shopify-block-AOGRxSDNOLzlNd2hnc__judge_me_reviews_preview_badge_CwrmMn {
    margin-top: 0px !important;
}


.delivery-block {
    border-left: 4px solid #78d4d3;
    background: #78d4d326;
    padding: 1px 15px 1px 10px;
    border-radius: 7px;
}



/* ==== Menu principal  ==== */


.mega-menu__link {
    color: rgba(var(--color-foreground), .75);
    display: block;
    line-height: calc(1 + .3 / var(--font-body-scale));
    padding-bottom: 1.6rem !important;
    padding-top: .6rem;
    text-decoration: none;
    transition: text-decoration var(--duration-short) 
ease;
    word-wrap: break-word;
}

/* ==== Slider Collection  ==== */


/* Mettre prix promo à gauche, prix barré + badge à droite */
.price__sale {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* Prix remisé (gauche) */
.price__sale .price-item--sale {
  order: 1;
}

/* Prix barré (juste à droite du prix remisé) */
.price__sale .price-item--compare {
  order: 2;
}

/* Badge Économise X€ (encore à droite) */
.price-saving-badge {
  order: 3;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 999px;
  background: #E6FAF9;   /* fond clair H2UP */
  color: #0AA9A0;        /* vert H2UP */
  white-space: nowrap;
}

.price-saving-badge {
    order: 3;
    font-size: 14px;
    letter-spacing: 0px !important;
    font-weight: 500;
    padding: 2px 9px 2px 6px;
    background: #57b4b6;
    border-radius: 50px;
    color: white !important;
}


.badge:not(.badge--best-seller) {
    display: none !important;
}

.price--on-sale .price-item--regular:after {
  display: none;
}




.price--on-sale .price-item--regular {
    color: rgb(35 62 82 / 48%) !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    position: relative !important;
}


.slider-buttons.large-up-hide {
    display: none;
}


#Slider-template--26510508228872__featured_collection_AGCpfE .button--full-width {
    display: flex;
    width: 85% !important;
    margin: auto;
}

#Slider-template--26510508228872__featured_collection_AGCpfE .quick-add__submit {
    padding: .8rem;
    min-width: 85% !important;
    box-sizing: border-box;
}

#Slider-template--26510508228872__featured_collection_AGCpfE .grid__item.swiper-slide {
    background: white;
    border-radius: 15px;
    padding: 0px !important;
}



.card__actifs { 
  margin-top: 8px; 
}

.card__media + .card__actifs {
  margin-top: 10px;          /* espace sous l’image */
}

.actifs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

.actif-pill {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.85rem;
  line-height: 1;
  color: #333;
  white-space: nowrap;       /* évite les retours à la ligne bizarres */
  font-size: 14px;
  
}

p.card__effet {
    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    border: 2px solid #929292;
    width: 53%;
    margin: auto;
    border-radius: 50px;
}

@media (max-width: 749px) {
p.card__effet {
    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    border: 2px solid #929292;
    width: auto;
    margin: auto;
    padding: 0px 10px 0px 10px;
    border-radius: 50px;
}
}

.card__information {
    display: flex;
    flex-direction: column;
    gap: 0px !important;
}


.card .price {
    font-size: 22px !important;
    margin-top: 16px;
}

.jdgm-rating-value {
  margin-left: 4px;
  font-size: 13px;
  color: #444;
  font-weight: 500;
}

.jdgm-preview-badge-wrapper {
    margin-top: 8px;
}

.jdgm-prev-badge__text {
    visibility: visible !important;
}

span.jdgm-prev-badge__stars {
    color: #ffca00;
}

/* ==== Banière accueil ==== */


.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-0874f4bd-6fb5-42ec-baad-43dc48115a89.gradient.slideshow__text--left.slideshow__text-mobile--left {
    background: none !important;
}

.banner__box {
    padding: 0rem 0rem !important;
}

@media (max-width: 749px) {
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-0874f4bd-6fb5-42ec-baad-43dc48115a89.gradient.slideshow__text--left.slideshow__text-mobile--left {
    padding: 1em 10em 1em 1em !important;
}
#Slider-template--26510508228872__slideshow_BeUQrR .slideshow__media img {
    object-position: 65% center !important;
}
}


.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--left.slideshow__text-mobile--center {
    display: none !important;
}


/* Slideshow à hauteur viewport (section spécifique) */
#shopify-section-template--26510508228872__slideshow_BeUQrR{
  --H-desktop: 50vh;   /* hauteur relative au viewport */
  --H-mobile: 60vh;
}

/* Utilise dvh si dispo (meilleur sur mobile iOS/Android) */
@supports (height: 1dvh) {
  #shopify-section-template--26510508228872__slideshow_BeUQrR{
    --H-desktop: 50dvh;
    --H-mobile: 75dvh;
  }
}

/* Applique la hauteur partout dans le slider */
#shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow.banner,
#shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow__slide,
#shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow__media,
#shopify-section-template--26510508228872__slideshow_BeUQrR .banner__media.media,
#shopify-section-template--26510508228872__slideshow_BeUQrR .banner__content{
  height: var(--H-desktop) !important;
  min-height: 0 !important;
}

/* Supprime le ratio par padding de Dawn */
#shopify-section-template--26510508228872__slideshow_BeUQrR .banner__media.media{
  padding-bottom: 0 !important;
}

/* Image en cover */
#shopify-section-template--26510508228872__slideshow_BeUQrR .banner__media img{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* Aligne verticalement le bloc texte */
#shopify-section-template--26510508228872__slideshow_BeUQrR .banner__content{
  display: flex;
  align-items: center;
}

/* Breakpoint mobile */
@media (max-width: 749px){
  #shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow.banner,
  #shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow__slide,
  #shopify-section-template--26510508228872__slideshow_BeUQrR .slideshow__media,
  #shopify-section-template--26510508228872__slideshow_BeUQrR .banner__media.media,
  #shopify-section-template--26510508228872__slideshow_BeUQrR .banner__content{
    height: var(--H-mobile) !important;
  }
}





/* Couvre toute la bannière et la rend cliquable */
#Banner-template--26510508228872__slideshow_BeUQrR {
  position: relative;
}

.slideshow__slide {
  position: relative;
}

.slideshow__slide .slideshow-click-overlay {
  position: absolute;
  inset: 0;              /* top:0; right:0; bottom:0; left:0 */
  z-index: 5;
  display: block;
  text-decoration: none;
  cursor: pointer;
}



/* Rend la barre de contrôles transparente et superposée au slideshow */
.slideshow__controls.slideshow__controls--top.slider-buttons {
    position: absolute;
    bottom: 20px; /* distance par rapport au bas de la bannière */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10;
    background: transparent !important;
    pointer-events: auto; /* pour garder les boutons cliquables */
}

/* Supprime tout fond / bordure résiduel de la barre de contrôles */
.slideshow__controls.slideshow__controls--top.slider-buttons {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Au cas où le thème ajoute des traits via des pseudo-éléments */
.slideshow__controls.slideshow__controls--top.slider-buttons::before,
.slideshow__controls.slideshow__controls--top.slider-buttons::after {
  content: none !important;
  border: none !important;
  background: transparent !important;
}


.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: rgb(255 255 255) !important;
}

.slider-counter__link {
    padding: 0.4rem !important;
}

.slider-button {
    color: rgb(255 255 255) !important;
}

.slideshow__autoplay path {
    fill: rgb(255 255 255) !important;
}

span.dot {
    background: #ffffff7a;
    border: none !important;
}

/* Empêche qu'elle prenne de la place */
.shopify-section .slideshow__controls {
    height: 0;
    padding: 0;
    margin: 0;
}


/* ==== Barre d'annonce  ==== */


/* Corrige le décalage horizontal de la barre d’annonce sur mobile */
.utility-bar__grid,
.announcement-bar__announcement,
.announcement-with-timer {
  width: 100%;
  justify-content: center !important;
  text-align: center !important;
}

/* Empêche le slider d'étirer le contenu sur la droite */
.announcement-bar-slider {
  justify-content: center !important;
}

/* Centrer le slide contenant le timer */
.slider__slide {
  display: flex !important;
  justify-content: center !important;
}


.announcement-bar__announcement .announcement-bar__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* Wrapper texte + timer : texte AU-DESSUS, timer EN DESSOUS */
.announcement-with-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}


/* Container du bloc timer */
.bf-timer {
    display: inline-flex;
    gap: 5px;
}

/* Chaque unité (jours, heures, minutes) */
.bf-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Les chiffres */
.bf-value {
    background: #5bc5c7;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
    min-width: 38px;
    text-align: center;
}



/* Les labels (DAYS, HOURS, MINUTES) */
.bf-label {
    margin-top: 1px;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.10em;
    color: #5bc5c7;
    text-transform: uppercase;
    text-align: center;
}

/* Les séparateurs ":" entre les blocs */
.bf-sep {
  font-size: 20px;
  font-weight: 700;
  color: #5bc5c7;
  margin: 0 2px;
  line-height: 1;
}



/* ==== Page produits  ==== */





.banner__box.content-container.content-container--full-width-mobile.color-scheme-0874f4bd-6fb5-42ec-baad-43dc48115a89.gradient {
    background: none !important;
}


/* ==== Panier  ==== */

.cart-item__discounted-prices {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
}

.cart-item__old-price {
  color: #9AA8B2;
  font-size: 0.9em;
}

.cart-item__saving {
  font-size: 0.85em;
  font-weight: 600;
  color: #0AA9A0; /* vert H2UP */
}


.product-option {
    font-size: 1.8rem;
    word-break: break-word;
    line-height: calc(1 + .5 / var(--font-body-scale));
    margin-top: 10px;
}

.drawer__heading {
    font-weight: 500 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.cart__checkout-button {
    max-width: 36rem !important;
}


/* ==== Page d'article de blog  ==== */

a.full-unstyled-link {
    font-weight: 500;
}


#shopify-section-template--26510507868424__main p {
    font-size: 14px;
}

.table-of-contents {
  background: #f9fafb;
  padding: 1.5rem 1.75rem;
  border-radius: 12px;
  margin: 2.5rem 0;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.table-of-contents .toc-title {
    font-weight: 400;
    letter-spacing: 0.03em;
    margin: 0rem 0rem 1rem 0rem !important;
}

.table-of-contents ol {
  list-style: decimal;
  padding-left: 1.25rem;
  margin: 0;
}

.table-of-contents li {
  margin: 0.4rem 0;
  line-height: 1.5;
}

.table-of-contents a {
  color: #0096c7;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.table-of-contents a:hover {
  color: #0077a8;
  text-decoration: underline;
}



.article-template__hero-adapt.media {
  max-width: 72.6rem;
  margin: auto;
  padding-bottom: 25% !important;
}


@media (max-width: 749px) {
  .article-template__hero-adapt.media {
    max-width: 72.6rem;
    margin: auto;
    padding-bottom: 56% !important;
  }
}



/* ==== 4 icones ==== */
span {
    margin-left: 12px;
}
p.product__text.inline-richtext.subtitle {
    border: solid 2px #546579;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    display: inline-block;
}
.product-four-icons.lines.quick-add-hidden {
  background: #f5f5f5;
  padding: 6px;
}
.product-four-icons .rx-col-6 span {
  margin-right: 9px;
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 500;
}
.product-four-icons .mb-2 {
  margin-bottom: 10px;
}
.product-four-icons.lines.quick-add-hidden {
  border-radius: 15px;
}
  .rx-col-6 {
    margin-bottom: 6px;
    margin-top: 6px;
  }
@media (max-width: 749px) {
  .product-four-icons .mb-2 {
  }
  .rx-col-6 {
    margin-bottom: 10px;
  }
.product-four-icons.lines.quick-add-hidden img {
    margin-right: 2px !important;
    height: 2em;
    width: 2em;
    margin-bottom: -.25em;
}
.product-four-icons .rx-col-6 span {
    margin-right: 9px;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 100;
}

}

/* ==== Formule pensée pour votre bien-être ==== */

.multicolumn-card.content-container {
  background: white;
}

#shopify-section-template--26510508458248__multicolumn_TeVBBF h4 {
  font-weight: 100;
}

#shopify-section-template--26510508458248__multicolumn_TeVBBF h3.inline-richtext {
    line-height: 24px !important;
    margin-bottom: -6px !important;;
}




/* ==== 3 petites étapes ==== */

#shopify-section-template--26510508228872__icons_with_text_XaX47M p {
    margin: auto;
    width: 75%;
}

h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in.text-center {
    margin-bottom: 5px !important;
}


#shopify-section-template--27075418652936__icons_with_text_CFRqP7 h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in.text-center {
    margin-bottom: 22px !important;
}


.icon-image.media {
    background: none !important;
}

.icon-image.media {
  background: none !important;
}
@media (max-width: 749px) {
.icon-image.media {
    width: 60px !important;
    height: 45px;
  }
  p {
    font-size: 12px;
  }
 .grid {
    display: flex;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing);
    flex-direction: row;
    flex-wrap: wrap;
  }
.grid.grid--3-col-desktop.grid--2-col-tablet-down {
    justify-content: center;
}

}



/* ==== Pourquoi chosir H2UP ==== */

.image-with-text__content {
    padding: 6rem 4rem 7rem !important;
}

@media (max-width: 749px) {
.image-with-text__content {
    padding: 0rem !important;
}
  }

@media (max-width: 749px) {
  .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--3-col-tablet.image-with-text__grid--reverse {
    flex-direction: column-reverse;
  }0
  #shopify-section-template--26720114049288__image_with_text_BiP9Qa div#ImageWithText--template--26720114049288__image_with_text_BiP9Qa {
    padding: 1em !important;
}
}


/* ==== Des formules saines, efficaces et transparentes.
 ==== */
 
/* Même hauteur pour toutes les cartes */
.icons-with-text .swiper-wrapper {
  align-items: stretch !important; /* étire toutes les slides à la même hauteur */
}

#shopify-section-template--26720114049288__icons_with_text_G7MHTF .icons-with-text svg.placeholder {
    background: none !important;
}

#shopify-section-template--26720114049288__icons_with_text_G7MHTF .icons-with-text .grid__item.swiper-slide {
    background-color: white;
    border-radius: 15px;
    padding: 0em 1.5em 0em;
    height: auto;
    text-align: left !important;
    padding: 1em 2em 0em !important;
}

#shopify-section-template--26720114049288__icons_with_text_G7MHTF .icons-with-text .icon-image {
    width: 65px;
    padding-bottom: 65px;
    margin: 0 !important;
}


#shopify-section-template--26720070893832__icons_with_text_G7MHTF .icons-with-text svg.placeholder {
    background: none !important;
}

#shopify-section-template--26720070893832__icons_with_text_G7MHTF .icons-with-text .grid__item.swiper-slide {
    background-color: white;
    border-radius: 15px;
    padding: 0em 1.5em 0em;
    height: auto;
    text-align: left !important;
    padding: 1em 2em 0em !important;
}

#shopify-section-template--26720070893832__icons_with_text_G7MHTF .icons-with-text .icon-image {
    width: 65px;
    padding-bottom: 65px;
    margin: 0 !important;
}




#shopify-section-template--26720113950984__icons_with_text_G7MHTF .icons-with-text svg.placeholder {
    background: none !important;
}



#shopify-section-template--26720113950984__icons_with_text_G7MHTF .icons-with-text .grid__item.swiper-slide {
    background-color: white;
    border-radius: 15px;
    padding: 0em 1.5em 0em;
    height: auto;
    text-align: left !important;
    padding: 1em 2em 0em !important;
}

#shopify-section-template--26720113950984__icons_with_text_G7MHTF .icons-with-text .icon-image {
    width: 65px;
    padding-bottom: 65px;
    margin: 0 !important;
}

@media (max-width: 749px) {
#shopify-section-template--26510508458248__icons_with_text_G7MHTF .section-template--26510508458248__icons_with_text_G7MHTF-padding .icons-with-text .icon-image {
    width: 65px !important;
    padding-bottom: 65px;
    margin: 0 !important;
}
}


/* ==== On oublie souvent de boire…  ==== */

.grid__item.swiper-slide {
    background: white;
    border-radius: 15px;
    padding: 1em 0em 2em;
}



.icons-with-text .icon-content p {
  color: #434343;
}


/* ==== Notre engagement  ==== */

#Banner-template--26510508228872__image_banner_nHTU8z .banner__box.content-container.content-container--full-width-mobile.color-scheme-b704d456-8574-4edd-9644-e25ea62fe10f.gradient {
    background: none;
}

#shopify-section-template--26510508228872__image_banner_nHTU8z h2.banner__heading.inline-richtext.h1 {
    color: white;
}

#shopify-section-template--26510508228872__image_banner_nHTU8z .banner__text.rte.body {
    color: white;
}


/* ==== Une routine d’hydratation ==== */

#shopify-section-template--27099743584520__icons_with_text_G7MHTF h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in.text-center {
    margin-bottom: 20px !important;
}



#shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(1) {
    background: #ffb9882b;
    padding: 1em 2em 2em;
    border-radius: 15px;
}

#shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(2) {
    background: #e0f0ff;
    padding: 1em 2em 2em;
    border-radius: 15px;
}

#shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(3) {
    background: #b7e5b763;
    padding: 1em 2em 2em;
    border-radius: 15px;
}

#shopify-section-template--26510508228872__icons_with_text_fzCYGn .icons-with-text .icon-title, .icons-with-text .icon-content {
    line-height: 1.5;
}

@media (max-width: 749px) {
  #shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(1) {
    background: #ffb9882b;
    padding: 1em 1em 1em;
    border-radius: 15px;
}

#shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(2) {
    background: #e0f0ff;
    padding: 1em 1em 1em;
    border-radius: 15px;
}

#shopify-section-template--26510508228872__icons_with_text_fzCYGn .grid__item:nth-child(3) {
    background: #b7e5b763;
    padding: 1em 1em 1em;
    border-radius: 15px;
}
}



/* ==== Footer réassurance  ==== */

#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .grid__item {
  display: grid !important;
  grid-template-columns: auto 1fr !important; /* icône | bloc texte */
  grid-auto-rows: auto;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 0px !important;
  text-align: left !important;
}

/* Icône sur 2 lignes */
#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-image {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  flex-shrink: 0;
}

/* Titre au-dessus du texte */
#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 0 1px 0 !important; /* espace réduit entre titre et texte */
}

/* Texte sous le titre */
#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-content {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
}

/* Tailles typographiques optionnelles */
#shopify-section-sections--26510508622088__icons_with_text_HGcein .icon-title {
  font-size: 0.85em;
}

#shopify-section-sections--26510508622088__icons_with_text_HGcein .icon-content.rte {
  font-size: 0.8em;
}

/* Taille des icônes dans cette section */
#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-image {
  width: 40px !important;      /* largeur de l’icône */
  height: 40px !important;     /* hauteur si nécessaire */
  padding-bottom: 0 !important; /* empêche le carré gris trop grand */
}

#shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-image svg {
  width: 100% !important;
  height: auto !important;
}


@media (max-width: 749px) {
  /* La grille devient une colonne centrée */
  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
  }

  /* Chaque bloc centré avec largeur étendue */
  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .grid__item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0px !important;
    width: 100% !important;         /* ← occupe toute la largeur du parent */
    max-width: 320px !important;    /* ← tu peux tester 320px, 360px, 400px selon ton design */
  }

  /* Icônes */
  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-image {
    margin: 0 auto !important;
    width: 35px !important;
    height: 35px !important;
    padding-bottom: 0 !important;
  }

  /* Espace entre titre et texte */
  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-title {
    margin-bottom: 2px !important;
  }

  /* Texte sous le titre */
  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-content {
    width: 100% !important;
    max-width: 280px !important; /* ← augmente la largeur du texte */
    line-height: 1.6 !important;
  }

  #shopify-section-sections--26510508622088__icons_with_text_HGcein .icons-with-text .icon-content p {
    margin: 0 auto !important;
  }
}







/* Met le texte à gauche et l'image à droite */
.multicolumn-card {
  display: flex !important;
  flex-direction: row-reverse !important; /* image à droite */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  text-align: left !important;
}

/* Ajuste la taille de l’image */
.multicolumn-card__image-wrapper {
  flex: 0 0 140px !important;  /* largeur fixe de l’image */
  max-width: 140px !important;
  margin: 0 !important;
}

/* Force l’image à s’adapter dans son conteneur */
.multicolumn-card__image {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Le bloc texte prend le reste de la place */
.multicolumn-card__info {
  flex: 1 1 auto !important;
  padding: 1em 7em 2em 2em !important;
}

.multicolumn.background-primary .multicolumn-card {
    background: white !important;
}

@media (max-width: 749px) {
  .multicolumn-card {
    position: relative !important;
    padding-right: 0 !important;
  }

  /* Image à droite du titre — un peu plus grande */
    .multicolumn-card__image-wrapper {
        position: absolute;
        top: 11px;
        right: 0 !important;
        max-width: 80px !important;
        width: 100% !important;
        margin: 0 !important;
    }

  /* Neutralise le comportement du thème */
  .multicolumn-card__image-wrapper .media {
    padding-bottom: 0 !important;
    height: auto !important;
    position: static !important;
    width: 100% !important;
  }

  .multicolumn-card__image-wrapper .media > img,
  .multicolumn-card__image {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Laisse un peu plus de place au texte pour ne pas chevaucher l’image */
  .multicolumn-card__info {
    padding: 1em 1em 1em 1em !important;
    text-align: left !important;
  }

  .multicolumn-card-spacing {
    padding-top: 0 !important;
  }

  .multicolumn-card.content-container {
    padding-right: 0 !important;
  }


   #shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__image-wrapper {
      position: absolute;
      top: 0px;
      right: 0 !important;
      max-width: 90px !important;
      width: 100% !important;
      margin: 0 !important;
  }
  #shopify-section-template--26720070893832__multicolumn_hTtmjM h3.inline-richtext {
    line-height: 8px;
    margin-top: 15px;
}
}



 /* Chaque pastille H2UP remplace une boisson en bouteille plastique */

/* Agrandir la section texte environnement */
#shopify-section-template--26510508228872__rich_text_t69AWw .rich-text__blocks {
        max-width: 85rem !important;
    }

@media (max-width: 749px) {
h2.rich-text__heading.rte.inline-richtext.h2.scroll-trigger.animate--slide-in {
    font-size: medium;
}
}


 /* Fruit de la passion • fraise */


 #ProductInfo-template--26720114049288__main p.product__text.inline-richtext.subtitle {
    border: solid 2px #546579;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
}

@media (max-width: 749px) {
p.product__text.inline-richtext.subtitle {
  font-size: 14px !important;
}
}


 /* Menthe • Citron • Pamplemousse */

 #shopify-section-template--26720113950984__multicolumn_hTtmjM .multicolumn-card__info {
    flex: 1 1 auto !important;
    padding: 1em 0em 2em 2em !important;
}

 #ProductInfo-template--26720114049288__main p.product__text.inline-richtext.subtitle {
    border: solid 2px #546579;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    display: inline-block;
}



 /* Noix de coco */

 .product__title {
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

p.product__text.inline-richtext {
    margin-top: 0px !important;
}


#ProductInfo-template--26720070893832__main p.product__text.inline-richtext.subtitle {
    border: solid 2px #546579;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    display: inline-block;
}

h3.inline-richtext {
    line-height: 14px !important;
    margin-top: 15px !important;
}



#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card {
  position: relative; /* Permet de positionner l’image en absolu à l’intérieur */
  overflow: hidden; /* Facultatif : évite que l’image dépasse */
}

#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__image-wrapper {
    position: absolute !important;
    top: -25px;
    right: 0rem;
    width: 130px;
    height: auto;
    max-width: 100% !important;
    flex: unset !important;
    margin: 0 !important;
}

#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
}


#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__info {
    flex: 1 1 auto !important;
    padding: 1em 5em 2em 2em !important;
}




@media (max-width: 749px) {
#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__info {
    flex: 1 1 auto !important;
    padding: 0em 2em 1em 1em !important;
}
#shopify-section-template--26720070893832__multicolumn_hTtmjM .multicolumn-card__image-wrapper {
    position: absolute !important;
    top: 0px !important;
    left: 20em;
    width: 24% !important;
    height: auto;
    max-width: 100% !important;
    flex: unset !important;
    margin: 0 !important;
}
}


span {
    margin-left: 0px !important;
}



.loop-widget-sp-selector-label {
    display: none;
}



  /* Card content */




  
@media (max-width: 749px) {
#shopify-section-template--26510507966728__product-grid .card__heading.h5 {
    font-size: 16px !important;
    font-weight: 500;
}
#shopify-section-template--26510507966728__product-grid .grid.grid--3-col-desktop.grid--2-col-tablet-down {
        justify-content: normal;
    }
}


  
.card__heading.h5 {
    font-size: 20px !important;
    font-weight: 500;
}

.card .price {
    font-weight: 100 !important;; 
}

.card__badge.far-top {
    position: absolute !important;
    width: 100%;
    display: flex !important;
    justify-content: left !important;
    gap: 5px !important;
    top: 10px !important;
    left: 11px !important;
}

.badge {
    border-radius: 3px;
    display: flex;
    justify-content: left;
    font-size: 1.4rem;
    font-weight: 500 !important;
    letter-spacing: 0px;
    line-height: 1;
    padding: 5px 8px 5px;
    text-align: center;
    background-color: #ffffffcf;
    color: #000000c7;
    word-break: break-word;
    text-transform: uppercase;
    box-shadow: none !important;
}



.lds-section-header[data-v-8dec3a61] .lds-section {
    padding: 20px;
    display: none !important;
}

.card .button {
    font-weight: 200 !important;
}


  /* Judge Me */

span.jdgm-rev__author {
    color: #485a6f !important;
}

.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow {
    color: #485a6f !important;
}

a.jdgm-write-rev-link {
    background: #57b4b6 !important;
    border: 0px !important;
    border-radius: 50px !important;
}

a.jdgm-star.jdgm--off {
    color: #57b4b6 !important;
}

a.jdgm-star.jdgm--on {
    color: #57b4b6 !important;
}

.jdgm-write-review-modal__nav-btn {
        border-radius: 50px !important;
        background-color: #57b4b6 !important;
        color: #ffffff;
    }

  .jdgm-histogram__bar-content {
  background-color: #57b4b6 !important;
}

.jdgm-rev__author {
    color: #57b4b6 !important;
}


h3.inline-richtext {
  line-height: 24px !important;
  margin-top: 15px !important;
}
h4 {
  margin-top: -6px !important;
}
a.jdgm-paginate__page {
  color: #57b4b6;
}
.accordion {
  font-size: 14px;
}



  /* Footer */


@media screen and (max-width: 749px) {
a.link.link--text.list-menu__item.list-menu__item--link {
    justify-content: left;
}
h2.footer-block__heading.inline-richtext {
    text-align: left !important;
}
}

    .footer {
        margin-top: 0px !important;
    }

    input#NewsletterForm--sections--26510508622088__newsletter_zLN7bm {
    background: white !important;
}


/* ---- CIBLAGE : footer-block--menu avec --animation-order: 1 ---- */
.footer-block--menu[style*="--animation-order: 1"] .footer-block__details-content li {
  position: relative;
  padding-left: 28px;           /* espace réservé à l’icône */
  line-height: 1.6;
}

/* Base de l’icône (utilise currentColor → suit la couleur du lien / hover) */
.footer-block--menu[style*="--animation-order: 1"] .footer-block__details-content li::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-size: contain;
  /* on teinte via mask (meilleure méthode que fill des data-uri) */
  -webkit-mask: none;
          mask: none;
  opacity: .95;
}

/* Base : préparer la place et positionner l’icône */
.footer__blocks-wrapper .footer-block--menu .footer-block__details-content li {
  position: relative;
  padding-left: 32px;        /* espace pour l’icône à gauche */
  line-height: 1.6;
}

.footer__blocks-wrapper .footer-block--menu .footer-block__details-content li::before {
  content: "";
  position: absolute;
  left: 0;                   /* icône à gauche du texte */
  width: 20px;
  height: 20px;
  background-color: currentColor;     /* couleur de l’icône = couleur du texte */
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* ----- Bloc 1 : "Une question ?" ----- */
/* 1) FAQ */


.collapsible-content__heading {
    margin-bottom: 10px !important;
    font-size: x-large !important;
    text-align: left !important;
}

@media screen and (max-width: 749px) {
.collapsible-content__heading {
    margin-bottom: 0rem !important;
    margin-top: 0 !important;
}
}

.footer__blocks-wrapper .footer-block--menu:first-of-type
.footer-block__details-content li:nth-child(1)::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0-5.25c-.41 0-.75-.34-.75-.75 0-1.2.73-1.86 1.45-2.47.67-.56 1.3-1.08 1.3-1.88 0-1.1-.9-2-2-2s-2 .9-2 2c0 .41-.34.75-.75.75S8.5 8.06 8.5 7.25C8.5 5.18 10.18 3.5 12.25 3.5S16 5.18 16 7.25c0 1.69-1.13 2.63-1.94 3.32-.61.51-1.06.89-1.06 1.43 0 .41-.34.75-.75.75Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0-5.25c-.41 0-.75-.34-.75-.75 0-1.2.73-1.86 1.45-2.47.67-.56 1.3-1.08 1.3-1.88 0-1.1-.9-2-2-2s-2 .9-2 2c0 .41-.34.75-.75.75S8.5 8.06 8.5 7.25C8.5 5.18 10.18 3.5 12.25 3.5S16 5.18 16 7.25c0 1.69-1.13 2.63-1.94 3.32-.61.51-1.06.89-1.06 1.43 0 .41-.34.75-.75.75Z"/></svg>');
}

/* 2) Nous contacter */
.footer__blocks-wrapper .footer-block--menu:first-of-type
.footer-block__details-content li:nth-child(2)::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4.25-8 5-8-5V6l8 5 8-5v2.25Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4.25-8 5-8-5V6l8 5 8-5v2.25Z"/></svg>');
}

/* 3) Téléphone */
.footer__blocks-wrapper .footer-block--menu:first-of-type
.footer-block__details-content li:nth-child(3)::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 10.2c1.2 2.4 3 4.3 5.4 5.4l1.8-1.8a1 1 0 0 1 1.1-.24c1 .4 2.1.62 3.1.62a1 1 0 0 1 1 1V18a2 2 0 0 1-2 2C9.7 20 4 14.3 4 7a2 2 0 0 1 2-2h2.76a1 1 0 0 1 1 1c0 1.08.21 2.11.62 3.1a1 1 0 0 1-.24 1.12L6.6 10.2Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 10.2c1.2 2.4 3 4.3 5.4 5.4l1.8-1.8a1 1 0 0 1 1.1-.24c1 .4 2.1.62 3.1.62a1 1 0 0 1 1 1V18a2 2 0 0 1-2 2C9.7 20 4 14.3 4 7a2 2 0 0 1 2-2h2.76a1 1 0 0 1 1 1c0 1.08.21 2.11.62 3.1a1 1 0 0 1-.24 1.12L6.6 10.2Z"/></svg>');
}

/* Option : léger hover */
.footer__blocks-wrapper .footer-block--menu:first-of-type .footer-block__details-content a:hover {
  color: #0C2440BF;
}


/* Limiter les icônes AU PREMIER bloc menu ("Une question ?") */
.footer__blocks-wrapper .footer-block--menu:first-of-type .footer-block__details-content li {
  position: relative;
  padding-left: 32px;
}
.footer__blocks-wrapper .footer-block--menu:first-of-type .footer-block__details-content li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;   mask-position: center;
}

/* REMISE À ZÉRO pour tous les autres blocs menu (ex: "A propos :") */
.footer__blocks-wrapper .footer-block--menu:not(:first-of-type) .footer-block__details-content li {
  padding-left: 0;              /* pas d’espace pour une icône */
}
.footer__blocks-wrapper .footer-block--menu:not(:first-of-type) .footer-block__details-content li::before {
  content: none !important;     /* supprime le pseudo-élément */
  -webkit-mask: none !important;
  mask: none !important;
  background: none !important;
}

/* Retirer l'icône du dernier item */
.footer__blocks-wrapper .footer-block--menu:first-of-type
.footer-block__details-content li:last-child {
  padding-left: 0; /* enlève l'espace réservé à l'icône */
}

.footer__blocks-wrapper .footer-block--menu:first-of-type
.footer-block__details-content li:last-child::before {
  content: none;
  display: none;
}


a.link.link--text.list-menu__item.list-menu__item--link[href="https://h2up.fr/contact"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  opacity: 0.8;
  color: inherit;
}