<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js ie9 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 no-js"> <![endif]-->
<!-- [if !IE]><! -->
<html class="not-ie no-js" lang="fr">
<!-- <![endif] -->
<head>
<link rel="preconnect" href="https://t.contentsquare.net">
<link rel="preconnect" href="https://script.hotjar.com">
<link rel="preconnect" href="https://bigblueprod-fast-tags.web.app">
<link rel="preconnect" href="https://static.klaviyo.com">
<link rel="preconnect" href="https://analytics.tiktok.com">
<link rel="preconnect" href="https://cdn.judge.me">
<link rel="preconnect" href="https://cdn1.judge.me">
<link rel="preconnect" href="https://config.gorgias.chat">
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preload" href="https://script.crazyegg.com/pages/abtests-scripts/0122/7442/unbottled.co.css" as="style" />
<!-- CrazyEgg Flicker Tag -->
<link href="https://script.crazyegg.com/pages/abtests-scripts/0122/7442/unbottled.co.css" rel="stylesheet">
<!-- Intelligems Tag -->
<script>
window.Shopify = window.Shopify || {theme: {id: 175309226320, role: 'main' } };
window._template = {
directory: "",
name: "article",
suffix: ""
}
</script><script type="text/javascript" id="dataStore">window.discount_array = [0,5,10,15,15,20,20,25]
window.dataStore = {
"cart": {
"items_count": 0,
"discounted_items_count": 0,
"total_amount": parseFloat(parseFloat(0/ 100).toFixed(2)),
"total_amount_discounted": 0,
"total_discount": 0,
"discount_percentage": 0
},
"cart_products": {}
};
window.dataBundle = {};
window.cartNote = "";
window.cart ={"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
// init dataStore.cart_productsScript
/*calculate the qnt*/// Convert the data object to a JSON string
var dataStoreString = JSON.stringify(dataStore);
var dataBundleString = JSON.stringify(dataBundle);
// Store the JSON string in the session storage
localStorage.setItem('dataStore', dataStoreString);
localStorage.setItem('dataBundle', dataBundleString);
</script>
<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/b7ba264d1a70/bundle.js" async></script>
<script type="text/javascript">
// Create a new MutationObserver to watch for changes in the DOM.
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
mutation.addedNodes.forEach((node) => {
// Check if the added node is a SCRIPT element.
if (node.nodeType === 1 && node.tagName === "SCRIPT") {
// If the script"s src matches certain patterns, modify its attributes.
if (node.src.includes("klaviyo") ||
node.src.includes("bigblueprod") ||
node.src.includes("wisepops")) {
node.setAttribute("data-src", node.src);
node.removeAttribute("src");
node.type = 'text/lazyload';
}
}
});
});
});
// Start observing the document for changes.
observer.observe(document.documentElement, { childList: true, subtree: true });
window.observer = observer;
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"/><meta name="description" content="Chez Unbottled, notre mission est simple : révolutionner votre routine de douche en vous proposant des produits solides et zéro déchet."><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/32127058055/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="b6d948dc1d499d798c6ef12dfa428c5e">
<meta id="in-context-paypal-metadata" data-shop-id="32127058055" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" type="application/atom+xml" title="Feed" href="https://feedproxy.google.com/journal" />
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"b6d948dc1d499d798c6ef12dfa428c5e","betas":["rich-media-storefront-analytics"],"domain":"unbottled.co","predictiveSearch":true,"shopId":32127058055,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "unbottled-test.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"JC - Untb v2.7.4 (250506) - Palais des Thés","id":175309226320,"schema_name":"Palo Alto","schema_version":"2.4.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "unbottled.co/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"article"}</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/hotjar.dualsidedapp.com\/script.js?shop=unbottled-test.myshopify.com","https:\/\/aiodstag.cirkleinc.com\/?shop=unbottled-test.myshopify.com","https:\/\/cdn1.judge.me\/assets\/installed.js?shop=unbottled-test.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCCAX3BVJYDWBN5TH6T5RYH?source=shopify1click\u0026shop=unbottled-test.myshopify.com","https:\/\/d18eg7dreypte5.cloudfront.net\/browse-abandonment\/v2\/browse_abandonment.js?shop=unbottled-test.myshopify.com","https:\/\/wisepops.net\/loader.js?v=2\u0026h=GuTKVpTb5k\u0026shop=unbottled-test.myshopify.com","https:\/\/d2badvwg0mti9p.cloudfront.net\/script.js?shop=unbottled-test.myshopify.com\u0026shop=unbottled-test.myshopify.com","https:\/\/bigblueprod-fast-tags.web.app\/shopify\/main.js?shop=unbottled-test.myshopify.com#eyJhbGciOiJFUzI1NiIsImtpZCI6InExZHNwamdqdGUiLCJ0eXAiOiJKV1QifQ.eyJleHAiOjE3NDY5OTUwNDcsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJp","https:\/\/bigblueprod-fast-tags.web.app\/shopify\/2.js?shop=unbottled-test.myshopify.com#Z2JsdWUuY28vIiwic3ViIjoic191bmJ0MDAwMSJ9.Xg8cnqOLIicLgI0KeV8W8Ency3L_vcDk3BL2ni2IQBnISRxb9LzVM8YrmspnFmrSGC62V5rRhrj_uEbY4h-cyw","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=f744b173-0969-4870-8f90-cb664710bf5d\u0026shop=unbottled-test.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":32127058055,"offset":7200,"reqid":"6ea31dd7-5b2c-4647-97e7-7d10526ebc8f-1746809854","pageurl":"unbottled.co\/blogs\/journal\/comment-unbottled-reinvente-le-shampoing-solide-zero-dechet","s":"articles-677955633488","u":"be81b1e8ca1c","p":"article","rtyp":"article","rid":677955633488};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//unbottled.co/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" media="screen" href="https://unbottled.co/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 60px;
}
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- /snippets/social-meta-tags.liquid -->
<meta property="og:site_name" content="Unbottled">
<meta property="og:url" content="https://unbottled.co/blogs/journal/comment-unbottled-reinvente-le-shampoing-solide-zero-dechet">
<meta property="og:title" content="Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?">
<meta property="og:type" content="article">
<meta property="og:description" content="Chez Unbottled, notre mission est simple : révolutionner votre routine de douche en vous proposant des produits solides et zéro déchet. Fini les bouteilles en plastique, place aux alternatives efficaces et agréables à utiliser, avec un respect total de l'environnement. Dans cet article, nous vous dévoilons les coulisses de la création de nos produits, y compris le shampoing solide, un de nos best-sellers.Une Marque Engagée pour Mère NatureUnbottled a été fondée avec la conviction que chaque geste compte pour préserver notre planète. Nous nous engageons à remplacer toutes les bouteilles en plastique de votre salle de bain par des produits solides, comme notre shampoing solide, qui allie praticité, efficacité et respect de l’environnement.Le Développement d’un Produit SolideLa création de chaque produit commence par une question simple : quel produit changerait vraiment votre vie ? Nous sollicitons nos clients pour savoir ce dont ils ont besoin et nous choisissons le produit qui reçoit le plus de votes. C'est ainsi que nous avons développé des produits solides adaptés à tous vos besoins de beauté, y compris notre shampoing solide.Une fois le produit sélectionné, nous collaborons avec notre laboratoire partenaire pour élaborer la meilleure formule possible. Nous privilégions des ingrédients simples, traçables, locaux et écoresponsables. Nous excluons toute substance néfaste comme les silicones, les parabènes, les sulfates ou le phénoxyéthanol, pour vous garantir des produits sûrs et respectueux de votre peau.Création du Design et de la FormulationUne fois la formule en place, il est temps de passer à l'étape suivante : le design et les tests. Nous mettons un point d'honneur à développer des produits qui soient non seulement efficaces, mais aussi esthétiques. Pour cela, des dizaines de tests sont effectués sur les couleurs, les matières et bien sûr, les parfums.Tout ceci pour trouver la formule parfaite, celle qui ravira vos sens à chaque utilisation. Une fois cette étape validée, nous vous faisons tester le produit en avant-première pour recueillir vos avis et nous assurer que vous serez pleinement satisfaits.La Production Made in FranceLorsque tout est validé, nous lançons la production dans le sud de la France. Chaque produit, comme notre shampoing solide, passe par plusieurs étapes de fabrication rigoureuses avant de ressortir sous sa forme finale.Notre production est un gage de qualité, et les retours sont unanimes. Les dizaines de milliers d'avis 5 étoiles que nous avons reçus témoignent de l’efficacité et de l'appréciation de nos clients. Le shampoing solide, comme tous nos produits, est apprécié pour sa capacité à rendre vos cheveux propres, doux et brillants tout en respectant l'environnement.Conclusion : Un Choix Conscient pour Votre DoucheLe shampoing solide Unbottled fait bien plus que nettoyer vos cheveux : il participe à un geste quotidien pour la planète. En optant pour nos produits, vous faites le choix d'un soin efficace, naturel et sans plastique, qui respecte à la fois votre peau et l'environnement. Si vous n’avez pas encore essayé notre shampoing solide, c'est le moment de faire le pas vers une salle de bain zéro déchet et pleine de bien-être. ">
<meta property="og:image" content="http://unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33_1200x1200.jpg?v=1744713955">
<meta name="twitter:image" content="http://unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33_1200x1200.jpg?v=1744713955">
<meta property="og:image:secure_url" content="https://unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33_1200x1200.jpg?v=1744713955">
<meta name="twitter:image:secure_url" content="https://unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33_1200x1200.jpg?v=1744713955">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?">
<meta name="twitter:description" content="Chez Unbottled, notre mission est simple : révolutionner votre routine de douche en vous proposant des produits solides et zéro déchet. Fini les bouteilles en plastique, place aux alternatives efficaces et agréables à utiliser, avec un respect total de l'environnement. Dans cet article, nous vous dévoilons les coulisses de la création de nos produits, y compris le shampoing solide, un de nos best-sellers.Une Marque Engagée pour Mère NatureUnbottled a été fondée avec la conviction que chaque geste compte pour préserver notre planète. Nous nous engageons à remplacer toutes les bouteilles en plastique de votre salle de bain par des produits solides, comme notre shampoing solide, qui allie praticité, efficacité et respect de l’environnement.Le Développement d’un Produit SolideLa création de chaque produit commence par une question simple : quel produit changerait vraiment votre vie ? Nous sollicitons nos clients pour savoir ce dont ils ont besoin et nous choisissons le produit qui reçoit le plus de votes. C'est ainsi que nous avons développé des produits solides adaptés à tous vos besoins de beauté, y compris notre shampoing solide.Une fois le produit sélectionné, nous collaborons avec notre laboratoire partenaire pour élaborer la meilleure formule possible. Nous privilégions des ingrédients simples, traçables, locaux et écoresponsables. Nous excluons toute substance néfaste comme les silicones, les parabènes, les sulfates ou le phénoxyéthanol, pour vous garantir des produits sûrs et respectueux de votre peau.Création du Design et de la FormulationUne fois la formule en place, il est temps de passer à l'étape suivante : le design et les tests. Nous mettons un point d'honneur à développer des produits qui soient non seulement efficaces, mais aussi esthétiques. Pour cela, des dizaines de tests sont effectués sur les couleurs, les matières et bien sûr, les parfums.Tout ceci pour trouver la formule parfaite, celle qui ravira vos sens à chaque utilisation. Une fois cette étape validée, nous vous faisons tester le produit en avant-première pour recueillir vos avis et nous assurer que vous serez pleinement satisfaits.La Production Made in FranceLorsque tout est validé, nous lançons la production dans le sud de la France. Chaque produit, comme notre shampoing solide, passe par plusieurs étapes de fabrication rigoureuses avant de ressortir sous sa forme finale.Notre production est un gage de qualité, et les retours sont unanimes. Les dizaines de milliers d'avis 5 étoiles que nous avons reçus témoignent de l’efficacité et de l'appréciation de nos clients. Le shampoing solide, comme tous nos produits, est apprécié pour sa capacité à rendre vos cheveux propres, doux et brillants tout en respectant l'environnement.Conclusion : Un Choix Conscient pour Votre DoucheLe shampoing solide Unbottled fait bien plus que nettoyer vos cheveux : il participe à un geste quotidien pour la planète. En optant pour nos produits, vous faites le choix d'un soin efficace, naturel et sans plastique, qui respecte à la fois votre peau et l'environnement. Si vous n’avez pas encore essayé notre shampoing solide, c'est le moment de faire le pas vers une salle de bain zéro déchet et pleine de bien-être. "><link rel="canonical" href="https://unbottled.co/blogs/journal/comment-unbottled-reinvente-le-shampoing-solide-zero-dechet">
<!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdn.judge.me/">
<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"New ! ","badge_n_reviews_text":"\u003cspan class=\"jc-rating font-semibold hidden\"\u003e{{ average_rating_1_decimal }}/5 •\u003c/span\u003e {{ n }} avis","badge_star_color":"#fde16c","hide_badge_preview_if_no_reviews":false,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis clients","widget_open_form_text":"Laisser un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Actualiser la page","widget_summary_text":"{{ average_rating_1_decimal }} sur 5 ({{ number_of_reviews }} avis)","widget_no_review_text":"Soyez le premier à écrire un avis","widget_name_field_text":"Prénom \u0026 Nom","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Entrez votre prénom \u0026 nom (public)","widget_required_field_error_text":"Ce champ est obligatoire.","widget_email_field_text":"Email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Entrez votre email (privé)","widget_email_field_error_text":"Veuillez entrer une adresse email valide.","widget_rating_field_text":"Évaluation","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Avis","widget_review_body_placeholder_text":"Écrivez vos commentaires ici","widget_pictures_field_text":"Photo/Vidéo (facultatif)","widget_submit_review_text":"Soumettre l'avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Merci ! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Je vous remercie! Votre avis sera publié dès qu'il sera approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} sur {{ n_reviews }} avis.","widget_show_all_link_text":"Tout afficher","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"il y a {{ n }} jour/jours","widget_weeks_text":"il y a {{ n }} semaine/semaines","widget_months_text":"il y a {{ n }} mois","widget_years_text":"il y a {{ n }} an/ans","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire plus","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Plus récents","widget_sorting_highest_rating_text":"Meilleures notes","widget_sorting_lowest_rating_text":"Notes les plus basses","widget_sorting_with_pictures_text":"Uniquement les photos","widget_sorting_most_helpful_text":"Plus utiles","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre la question","widget_question_submit_success_text":"Merci pour votre question ! Nous vous notifierons dès qu'elle aura une réponse.","widget_star_color":"#fde16c","verified_badge_text":"Acheteur Vérifié","verified_badge_placement":"left-of-reviewer-name","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(hors boutique)","all_reviews_product_name_prefix_text":"à propos de","enable_review_pictures":true,"enable_question_anwser":true,"widget_theme":"leex","review_date_format":"dd/mm/yyyy","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_write_a_store_review_text":"LAISSER UN AVIS","widget_other_languages_heading":"Avis dans d'autres langues","widget_sorting_pictures_first_text":"Photos en premier","show_pictures_on_all_rev_page_desktop":true,"floating_tab_button_name":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","floating_tab_url":"","floating_tab_url_enabled":true,"all_reviews_text_badge_text":"Les clients nous notent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","show_stars_for_all_reviews_text_badge":true,"all_reviews_text_badge_url":"","featured_carousel_title":"Les avis","featured_carousel_count_text":"de {{ n }} clients","featured_carousel_url":"","featured_carousel_autoslide_interval":3,"featured_carousel_width":90,"featured_carousel_image_size":110,"featured_carousel_arrow_color":"#ffffff","verified_count_badge_url":"","widget_star_use_custom_color":true,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Vidéos en premier","widget_review_pending_text":"En attente","featured_carousel_items_for_large_screen":4,"social_share_options_order":"Facebook,Pinterest,LinkedIn","remove_microdata_snippet":false,"preview_badge_show_question_text":true,"preview_badge_no_question_text":"Aucune question","preview_badge_n_question_text":"{{ number_of_questions }} question / questions","qa_badge_show_icon":true,"qa_badge_icon_color":"#ff9c76","remove_judgeme_branding":true,"widget_add_search_bar":true,"widget_search_bar_placeholder":"Rechercher des avis","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_theme":"aligned","featured_carousel_full_star_background":"#ffac34","featured_carousel_empty_star_background":"#fdf2ee","featured_carousel_more_reviews_button_text":"Lire plus d'avis","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_reviews_on":"button_click","all_reviews_page_load_more_text":"Plus d'avis ici","widget_public_name_text":"affiché publiquement comme","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","widget_invalid_yt_video_url_error_text":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas dépasser {0} caractères.","widget_verified_by_shop_text":"Vérifié par la boutique","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo mise en avant sur notre page","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_reviews_button_text":"Voir les avis","widget_rating_metafield_value_type":true,"widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos \u0026 vidéos clients","widget_media_grid_see_more_text":"Voir plus","widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_verified_by_judgeme_text_in_store_medals":"Vérifié par Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} de moins de {{ size_limit }}MB.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_collected_by_judgeme_text":"collecté par Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"VOIR PLUS","widget_full_review_text":"Avis complet","widget_read_more_reviews_text":"Lire plus d'avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"Questions \u0026 Réponses","widget_verified_by_text":"Vérifié par","widget_verified_text":"Vérifié","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","custom_forms_style":"vertical","how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_gdpr_statement":"Comment nous utilisons vos données : Nous vous contacterons uniquement à propos de l'avis que vous avez laissé, et seulement si nécessaire. En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions\u003c/a\u003e, la \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e de Judge.me.","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#339999","all_reviews_product_variant_label_text":"Variante : ","widget_show_verified_branding":false,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_carousel_install_preference":true,"platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/unbottled.co","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"Unbottled","widget_version":"2.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"enable_multi_locales_translations":true,"can_be_branded":true,"reply_name_text":"Unbottled"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:not(.jdgm-prev-badge__stars)>.jdgm-star{color:#fde16c}.jdgm-histogram .jdgm-star.jdgm-star{color:#fde16c}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#fde16c}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'Unbottled'}.jdgm-rev__prod-link-prefix:before{content:'à propos de'}.jdgm-rev__variant-label:before{content:'Variante : '}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}
</style> <style class='jdgm-settings-style'></style> <script data-cfasync="false" type="text/javascript" async src="https://cdn.judge.me/shopify_v2/leex.js" id="judgeme_widget_leex_js"></script>
<link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.judge.me/shopify_v2/leex.css">
<style class='jdgm-miracle-styles'>
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync="false" type="text/javascript" async src="https://cdn.judge.me/shopify_v2.js"></script>
<link rel="stylesheet" type="text/css" media="nope!" href="https://cdn.judge.me/shopify_v2.css"
onload="this.media='all',function(){var d=document,e=d.createEvent('Event');e.initEvent('jdgm.doneLoadingCss',!0,!0),d.dispatchEvent(e)}();">
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript>
<!-- End of Judge.me Core -->
<script src="//unbottled.co/cdn/shop/t/504/assets/bundle.js?v=34753117120894963151746544235" defer></script>
<script>
const urlParams = new URLSearchParams(window.location.search);
const sales_token = urlParams.get('ts');
if (sales_token) {window.localStorage.setItem('kolsquare', JSON.stringify({ sales_token }));}
</script>
<link rel="shortcut icon" href="//unbottled.co/cdn/shop/files/Favicon-Unbottled_Version_2.png?crop=center&height=32&v=1613715087&width=32" type="image/png">
<title>
Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?
</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.woff2?v=62719566257783353171746544235" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.woff?v=15781636921228077051746544235" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.woff2?v=160510204534613600561746544235" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.woff?v=119137001021103362531746544235" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.woff2?v=131967859881086139421746544235" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.woff?v=169882559777949261201746544235" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.woff2?v=98590764187362357461746544235" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.woff?v=172312933393724921981746544235" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/custom-icons.woff?v=45890650403584447741746544235" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/504/assets/Boogaloo-Regular.ttf?v=43204705405685005361746544235" as="font" type="font/ttf" crossorigin="anonymous" rel="preload">
<style>
@font-face {
font-family: 'DM Sans';
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.eot?v=113710069182044774621746544235');
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.eot?v=113710069182044774621746544235#iefix') format("embedded-opentype"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.woff?v=15781636921228077051746544235') format("woff"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.woff2?v=62719566257783353171746544235') format("woff2"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Bold.svg?360235#DMSansBold') format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.eot?v=71271654486768040711746544235');
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.eot?v=71271654486768040711746544235#iefix') format("embedded-opentype"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.woff?v=119137001021103362531746544235') format("woff"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.woff2?v=160510204534613600561746544235') format("woff2"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Regular.svg?360235#DMSansBold') format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.eot?360235');
src: url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.woff?v=169882559777949261201746544235') format("woff"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.woff2?v=131967859881086139421746544235') format("woff2"), url('//unbottled.co/cdn/shop/t/504/assets/DMSans-Medium.svg?360235') format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Saithik';
src: url('//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.eot?v=10436646460836637501746544235');
src: url('//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.woff?v=172312933393724921981746544235') format("woff"), url('//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.woff2?v=98590764187362357461746544235') format("woff2"), url('//unbottled.co/cdn/shop/t/504/assets/Saithik-Handwritten.svg?v=150818061959703734171746544235') format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'custom-icons';
src: url('//unbottled.co/cdn/shop/t/504/assets/custom-icons.eot?v=107987693753013259641746544235');
src: url('//unbottled.co/cdn/shop/t/504/assets/custom-icons.woff?v=45890650403584447741746544235') format("woff"), url('//unbottled.co/cdn/shop/t/504/assets/custom-icons.svg?v=177366277908780720951746544235') format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Boogaloo';
src: url('//unbottled.co/cdn/shop/t/504/assets/Boogaloo-Regular.ttf?v=43204705405685005361746544235');
font-weight: normal;
font-style: normal;
font-display: swap;
}
</style>
<link href="//unbottled.co/cdn/shop/t/504/assets/mytemplateBIS.css?v=62060539060378710701746544235" rel="stylesheet" type="text/css" media="all" /><link href="//unbottled.co/cdn/shop/t/504/assets/bundle.css?v=59916743827867214871746544235" rel="stylesheet" type="text/css" media="all" />
<script>
window.textContent = {};
window.textContent.voir_plus = "Voir Plus";
window.textContent.voir_moins = "Voir Moins";
window.textContent.lire_plus = "lire plus";
window.textContent.lire_moins = "lire moins";
window.textContent.pour = "pour";
window.textContent.create_pack = "CRÉER MON PACK";
window.textContent.validate_pack = "VALIDER MON PACK";
window.textContent.today = "Aujourd’hui";
window.textContent.yesterday = "Hier";
window.textContent.less = "Reduire";
window.textContent.lire_plus_2 = "Lire plus";
window.textContent.empty = "EMPTY";
window.textContent.slide_info = "You have clicked [data] slide info.";
window.textContent.from_price = "A partir de 2,40 €";
window.textContent.little_more = "Encore un petit effort !";
window.textContent.delivery = "BINGO ! Livraison et un cadeau offert ! 🚀";
window.textContent.confirm = "Offerts";
</script>
<!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 --><script type="module">
setTimeout(async function () {
const keySessionStorage = 'aw_settings';
let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage));
if(!__AW__settings) {
const awSettings = await fetch(
"/apps/addingwell-proxy",
{
method: "GET",
redirect: "manual",
headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
}
);
__AW__settings = await awSettings.json();
sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
}
if(__AW__settings.insertGtmTag && __AW__settings.gtmId) {
let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js';
let __AW__isAddingwellCdn = false;
if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) {
__AW__gtmUrl = __AW__settings.gtmUrl;
__AW__isAddingwellCdn = __AW__settings.isAddingwellCdn;
}
(function(w,d,s,l,i){
w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'aw' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`);
}
const __AW__getEventNameWithSuffix = (eventName) => {
return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : "");
}
if(__AW__settings.enableDataLayer) {
const MAX_ITEMS_BATCH = 10;
const sendBatchEvents = (items, eventName, eventObject) => {
let batch = [];
for(let i = 0; i < items.length; i++) {
batch.push(items[i]);
if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) {
const eventClone = {
...eventObject,
ecommerce: {
...eventObject.ecommerce,
items: [...batch]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix(eventName)},
...eventClone
});
batch = [];
}
}
}
function __AW__filterNullOrEmpty(obj) {
let filteredObj = {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
let value = obj[key];
// If value is an object (and not null), recursively filter sub-elements
if (typeof value === "object" && value !== null && value !== undefined) {
let filteredSubObject = __AW__filterNullOrEmpty(value);
// Add the filtered sub-object only if it's not empty
if (Object.keys(filteredSubObject).length > 0) {
filteredObj[key] = filteredSubObject;
}
} else {
// Add the value only if it's neither null nor an empty string
if (value !== null && value !== "" && value !== undefined) {
filteredObj[key] = value;
}
}
}
}
return filteredObj;
}
function getPageType(value) {
const pageTypeMapping = {
404: '404',
article: 'article',
blog: 'blog',
cart: 'cart',
collection: 'collection',
gift_card: 'gift_card',
index: 'homepage',
product: 'product',
search: 'searchresults',
'customers/login': 'login',
'customers/register': 'sign_up'
};
return pageTypeMapping[value] || 'other';
}
function pushDataLayerEvents() {
window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || []; // init data layer if doesn't already exist
var template = "article";
const moneyFormat = "{{amount_with_comma_separator}} €";
const getFormattedPrice = (price) => {
let formattedPrice = price;
if(moneyFormat.indexOf("amount_with_period_and_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_apostrophe_separator") > -1) {
formattedPrice = price.replace('\'', '');
} else if(moneyFormat.indexOf("amount_no_decimals_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '');
} else if(moneyFormat.indexOf("amount_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals") > -1) {
formattedPrice = price.replace(',', '');
} else if(moneyFormat.indexOf("amount") > -1) {
formattedPrice = price.replace(',', '');
} else {
formattedPrice = price.replace('.', '').replace(",", ".");
}
return parseFloat(formattedPrice);
};
/**********************
* DATALAYER SECTIONS
***********************/
/**
* DATALAYER: User Data
* Build user_data properties.
*/
let newCustomer = true;
window.__AW__UserData = {
user_data: {
new_customer: newCustomer,
}
};
window.__AW__UserData = __AW__filterNullOrEmpty(window.__AW__UserData);
window.__AW__UserData["page_type"] = getPageType(template);
window[__AW__settings.dataLayerVariableName].push(window.__AW__UserData);
window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")});
/**
* DATALAYER: 404 Pages
* Fire on 404 Pages */
/**
* DATALAYER: Blog Articles
* Fire on Blog Article Pages */
window[__AW__settings.dataLayerVariableName].push({
'author' : "Sarah Pouchet",
'title' : "Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?",
'dateCreated' : [51,50,10,15,4,2025,2,105,true,"CEST"],
'event' : __AW__getEventNameWithSuffix('blog')
});
/** DATALAYER: Product List Page (Collections, Category)
* Fire on all product listing pages. */
const __AW__transformNumberToString = (value) => {
if (value !== null && value !== undefined && typeof value === 'number') {
return value.toString();
}
/** By Default return the current value */
return value;
};
let discountPrice = 0.00;
window.__AW__slaveShopifyCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
/** DATALAYER: Product Page
* Fire on all Product View pages. */
/** DATALAYER: Cart View
* Fire anytime a user views their cart (non-dynamic) */
let drawerCartAlreadyOpened = false;
function observeCartDrawerOpen() {
const cartDrawer = document.querySelector("cart-drawer");
if (!cartDrawer) return;
const observer = new MutationObserver(() => {
const isOpen = cartDrawer.classList.contains("active") || cartDrawer.hasAttribute("open");
if (isOpen && !drawerCartAlreadyOpened) {
// Delayed view_cart to ensure to have cart update
setTimeout(() => {
drawerCartAlreadyOpened = true;
const ecommerceDataLayer = {
ecommerce: {
currency: __AW__slaveShopifyCart.currency,
value: __AW__slaveShopifyCart.total_price / 100,
items: __AW__slaveShopifyCart.items.map(item => {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
let coupon = "";
if (Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(discount => typeof discount?.title === 'string')
.map(discount => discount.title)
.join(', ');
}
return {
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title,
item_variant_title: item.variant_title,
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
item_name: item.product_title,
price: price,
discount: discount,
item_brand: item.vendor,
item_category: item.product_type,
item_list_name: item.collection || '',
item_list_id: '',
quantity: item.quantity,
sku: __AW__transformNumberToString(item.sku),
coupon: coupon,
url: item.url
};
})
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix('view_cart')},
...ecommerceDataLayer
});
}, 1000)
}
if (!isOpen) {
drawerCartAlreadyOpened = false;
}
});
observer.observe(cartDrawer, {
attributes: true,
attributeFilter: ['class', 'open']
});
}
observeCartDrawerOpen()
/** DATALAYER: Search Results */
var searchPage = new RegExp("search", "g");
if(document.location.pathname.match(searchPage)){
var __AW__items = [];
var __AW__Ecommerce = {
search_term: null,
results_count: null,
ecommerce: {
items : []
}
};
sendBatchEvents(__AW__items, "search", __AW__Ecommerce);
}
const cartRegex = /\/cart\/(add|change)(\.js|\.json)?(\?.*)?$/;
const cartJsRegex = /\/cart\/\.js(\?.*)?$/;
let cartJsPending = false;
let cartData = null;
setTimeout(() => {
delayedFetchXhr();
}, 1000);
function delayedFetchXhr() {
const originalFetch = fetch;
window.fetch = async function (...args) {
const [resource, config] = args;
try {
if (typeof resource !== 'string') {
console.error('Invalid resource type');
return originalFetch.apply(this, args);
}
if (cartRegex.test(resource)) {
const response = await originalFetch.apply(this, args);
if (response.ok) {
monitorCartUpdate();
} else {
console.warn(`Fetch for ${resource} failed with status: ${response.status}`);
}
return response; // Return the original response
} else if (cartJsRegex.test(resource)) {
cartJsPending = true;
const response = await originalFetch.apply(this, args);
if (response.ok) {
cartData = await response.json();
}
return response;
}
} catch (error) {
console.error('Error in fetch handler:', error);
}
return originalFetch.apply(this, args);
};
// Intercept XMLHttpRequest
const awOriginalXHR = window.XMLHttpRequest;
function awCustomXHR() {
const xhr = new awOriginalXHR();
// Override the open method
const originalOpen = xhr.open;
xhr.open = function (method, url, ...rest) {
this._url = url;
this._method = method;
originalOpen.apply(this, [method, url, ...rest]);
};
const originalSend = xhr.send;
xhr.send = function (body) {
this.addEventListener('readystatechange', function () {
if (this.readyState === 4 && this.status === 200 && cartRegex.test(this._url)) {
monitorCartUpdate();
}
});
originalSend.apply(this, arguments);
};
return xhr;
}
window.XMLHttpRequest = awCustomXHR;
}
let cartUpdateTimeout = null;
function monitorCartUpdate() {
if (cartUpdateTimeout) {
clearTimeout(cartUpdateTimeout);
}
cartJsPending = false;
cartUpdateTimeout = setTimeout(() => {
if (!cartJsPending) {
fetchCartData();
}
}, 200);
}
async function fetchCartData() {
try {
const response = await fetch('/cart.js');
if (response.ok) {
cartData = await response.json();
compareCartData(cartData);
} else {
console.error('Failed to fetch /cart.js:', response.status);
}
} catch (error) {
console.error('Error fetching /cart.js:', error);
}
}
function compareCartData(newCartData) {
const oldCartData = __AW__slaveShopifyCart || { items: [] };
newCartData = newCartData || {items: []};
const oldItems = new Map(oldCartData.items.map(item => [item.id, item]));
const newItems = new Map(newCartData.items.map(item => [item.id, item]));
newItems.forEach((newItem, key) => {
const oldItem = oldItems.get(key);
const eventName = "add_to_cart";
if (!oldItem) {
handleCartDataLayer(eventName, newItem.quantity, newItem);
} else if (newItem.quantity > oldItem.quantity) {
handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem);
}
});
oldItems.forEach((oldItem, key) => {
const newItem = newItems.get(key);
const eventName = "remove_from_cart";
if (!newItem) {
handleCartDataLayer(eventName, oldItem.quantity, oldItem);
} else if (oldItem.quantity > newItem.quantity) {
handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem);
}
});
__AW__slaveShopifyCart = newCartData;
}
function handleCartDataLayer(eventName, quantity, item) {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
const totalValue = price * quantity;
let coupon = "";
if(Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(discount => typeof discount?.title === 'string')
.map(discount => discount.title)
.join(', ');
}
__AW__Ecommerce = {
ecommerce: {
currency: "EUR",
value: totalValue,
items: [{
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title || "Default Variant",
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_variant_title: item.variant_title || "Default Variant",
item_name: item.product_title,
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
sku: __AW__transformNumberToString(item.sku),
discount: discount,
price: price,
item_brand: item.vendor,
item_category: item.product_type,
quantity: quantity,
coupon: coupon,
url: item?.url
}]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{ 'event': __AW__getEventNameWithSuffix(eventName) },
...__AW__Ecommerce
});
}
}
if (document.readyState === 'loading') {
// document still loading...
document.addEventListener('DOMContentLoaded', () => {
pushDataLayerEvents();
});
} else {
// already loaded, chocs away!
pushDataLayerEvents();
}
}
}, 0);
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/XmERL3/klaviyo.js?company_id=XmERL3"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/9416cb3e-a0fd-4c29-af34-f4d53e83fa0d/dialog-ai-sales-assistant-188/assets/setupModal.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 32127058055,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "article"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 32127058055,storefrontBaseUrl: "https://unbottled.co",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"851738960","configuration":"{\"accountID\":\"unbottled\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2b980569a0f820151b8998bae4491f84","type":"APP","apiClientId":76673777665,"privacyPurposes":["ANALYTICS"]},{"id":"579043664","configuration":"{\"pixelCode\":\"C7P8ON57DIQ8J0SHOOU0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"349143376","configuration":"{\"pixel_id\":\"254501032274576\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"317063504","configuration":"{\"shopDomain\":\"unbottled-test.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c6461d5a144e49a75a12576eff5a7a45","type":"APP","apiClientId":2436932,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"282919248","configuration":"{\"shopId\":\"unbottled-test.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c450aafa71fd8ebee479d56f323c88c7","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"]},{"id":"81658192","configuration":"{\"hash\":\"GuTKVpTb5k\",\"ingestion_url\":\"https://activity.wisepops.com\",\"goal_hash\":\"AVzxS47GwNcu5qc2fwm0kffkHFzdhFmD\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b0d9aca365b6ec0785f1f491728cbde0","type":"APP","apiClientId":461977,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"491655","configuration":"{\"token\":\"eyJhbGciOiJFUzI1NiIsImtpZCI6InExZHNwamdqdGUiLCJ0eXAiOiJKV1QifQ.eyJleHAiOjE3NDY5OTUwNDcsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJpZ2JsdWUuY28vIiwic3ViIjoic191bmJ0MDAwMSJ9.Xg8cnqOLIicLgI0KeV8W8Ency3L_vcDk3BL2ni2IQBnISRxb9LzVM8YrmspnFmrSGC62V5rRhrj_uEbY4h-cyw\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"43b7d6a8c3f3eb087da31dd3f59df5dd","type":"APP","apiClientId":2879589,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"114557264","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"heatmap-pixel"},{"id":"135266640","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"addingwell-pixel"},{"id":"195101008","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"affilae-conversion"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "co",initData: {"shop":{"name":"Unbottled","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"unbottled-test.myshopify.com","countryCode":"FR","storefrontUrl":"https://unbottled.co"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://unbottled.co/cdn","9b2f9678w4ccc2fa6p256f9d63m3776d03c",{"modern":"","legacy":""},{"shopId":"32127058055","storefrontBaseUrl":"https://unbottled.co","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"9b2f9678w4ccc2fa6p256f9d63m3776d03c"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"article","resourceType":"article","resourceId":677955633488}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 32127058055,
theme_id: 175309226320,
app_name: "storefront",
context_url: window.location.href,
source_url: "//unbottled.co/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//unbottled.co/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//unbottled.co/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":32127058055,"isMerchantRequest":null,"themeId":175309226320,"themeCityHash":"3632983603281705932","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"article","resourceType":"article","resourceId":677955633488,"shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//unbottled.co/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script>
if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
window.ga = function ga() {
(window.ga.q = window.ga.q || []).push(arguments);
Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
};
Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
</script>
<script
defer
src="https://unbottled.co/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.2.min.js"
data-application="storefront-renderer"
data-shop-id="32127058055"
data-render-region="gcp-europe-west4"
data-page-type="article"
data-theme-instance-id="175309226320"
data-theme-name="Palo Alto"
data-theme-version="2.4.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body
id="comment-unbottled-reinvente-le-shampoing-solide-zero-dechet"
class="no-outlines template-article body--show-spacer-lines quick-view-enabled"
>
<div id="overlay !hidden"></div>
<div id="debug" class="fixed top-0 left-0 bg-red-300 z-50"></div><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--24400061432144__cart-popup" class="shopify-section shopify-section-group-header-group"><script id="goalsData" class="hidden">
window.goals = [{
"goal_title": "new_user_gift_type_2",
"goal_new_customer":true,
"goal_value": "1",
"goal_variants": "47824681501008,48678185009488,48678198411600,48678201491792,47824690544976,49184132170064,47824668393808",
"goal_products": "8770643886416,9251060842832,9251062579536,9251063529808,8770647195984,9564047180112,8770640150864",
},{
"goal_title": "new_user_gift_type_1",
"goal_new_customer":true,
"goal_value": "30",
"goal_variants": "34745823953031,39547237400711,39547263451271,40393472245895,40393475981447,49254465044816,49254954238288",
"goal_products": "5046946988167,6618936279175,6618962722951,7372117803143,7372118229127,9579762712912,9579894505808",
},{
"goal_title": "Complétez pour la livraison gratuite",
"goal_new_customer":false,
"goal_value": "49",
"goal_variants": "88888888888888",
"goal_products": "88888888888888",
},{
"goal_title": "Complétez pour un produit offert",
"goal_new_customer":false,
"goal_value": "60",
"goal_variants": ",51246370095440",
"goal_products": ",10061258588496",
},]
</script>
<script id="klaviyoNewUserData" class="hidden">window.klaviyo_dsk = "SriH9J";
window.klaviyo_mob = "RnNDgd";
</script>
<script id="goalsNewUserData" class="hidden">
window.new_user_gifts_object = {"mini_avoine":47824681501008,"mini_coco":48678185009488,"mini_menthe":48678198411600,"mini_sable":48678201491792,"mini_visage":47824690544976,"mini_gras":49184132170064,"mini_all_type":47824668393808,"all_type":34745823953031,"greasy":39547237400711,"dry":39547263451271,"colored":40393472245895,"sensitive":40393475981447,"blancs":49254465044816,"boucles":49254954238288,}
</script>
<style>
#modal_cart .jk-counter {
display: flex;
height: 29px;
overflow: hidden;
}
#modal_cart .jk-counter-number {
text-align: center;
margin-bottom: 4px;
font-size: 12px;
line-height: 1;
font-weight: 700;
color: white;
background-color: #ddd1c4;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 24px;
}
#modal_cart .jk-counter-unit.is-changing {
transform: translateY(-100%);
transition: transform 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
</style>
<div
id="modal_cart"
class="!w-full justify-center smart_modal h-auto z-[12] flex flex-col flex-nowrap transform translate-x-full right-0 opacity-0"
>
<div class="hidden">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
</div>
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">MON PANIER</p><div
class="text-white font-bold rounded-full bg-[#f79b76] w-8 h-8 flex justify-center items-center CartCount opacity-0"
>0</div></div>
<div id="modal_cart_content" class="overflow-hidden flex-grow flex-shrink duration-500 !blur-none">
<div class="smart_modal_container relative flex flex-col gap-2 w-full h-full no-scroll bg-[#FAF8F5]">
<div id="emptyCartGiftCarousel" class="bg-[#EFEAE4] hide-cart-block sticky top-0 order-first z-[1]">
<div class="overflow-hidden">
<div class="swiper flex gap-4 items-center justify-between" id="goalsCarousel">
<div class="swiper-wrapper"><div class="swiper-slide py-2 px-4 select-none">
<div class="flex gap-2">
<div class="relative">
<img
src="//unbottled.co/cdn/shop/files/box.svg?v=1686655155&width=20"
alt=""
width="20"
height="20"
loading="lazy"
>
</div>
<p class="text-sm">
<span class="font-bold">Livraison gratuite</span> à partir de 49 €
</p>
</div>
</div><div class="swiper-slide py-2 px-4 select-none">
<div class="flex gap-2">
<div class="relative">
<img
src="//unbottled.co/cdn/shop/files/gift_box.svg?v=1686655205&width=20"
alt=""
width="20"
height="20"
loading="lazy"
>
<div class="absolute top-[-6px] right-[-6px] w-3 h-3 rounded-full bg-[#FF9C76] text-[10px] leading-none text-white flex items-center justify-center">
1
</div>
</div>
<p class="text-sm">
<span class="font-bold">Un produit offert</span> à partir de 60 €
</p>
</div>
</div>
</div>
<div
class="swiper-pagination swiper-pagination-dark !bg-[#EFEAE4] !flex !items-center !left-auto !right-0 !top-0 !h-9 !w-fit !pr-4 !pl-1"
></div>
</div>
</div>
</div>
<div id="emptyCartSection" class="px-4 hide-cart-block relative">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center hidden">
<span class="loader opacity-100 visible"></span>
</div>
<div class="overflow-hidden">
<div class="w-full py-4 text-center overflow-hidden">
<img
class="mx-auto mb-2"
src="//unbottled.co/cdn/shop/files/Face_11.svg?v=1686676846&width=64"
alt=""
width="64"
height="64"
loading="lazy"
>
<p class="font-bold text-2xl">Votre panier est vide.</p>
<p class="text-sm">Libérez votre salle de bain du plastique !</p>
</div>
<div class="w-full py-4 flex flex-col gap-4 overflow-hidden">
<a
href="/collections"
class="uppercase px-8 py-4 bg-[#FF9C76] hover:bg-[#ff7743] rounded-full text-white text-center hover:text-white font-bold text-base leading-6 border-0 w-full block"
>VOIR LA BOUTIQUE</a>
<a
href="#"
class="px-8 py-4 text-base text-center font-bold cursor-pointer leading-6 uppercase bg-[#EFEAE4] hover:bg-[#DDD1C4] rounded-full w-full block"
>CONNEXION</a>
</div>
</div>
</div>
<div id="emptyCartCollection" class="hide-cart-block relative js-cart-preloader">
<div class="overflow-hidden">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
<div class="max-w-full">
<div class="flex items-baseline mb-3">
<p class="font-bold text-xl px-4">Best-Sellers
</p>
<div class="shape_bloc"></div>
</div>
<div class="swiper !px-6" id="cartEmptyCarousel">
<div class="swiper-wrapper">
<div
class="swiper-slide"
data-product-id="8667419279696"
data-variant-id="47358140940624"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="8667419279696"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille-vanille-tonka" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/gel-douche-vanille_HD.jpg?v=1720001796&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/gel-douche-sans-bouteille-vanille-tonka"
data-variant-id="47358140940624"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Vanille & Tonka</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="8667419279696">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="8667419279696"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.71' data-number-of-reviews='446' data-number-of-questions='1'> <span class='jdgm-prev-badge__stars' data-score='4.71' tabindex='0' aria-label='4.71 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 446 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 9,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6594131755143"
data-variant-id="39446343516295"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6594131755143"
data-original-price="19,90"
data-no-discount="false"
data-base-discount="25"
>
<div class="overflow-hidden relative">
<a href="/products/porte-savon-magique-x3" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/porte_savon_aimante.jpg?v=1687187574&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/porte-savon-magique-x3"
data-variant-id="39446343516295"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Porte-Savon Magique (x3)</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6594131755143">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6594131755143"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.72' data-number-of-reviews='4608' data-number-of-questions='26'> <span class='jdgm-prev-badge__stars' data-score='4.72' tabindex='0' aria-label='4.72 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 4608 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 19,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1">
<s class="text-darkgray whitespace-nowrap">
26,70 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4"> -<span class="product_block_percentage_value">25</span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="9245181411664"
data-variant-id="48661520875856"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="9245181411664"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille-menthe-ecorces-de-citron" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheSansBouteille_Menthe_EcorcesdeCitron_1.jpg?v=1716304162&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-variant-id="48661520875856"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Menthe & Écorces de Citron</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="9245181411664">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="9245181411664"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.72' data-number-of-reviews='297' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.72' tabindex='0' aria-label='4.72 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 297 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 9,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="5085715005575"
data-variant-id="34745821003911"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="5085715005575"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/gel-douche-amande-avoine_HD.jpg?v=1720001735&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/gel-douche-sans-bouteille"
data-variant-id="34745821003911"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Avoine & Amande Douce</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="5085715005575">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="5085715005575"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.86' data-number-of-reviews='5081' data-number-of-questions='34'> <span class='jdgm-prev-badge__stars' data-score='4.86' tabindex='0' aria-label='4.86 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 5081 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 9,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="9011738739024"
data-variant-id="48156123464016"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="9011738739024"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/deo-coton-doux-48h" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Deo-coton-neroli-Mars.2024-carre_7.jpg?v=1709749329&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/deo-coton-doux-48h"
data-variant-id="48156123464016"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Déo Coton Doux - 48H</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="9011738739024">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="9011738739024"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.36' data-number-of-reviews='345' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.36' tabindex='0' aria-label='4.36 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 345 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="9011857883472"
data-variant-id="48156391702864"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="9011857883472"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/deo-neroli-joli-48h" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoNeroliJoli-48H_1.jpg?v=1709292259&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/deo-neroli-joli-48h"
data-variant-id="48156391702864"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="48156391702864"
data-product_handle="deo-neroli-joli-48h"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48156391702864"
data-product_handle="deo-neroli-joli-48h"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Déo Néroli Joli - 48H</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="9011857883472">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="9011857883472"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.56' data-number-of-reviews='323' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.56' tabindex='0' aria-label='4.56 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 323 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48156391702864"
data-product_handle="deo-neroli-joli-48h"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6689144406151"
data-variant-id="39841520484487"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6689144406151"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/soin-lavant-doux-pour-le-minou" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/1_b0631157-3fd1-4fb3-9b70-9a7110b60b52.jpg?v=1648562873&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/soin-lavant-doux-pour-le-minou"
data-variant-id="39841520484487"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="39841520484487"
data-product_handle="soin-lavant-doux-pour-le-minou"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39841520484487"
data-product_handle="soin-lavant-doux-pour-le-minou"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Soin Lavant Intime </span>
<span>- Doux pour le Minou</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6689144406151">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6689144406151"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.89' data-number-of-reviews='1210' data-number-of-questions='24'> <span class='jdgm-prev-badge__stars' data-score='4.89' tabindex='0' aria-label='4.89 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 1210 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 9,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39841520484487"
data-product_handle="soin-lavant-doux-pour-le-minou"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6618936279175"
data-variant-id="39547237400711"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6618936279175"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cheveux-gras" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu-CheveuxGras_Pellicules_2.jpg?v=1699394614&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cheveux-gras"
data-variant-id="39547237400711"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="39547237400711"
data-product_handle="shampoing-solide-tout-nu-cheveux-gras"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39547237400711"
data-product_handle="shampoing-solide-tout-nu-cheveux-gras"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Gras & Pellicules</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6618936279175">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6618936279175"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.59' data-number-of-reviews='3313' data-number-of-questions='68'> <span class='jdgm-prev-badge__stars' data-score='4.59' tabindex='0' aria-label='4.59 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 3313 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39547237400711"
data-product_handle="shampoing-solide-tout-nu-cheveux-gras"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="7372117803143"
data-variant-id="40393472245895"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="7372117803143"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cheveux-colores" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxColores2.jpg?v=1717408433&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cheveux-colores"
data-variant-id="40393472245895"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="40393472245895"
data-product_handle="shampoing-solide-tout-nu-cheveux-colores"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40393472245895"
data-product_handle="shampoing-solide-tout-nu-cheveux-colores"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Colorés</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="7372117803143">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="7372117803143"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.82' data-number-of-reviews='1167' data-number-of-questions='17'> <span class='jdgm-prev-badge__stars' data-score='4.82' tabindex='0' aria-label='4.82 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 1167 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40393472245895"
data-product_handle="shampoing-solide-tout-nu-cheveux-colores"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="5085714940039"
data-variant-id="34743604019335"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="5085714940039"
data-original-price="11,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/nettoyant-visage-super-doux" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Nettoyant_visage_solide_1.jpg?v=1687186156&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/nettoyant-visage-super-doux"
data-variant-id="34743604019335"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="34743604019335"
data-product_handle="nettoyant-visage-super-doux"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34743604019335"
data-product_handle="nettoyant-visage-super-doux"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Nettoyant Visage Super Doux</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="5085714940039">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="5085714940039"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.84' data-number-of-reviews='2050' data-number-of-questions='34'> <span class='jdgm-prev-badge__stars' data-score='4.84' tabindex='0' aria-label='4.84 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2050 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 11,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
11,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34743604019335"
data-product_handle="nettoyant-visage-super-doux"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6618962722951"
data-variant-id="39547263451271"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6618962722951"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cheveux-secs" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/shampoing-cheveux-secs1_HD.jpg?v=1720001536&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cheveux-secs"
data-variant-id="39547263451271"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="39547263451271"
data-product_handle="shampoing-solide-tout-nu-cheveux-secs"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39547263451271"
data-product_handle="shampoing-solide-tout-nu-cheveux-secs"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Secs & Abîmés</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6618962722951">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6618962722951"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.79' data-number-of-reviews='1906' data-number-of-questions='33'> <span class='jdgm-prev-badge__stars' data-score='4.79' tabindex='0' aria-label='4.79 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 1906 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39547263451271"
data-product_handle="shampoing-solide-tout-nu-cheveux-secs"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="5046946988167"
data-variant-id="34745823953031"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="5046946988167"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/shampoing-tous-cheveux_HD.jpg?v=1720001607&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu"
data-variant-id="34745823953031"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="34745823953031"
data-product_handle="shampoing-solide-tout-nu"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34745823953031"
data-product_handle="shampoing-solide-tout-nu"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Tous Types de Cheveux</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="5046946988167">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="5046946988167"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.80' data-number-of-reviews='4556' data-number-of-questions='114'> <span class='jdgm-prev-badge__stars' data-score='4.80' tabindex='0' aria-label='4.80 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 4556 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34745823953031"
data-product_handle="shampoing-solide-tout-nu"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6679718396039"
data-variant-id="47565518340432"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6679718396039"
data-original-price="14,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/apres-shampoing-solide-cheveux-soyeux" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Apres-ShampoingSolide_CheveuxSoyeuxV2_1.jpg?v=1741254537&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/apres-shampoing-solide-cheveux-soyeux"
data-variant-id="47565518340432"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="47565518340432"
data-product_handle="apres-shampoing-solide-cheveux-soyeux"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47565518340432"
data-product_handle="apres-shampoing-solide-cheveux-soyeux"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Après-Shampoing Solide </span>
<span>- Cheveux Soyeux</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6679718396039">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6679718396039"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='3.24' data-number-of-reviews='255' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='3.24' tabindex='0' aria-label='3.24 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> 255 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 14,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
14,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47565518340432"
data-product_handle="apres-shampoing-solide-cheveux-soyeux"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="7372118229127"
data-variant-id="40393475981447"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="7372118229127"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cuir-chevelu-sensible" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CuirCheveluSensible2.jpg?v=1717408460&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-variant-id="40393475981447"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="40393475981447"
data-product_handle="shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40393475981447"
data-product_handle="shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cuir Chevelu Sensible</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="7372118229127">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="7372118229127"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.72' data-number-of-reviews='1339' data-number-of-questions='22'> <span class='jdgm-prev-badge__stars' data-score='4.72' tabindex='0' aria-label='4.72 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 1339 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40393475981447"
data-product_handle="shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6824645034119"
data-variant-id="40249943556231"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6824645034119"
data-original-price="13,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/demaquillant-efface-tout" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Packshotsite-2000x20000_1.jpg?v=1682528783&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/demaquillant-efface-tout"
data-variant-id="40249943556231"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="40249943556231"
data-product_handle="demaquillant-efface-tout"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40249943556231"
data-product_handle="demaquillant-efface-tout"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Démaquillant Efface-Tout</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6824645034119">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6824645034119"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.38' data-number-of-reviews='1315' data-number-of-questions='18'> <span class='jdgm-prev-badge__stars' data-score='4.38' tabindex='0' aria-label='4.38 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 1315 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 13,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
13,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40249943556231"
data-product_handle="demaquillant-efface-tout"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="8520188559696"
data-variant-id="46760519663952"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="8520188559696"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/deodorant-fleuri-cheri" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/2_8ffb64cc-013a-43ef-83e2-2087ddcc29d2.jpg?v=1684868931&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/deodorant-fleuri-cheri"
data-variant-id="46760519663952"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="46760519663952"
data-product_handle="deodorant-fleuri-cheri"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="46760519663952"
data-product_handle="deodorant-fleuri-cheri"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Déo Fleuri Chéri - 48H</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="8520188559696">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="8520188559696"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.62' data-number-of-reviews='3111' data-number-of-questions='14'> <span class='jdgm-prev-badge__stars' data-score='4.62' tabindex='0' aria-label='4.62 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 3111 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="46760519663952"
data-product_handle="deodorant-fleuri-cheri"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6870428975239"
data-variant-id="40339940999303"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6870428975239"
data-original-price="13,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/nettoyant-masque-detox" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/1_1d3703a6-c518-4d54-9b51-0a5e5ba4fbc5.jpg?v=1673516038&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/nettoyant-masque-detox"
data-variant-id="40339940999303"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="40339940999303"
data-product_handle="nettoyant-masque-detox"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40339940999303"
data-product_handle="nettoyant-masque-detox"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Nettoyant & Masque Detox</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6870428975239">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6870428975239"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.87' data-number-of-reviews='812' data-number-of-questions='16'> <span class='jdgm-prev-badge__stars' data-score='4.87' tabindex='0' aria-label='4.87 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 812 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 13,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
13,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40339940999303"
data-product_handle="nettoyant-masque-detox"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6699137728647"
data-variant-id="39870761402503"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6699137728647"
data-original-price="13,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gommage-corps-peau-neuve" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/6_bb47b515-16d8-46b9-aad5-df12e299296b.jpg?v=1650981134&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/gommage-corps-peau-neuve"
data-variant-id="39870761402503"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="39870761402503"
data-product_handle="gommage-corps-peau-neuve"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39870761402503"
data-product_handle="gommage-corps-peau-neuve"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Gommage Corps </span>
<span>- Peau Neuve</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6699137728647">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6699137728647"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.53' data-number-of-reviews='1307' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.53' tabindex='0' aria-label='4.53 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 1307 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 13,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
13,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39870761402503"
data-product_handle="gommage-corps-peau-neuve"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="6829557219463"
data-variant-id="40264812986503"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="6829557219463"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/savon-neutre-bebes-grands" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/SoinLavant_Bebes_Grands_HD.jpg?v=1720001908&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/savon-neutre-bebes-grands"
data-variant-id="40264812986503"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="40264812986503"
data-product_handle="savon-neutre-bebes-grands"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40264812986503"
data-product_handle="savon-neutre-bebes-grands"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Soin Lavant </span>
<span>- Bébés & Grands</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="6829557219463">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="6829557219463"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.89' data-number-of-reviews='2245' data-number-of-questions='9'> <span class='jdgm-prev-badge__stars' data-score='4.89' tabindex='0' aria-label='4.89 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2245 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 9,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="40264812986503"
data-product_handle="savon-neutre-bebes-grands"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="8520188723536"
data-variant-id="46760524448080"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="8520188723536"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/deodorant-menthe-ole" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/1_d9e31df3-4e02-4e9c-ae0d-485e3b956621.jpg?v=1684868888&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/deodorant-menthe-ole"
data-variant-id="46760524448080"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="46760524448080"
data-product_handle="deodorant-menthe-ole"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="46760524448080"
data-product_handle="deodorant-menthe-ole"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Déo Menthe Olé - 48H</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="8520188723536">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="8520188723536"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.62' data-number-of-reviews='3111' data-number-of-questions='11'> <span class='jdgm-prev-badge__stars' data-score='4.62' tabindex='0' aria-label='4.62 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 3111 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="46760524448080"
data-product_handle="deodorant-menthe-ole"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="8634739163472"
data-variant-id="47166584652112"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="8634739163472"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/deodorant-coco-loco-peaux-sensibles" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/1_b53b4ac2-9d43-49ff-b58c-6ef6e989bd18.jpg?v=1693932014&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/deodorant-coco-loco-peaux-sensibles"
data-variant-id="47166584652112"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="47166584652112"
data-product_handle="deodorant-coco-loco-peaux-sensibles"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47166584652112"
data-product_handle="deodorant-coco-loco-peaux-sensibles"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Déo Coco Loco </span>
<span>- Peaux Sensibles - 48H</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="8634739163472">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="8634739163472"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.51' data-number-of-reviews='600' data-number-of-questions='2'> <span class='jdgm-prev-badge__stars' data-score='4.51' tabindex='0' aria-label='4.51 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 600 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47166584652112"
data-product_handle="deodorant-coco-loco-peaux-sensibles"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="9579762712912"
data-variant-id="49254465044816"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="9579762712912"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cheveux-blancs" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxBlancs_1.jpg?v=1727258121&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cheveux-blancs"
data-variant-id="49254465044816"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="49254465044816"
data-product_handle="shampoing-solide-tout-nu-cheveux-blancs"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="49254465044816"
data-product_handle="shampoing-solide-tout-nu-cheveux-blancs"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Blancs</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="9579762712912">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="9579762712912"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.66' data-number-of-reviews='473' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.66' tabindex='0' aria-label='4.66 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 473 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="49254465044816"
data-product_handle="shampoing-solide-tout-nu-cheveux-blancs"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
<div
class="swiper-slide"
data-product-id="9579894505808"
data-variant-id="49254954238288"
>
<div
class="block">
<div
class="product_block md:sticky top-0"
data-product-id="9579894505808"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/shampoing-solide-tout-nu-cheveux-boucles" class="">
<img
class="rounded-md product-block-img w-full lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxBoucles_1.jpg?v=1727258251&width=30">
<span class="rounded-md product-block-img hidden"></span>
</a>
<div class="btn-wrapper w-full hidden lg:!flex justify-between items-center pb-2 gap-2">
<div class="flex flex-col gap-1 w-full old_btns">
<div class="en_savoir_plus">
<a
class="btn--add-to-cart1"
href="/products/shampoing-solide-tout-nu-cheveux-boucles"
data-variant-id="49254954238288"
>
<span>En Savoir Plus</span>
</a>
</div>
<div class="my_ajout_panier"><div
class="smart_add_to_cart_container hide-when-product-in-basket"
data-product_id="49254954238288"
data-product_handle="shampoing-solide-tout-nu-cheveux-boucles"
data-ignore_discount="true"
>
<div
class="smart_plus with-loader btn--add-to-cart2 !mb-0 h-[45px] rounded-full cursor-pointer p-[6px] font-bold bg-[#f79b76] hover:bg-[#ff7743] text-white flex items-center justify-center relative"
>
<p>Ajouter au panier</p>
</div>
</div></div>
</div>
<span class="hidden new_btns show-when-product-in-basket">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="49254954238288"
data-product_handle="shampoing-solide-tout-nu-cheveux-boucles"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div>
</div>
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-2 !py-2">
<div class="col-span-2 order-2 lg:order-1">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Bouclés</span>
</div>
<span class="js-show-modal text-85" data-section="ajax-product-reviews" data-product-id="9579894505808">
<div class="star_ratings relative">
<div
style=""
class="jdgm-widget jdgm-preview-badge"
data-id="9579894505808"
data-template="manual-installation"
data-auto-install="false"
>
<div style='display:none' class='jdgm-prev-badge' data-average-rating='4.65' data-number-of-reviews='237' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.65' tabindex='0' aria-label='4.65 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--half'></span> </span> <span class='jdgm-prev-badge__text'> 237 reviews </span> </div>
</div>
</div>
</span>
</div><div class="flex col-span-1 justify-between order-1 lg:order-2 lg:justify-self-end items-start pb-1">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full lg:text-right">
<span class="product_block_price"> 12,90 € </span>
</div>
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
</div>
<span class="lg:hidden">
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="49254954238288"
data-product_handle="shampoing-solide-tout-nu-cheveux-boucles"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative" style="display:none">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white" style="display:none">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path></svg>
</span>
</div>
</div>
</span>
</div></div>
</div>
</div>
</div>
</div>
<style>
#cartEmptyCarousel .swiper-button-next.swiper-button-disabled,
#cartEmptyCarousel .swiper-button-prev.swiper-button-disabled{
display:none !important
}
#cartEmptyCarousel .swiper-button-next.swiper-button-disabled + .jc-fade-right,
#cartEmptyCarousel .swiper-button-prev.swiper-button-disabled + .jc-fade-left{
display:none !important
}
#cartEmptyCarousel {--jc-swiper-fade: transparent;--jc-arrow-shift: 16px;
}
</style>
<div class="!hidden md:!flex swiper-button-next after:content-[''] after:hidden !h-full !right-[var(--jc-arrow-shift)] !bottom-0 !top-auto !bg-[var(--jc-swiper-fade)]">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right min-w-[2rem] h-8 p-2 text-black bg-white rounded-full"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg></div>
<div class="absolute w-6 h-full top-0 right-0 md:right-6 z-[1] jc-fade-right bg-gradient-to-r from-transparent to-[var(--jc-swiper-fade)]"></div>
<div class="!hidden md:!flex swiper-button-prev after:content-[''] after:hidden !h-full !left-[var(--jc-arrow-shift)] !bottom-0 !top-auto !bg-[var(--jc-swiper-fade)]">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right min-w-[2rem] h-8 p-2 text-black rotate-180 bg-white rounded-full"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg></div>
<div class="absolute w-6 h-full top-0 left-0 md:left-6 z-[1] jc-fade-left bg-gradient-to-l from-transparent to-[var(--jc-swiper-fade)]"></div>
</div>
</div>
</div>
</div>
<div id="cartPlasticCounter" class="hide-cart-block hide-block px-3 md:px-4">
<div class="overflow-hidden flex gap-1 items-center my-2">
<div id="grams_of_plastic" class="flex gap-[2px] px-2 py-1 jk-counter"></div>
<p class="text-sm">grammes de plastique évités</p>
</div>
</div>
<div id="cartGiftsNewCustomer" class="relative js-cart-preloader px-3 md:px-4 !mt-2 order-first min-h-[128px] hidden">
<div id="js-show-gift-new-customer" class="js-show-gift flex flex-col gap-2">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
<div class="flex text-base font-bold">
</div><div class="flex text-base font-bold hidden" data-new-user-gift="47824681501008">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="47824681501008">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/kit-essai-mini2_d7002b96-c841-48c5-8945-ddcb598b0da3.jpg?v=1706878702&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="48678185009488">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="48678185009488">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Coco.jpg?v=1716819848&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="48678198411600">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="48678198411600">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Menthe.jpg?v=1716819980&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="48678201491792">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="48678201491792">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Sable.jpg?v=1716820102&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="47824690544976">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="47824690544976">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/kit-essai-mini4_24262114-883f-4058-9b83-07b3d1bc35c0.jpg?v=1706878997&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="49184132170064">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="49184132170064">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/MiniShampoingSolideToutNu_CheveuxGras_Pellicules.jpg?v=1725019353&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="47824668393808">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="47824668393808">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/kit-essai-mini6_70cbbece-47ec-439e-9870-5f1662534d00.jpg?v=1706878142&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Profitez de notre mini offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60 !hidden">
Plus que 1,00 €
</p>
<p class="text-xs leading-none font-bold opacity-60">
Ajoutez un produit
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="34745823953031">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="34745823953031">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/shampoing-tous-cheveux_HD.jpg?v=1720001607&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="39547237400711">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="39547237400711">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu-CheveuxGras_Pellicules_2.jpg?v=1699394614&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="39547263451271">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="39547263451271">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/shampoing-cheveux-secs1_HD.jpg?v=1720001536&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="40393472245895">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="40393472245895">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxColores2.jpg?v=1717408433&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="40393475981447">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="40393475981447">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CuirCheveluSensible2.jpg?v=1717408460&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="49254465044816">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="49254465044816">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxBlancs_1.jpg?v=1727258121&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div class="flex text-base font-bold hidden" data-new-user-gift="49254954238288">
<div>👋</div><strong>Votre cadeau de bienvenue </strong>
</div><div class="flex gap-2 bg-white rounded-lg p-2 hidden"
data-new-user-gift="49254954238288">
<div class="relative">
<img
class="rounded-md product-block-img min-w-[80px] min-h-[80px] w-20 !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingSolideToutNu_CheveuxBoucles_1.jpg?v=1727258251&width=30">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="56"
viewbox="0 0 48 56"
fill="none"
class="Icon Icon--light-lock absolute inset-0 m-auto"
>
<g filter="url(#filter0_d_5051_21023)">
<path d="M34 22.3334H32.3333V19C32.3333 14.4 28.6 10.6667 24 10.6667C19.4 10.6667 15.6666 14.4 15.6666 19V22.3334H14C12.1666 22.3334 10.6666 23.8334 10.6666 25.6667V42.3334C10.6666 44.1667 12.1666 45.6667 14 45.6667H34C35.8333 45.6667 37.3333 44.1667 37.3333 42.3334V25.6667C37.3333 23.8334 35.8333 22.3334 34 22.3334ZM24 37.3334C22.1666 37.3334 20.6666 35.8334 20.6666 34C20.6666 32.1667 22.1666 30.6667 24 30.6667C25.8333 30.6667 27.3333 32.1667 27.3333 34C27.3333 35.8334 25.8333 37.3334 24 37.3334ZM19 22.3334V19C19 16.2334 21.2333 14 24 14C26.7666 14 29 16.2334 29 19V22.3334H19Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_5051_21023" x="-6" y="-1" width="60" height="60" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feflood flood-opacity="0" result="BackgroundImageFix"/>
<fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feoffset/>
<fegaussianblur stddeviation="5"/>
<fecomposite in2="hardAlpha" operator="out"/>
<fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5051_21023"/>
<feblend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5051_21023" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<p class="text-sm font-bold"><strong>Débloquez votre shampoing offert !</strong></p>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret new_user" style="width: 0.0%"></span>
</div><p class="text-xs leading-none font-bold opacity-60">
Plus que 30,00 €
</p></div>
</div><div id="noGiftListNewCustomer" class="flex flex-col gap-2 hidden"></div>
</div>
</div>
<div id="cartModalContent" class="relative js-cart-preloader hide-cart-block hide-block hide-block">
<div id="cartModalContentId" class="hidden">
</div>
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
<div class="max-w-full w-full bg-[#FAF8F5] shrink-0 min-h-0">
<div class="flex flex-col gap-2 min-h-full"><div class="border-b border-[#f4f2f2] mx-3 md:mx-4 order-last"></div>
</div>
</div>
</div>
<div id="cartGifts" class="relative js-cart-preloader hide-cart-block hide-block px-3 !mt-2">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
<div id="js-show-gift" class="js-show-gift flex flex-col gap-2 bg-white p-2 pt-4 rounded-lg">
<div class="font-semibold flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2.75012C7.03587 2.75012 6.59075 2.9345 6.26256 3.26269C5.93437 3.59087 5.75 4.03599 5.75 4.50012C5.75 4.96425 5.93437 5.40937 6.26256 5.73756C6.59075 6.06575 7.03587 6.25012 7.5 6.25012H11.01C10.8716 5.84315 10.6739 5.34979 10.4053 4.86156C9.76174 3.69138 8.83293 2.75012 7.5 2.75012ZM11.25 7.75012V11.2501H2.75V7.75012H11.25ZM4.76137 6.25012C4.43003 5.73157 4.25 5.12513 4.25 4.50012C4.25 3.63817 4.59241 2.81152 5.2019 2.20203C5.8114 1.59253 6.63805 1.25012 7.5 1.25012C9.66707 1.25012 10.9883 2.80886 11.7197 4.13868C11.8221 4.32489 11.9153 4.51058 12 4.69233C12.0847 4.51058 12.1779 4.32489 12.2803 4.13868C13.0117 2.80886 14.3329 1.25012 16.5 1.25012C17.362 1.25012 18.1886 1.59253 18.7981 2.20203C19.4076 2.81152 19.75 3.63817 19.75 4.50012C19.75 5.12513 19.57 5.73157 19.2386 6.25012H21.4C21.758 6.25012 22.1014 6.39235 22.3546 6.64553C22.6078 6.8987 22.75 7.24208 22.75 7.60012V11.4001C22.75 11.7582 22.6078 12.1015 22.3546 12.3547C22.1014 12.6079 21.758 12.7501 21.4 12.7501H20.75V21.4001C20.75 21.5774 20.7151 21.753 20.6472 21.9167C20.5794 22.0805 20.48 22.2294 20.3546 22.3547C20.2292 22.4801 20.0804 22.5795 19.9166 22.6474C19.7528 22.7152 19.5773 22.7501 19.4 22.7501H4.6C4.42272 22.7501 4.24717 22.7152 4.08338 22.6474C3.91959 22.5795 3.77076 22.4801 3.64541 22.3547C3.52005 22.2294 3.42061 22.0805 3.35276 21.9167C3.28492 21.753 3.25 21.5774 3.25 21.4001V12.7501H2.6C2.24196 12.7501 1.89858 12.6079 1.64541 12.3547C1.39223 12.1015 1.25 11.7582 1.25 11.4001V7.60012C1.25 7.24208 1.39223 6.8987 1.64541 6.64553C1.89858 6.39235 2.24196 6.25012 2.6 6.25012H4.76137ZM4.75 12.7501V21.2501H11.25V12.7501H4.75ZM12.75 12.7501V21.2501H19.25V12.7501H12.75ZM21.25 11.2501V7.75012H12.75V11.2501H21.25ZM16.5 6.25012C16.9641 6.25012 17.4092 6.06575 17.7374 5.73756C18.0656 5.40937 18.25 4.96425 18.25 4.50012C18.25 4.03599 18.0656 3.59087 17.7374 3.26269C17.4092 2.9345 16.9641 2.75012 16.5 2.75012C15.1671 2.75012 14.2383 3.69138 13.5947 4.86156C13.3261 5.34979 13.1284 5.84315 12.99 6.25012H16.5Z" fill="#FF9C76"/>
</svg>
Pour la Fête des Mères...
</div><div id="noGiftList" class="flex flex-col gap-2"></div>
</div>
</div>
<template
id="noGiftItem"
class="order-[900] order-[901] order-[902] order-[903] order-[904] order-[905] order-[906]"
>
<div class="order-[90[goal_number]] ignoreGoal[goal_number]">
<div class="bg-white rounded-lg flex gap-2 p-2 js-show-modal-gift"
data-section="ajax-modal-gift"
data-products="[gift_list]" data-goal_value="[gift_goal_value]" data-goal_number_cart="[goal_number]"
>
<img
class="rounded-md product-block-img lazyload min-w-[80px] min-h-[80px] w-20"
loading="lazy"
width="80"
height="80"
src="https://cdn.shopify.com/s/files/1/0321/2705/8055/files/gift_633bbc75-8fd1-4485-8186-7da110ebe97d.png"
>
<div class="flex flex-col grow">
<div>
<p class="font-medium text-sm leading-5">
Pas de cadeau
</p>
<p class="text-[#33333380] text-xs">
Offert pour [gift_goal_value] € d'achat
</p>
</div>
<div class="mt-auto flex items-center justify-between gap-2">
<p></p>
<button class="bg-[#EFEAE4] hover:bg-[#DDD1C4] uppercase py-2 px-4 rounded-full text-sm leading-4 font-medium">
Choisir
</button>
</div>
</div>
</div>
</div>
</template>
<div id="cartSimpleCarousel" class="relative js-cart-preloader">
<div class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div></div>
</div>
</div>
<div id="checkoutButton" class="bg-[#FBF8F5] w-full hide-cart-block">
<div class="overflow-hidden border-t border-[#f4f2f2]">
<div class="px-3 md:px-4 bg-white">
<!-- Free shipping progress markup -->
<div class="cart-shipping__wrapper-cart cart">
<div class="message-bar-container">
<div class="message-bar"></div>
<div class="message-price"></div>
</div>
<div class="cart-shippingThreshold__bar Threshold__bar-csf">
<span class="cart-shippingThreshold__progress-coffret"></span>
</div>
<div class="cart-shipping_text__wrapper">
<div class="cart-shipping_text__wrap">
<div class="livraison_status">Frais de livraison estimés</div>
<div class="livraison_status_offerte">A partir de 2,40 €</div>
</div>
</div>
</div>
</div>
<div id="bottomCartList" class="relative js-cart-preloader border-t-4 border-[#FAF8F5]">
<style>
.bottomPopupSlider .swiper-pagination-bullet,
#bottomCartSlider .swiper-pagination-bullet{
width: 6px !important;
height: 6px !important;
}
#bottomCartSlider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bottomPopupSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 7px !important;
height: 7px !important;
}
#bottomCartSlider .jc-fade-right,
#bottomCartSlider .jc-fade-left,
#bottomCartSlider .swiper-button-next,
#bottomCartSlider .swiper-button-prev {
top: auto !important;
bottom: 16px !important;
height: 96px !important;
}
</style>
<div
class="js-cart-preloader-overlay h-full w-full bg-[#FAF8F5] opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div>
<div id="bottomCartListId" class="hidden">
;
47358140940624;
;
39446343516295;
48661520875856;
34745821003911;
;
48156123464016;
48156391702864;
39841520484487;
39547237400711;
40393472245895;
34743604019335;
;
39547263451271;
34745823953031;
47565518340432;
40393475981447;
40249943556231;
46760519663952;
40339940999303;
;
39870761402503;
40264812986503;
46760524448080;
;
;
47166584652112;
49254465044816;
49254954238288;
</div>
<div id="bottomCartSlider" class="swiper !px-4 mb-0 md:mb-3">
<div class="swiper-wrapper">
<div class="swiper-slide !pt-2 !pb-4">
<div class="flex gap-2 p-2 border-b rounded border-white product_block bg-white" data-product-id="8667419279696"
data-original-price="9,90"
data-no-discount="false"
>
<div class="rounded-lg overflow-hidden shrink-0">
<img src="//unbottled.co/cdn/shop/files/gel-douche-vanille_HD.jpg?v=1720001796&width=160" alt="" width="80" height="80" loading="lazy">
</div>
<div class="flex flex-col justify-between flex-grow">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium text-sm leading-4">Gel Douche Sans Bouteille </span>
<span class="font-normal text-sm leading-4">- Vanille & Tonka</span>
</div>
<div class="flex gap-4 justify-between items-center">
<div class="flex flex-col items-baseline">
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
<div class="font-bold">
<span class="product_block_price">
9,90 €
</span>
</div>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="!hidden smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white !hidden">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<div class="w-cashin-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewbox="0 0 24 24"
fill="none"
class="jc-cart [&>path]:stroke-white"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide !pt-2 !pb-4">
<div class="flex gap-2 p-2 border-b rounded border-white product_block bg-white" data-product-id="6594131755143"
data-original-price="19,90"
data-no-discount="false"
data-base-discount="25"
>
<div class="rounded-lg overflow-hidden shrink-0">
<img src="//unbottled.co/cdn/shop/files/porte_savon_aimante.jpg?v=1687187574&width=160" alt="" width="80" height="80" loading="lazy">
</div>
<div class="flex flex-col justify-between flex-grow">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium text-sm leading-4">Porte-Savon Magique (x3)</span>
</div>
<div class="flex gap-4 justify-between items-center">
<div class="flex flex-col items-baseline">
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1">
<s class="text-darkgray whitespace-nowrap">
26,70 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4"> -<span class="product_block_percentage_value">25</span>% </div>
</div>
<div class="font-bold">
<span class="product_block_price">
19,90 €
</span>
</div>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="!hidden smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white !hidden">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<div class="w-cashin-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewbox="0 0 24 24"
fill="none"
class="jc-cart [&>path]:stroke-white"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide !pt-2 !pb-4">
<div class="flex gap-2 p-2 border-b rounded border-white product_block bg-white" data-product-id="9245181411664"
data-original-price="9,90"
data-no-discount="false"
>
<div class="rounded-lg overflow-hidden shrink-0">
<img src="//unbottled.co/cdn/shop/files/GelDoucheSansBouteille_Menthe_EcorcesdeCitron_1.jpg?v=1716304162&width=160" alt="" width="80" height="80" loading="lazy">
</div>
<div class="flex flex-col justify-between flex-grow">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium text-sm leading-4">Gel Douche Sans Bouteille </span>
<span class="font-normal text-sm leading-4">- Menthe & Écorces de Citron</span>
</div>
<div class="flex gap-4 justify-between items-center">
<div class="flex flex-col items-baseline">
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
<div class="font-bold">
<span class="product_block_price">
9,90 €
</span>
</div>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="!hidden smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white !hidden">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<div class="w-cashin-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewbox="0 0 24 24"
fill="none"
class="jc-cart [&>path]:stroke-white"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide !pt-2 !pb-4">
<div class="flex gap-2 p-2 border-b rounded border-white product_block bg-white" data-product-id="5085715005575"
data-original-price="9,90"
data-no-discount="false"
>
<div class="rounded-lg overflow-hidden shrink-0">
<img src="//unbottled.co/cdn/shop/files/gel-douche-amande-avoine_HD.jpg?v=1720001735&width=160" alt="" width="80" height="80" loading="lazy">
</div>
<div class="flex flex-col justify-between flex-grow">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium text-sm leading-4">Gel Douche Sans Bouteille </span>
<span class="font-normal text-sm leading-4">- Avoine & Amande Douce</span>
</div>
<div class="flex gap-4 justify-between items-center">
<div class="flex flex-col items-baseline">
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
9,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
<div class="font-bold">
<span class="product_block_price">
9,90 €
</span>
</div>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="!hidden smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white !hidden">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<div class="w-cashin-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewbox="0 0 24 24"
fill="none"
class="jc-cart [&>path]:stroke-white"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide !pt-2 !pb-4">
<div class="flex gap-2 p-2 border-b rounded border-white product_block bg-white" data-product-id="9011738739024"
data-original-price="12,90"
data-no-discount="false"
>
<div class="rounded-lg overflow-hidden shrink-0">
<img src="//unbottled.co/cdn/shop/files/Deo-coton-neroli-Mars.2024-carre_7.jpg?v=1709749329&width=160" alt="" width="80" height="80" loading="lazy">
</div>
<div class="flex flex-col justify-between flex-grow">
<div class="bl-text-small mb-2 flex-col tracking-[-0.6px]">
<span class="font-medium text-sm leading-4">Déo Coton Doux - 48H</span>
</div>
<div class="flex gap-4 justify-between items-center">
<div class="flex flex-col items-baseline">
<div class="flex items-baseline">
<div class="product_block_original_price text-xs mr-1 hidden">
<s class="text-darkgray whitespace-nowrap">
12,90 €
</s>
</div>
<div class="product_block_discount text-xs rounded !text-white font-medium leading-4 hidden"> -<span class="product_block_percentage_value"></span>% </div>
</div>
<div class="font-bold">
<span class="product_block_price">
12,90 €
</span>
</div>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true">
<span class="smart_msg absolute w-full text-right z-50 hidden"></span>
<span class="!hidden smart_minus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5"><svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20"><path d="M28.5 19.5h-21v-3h21z"></path></svg></span>
</span>
<span class="smart_number font-bold xs:px-3 items-center text-white !hidden">0</span>
<div class="smart_plus with-loader cursor-pointer rounded-full p-[6px] font-bold bg-[#f79b76] text-white flex items-center justify-center relative">
<div class=""></div>
<span class="w-5 h-5 flex items-center justify-center">
<div class="w-cashin-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewbox="0 0 24 24"
fill="none"
class="jc-cart [&>path]:stroke-white"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#bottomCartSlider .swiper-button-next.swiper-button-disabled,
#bottomCartSlider .swiper-button-prev.swiper-button-disabled{
display:none !important
}
#bottomCartSlider .swiper-button-next.swiper-button-disabled + .jc-fade-right,
#bottomCartSlider .swiper-button-prev.swiper-button-disabled + .jc-fade-left{
display:none !important
}
#bottomCartSlider {--jc-swiper-fade: #FBF8F5;--jc-arrow-shift: 0px;
}
</style>
<div class="!hidden md:!flex swiper-button-next after:content-[''] after:hidden !h-full !right-[var(--jc-arrow-shift)] !bottom-0 !top-auto !bg-[var(--jc-swiper-fade)]">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right min-w-[2rem] h-8 p-2 text-black bg-transarent"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg></div>
<div class="absolute w-6 h-full top-0 right-0 md:right-6 z-[1] jc-fade-right bg-gradient-to-r from-transparent to-[var(--jc-swiper-fade)]"></div>
<div class="!hidden md:!flex swiper-button-prev after:content-[''] after:hidden !h-full !left-[var(--jc-arrow-shift)] !bottom-0 !top-auto !bg-[var(--jc-swiper-fade)]">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right min-w-[2rem] h-8 p-2 text-black rotate-180 bg-transarent"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg></div>
<div class="absolute w-6 h-full top-0 left-0 md:left-6 z-[1] jc-fade-left bg-gradient-to-l from-transparent to-[var(--jc-swiper-fade)]"></div>
<div class="swiper-pagination !bg-transparent !p-0 !bottom-1 leading-3"></div>
</div>
</div>
<a href="/checkout" class="cart block table-wrap px-3 md:px-4 mb-0" id="AddToCartForm">
<button type="submit" name="checkout" class="w-full flex">
<span class="rounded-full w-full btn cursor-pointer flex relative">
<span class="absolute inset-0 m-auto !bg-[#FF9C76] rounded-full loader opacity-100 visible js-cart-preloader-overlay"></span>
<span class="text-white text md:text-[1rem] uppercase flex w-full justify-center items-baseline js-bulk-add-to-cart-text">
PAIEMENT -
<div class="font-semibold text md:text-base ml-1">0,00 €</div>
</span>
</span>
</button>
</a>
<div id="deliveryBlock" class="delivery-estimation text-center hide-cart-block hide-block pb-1">
<div class="overflow-hidden">
<span class="text-xs">
Livraison estimée
<span class="jc-replace-date"> ...</span>
<template id="custom_delivery">
jeudi 15 mai
</template>
</span>
<bigblue
class="!hidden"
data-component="fast-tag-product"
data-product="5046946988167"
data-variant="34745823953031"
></bigblue>
</div>
</div>
</div>
</div>
</div><div id="modal_cart_note" class="!w-full justify-center smart_modal h-full z-[12] flex transform translate-x-full right-0">
<div class="smart_modal_container relative flex flex-col no-scroll w-full">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="rotate-180 [*>]">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill=" #333 "></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">EMBALLAGE CADEAU</p><div class="w-8"></div></div>
<div class="p-4">
<div><p class="text-lg font-bold">Un petit mot avec votre cadeau ?</p>
<p class="text-base">Il sera imprimé sur le bordereau de livraison</p>
</div>
<textarea class="mt-4 w-full border-[2px] border-[#DDD1C4] rounded-lg p-4 placeholder:text-base shadow-[0px_0px_20px_rgba(0,_0,_0,_0.15)] h-20 bg-white"
name="cart_note" id="cart_note" rows="3" placeholder="Joyeux Anniversaire Mémé !">
</textarea>
<div class="packages_content [&_.jc-cart-note]:hidden"></div>
<div class="flex gap-2 pt-4 mt-4 border-t border-[#DDD1C4]">
<button class="w-full cursor-pointer rounded-full p-4 bg-[#f79b76] hover:bg-[#ff7743] uppercase text-white text-base leading-none font-bold js-hide-modal js-add-cart-note">
Valider
</button>
<button class="w-full cursor-pointer rounded-full p-4 bg-[#EFEAE4] hover:bg-[#DDD1C4] uppercase text-base leading-none font-bold js-hide-modal js-remove-packages">
Non merci
</button>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--24400061432144__ajax-search-result" class="shopify-section shopify-section-group-header-group">
</div><div id="shopify-section-sections--24400061432144__bundle-items" class="shopify-section shopify-section-group-header-group"><style>
#bundle-collection-anchor .jc-right-fade{
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(243 244 246) 100%)
}
#bundle-collection-anchor .jc-left-fade{
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgb(243 244 246) 100%)
}
#bundle-collection-anchor .swiper-button-prev.swiper-button-disabled + .jc-left-fade,
#bundle-collection-anchor .swiper-button-next.swiper-button-disabled + .jc-right-fade {
display: none !important;
}
#bundle-collection-anchor{
font-size: 0.8rem;
}
#bundle_modal_carousel .jc-right-fade{
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%)
}
#bundle_modal_carousel .jc-left-fade{
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%)
}
#bundle_modal_carousel .swiper-button-prev.swiper-button-disabled + .jc-left-fade,
#bundle_modal_carousel .swiper-button-next.swiper-button-disabled + .jc-right-fade {
display: none !important;
}
#bundle_modal_carousel .swiper-button-prev.swiper-button-disabled,
#bundle_modal_carousel .swiper-button-next.swiper-button-disabled,
#bundle_modal_carousel .swiper-button-prev.swiper-button-lock,
#bundle_modal_carousel .swiper-button-next.swiper-button-lock{
display: none !important;
}
@media screen and (max-width: 767px) {
}
#bundle_modal_list_items .swiper-slide {
transition-property: all, transform, opacity;
transition-duration: .4s, .2s, .5s;
transition-timing-function: linear, linear, linear;
}
#shopify-section-sections--24400061432144__bundle-items {
--tile-color: #e6e9eb1A;
--tile-border-color: #e6e9eb;
}
</style>
<div id="bundle_modal_list" class="smart_modal opacity-0 justify-center rounded-t-xl lg:rounded-t-none max-h-[95%] md:max-h-full min-h-[60vh] z-[12] flex transform translate-y-full lg:translate-y-0 lg:translate-x-full lg:right-0 !w-full">
<div class="smart_modal_container relative flex flex-col items-start no-scroll">
<div id="bundle_modal_list_content" class="w-full h-full"> <!--class="w-full flex flex-col h-full bg-[#FBF8F5]"-->
<div class="js-bundle-item-select bg-[#FBF8F5] relative md:h-full">
<div class="flex justify-between sticky top-0 bg-[#FBF8F5] z-[2]">
<div class="flex items-start justify-between w-full px-5 py-5">
<span class="sexy-icon-btn js-hide-modal cursor-pointer w-full" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg>
</span><div>
<span class="font-['Boogaloo'] text-[#FF9C76] text-3xl text-center leading-none mt-auto !text-[#333]">Mix & </span><span class="font-['Boogaloo'] text-[#FF9C76] text-3xl text-center leading-none mt-auto">Match</span>
</div>
<p class="whitespace-nowrap font-bold text-base w-8 h-8 rounded-full bg-[#FF9C76] flex items-center justify-center leading-none text-[#fff] hidden js-mm-qnt" data-total-bundle-qnt>
[qnt]
</p>
</div>
</div><div class="pb-44 bg-[#FBF8F5] md:min-h-[inherit]">
<div class="!overflow-y-hidden !px-5 !pt-0 !pb-5 lg:!px-4 no-scroll bg-[#FBF8F5]" id="bundle_modal_carousel2">
<div class="swiper-wrapper flex flex-col" id="bundle_modal_list_items">
<div class="min-h-[104px] lg:min-h-[80px] order-last"><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="1"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_1.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>le 1er produit</strong> pour commencer les bonnes affaires !</p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="2"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_2.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 2ème produit</strong> pour obtenir <strong>-5%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="3"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_3.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 3ème produit</strong> pour obtenir <strong>-10% </strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="4"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/4_cfcaac2b-ddea-48d2-9735-e9b917bcf778.svg?v=1735851837&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 4ème produit</strong> pour obtenir <strong>-15%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="5"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_4_5.svg?v=1727732457&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 5ème produit</strong> à <strong>-15%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="6"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/6_ad5805d8-7661-4e56-ab61-2228d276668d.svg?v=1735851856&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 6ème produit</strong> pour obtenir <strong>-20%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="7"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_6_7.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 7ème produit</strong> à <strong>-20%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="8"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_8.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 8ème produit</strong> pour obtenir <strong>-25%</strong></p></div>
</div></a>
</div><div class="swiper-slide !duration-300 !h-24 order-last transition-all rounded-xl js-hide-all-modal mb-2 border-dashed border-2 border-[var(--tile-border-color)] bg-[var(--tile-color)]"
data-bundel-step="9"><a href="/products/mix-match" class="js-fill-bundle-to-edit overflow-bundle-item h-full w-full opacity-100 absolute z-10 flex items-center gap-2 rounded-xl p-2 cursor-pointer">
<img
class="shrink-0 h-20 w-20 p-1 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/mix_match_8.svg?v=1727732458&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 9ème produit</strong> à <strong>-25%</strong></p></div>
</div></a>
</div></div>
</div>
</div>
</div>
</div><div class="bg-white max-[350px]:px-2 px-4 border-t border-[#d4d4d465] mt-auto fixed bottom-0 w-full z-[2] jc-mam-button">
<div class="js-bundle-progress">
<div class="flex justify-between baseline my-2 text-xs gap-1">
<p class="bundle-progress-text leading-4"></p>
<p class="bundle-progress-discount font-bold"></p>
</div>
<div class="flex gap-1 bundle-progress-steps"><div class="bundle-step active"></div><div class="bundle-step"></div><div class="bundle-step"></div><div class="bundle-step"></div><div class="bundle-step"></div><div class="bundle-step"></div><div class="bundle-step"></div><div class="bundle-step"></div></div>
</div>
<div class="w-full flex flex-col gap-2 lg:gap-4 items-center justify-center pb-2 pt-3 lg:py-4 js-reverce-logic">
<button class="js-add-bundle-to-cart js-hide-modal cursor-pointer max-[350px]:px-0 p-4 w-full rounded-full flex items-baseline justify-center bg-[#ff9c76] !bg-[#EFEAE4] text-white !text-[#333] text-base noClick duration-300 h-[56px]"
data-direct-product=""
>
<div data-bundle-no_item class="hidden">
<p class="uppercase font-bold leading-6">AJOUTER 1 PRODUIT</p>
</div>
<div data-bundle-any_item class="hidden flex">
<p class="uppercase font-bold leading-6">Ajouter au panier -</p>
<p class="font-semibold ml-1 leading-6" data-id="bundle_total_price_with_discount"></p>
<s class="text-xs ml-2 leading-6" data-id="bundle_total_price"></s>
</div>
<div data-bundle-update class="hidden flex">
<p class="uppercase font-bold leading-6">Ajouter au panier -</p>
<p class="font-semibold ml-1 leading-6" data-id="bundle_total_price_with_discount"></p>
<s class="text-xs ml-2 leading-6" data-id="bundle_total_price"></s>
</div>
<div data-bundle-cancel class="hidden flex">
<p class="uppercase font-bold leading-6">RETOUR AU PANIER</p>
<p class="font-semibold ml-1 leading-6 !hidden" data-id="bundle_total_price_with_discount"></p>
<s class="text-xs ml-2 leading-6 !hidden" data-id="bundle_total_price"></s>
</div>
</button>
<a href="/pages/mix-and-match" class="js-hide-modal js-fill-bundle-to-edit w-full h-[56px] text-base font-bold cursor-pointer leading-none uppercase bg-[#EFEAE4] hover:bg-[#DDD1C4] rounded-full flex gap-1 items-center justify-center js-hide-all-modal">
<span data-bundle-any_item data-bundle-cancel data-bundle-update class="hidden">MODIFIER LE PACK</span>
<span data-bundle-no_item class="hidden">+ CRÉER SON PACK</span>
</a>
</div>
</div></div>
</div>
</div>
<template id="bundle-item-tmp">
<div class="swiper-slide !h-24 rounded-xl mb-2" data-in_bundle_id="[product-id]">
<span class="loader -mt-4 z-[1] opacity-50 visible !hidden"></span>
<div class="flex gap-2 p-2 bg-white rounded-xl" data-in_bundle_price="[product-price]">
<img class="rounded-md product-block-img lazyload min-h-[80px]" loading="lazy" src="[product-image]" width="80" height="80" alt="bundle product">
<div class="flex flex-col product_block w-full"
data-for_bundle_id="[product-id]"
data-original-price="[product-price]"
data-no-discount="false">
<div class="text-sm">
<span class="font-medium"> [product-title] </span>
<span> - [product-second-title] </span>
</div>
<div class="this flex col-span-1 justify-between lg:justify-self-end items-end pb-1 min-h-[38px] mt-auto">
<div class="flex flex-col-reverse h-full justify-between lg:justify-end md:items-baseline">
<div class="bl-text-medium font-bold text-l lg:w-full leading-none mt-auto">
<span class="product_block_price" data-original_price="[product-price]">
[product-price]
</span>
€
</div>
<div class="js-discount-price text-xs">
<s class="text-darkgray whitespace-nowrap"></s>
<span class="product_block_discount text-sm js-bundle-discount-label-current hidden"></span>
</div>
</div>
<div class="my_ajout_panier bg-[#f79b76] text-white flex items-center justify-center rounded-full select-none">
<div
class="js-remove-from-bundle bg-[#f79b76] md:hover:bg-[#ff7743] text-white flex items-center justify-center rounded-full p-[6px]"
data-product_handle="[product-handle]"
>
<span class="w-5 h-5">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20">
<path d="M28.5 19.5h-21v-3h21z"></path>
</svg>
</span>
</div>
<div class="js-bundle-number p-[6px] hidden">
<span class="w-3 h-5 flex items-center justify-center">1</span>
</div>
<div
class="js-add-to-bundle bg-[#f79b76] md:hover:bg-[#ff7743] text-white flex items-center justify-center rounded-full p-[6px]"
data-product_handle="[product-handle]"
>
<span class="w-5 h-5">
<svg viewbox="0 0 36 36" fill="#ffffff" height="20" width="20">
<path d="M28.5 19.5h-9v9h-3v-9h-9v-3h9v-9h3v9h9z"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script type="text/javascript">
window.progressbar_text = [["\u003cp\u003eAjoutez au moins 2 produits pour \u003cstrong\u003eobtenir \u003c\/strong\u003e:","\u003cstrong\u003e -5%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e1 produit supplémentaire\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-5%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e1 produit supplémentaire\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-10%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e1 produit supplémentaire\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-15%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e2 produits supplémentaires\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-20%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e1 produit supplémentaire\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-20%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e2 produits supplémentaires\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-25%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eAjoutez \u003cstrong\u003e1 produit supplémentaire\u003c\/strong\u003e pour obtenir :"," \u003cstrong\u003e-25%\u003c\/strong\u003e\u003c\/p\u003e"],["\u003cp\u003eBINGO ! \u003cstrong\u003eTous les produits sont à -25%. \u003c\/strong\u003e","\u003cstrong\u003e Profitez-en 😉\u003c\/strong\u003e\u003c\/p\u003e"]]
</script>
</div><div id="shopify-section-sections--24400061432144__standard-modal" class="shopify-section shopify-section-group-header-group"><div id="new_overlay" class="js-drawer-close-left transition-all duration-[0] max-lg:!transition-none"></div>
<div id="standard_modal" class="smart_modal flex justify-center rounded-t-xl lg:rounded-t-none max-h-[80%] lg:max-h-full min-h-[30%] z-[12] transition-all ease-linear translate-y-full lg:translate-y-0 lg:-translate-x-full opacity-0">
<div class="smart_modal_container relative flex justify-center no-scroll">
<div class="mx-auto w-14 h-1 bg-slate-400 rounded-full mb-6 fixed top-2 lg:hidden"></div>
<div id="standard_modal_content" class="w-full bg-[#FBF8F5] min-h-fit h-full"></div>
</div>
</div>
</div><div id="shopify-section-sections--24400061432144__header-with-navigation" class="shopify-section shopify-section-group-header-group"><!-- menu for desktop -->
<header class="!fixed top-[0.2rem] justify-center w-full flex flex-col items-center px-[0.3rem] z-[7] site-header">
<div
class="relative w-full flex flex-row-reverse lg:flex-row justify-between max-w-[2000px] p-2 lg:py-4 lg:px-6 bg-transparent transition-all rounded-md z-10"
data-section-id="sections--24400061432144__header-with-navigation"
data-section-type="header">
<div class="flex items-center max-lg:justify-end gap-x-4 basis-2/5">
<div class="list-none lg:hidden flex">
<button type="button" id="search-toggle" class="p-2 max-lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="jc-search">
<path d="M11.3344 19.3734C15.7527 19.3734 19.3344 15.7917 19.3344 11.3734C19.3344 6.95513 15.7527 3.37341 11.3344 3.37341C6.9161 3.37341 3.33438 6.95513 3.33438 11.3734C3.33438 15.7917 6.9161 19.3734 11.3344 19.3734Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.3344 21.3734L16.9844 17.0234" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
class="site-header__cart-toggle js-show-cart cursor-pointer p-2 js-drawer-open-right"
aria-controls="CartDrawer"
aria-expanded="false"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 24 24"
fill="none"
class="jc-cart"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span id="CartCount" class="CartCount opacity-0">0</span>
</div>
<button type="button" class="icon-fallback-text site-nav__link site-nav__link--icon js-drawer-open-left p-2" aria-controls="NavDrawer">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path d="M8 12H21" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 6H21" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 18H21" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div><nav role="navigation" id="NavStandard">
<ul class="site-nav flex gap-7" id="AccessibleNav">
<li class="nav-elmt nav-elmt-with-dropdown !w-fit mb-0">
<p class="flex justify-start items-center text-[15px] font-medium uppercase">
Produits<span class="arrow-down ml-2"></span>
</p>
<div class="nav-elmt--dropdown !pt-[3px] desktop-menu invisible">
<div class="nav-elmt--dropdown-inner justify-around flex flex-row gap-x-8 !px-6 rounded-lg bg-white header-shadow lg:py-[2.4rem] text-sm">
<div class="block-1 w-[22%]">
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full">
<a class="cursor-pointer" href="/collections"><span class="whitespace-nowrap hover:underline relative">
Tous les Produits
</span></a></div>
</div>
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full">
<a class="cursor-pointer" href="/pages/co-creation"><span class="whitespace-nowrap hover:underline relative">
Co-création
<span class="inline-block rounded-md w-fit text-xs text-[#333] font-medium px-2 py-[2px] bg-[#FDE16C] ml-2 no-underline decoration-0">
-10% au lancement
</span>
</span></a></div>
</div>
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full">
<a class="cursor-pointer" href="/products/mix-match"><span class="whitespace-nowrap hover:underline relative">
Créer son Pack
<span class="inline-block rounded-md w-fit text-xs text-[#333] font-medium px-2 py-[2px] bg-[#FDE16C] ml-2 no-underline decoration-0">
Jusqu'à -25%
</span>
</span></a></div>
</div>
<div class="relative justify-center py-2 accordion-container-mm">
<div class="w-full">
<span class="block font-bold mb-6 mt-2">
Incontournables
</span></div>
<div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/nouveautes" itemprop="url" class="hover:underline">Nouveautés
</a></div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/best-sellers" itemprop="url" class="hover:underline">Meilleures Ventes
</a></div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/packs-economiques" itemprop="url" class="hover:underline">Packs Économiques
</a></div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/accessoires" itemprop="url" class="hover:underline">Accessoires
</a></div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/special-voyage" itemprop="url" class="hover:underline">Spécial Voyage
</a></div>
<div class="w-full mt-3 ml-2 font-normal"><a href="/collections/idees-cadeaux" itemprop="url" class="hover:underline">Idées Cadeaux
</a></div>
<div class="accordion-foldable-mm">
</div>
</div>
</div>
</div>
<div class="block-2 w-[22%]">
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full font-bold mb-6">Nouveautés</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/apres-shampoing-solide-cheveux-soyeux" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Après-Shampoing Cheveux Soyeux</div>
<div class="font-normal hidden lg:block">Après-Shampoing Solide</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/gel-douche-sans-bouteille-figue-santal" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Figue & Santal</div>
<div class="font-normal hidden lg:block">Gel Douche - Figue & Santal</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/gel-douche-sans-bouteille-amande-fleur-d-oranger" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Amande & Fleur d’Oranger</div>
<div class="font-normal hidden lg:block">Gel Douche - Amande & Fleur d’Oranger</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/gel-douche-sans-bouteille-pamplemousse-basilic" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Pamplemousse & Basilic</div>
<div class="font-normal hidden lg:block">Gel Douche - Pamplemousse & Basilic</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/shampoing-solide-tout-nu-cheveux-blancs" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Shampoing Solide - Cheveux Blancs</div>
<div class="font-normal hidden lg:block">Shampoing Solide - Cheveux Blancs</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/shampoing-solide-tout-nu-cheveux-boucles" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Shampoing Solide - Cheveux Bouclés</div>
<div class="font-normal hidden lg:block">Shampoing Solide - Cheveux Bouclés</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/nouveautes" itemprop="url">
<div class="font-medium underline hover:no-underline">Voir Tout ➝</div>
</a>
</div>
</div>
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full font-bold mb-6 mt-2">Best-Sellers</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/gel-douche-sans-bouteille" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Avoine & Amande</div>
<div class="font-normal hidden lg:block">Gel Douche Avoine</div>
</a>
</div>
</div>
<div class="accordion-foldable-m0">
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/shampoing-solide-tout-nu" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Shampoings Solides</div>
<div class="font-normal hidden lg:block">Shampoing Solide - Tous Cheveux</div>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/shampoing-solide-tout-nu-cheveux-gras" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Cheveux Gras & Pellicules</div>
<div class="font-normal hidden lg:block">Shampoing Solide - Cheveux Gras</div>
</a>
</div>
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/nettoyant-visage-super-doux" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Nettoyant Visage Super Doux</div>
<div class="font-normal hidden lg:block">Nettoyant Visage Super Doux</div>
</a>
</div>
</div>
<div class="accordion-foldable-m0">
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/porte-savon-magique-x3" itemprop="url" class="hover:underline">
<div class="font-normal lg:hidden">Porte-Savon Magique (x3)</div>
<div class="font-normal hidden lg:block">Porte-Savon Magique (x3)</div>
</a>
</div>
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="accordion-foldable-m0">
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/best-sellers" itemprop="url">
<div class="font-medium underline hover:no-underline">Voir Tout ➝</div>
</a>
</div>
</div>
</div>
<div class="block-3 w-[22%]">
<div class="relative justify-center py-2 accordion-container-m0">
<div class="w-full font-bold mb-6">Par Catégories</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/kits-decouverte" class="hover:underline">
<span class="block font-normal">
Kits Découverte
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/apres-shampoing-solide" class="hover:underline">
<span class="block font-normal">
Après-Shampoing Solide
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/gels-douche-solides" class="hover:underline">
<span class="block font-normal">
Gels Douche Solides
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/shampoings-solides" class="hover:underline">
<span class="block font-normal">
Shampoings Solides
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/deodorants-naturels" class="hover:underline">
<span class="block font-normal">
Déodorants Naturels
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/soins-corps-solides" class="hover:underline">
<span class="block font-normal">
Soins Corps
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/products/shampoing-tout-doux-pour-mon-toutou" class="hover:underline">
<span class="block font-normal">
Shampoing Chiens
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/sticks-solaires" class="hover:underline">
<span class="block font-normal">
Sticks Solaires
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/stick-anti-moustique" class="hover:underline">
<span class="block font-normal">
Stick Anti-Moustique
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/nettoyants-visage" class="hover:underline">
<span class="block font-normal">
Nettoyants Visage
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/accessoires" class="hover:underline">
<span class="block font-normal">
Accessoires
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/demaquillant-solide" class="hover:underline">
<span class="block font-normal">
Démaquillant Solide
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/special-voyage" class="hover:underline">
<span class="block font-normal">
Savons Format Voyage
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/savon-intime" class="hover:underline">
<span class="block font-normal">
Savon Intime
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/savons-mains-surgras" class="hover:underline">
<span class="block font-normal">
Savons Mains Surgras
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/savon-bebes-grands" class="hover:underline">
<span class="block font-normal">
Soin Lavant Bébé
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/gommages-corps-visage" class="hover:underline">
<span class="block font-normal">
Gommages Corps & Visage
</span>
</a>
</div>
<div class="w-full mt-3 ml-2 font-normal">
<a href="/collections/soin-de-rasage" class="hover:underline">
<span class="block font-normal">
Soin de Rasage
</span>
</a>
</div>
</div>
</div>
<div class="block-4 w-[34%]">
<div class="swiper flex lg:h-[300px]">
<div class="swiper-wrapper">
<div class="swiper-slide relative flex">
<img
class="w-full absolute bottom-0 z-[50] h-full object-cover rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/5_6e42335e-d0f2-4867-9ad3-8eb14fee5a08.jpg?v=1683121300&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/5_6e42335e-d0f2-4867-9ad3-8eb14fee5a08_600x350.jpg?v=1683121300" alt="">
</noscript>
<div class="flex flex-col absolute z-[51] justify-center items-center text-center w-[100%] h-[100%]">
<div class="my_home_heading_bg">
<div class="text-lg font-extrabold text-[#333]">Profitez des tarifs dégressifs</div>
<div class="text-[#333]">Jusqu'à-25% !</div>
</div>
<a href="/products/mix-match" itemprop="url" class=""><div class="uppercase px-8 py-4 mt-2 rounded-full font-bold text-[1rem] leading-5 bg-[#FF9C76] hover:bg-[#ff7743] text-white hover:text-white">+ CRÉER SON PACK</div></a>
</div>
</div>
</div>
<div class="swiper-pagination !bg-transparent" style="padding:0 !important"></div>
</div>
<div class="flex flex-nowrap gap-2">
<div class="flex-1 text-center mt-3 relative">
<div class="bg-[#fafafa99] rounded-lg p-2 absolute top-4 left-4 right-4 z-[1]">
<p class="font-bold">Co-Création Gamme de Soins</p>
</div>
<div class="absolute left-0 top-0 inline-block">
<span class="inline-block rounded-md w-fit text-xs text-[#333] font-medium px-2 py-[2px] bg-[#FDE16C] no-underline decoration-0 -rotate-45 relative -left-1/3 z-[1]">
Nouveau !
</span>
</div>
<img
class="w-full rounded-lg h-[150px] object-cover lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Co-creation_refill_-_Banniere_menu_-_desktop.jpg?v=1745486141&width=30">
<a href="/pages/co-creation" class="cursor-pointer">
<span class="bg-[#FF9C76] hover:bg-white w-8 h-8 flex items-center justify-center rounded-full uppercase text-white [&_path]:hover:fill-[#000] absolute bottom-4 right-4">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill="#FFFFFF "></path>
</svg>
</span>
</a>
</div>
<div class="flex-1 text-center mt-3 relative">
<div class="bg-[#fafafa99] rounded-lg p-2 absolute top-4 left-4 right-4 z-[1]">
<p class="font-bold">Best-Sellers</p>
</div>
<img
class="w-full rounded-lg h-[150px] object-cover lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Desktop-menu-banner-bestsellers_1000x600_f28b052e-7ef3-4052-bfef-610f0797c1de.jpg?v=1741188348&width=30">
<a href="/collections/best-sellers" class="cursor-pointer">
<span class="bg-[#FF9C76] hover:bg-white w-8 h-8 flex items-center justify-center rounded-full uppercase text-white [&_path]:hover:fill-[#000] absolute bottom-4 right-4">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill="#FFFFFF "></path>
</svg>
</span>
</a>
</div>
</div></div>
</div>
</div>
</li>
<li class="nav-elmt nav-elmt-with-dropdown !w-fit mb-0">
<p class="flex justify-start items-center text-[15px] font-medium uppercase">
À Propos<span class="arrow-down ml-2"></span>
</p>
<div class="text-base nav-elmt--dropdown !pt-[3px] invisible transition-all">
<div class="nav-elmt--dropdown-inner flex items-start gap-6 !px-6 rounded-lg bg-white header-shadow lg:py-[2.4rem] lg:px-4 w-full xl:w-fit">
<div class="flex flex-col justify-center"><a href="/pages/aventure" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Aventure_b820d539-94c5-4931-a4e1-5fbb1214c332.jpg?v=1690299837&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Aventure_b820d539-94c5-4931-a4e1-5fbb1214c332.jpg?v=1690299837&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Aventure</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/pages/savoir-faire" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Savoir_faire.jpg?v=1665500535&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Savoir_faire.jpg?v=1665500535&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Savoir-Faire</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/pages/nos-engagements" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Engagements_8a6560a3-1e17-42eb-9573-28c75a617d02.jpg?v=1690299838&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Engagements_8a6560a3-1e17-42eb-9573-28c75a617d02.jpg?v=1690299838&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Engagements</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/blogs/journal" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Blog.jpg?v=1690299837&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Blog.jpg?v=1690299837&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Blog</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/blogs/journal/unbottled-devient-b-corp" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/B_Corp.jpg?v=1690299838&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/B_Corp.jpg?v=1690299838&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">B Corp</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/pages/avis-clients" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Avis.jpg?v=1690299838&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Avis.jpg?v=1690299838&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Avis Clients</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/pages/la-grande-famille-unbottled" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Parrainage_-_Site_-_Carre.jpg?v=1692783432&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Parrainage_-_Site_-_Carre.jpg?v=1692783432&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Parrainage</div>
</a></div>
<div class="flex flex-col justify-center"><a href="/pages/formulation-ingredients" itemprop="url" class="flex flex-col hover:underline hover:decoration-solid">
<img
class="rounded-md lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Formulation.jpg?v=1690299838&width=30">
<noscript>
<img src="//unbottled.co/cdn/shop/files/Formulation.jpg?v=1690299838&width=600" alt="" width="200" height="200" loading="lazy">
</noscript>
<div class="text-[0.95rem] text-center font-medium mt-[0.6rem]">Formulation</div>
</a></div>
</div>
</div>
</li>
<li class="hidden lg:block nav-elmt nav-elmt-with-dropdown !w-fit mb-0 mr-4">
<a href="https://help.unbottled.co/fr-FR" target="_blank" class="site-header__account flex justify-center items-center gap-1 text-[15px] font-medium uppercase">
Aide
<span class="arrow-down"></span>
</a>
<div class="nav-elmt--dropdown !pt-[3px] !right-[unset] invisible !w-[360px]">
<div class="nav-elmt--dropdown-inner justify-around flex flex-col gap-y-2 !px-6 rounded-lg bg-white header-shadow">
<div class="question leading-[1.2rem] font-medium text-[0.95rem] text-left my-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR" itemprop="url" class="" target="_blank">Questions Fréquentes
</a></div>
<div class="question leading-[1.2rem] font-medium text-[0.95rem] text-left my-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/articles/livraison-&-retours-40474" itemprop="url" class="" target="_blank">Livraisons et Retours
</a></div>
<div class="question leading-[1.2rem] font-medium text-[0.95rem] text-left my-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/ssp/login" itemprop="url" class="" target="_blank">Suivre la Commande
</a></div>
<div class="question leading-[1.2rem] font-medium text-[0.95rem] text-left my-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/ssp/login" itemprop="url" class="" target="_blank">Signaler un Problème
</a></div>
<div class="flex flex-wrap justify-center gap-2 my-3">
<a
href="https://help.unbottled.co/fr-FR/contact"
target="_blank"
class="px-2 py-[0.7rem] rounded-full bg-[#EFEAE4] hover:bg-[#DDD1C4] !text-base text-center font-bold flex-1 uppercase flex items-center justify-center">
CONTACT
</a>
<button
class="px-2 py-[0.7rem] rounded-full bg-[#FF9C76] hover:bg-[#ff7743] !text-base text-white font-bold leading-none flex-1 js-show-chat js-hide-modal"
onclick="GorgiasChat.open();">
CHAT<br/>
<span class="font-normal text-[70%]">9h-18h30 en semaine</span>
</button>
<a
href="https://help.unbottled.co"
target="_blank"
class="w-full flex justify-center items-center px-2 py-[0.7rem] rounded-full bg-[#EFEAE4] hover:bg-[#DDD1C4] !text-base font-bold uppercase">
CENTRE D’AIDE
</a>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div class="flex items-center justify-center basis-1/5">
<!-- /snippets/site-logo.liquid --><div class="">
<div class="site-header__logo large--left" itemscope itemtype="http://schema.org/Organization"><a href="/" itemprop="url" class="lg:w-[170px] w-[130px] site-header__logo-link site-header__logo-link--other site-header__logo-link--single">
<img
class="class_image"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/unbottled-logo_1241w265.svg?v=1734425340&width=30"
srcset="//unbottled.co/cdn/shop/files/unbottled-logo_1241w265_260x.svg?v=1734425340 260w,//unbottled.co/cdn/shop/files/unbottled-logo_1241w265_540x.svg?v=1734425340 540w,"
alt="Image to render"
width="170"
height="30"
fetchpriority="low"
>
<noscript>
<img data-src="//unbottled.co/cdn/shop/files/unbottled-logo_1241w265.svg?v=1734425340&width=170" alt="">
</noscript>
</a></div>
</div>
</div>
<div class="flex items-center lg:justify-end basis-2/5">
<ul class="site-nav flex gap-1 lg:gap-7 font-medium site-nav__icons text-[15px] items-center uppercase">
<li class="max-lg:hidden site-nav__item site-nav__item--icon !w-fit mb-0 pr-0">
<a class="flex gap-2 items-center" href="/pages/store-locator">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>NOUS TROUVER</span>
</a>
</li>
<li>
<ul class="flex m-0">
<li class="site-nav__item site-nav__item--icon pr-0 xl:mr-7">
<a href="/account" class="site-header__account flex gap-2 items-center uppercase max-xl:p-2">
<div class="relative">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span class="max-xl:hidden truncate max-w-[130px]">
Connexion
</span>
</a>
</li>
<li class="max-md:hidden site-nav__item--icon">
<div class="relative flex align-center">
<button class="lg:block hidden p-2" type="button" id="search-toggle">
<span class="search-icon block transition-[width] duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="jc-search">
<path d="M11.3344 19.3734C15.7527 19.3734 19.3344 15.7917 19.3344 11.3734C19.3344 6.95513 15.7527 3.37341 11.3344 3.37341C6.9161 3.37341 3.33438 6.95513 3.33438 11.3734C3.33438 15.7917 6.9161 19.3734 11.3344 19.3734Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.3344 21.3734L16.9844 17.0234" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </span>
</button>
</div>
</li>
<li class="m-0">
<a href="#" class="wisp flex p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="jc-bell">
<path d="M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.73 21C13.5542 21.3031 13.3018 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li class="site-nav__item site-nav__item--icon">
<div
class="site-header__cart-toggle js-show-cart cursor-pointer p-2 max-lg:hidden js-drawer-open-right"
aria-controls="CartDrawer"
aria-expanded="false"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewbox="0 0 24 24"
fill="none"
class="jc-cart"
>
<path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" fill="#333333" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span id="CartCount" class="CartCount opacity-0">0</span>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<div class="search-wrapper-desktop-menu overflow-y-scroll z-[13] lg:z-[8] flex-col w-0 h-0 bg-white relative opacity-0 transition-opacity duration-300 invisible" id="nav-search">
<div class="px-4 pb-4 lg:container">
<div class="flex-row sticky top-0 bg-white z-[1] justify-between flex gap-3 pt-3 pb-6 md:pt-14 md:pb-10 items-center">
<input
type="text"
placeholder="Rechercher"
name="q"
id="search-inp"
value=""
class="border-0 focus:shadow-[0_0_0_1px_#DDD1C4] autofill:shadow-[0_0_0_1000px_#fbf8f5_inset] autofill:bg-[#fbf8f5] text-base placeholder:font-medium font-bold w-full py-3 leading-6 rounded-full bg-[#fbf8f5] pr-4 pl-5 h-fit text-lg text-[#333] md:text-2xl md:leading-8 md:py-5 md:pl-9"
>
<span class="search-close opacity-0 block border-1 border-black sexy-icon-btn cursor-pointer rounded-full p-1 !bg-[#FF9C76] z-10 transition-[width] duration-300 !w-full max-w-[32px] md:max-w-[48px] md:h-[48px] !shadow-none">
<svg width="16" height="16" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color fill-white" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z">
</path>
</svg>
</span>
</div>
<p id="search-empty-result" class="text-base hidden mb-2 md:mb-6 font-medium leading-6 opacity-60 text-[#333] md:text-2xl md:leading-8"></p>
<div id="search-result">
</div>
</div>
</div>
<!-- menu for mobile -->
</div><div id="shopify-section-sections--24400061432144__header-with-navigation-mob" class="shopify-section shopify-section-group-header-group"><!-- menu for desktop -->
<!-- menu for mobile -->
<div class="drawer-left h-full md:h-[100%] w-[100vw] bg-white fixed top-0 right-0 z-[8] overflow-hidden flex flex-col">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><div id="search-toggle" class="h-[46px] py-4 pl-4 pr-5 flex gap-2 items-center flex-1 rounded-full bg-[#FBF8F5] mr-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="jc-search">
<path d="M11.3344 19.3734C15.7527 19.3734 19.3344 15.7917 19.3344 11.3734C19.3344 6.95513 15.7527 3.37341 11.3344 3.37341C6.9161 3.37341 3.33438 6.95513 3.33438 11.3734C3.33438 15.7917 6.9161 19.3734 11.3344 19.3734Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.3344 21.3734L16.9844 17.0234" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="font-medium opacity-60 text-[#333]">Rechercher</p>
</div><div class="flex">
<button class="sexy-icon-btn js-hide-modal js-drawer-close-left cursor-pointer m-1" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg></button>
</div></div>
<div class="mobile-menu bg-[#FBF8F6] overflow-y-scroll flex flex-col gap-1">
<div class="w-full bg-white">
<div
id="mobile-menu-swiper"
class="swiper flex !h-[200px]"
>
<div class="swiper-wrapper">
<div class="swiper-slide relative flex">
<img
class="w-full h-full absolute bottom-0 z-[50] object-cover"
src="//unbottled.co/cdn/shop/files/Co-creation_refill_-_Banniere_menu_-_mobile.jpg?crop=center&height=200&v=1745486141&width=450"
width="450"
height="200"
loading="lazy"
data-src=""
data-widths="[250,450,600]"
data-aspectratio="2.25"
data-sizes="auto"
alt=""
>
<span class="loader_old"></span>
<div class="flex flex-col absolute z-[51] justify-center items-center text-center w-[100%] h-[100%]">
<div class="my_home_heading_bg">
<div class="text-lg font-extrabold" style="color:#000">Co-création</div>
<div style="color:#333">Gamme de Soins</div>
</div>
<a href="/pages/co-creation" itemprop="url" class="jc-click-effect"><div
class="mt-4 mx-auto py-2 px-4 w-fit bg-primary rounded-full text-white font-medium js-drawer-close-left js-show-bundle-modal-list"
>
JE PARTICIPE !
</div></a>
</div>
</div>
<div class="swiper-slide relative flex">
<img
class="w-full h-full absolute bottom-0 z-[50] object-cover"
src="//unbottled.co/cdn/shop/files/5_6e42335e-d0f2-4867-9ad3-8eb14fee5a08.jpg?crop=center&height=200&v=1683121300&width=450"
width="450"
height="200"
loading="lazy"
data-src=""
data-widths="[250,450,600]"
data-aspectratio="1.0"
data-sizes="auto"
alt=""
>
<span class="loader_old"></span>
<div class="flex flex-col absolute z-[51] justify-center items-center text-center w-[100%] h-[100%]">
<div class="my_home_heading_bg">
<div class="text-lg font-extrabold" style="color:#000">Profitez des tarifs dégressifs</div>
<div style="color:#000">Jusqu'à-25% !</div>
</div>
<a href="/products/mix-match" itemprop="url" class="jc-click-effect"><div
class="mt-4 mx-auto py-2 px-4 w-fit bg-primary rounded-full text-white font-medium"
>
+ CRÉER SON PACK
</div></a>
</div>
</div>
</div>
<div class="swiper-pagination !bg-transparent bottom-0" style="padding:0 !important"></div>
</div>
</div>
<div class="ratings-mobile px-1 py-3 text-center text-base">
<span
data-score="4.76"
class="jdgm-all-reviews-rating mr-1 text-[125%]"
></span>
<span>
<span class="font-bold">
4.8
</span>
sur 5
</span>
<span class="mx-[0.25rem]"> | </span>
<a class="cursor-pointer jc-click-effect" href="/pages/avis-clients">
<span class="text-[80%] underline"> 74141 avis vérifiés</span>
<span class="absolute right-3 a" aria-hidden="true"></span>
</a>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/collections"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Tous les Produits
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/pages/co-creation"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Gamme de Soins
<span class="rounded-md text-xs text-[#333] font-medium px-2 py-[2px] bg-[#FDE16C] ml-2">
Co-Création
</span>
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/products/mix-match"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Créer son Pack
<span class="rounded-md text-xs text-[#333] font-medium px-2 py-[2px] bg-[#FDE16C] ml-2">
Jusqu'à -25%
</span>
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/collections/nouveautes"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Nouveautés
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<div class="accordion-button-m p-4 bg-white rounded-xl cursor-pointer">
<span class="block w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium">
Incontournables
</span>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-4 top-[20px] transition-all translate-y duration-300 ease-in-out"
aria-hidden="true">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right !w-4 !h-4"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg>
</span>
</div></div>
<div class="menu_modal fixed top-0 left-0 w-full h-full z-[12] transition-all duration-400 ease-linear translate-x-[200%] bg-[#FBF8F6]">
<div class="menu_modal_container no-scroll h-full">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="rotate-180 [*>]">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill=" #333 "></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">Incontournables</p><div class="w-8"></div></div>
<div class="accordion-container-m has-submenu px-3 pb-24">
<div class="grid gap-x-4 grid-cols-2 auto-rows-auto overflow-hidden">
<a href="/collections/nouveautes" itemprop="url"><div class="w-full mt-4 relative jc-click-effect">
<img
class="w-full rounded-md object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea.jpg?v=1699390602&width=30"
srcset="//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_50x.jpg?v=1699390602 50w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_100x.jpg?v=1699390602 100w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_200x.jpg?v=1699390602 200w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_400x.jpg?v=1699390602 400w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_800x.jpg?v=1699390602 800w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_1200x.jpg?v=1699390602 1200w,//unbottled.co/cdn/shop/files/Cartecadeau-rectangle-800x900_5acaf264-092c-4c1b-9238-4e38b4c75aea_1600x.jpg?v=1699390602 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Nouveautés
</p></div></a>
<a href="/collections/best-sellers" itemprop="url"><div class="w-full mt-4 relative jc-click-effect">
<img
class="w-full rounded-md object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-meilleures-ventes_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Meilleures Ventes
</p></div></a>
<a href="/collections/packs-economiques" itemprop="url"><div class="w-full mt-4 relative jc-click-effect">
<img
class="w-full rounded-md object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-packs-economiques_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Packs Économiques
</p></div></a>
<a href="/collections/accessoires" itemprop="url"><div class="w-full mt-4 relative jc-click-effect">
<img
class="w-full rounded-md object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-accessoires.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-accessoires_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-accessoires_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Accessoires
</p></div></a>
<a href="/collections/idees-cadeaux" itemprop="url"><div class="w-full mt-4 relative jc-click-effect">
<img
class="w-full rounded-md object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-idees_cadeaux_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Idées Cadeaux
</p></div></a>
</div>
</div>
</div>
</div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<div class="accordion-button-m p-4 bg-white rounded-xl cursor-pointer">
<span class="w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium flex items-center">
Cheveux
</span>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-4 top-[20px] transition-all translate-y duration-300 ease-in-out" aria-hidden="true">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right !w-4 !h-4"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg>
</span>
</div></div>
<div class="menu_modal fixed top-0 left-0 w-full h-full z-[12] transition-all duration-400 ease-linear translate-x-[200%] bg-[#FBF8F6]">
<div class="menu_modal_container no-scroll h-full">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="rotate-180 [*>]">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill=" #333 "></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">Cheveux</p><div class="w-8"></div></div>
<div class="accordion-container-m has-product px-3 pb-24">
<div class="grid gap-x-4 grid-cols-2 auto-rows-auto overflow-hidden">
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/shampoings-solides" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-shampoings-solides_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Shampoings Solides
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/apres-shampoing-solide" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27.jpg?v=1741188457&width=30"
srcset="//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_50x.jpg?v=1741188457 50w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_100x.jpg?v=1741188457 100w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_200x.jpg?v=1741188457 200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_400x.jpg?v=1741188457 400w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_800x.jpg?v=1741188457 800w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_1200x.jpg?v=1741188457 1200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_fa7e5470-7b2f-420a-ae87-cb71a07aca27_1600x.jpg?v=1741188457 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Après-Shampoing Solide
</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<div class="accordion-button-m p-4 bg-white rounded-xl cursor-pointer">
<span class="w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium flex items-center">
Corps
</span>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-4 top-[20px] transition-all translate-y duration-300 ease-in-out" aria-hidden="true">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right !w-4 !h-4"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg>
</span>
</div></div>
<div class="menu_modal fixed top-0 left-0 w-full h-full z-[12] transition-all duration-400 ease-linear translate-x-[200%] bg-[#FBF8F6]">
<div class="menu_modal_container no-scroll h-full">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="rotate-180 [*>]">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill=" #333 "></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">Corps</p><div class="w-8"></div></div>
<div class="accordion-container-m has-product px-3 pb-24">
<div class="grid gap-x-4 grid-cols-2 auto-rows-auto overflow-hidden">
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/gels-douche-solides" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides.jpg?v=1699299142&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_50x.jpg?v=1699299142 50w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_100x.jpg?v=1699299142 100w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_200x.jpg?v=1699299142 200w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_400x.jpg?v=1699299142 400w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_800x.jpg?v=1699299142 800w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_1200x.jpg?v=1699299142 1200w,//unbottled.co/cdn/shop/files/menu-mobile-gels-douche-solides_1600x.jpg?v=1699299142 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Gels Douches Solides
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/deodorants-naturels" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-deodorants-naturels_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Déodorants Naturels
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/sticks-solaires" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire.jpg?v=1744273326&width=30"
srcset="//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_50x.jpg?v=1744273326 50w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_100x.jpg?v=1744273326 100w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_200x.jpg?v=1744273326 200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_400x.jpg?v=1744273326 400w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_800x.jpg?v=1744273326 800w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_1200x.jpg?v=1744273326 1200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Thumbnail_solaire_1600x.jpg?v=1744273326 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Sticks Solaires
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/stick-anti-moustique" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f.jpg?v=1718108942&width=30"
srcset="//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_50x.jpg?v=1718108942 50w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_100x.jpg?v=1718108942 100w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_200x.jpg?v=1718108942 200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_400x.jpg?v=1718108942 400w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_800x.jpg?v=1718108942 800w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_1200x.jpg?v=1718108942 1200w,//unbottled.co/cdn/shop/files/Mobile-Menu-Collection-Thumbnail_400x450_6982fcf3-ab8d-4d43-8609-b1cb6fef9c5f_1600x.jpg?v=1718108942 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Stick Anti-Moustique
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/soins-corps-solides" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/baume-corps-collection.jpg?v=1707814499&width=30"
srcset="//unbottled.co/cdn/shop/files/baume-corps-collection_50x.jpg?v=1707814499 50w,//unbottled.co/cdn/shop/files/baume-corps-collection_100x.jpg?v=1707814499 100w,//unbottled.co/cdn/shop/files/baume-corps-collection_200x.jpg?v=1707814499 200w,//unbottled.co/cdn/shop/files/baume-corps-collection_400x.jpg?v=1707814499 400w,//unbottled.co/cdn/shop/files/baume-corps-collection_800x.jpg?v=1707814499 800w,//unbottled.co/cdn/shop/files/baume-corps-collection_1200x.jpg?v=1707814499 1200w,//unbottled.co/cdn/shop/files/baume-corps-collection_1600x.jpg?v=1707814499 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Soins Corps
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/gommages-corps-visage" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-gommage-corps_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Gommage Corps
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/soin-de-rasage" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-soin-de-rasage_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Soin de Rasage
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/savon-intime" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-savon-intime.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-savon-intime_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Savon Intime
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/savons-mains-surgras" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras.jpg?v=1699299142&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_50x.jpg?v=1699299142 50w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_100x.jpg?v=1699299142 100w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_200x.jpg?v=1699299142 200w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_400x.jpg?v=1699299142 400w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_800x.jpg?v=1699299142 800w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_1200x.jpg?v=1699299142 1200w,//unbottled.co/cdn/shop/files/menu-mobile-savons-mains-surgras_1600x.jpg?v=1699299142 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Savons Mains Surgras
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/savon-bebes-grands" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6.jpg?v=1699389646&width=30"
srcset="//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_50x.jpg?v=1699389646 50w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_100x.jpg?v=1699389646 100w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_200x.jpg?v=1699389646 200w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_400x.jpg?v=1699389646 400w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_800x.jpg?v=1699389646 800w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_1200x.jpg?v=1699389646 1200w,//unbottled.co/cdn/shop/files/kit-essai-gel-douche-bebe-psm-filet6_1600x.jpg?v=1699389646 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Soin Lavant Bébé
</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<div class="accordion-button-m p-4 bg-white rounded-xl cursor-pointer">
<span class="w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium flex items-center">
Visage
</span>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-4 top-[20px] transition-all translate-y duration-300 ease-in-out" aria-hidden="true">
<svg
width="14"
height="14"
viewbox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
class="fill-current Icon Icon--media-arrow-right !w-4 !h-4"
data-v-35278934=""
>
<path d="M2.625 1.89189L7.84319 7.06308L2.62501 12.2342L4.40683 14L11.5341 7.06308L4.53409 -8.26971e-08L2.625 1.89189Z">
</path>
</svg>
</span>
</div></div>
<div class="menu_modal fixed top-0 left-0 w-full h-full z-[12] transition-all duration-400 ease-linear translate-x-[200%] bg-[#FBF8F6]">
<div class="menu_modal_container no-scroll h-full">
<div class="flex justify-between items-center bg-white sticky top-0 p-3 md:p-4 z-10"><span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none" class="rotate-180 [*>]">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6068 4.2343C12.2163 3.84378 11.5831 3.84378 11.1926 4.2343C10.8021 4.62482 10.8021 5.25799 11.1926 5.64851L14.5443 9.00022H4.16797C3.61568 9.00022 3.16797 9.44794 3.16797 10.0002C3.16797 10.5525 3.61568 11.0002 4.16797 11.0002H14.5451L11.1926 14.3527C10.8021 14.7433 10.8021 15.3764 11.1926 15.767C11.5831 16.1575 12.2163 16.1575 12.6068 15.767L17.666 10.7077C18.0566 10.3172 18.0566 9.68405 17.666 9.29352L12.6068 4.2343Z" fill=" #333 "></path>
</svg></span>
<p class="uppercase font-bold text-base text-center">Visage</p><div class="w-8"></div></div>
<div class="accordion-container-m has-product px-3 pb-24">
<div class="grid gap-x-4 grid-cols-2 auto-rows-auto overflow-hidden">
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/nettoyants-visage" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-nettoyant-visage_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Nettoyants Visage
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/demaquillant-solide" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d.jpg?v=1712822996&width=30"
srcset="//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_50x.jpg?v=1712822996 50w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_100x.jpg?v=1712822996 100w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_200x.jpg?v=1712822996 200w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_400x.jpg?v=1712822996 400w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_800x.jpg?v=1712822996 800w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_1200x.jpg?v=1712822996 1200w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail_528_x_598_726e1895-f46c-44a2-ab38-a87d3950209d_1600x.jpg?v=1712822996 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Démaquillant Solide
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/gommages-corps-visage" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps.jpg?v=1699299141&width=30"
srcset="//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_50x.jpg?v=1699299141 50w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_100x.jpg?v=1699299141 100w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_200x.jpg?v=1699299141 200w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_400x.jpg?v=1699299141 400w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_800x.jpg?v=1699299141 800w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_1200x.jpg?v=1699299141 1200w,//unbottled.co/cdn/shop/files/menu-mobile-gommages-visage-corps_1600x.jpg?v=1699299141 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Gommages Visage
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/sticks-solaires" itemprop="url" class="">
<img
class="rounded-md w-full h-[auto] aspect-square object-cover"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598.jpg?v=1714483921&width=30"
srcset="//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_50x.jpg?v=1714483921 50w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_100x.jpg?v=1714483921 100w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_200x.jpg?v=1714483921 200w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_400x.jpg?v=1714483921 400w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_800x.jpg?v=1714483921 800w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_1200x.jpg?v=1714483921 1200w,//unbottled.co/cdn/shop/files/Homepage-Collection-Thumbnail-Solaire_528_x_598_1600x.jpg?v=1714483921 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-[0.9rem] text-center leading-[1.15rem] top-[36px] py-2 px-[0.25rem] rounded-[5px] bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
Stick Solaire
</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/collections/accessoires"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Accessoires
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<a class="cursor-pointer" href="/collections/packs-economiques"><span class="accordion-button-m js-no-popup block w-full text-[1.05rem] transition duration-300 group-hover:text-blue-600 sm:text-base font-medium p-4 bg-white rounded-xl">
Packs Économiques
</span></a></div>
</div>
<div class="pb-[90px] bg-[#FBF8F5]">
<div class="relative justify-center mx-4 pr-3 pt-[0.75rem] bg-[#FBF8F5]"><a href="/account"><span class="block w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600">
Mon Compte
</span></a></div>
<div class="relative justify-center mx-4 pr-3 pt-[0.75rem] bg-[#FBF8F5]"><a href="/pages/avis-clients"><span class="block w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600">
Avis Clients
</span></a></div>
<div class="relative justify-center mx-4 pr-3 pt-[0.75rem] bg-[#FBF8F5]"><a href="/blogs/journal"><span class="block w-max text-[1.05rem] transition duration-300 group-hover:text-blue-600">
Blog
</span></a></div>
</div>
</div>
<div id="overlay-m"></div>
<div
id="mission_modal"
class="transition-all ease-linear justify-center grid grid-rows-[0fr] overflow-hidden rounded-t-xl lg:rounded-t-none z-[12] opacity-0"
>
<div class="smart_modal_container relative flex justify-center rounded-[10px] no-scroll">
<span class="sexy-icon-btn js-hide-modal cursor-pointer absolute right-3 top-4" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg>
</span>
<div class="mx-auto w-14 h-1 bg-slate-400 rounded-full mb-6 absolute top-2 lg:hidden"></div>
<div id="mission_modal_content" class="max-w-full p-5 pt-14">
<div class="flex flex-row" id="mission-item-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="/pages/aventure" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Aventure_b820d539-94c5-4931-a4e1-5fbb1214c332.jpg?v=1690299837&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Aventure_b820d539-94c5-4931-a4e1-5fbb1214c332_250x.jpg?v=1690299837" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Aventure</div>
</a></div>
<div class="swiper-slide"><a href="/pages/savoir-faire" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Savoir_faire.jpg?v=1665500535&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Savoir_faire_250x.jpg?v=1665500535" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Savoir-Faire</div>
</a></div>
<div class="swiper-slide"><a href="/pages/nos-engagements" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Engagements_8a6560a3-1e17-42eb-9573-28c75a617d02.jpg?v=1690299838&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Engagements_8a6560a3-1e17-42eb-9573-28c75a617d02_250x.jpg?v=1690299838" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Engagements</div>
</a></div>
<div class="swiper-slide"><a href="/pages/formulation-ingredients" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Formulation.jpg?v=1690299838&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Formulation_250x.jpg?v=1690299838" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Formulation</div>
</a></div>
<div class="swiper-slide"><a href="/blogs/journal" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Blog.jpg?v=1690299837&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Blog_250x.jpg?v=1690299837" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Blog</div>
</a></div>
<div class="swiper-slide"><a href="/blogs/journal/unbottled-devient-b-corp" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/B_Corp.jpg?v=1690299838&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/B_Corp_250x.jpg?v=1690299838" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">B Corp</div>
</a></div>
<div class="swiper-slide"><a href="/pages/avis-clients" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Avis.jpg?v=1690299838&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Avis_250x.jpg?v=1690299838" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Avis Clients</div>
</a></div>
<div class="swiper-slide"><a href="/pages/la-grande-famille-unbottled" itemprop="url" class="">
<img
class="rounded-full jc-click-effect lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Parrainage_-_Site_-_Carre.jpg?v=1692783432&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Parrainage_-_Site_-_Carre_250x.jpg?v=1692783432" alt="">
</noscript>
<div class="text-[15px] text-center mt-[0.6rem]">Parrainage</div>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div
id="aide_modal"
class="transition-all ease-linear justify-center grid grid-rows-[0fr] overflow-hidden rounded-t-xl lg:rounded-t-none z-[12] opacity-0"
>
<div class="smart_modal_container relative flex justify-center rounded-lg">
<span class="sexy-icon-btn js-hide-modal cursor-pointer absolute right-3 top-4" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg>
</span>
<div class="mx-auto w-14 h-1 bg-slate-400 rounded-full mb-6 absolute top-2 lg:hidden"></div>
<div id="aide_modal_content" class="max-w-full w-full p-4 pt-9">
<div class="px-2 flex flex-col w-full">
<div class="question leading-[1.2rem] font-medium text-base text-left py-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR" itemprop="url" class="" target="_blank">Questions Fréquentes
</a></div>
<div class="question leading-[1.2rem] font-medium text-base text-left py-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/articles/livraison-&-retours-40474" itemprop="url" class="" target="_blank">Livraisons et Retours
</a></div>
<div class="question leading-[1.2rem] font-medium text-base text-left py-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/ssp/login" itemprop="url" class="" target="_blank">Suivre la Commande
</a></div>
<div class="question leading-[1.2rem] font-medium text-base text-left py-2 text-[#333]"><a href="https://help.unbottled.co/fr-FR/ssp/login" itemprop="url" class="" target="_blank">Signaler un Problème
</a></div>
<div class="flex flex-wrap justify-center gap-2 my-3">
<a
href="https://help.unbottled.co/fr-FR/contact"
target="_blank"
class="px-2 py-[0.7rem] rounded-full bg-[#EFEAE4] hover:bg-[#DDD1C4] !text-base text-center font-bold flex-1 uppercase flex items-center justify-center">
CONTACT
</a>
<button
class="px-2 py-[0.7rem] rounded-full bg-[#FF9C76] hover:bg-[#ff7743] !text-base text-white font-bold leading-none flex-1 js-show-chat js-hide-modal"
onclick="GorgiasChat.open();">
CHAT<br/>
<span class="font-normal text-[70%]">9h-18h30 en semaine</span>
</button>
<a
href="https://help.unbottled.co"
target="_blank"
class="w-full flex justify-center items-center px-2 py-[0.7rem] rounded-full bg-[#EFEAE4] hover:bg-[#DDD1C4] !text-base font-bold uppercase">
CENTRE D’AIDE
</a>
</div>
</div>
</div>
</div>
</div>
<div class="fixed flex flex-row left-0 right-0 z-20 bottom-3.5 bottom-menu bg-white border border-[#efefef] shadow-md w-[92%] mx-[4%] mt-auto rounded-[10px]">
<div class="shrink-0 transition-all basis-1/4 text-center py-2 js-show-mission-modal cursor-pointer">
<a href="#" class="block">
<i class="em em-bath mb-[0.3rem]" aria-role="presentation" aria-label="BATH"></i>
<span class="block text-xs font-light leading-[14px] capitalize">À Propos</span>
</a>
</div>
<div class="shrink-0 basis-1/4 text-center py-2 jc-click-effect">
<a href="/pages/store-locator" class="block">
<i class="em em-house mb-[0.3rem]" aria-role="presentation" aria-label="HOUSE BUILDING"></i>
<span class="block text-xs font-light leading-[14px] capitalize">nous trouver</span>
</a>
</div>
<div class="shrink-0 basis-1/4 text-center py-2 transition-all js-show-aide-modal cursor-pointer">
<a href="#" class="">
<i class="em em-question mb-[0.3rem]" aria-role="presentation" aria-label="BLACK QUESTION MARK ORNAMENT"></i>
<span class="block text-xs font-light leading-[14px] capitalize">aide</span>
</a>
</div>
<div class="shrink-0 basis-1/4 text-center py-2 jc-click-effect">
<a href="/pages/la-grande-famille-unbottled">
<i class="em em-handshake mb-[0.3rem]" aria-role="presentation" aria-label="PERSONAL COMPUTER"></i>
<span class="block text-xs font-light leading-[14px] capitalize">Gagner 10€</span>
</a>
</div>
</div>
</div>
</div>
<!-- END sections: header-group --><div
id="filters_modal"
class="smart_modal opacity-0 rounded-t-xl lg:rounded-t-none h-[80vh] md:h-[80vh] z-[12] transform translate-y-full lg:translate-y-0 lg:-translate-x-full"
>
<div class="smart_modal_container relative no-scroll w-full h-full">
<form id="filters_modal_content" class="filter_form relative h-fit md:h-full">
<div class="flex justify-between items-center bg-white p-3 md:p-4 z-20 sticky top-0">
<div class="w-8"></div>
<p class="uppercase font-bold">Mes préférences</p>
<span class="sexy-icon-btn js-hide-modal cursor-pointer" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg></span>
</div>
<div class="p-4 bg-[#FBF8F5] h-full">
<fieldset class="flex flex-col gap-4 pb-44">
<div class="flex gap-y-4 gap-x-3 flex-wrap bg-white p-4 relative">
<div class="font-bold text-lg mb-2 basis-full">Par Préoccupations</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_acne"
value="filtreA_Acné"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_acne">Acné</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_bebe"
value="filtreA_Bébé"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_bebe">Bébé</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-blancs"
value="filtreA_Cheveux Blancs"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-blancs">Cheveux Blancs</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-blonds"
value="filtreA_Cheveux Blonds"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-blonds">Cheveux Blonds</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-boucles"
value="filtreA_Cheveux Bouclés"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-boucles">Cheveux Bouclés</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-colores"
value="filtreA_Cheveux Colorés"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-colores">Cheveux Colorés</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-crepus"
value="filtreA_Cheveux Crépus"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-crepus">Cheveux Crépus</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-frises"
value="filtreA_Cheveux Frisés"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-frises">Cheveux Frisés</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-gras"
value="filtreA_Cheveux Gras"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-gras">Cheveux Gras</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-secs"
value="filtreA_Cheveux Secs"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-secs">Cheveux Secs</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cheveux-ternes"
value="filtreA_Cheveux ternes"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cheveux-ternes">Cheveux ternes</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_cuir-chevelu-sensible"
value="filtreA_Cuir Chevelu Sensible"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_cuir-chevelu-sensible">Cuir Chevelu Sensible</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_eczema-ou-psoriasis"
value="filtreA_Eczéma ou Psoriasis"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_eczema-ou-psoriasis">Eczéma ou Psoriasis</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_peau-grasse"
value="filtreA_Peau Grasse"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-grasse">Peau Grasse</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_peau-mixte"
value="filtreA_Peau Mixte"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-mixte">Peau Mixte</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_peau-sensible"
value="filtreA_Peau Sensible"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-sensible">Peau Sensible</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_peau-seche"
value="filtreA_Peau Sèche"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-seche">Peau Sèche</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_peaux-sensibles"
value="filtreA_Peaux Sensibles"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peaux-sensibles">Peaux Sensibles</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_pellicules"
value="filtreA_Pellicules"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_pellicules">Pellicules</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_racines-grasses-pointes-seches"
value="filtreA_Racines Grasses Pointes Sèches"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_racines-grasses-pointes-seches">Racines Grasses Pointes Sèches</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_sans-huiles-essentielles"
value="filtreA_Sans Huiles Essentielles"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_sans-huiles-essentielles">Sans Huiles Essentielles</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_transpiration"
value="filtreA_Transpiration"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_transpiration">Transpiration</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrea_visage"
value="filtreA_Visage"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_visage">Visage</label>
</div>
</div>
<div class="flex gap-y-4 gap-x-3 flex-wrap bg-white p-4 relative">
<div class="font-bold text-lg mb-2 basis-full">Par Produits</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_accessoires"
value="filtreB_Accessoires"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_accessoires">Accessoires</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_bougie"
value="filtreB_Bougie"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_bougie">Bougie</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_bebe"
value="filtreB_Bébé"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_bebe">Bébé</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_cheveux"
value="filtreB_Cheveux"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_cheveux">Cheveux</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_deos"
value="filtreB_Déos"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_deos">Déos</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_gommage"
value="filtreB_Gommage"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_gommage">Gommage</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_intime"
value="filtreB_Intime"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_intime">Intime</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_mains"
value="filtreB_Mains"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_mains">Mains</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_rasage"
value="filtreB_Rasage"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_rasage">Rasage</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtreb_solaire"
value="filtreB_Solaire"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_solaire">Solaire</label>
</div>
</div>
<div class="flex gap-y-4 gap-x-3 flex-wrap bg-white p-4 relative">
<div class="font-bold text-lg mb-2 basis-full">Autres</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrec_cartes-cadeaux"
value="filtreC_Cartes Cadeaux"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrec_cartes-cadeaux">Cartes Cadeaux</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrec_idees-cadeaux"
value="filtreC_Idées Cadeaux"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrec_idees-cadeaux">Idées Cadeaux</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrec_pack-famille"
value="filtreC_Pack Famille"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrec_pack-famille">Pack Famille</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrec_prix-malin"
value="filtreC_Prix Malin"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrec_prix-malin">Prix Malin</label>
</div>
<div>
<input
class="absolute opacity-0 pointer-events-none"
type="checkbox"
id="filtrec_special-voyage"
value="filtreC_Spécial Voyage"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrec_special-voyage">Spécial Voyage</label>
</div>
</div></fieldset>
<div class="fixed -ml-4 leadin bottom-0 px-4 pt-4 pb-3 w-full bg-white border-t border-[#d4d4d465]">
<span class="[&_.jc-button]:!w-full">
<button type="button" class="jc-button">
<span class="p-3 btn_new leading-5 md:rounded-md cursor-pointer p-4 w-full rounded-full flex items-baseline justify-center bg-[#ff9c76] md:hover:bg-[#ff7743] text-white [&>*]:!text-base duration-300 h-[56px] mb-2 text-center js-hide-modal btn cursor-pointer">
<span class="!text-white text-[14px] uppercase">Valider les filtres</span>
</span>
</button>
</span>
<button
type="button"
class="filter_reset js-hide-modal w-full h-[56px] text-base font-bold cursor-pointer leading-none uppercase bg-[#EFEAE4] hover:bg-[#DDD1C4] rounded-full flex gap-1 items-center justify-center"
>
Supprimer les filtres
</button>
</div>
</div>
</form>
</div>
</div>
<div id="modal_product" class="smart_modal !w-full justify-center smart_modal h-full md:h-[100vh] flex transform translate-x-full right-0 opacity-0">
<div class="smart_modal_container relative no-scroll flex justify-center">
<span class="sexy-icon-btn js-hide-modal cursor-pointer fixed left-4 top-4 z-10" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg>
</span>
<div id="product_modal_content" class="max-w-full"></div>
</div>
</div>
<div id="modal_cart_description" class="smart_modal opacity-0 !w-full justify-center max-h-[100vh] min-h-[30vh] z-[12] rounded-t-lg lg:rounded-t-none flex transform translate-y-full lg:translate-y-0 lg:translate-x-full lg:right-0">
<div class="smart_modal_container relative flex flex-col w-full !bg-white">
<div class="flex items-center bg-white px-2 py-3 mb-4 sticky top-0 z-20 gap-4">
<span class="sexy-icon-btn js-hide-modal cursor-pointer shrink-0 !hidden lg:!flex" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg></span>
<div class="mt-5 lg:mt-0">
<p class="uppercase font-bold text-lg">Super Pouvoirs</p>
</div>
</div>
<div class="mx-auto w-14 h-1 bg-slate-400 rounded-full mb-6 absolute z-20 top-2 lg:hidden left-1/2 translate-x-[-50%]"></div>
<div class="px-2">
<div id="modal_cart_description_content"></div>
</div>
</div>
</div>
<div id="modal_gift" class="smart_modal opacity-0 !w-full justify-center h-full z-[12] flex transform translate-x-full right-0">
<div class="smart_modal_container relative no-scroll flex w-full">
<div id="modal_gift_content" class="max-w-full w-full min-h-full h-fit bg-[#FBF8F5]"></div>
</div>
</div>
<div id="bundle_modal_cart" class="smart_modal opacity-0 !w-full justify-center h-full z-[12] flex transform translate-x-full right-0">
<div class="smart_modal_container relative flex justify-center no-scroll">
<div id="bundle_modal_cart_content" class="w-full"></div>
</div>
</div>
<div id="standard-notification" class="relative rounded-md">
<div id="standard-notification-inner" class="relative rounded-md">
<div id="standard-notification-content" ></div>
</div>
<div class="my_fixed_box-close js-hide-standard-notification z-20">
<span class="sexy-icon-btn js-hide-modal cursor-pointer absolute right-5 top-5" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="">
<path class="icon-styleable-color" fill="rgba(0, 0, 0, .88)" d="M6.93934 8.00004L3.22703 11.7124C2.93414 12.0052 2.93414 12.4801 3.22703 12.773C3.51992 13.0659 3.9948 13.0659 4.28769 12.773L8 9.0607L11.7123 12.773C12.0052 13.0659 12.4801 13.0659 12.773 12.773C13.0659 12.4801 13.0659 12.0052 12.773 11.7124L9.06066 8.00004L12.773 4.28773C13.0659 3.99484 13.0659 3.51997 12.773 3.22707C12.4801 2.93418 12.0052 2.93418 11.7123 3.22707L8 6.93938L4.28769 3.22707C3.9948 2.93418 3.51992 2.93418 3.22703 3.22707C2.93414 3.51996 2.93414 3.99484 3.22703 4.28773L6.93934 8.00004Z"></path>
</svg>
</span>
</div>
</div>
<div id="PageContainer" >
<main class="main-content" role="main">
<span class="hidden lg:w-[100vw]"></span>
<div class="">
<div id="shopify-section-article-template" class="shopify-section"><!-- /sections/article-template.liquid -->
<style>
.article-container {
max-width: 1400px;
padding: 0 3% !important;
margin: auto;
}
@media screen and (min-width: 991px) {
.article-container {
padding: 0 50px !important;
}
}
#shopify-section-article-template ul li {
padding-left: 32px;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
#shopify-section-article-template ul li::before {
content: "";
position: absolute;
left:0;
top:0;
background-color: #FF9C76;
width: 8px;
height: 8px;
margin: 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 999px;
flex-shrink:0;
}
</style>
<div class="grid--full wrapper wrapper--small max-w-none !px-0">
<article
class="grid__item pb-[50px]"
itemscope
itemtype="http://schema.org/Article"
><div class="article-image-wrapper">
<img
class="article-image lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33.jpg?v=1744713955&width=30">
<span class="loader_old"></span>
<noscript>
<img
class="article-image"
src="//unbottled.co/cdn/shop/articles/shampoing_-_desktop_1016b544-20e8-4d88-889e-fff4c3a59d33.jpg?v=1744713955&width=2048"
alt="Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?"
width="auto"
height="auto"
loading="lazy"
>
</noscript>
</div><header class="section-header md:w-full block py-0 text-left">
<div class="section-header__left text-left block article-container !shadow-none">
<h1 class="max-[991px]:py-[3%] block text-[34px] font-medium lg:text-[58px] md:mb-2 lg:mb-0 leading-[1.2] lg:font-bold text-[#333] border-solid border-[#e5e7eb] border-0">
Comment Unbottled Réinvente le Shampoing Solide Zéro Déchet ?
</h1>
<div class="article-authorimg">
<div class="article-author-img"> </div>
<div class ="article-author-time">
Rédigé avec amour (et humour) par Sarah Pouchet le <span datetime="2025-04-15">15 avril, 2025. Une question ? Un remarque ? Un mot doux ? Contactez-nous <a class="color_orange" target="_blank" href="https://help.unbottled.co/fr-FR/contact"> ici</a>. </span>
</div>
</div>
<style>
.article-author-img {
background-image: url("https://cdn.shopify.com/s/files/1/0321/2705/8055/files/UnbBottled_Beaute15610_Carre_detoure_REDUCED.png?v=1603123641");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</div>
</header>
<div class="blog_SEO_div !flex-col lg:!flex-row">
<div
class="blog_SEO_content rte max-[991px]:mr-0 max-[991px]:py-[3%] mb-[25px] [&_p]:text-lg [&_p]:leading-[1.75] [&_p]:text-justify [&_p]:m-0 [&_h2]:mt-[35px] [&_h2]:mb-[15px] [&_h2]:text-[34px] [&_h2]:text-[#FF9C76] [&_h2]:pb-[15px] [&_h2]:font-bold [&_img]:float-none [&_img]:block [&_img]:mx-auto [&_img]:my-[50px] [&_img]:border-0 [&_img]:align-middle [&_img]:w-[80%]"
itemprop="articleBody"
>
<p dir="ltr"><span>Chez Unbottled, notre mission est simple : révolutionner votre routine de douche en vous proposant des produits solides et zéro déchet. Fini les bouteilles en plastique, place aux alternatives efficaces et agréables à utiliser, avec un respect total de l'environnement. Dans cet article, nous vous dévoilons les coulisses de la création de nos produits, y compris le </span><span>shampoing solide</span><span>, un de nos best-sellers.</span></p>
<h2 dir="ltr"><span>Une Marque Engagée pour Mère Nature</span></h2>
<p dir="ltr"><span>Unbottled a été fondée avec la conviction que chaque geste compte pour préserver notre planète. Nous nous engageons à remplacer toutes les bouteilles en plastique de votre salle de bain par des produits solides, comme notre </span><span>shampoing solide</span><span>, qui allie praticité, efficacité et respect de l’environnement.</span></p>
<h2 dir="ltr"><span>Le Développement d’un Produit Solide</span></h2>
<p dir="ltr"><span>La création de chaque produit commence par une question simple : quel produit changerait vraiment votre vie ? Nous sollicitons nos clients pour savoir ce dont ils ont besoin et nous choisissons le produit qui reçoit le plus de votes. C'est ainsi que nous avons développé des produits solides adaptés à tous vos besoins de beauté, y compris notre </span><span>shampoing solide</span><span>.</span></p>
<p dir="ltr"><span>Une fois le produit sélectionné, nous collaborons avec notre laboratoire partenaire pour élaborer la meilleure formule possible. Nous privilégions des ingrédients simples, traçables, locaux et écoresponsables. Nous excluons toute substance néfaste comme les silicones, les parabènes, les sulfates ou le phénoxyéthanol, pour vous garantir des produits sûrs et respectueux de votre peau.</span></p>
<h2 dir="ltr"><span>Création du Design et de la Formulation</span></h2>
<p dir="ltr"><span>Une fois la formule en place, il est temps de passer à l'étape suivante : le design et les tests. Nous mettons un point d'honneur à développer des produits qui soient non seulement efficaces, mais aussi esthétiques. Pour cela, des dizaines de tests sont effectués sur les couleurs, les matières et bien sûr, les parfums.</span></p>
<p dir="ltr"><span>Tout ceci pour trouver la formule parfaite, celle qui ravira vos sens à chaque utilisation. Une fois cette étape validée, nous vous faisons tester le produit en avant-première pour recueillir vos avis et nous assurer que vous serez pleinement satisfaits.</span></p>
<h2 dir="ltr"><span>La Production Made in France</span></h2>
<p dir="ltr"><span>Lorsque tout est validé, nous lançons la production dans le sud de la France. Chaque produit, comme notre </span><a href="https://unbottled.co/collections/shampoings-solides"><span>shampoing solide</span></a><span>, passe par plusieurs étapes de fabrication rigoureuses avant de ressortir sous sa forme finale.</span></p>
<p dir="ltr"><span>Notre production est un gage de qualité, et les retours sont unanimes. Les dizaines de milliers d'avis 5 étoiles que nous avons reçus témoignent de l’efficacité et de l'appréciation de nos clients. Le </span><span>shampoing solide</span><span>, comme tous nos produits, est apprécié pour sa capacité à rendre vos cheveux propres, doux et brillants tout en respectant l'environnement.</span></p>
<h2 dir="ltr"><span>Conclusion : Un Choix Conscient pour Votre Douche</span></h2>
<p dir="ltr"><span>Le </span><span>shampoing solide</span><span> Unbottled fait bien plus que nettoyer vos cheveux : il participe à un geste quotidien pour la planète. En optant pour nos produits, vous faites le choix d'un soin efficace, naturel et sans plastique, qui respecte à la fois votre peau et l'environnement. Si vous n’avez pas encore essayé notre </span><span>shampoing solide</span><span>, c'est le moment de faire le pas vers une salle de bain zéro déchet et pleine de bien-être.</span></p>
<p> </p>
</div>
<div class="sticky top-20 h-fit">
<div class="aside_wrap">
<div class="blog_SEO_image_container sticky top-0">
<div class="landing_blog_aside_image" role="img" aria-label="Les produits solides Unbottled"></div>
<div class="blog_SEO_aside_content">
<div class="landing_blog_aside_title">Notre Mission</div>
<div class="landing_blog_aside_text">
Libérer les salles de bain du plastique et votre corps des produits chimiques. Mais avec le sourire et à votre rythme.
</div>
<div class="landing_blog_aside_title">
Notre Différence
</div>
<div class="landing_blog_aside_text">
Ça mousse (beaucoup), ça sent (très) bon et c'est tout doux pour la peau et les cheveux. Par contre ça ne se mange pas <i class="em em-cupcake" aria-role="presentation" aria-label="CUPCAKE"></i>
</div>
<div class="landing_blog_aside_title" style="margin-bottom: 5px;">Les Avis</div>
<div class="landing_SEO_judgeme">
<div
class="jdgm-carousel-wrapper"
data-from-snippet="true"
data-auto-install="false"
>
<div class="jdgm-carousel-title-and-link">
<h2 class="jdgm-carousel-title">Les avis</h2>
<span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)">
<span
style="display:block"
data-score="4.76"
class="jdgm-all-reviews-rating"
aria-label="4.76 stars"
tabindex="0"
role="img"
></span>
<span
style="display: block"
class="jdgm-carousel-number-of-reviews"
data-number-of-reviews="74141"
>
de 74141 clients
</span>
</span>
</div>
<section class='jdgm-widget jdgm-carousel jdgm-carousel--aligned-theme' data-widget-locale='fr'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow,.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow{border-color:#ffffff}.jdgm-carousel-wrapper{width:90% !important;margin:auto}@media only screen and (min-width: 991px){.jdgm-carousel-wrapper .jdgm-carousel-item{width:25.0%}}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review{text-align:left;height:calc(100% - 1.2999999999999998em)}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review-wrapper{display:inline-block;vertical-align:middle;width:70%;padding:0 12px;height:100%}.jdgm-carousel--aligned-theme .jdgm-carousel-item__review-rating{font-size:100%;margin-bottom:8px}.jdgm-carousel--aligned-theme .jdgm-carousel-item__product{text-align:left}.jdgm-carousel--aligned-theme .jdgm-carousel-item__reviewer-name{font-size:100%;opacity:1;line-height:1;padding-bottom:0;font-weight:600}.jdgm-carousel--aligned-theme .jdgm-carousel-item__timestamp{opacity:0.8}.jdgm-carousel--aligned-theme .jdgm-carousel-item__product-image{height:auto;display:inline-block;vertical-align:middle;width:30%}.jdgm-carousel--aligned-theme .jdgm-carousel-item__reviewer-name-wrapper{text-align:left}.jdgm-carousel--aligned-theme .jdgm-carousel-item{padding:0 12px}
</style> <style> </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item' data-review-id='e72c0ba0-8d89-4809-b1a2-d480741249a7'> <img class='jdgm-carousel-item__product-image' alt='Déo Néroli Joli - 48H' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/DeoNeroliJoli-48H_1_110x110.jpg?v=1709292259' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/DeoNeroliJoli-48H_1_220x220.jpg?v=1709292259'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>exceptionnel</div> <div class='jdgm-carousel-item__review-body'><p>jamais un deo a été aussi efficace pour moi, même si je me sens transpirer il n'y a plus d'odeurs. hyper agréable a mettre franchement une petite pépite</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Lola </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/deo-neroli-joli-48h#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Déo Néroli Joli - 48H </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='c69105b5-60c7-4da6-88cc-7ba40b78c0af'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Amande & Fleur d’Oranger' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Amande_Fleurd_Oranger_2_110x110.jpg?v=1742216266' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Amande_Fleurd_Oranger_2_220x220.jpg?v=1742216266'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Délice de fleur d’oranger</div> <div class='jdgm-carousel-item__review-body'><p>Si vous aimez l’amande et la fleur d’oranger alors essayer ce savon, vous ne serez déçus. Comme tous les autres savons unbottled, le parfum est subtil et délicat.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Marie-Helene Le Dref </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-amande-fleur-d-oranger#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Amande & Fleur d’Oranger </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5cfbdd31-3199-4cb9-8134-7d23dd0518f5'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cuir Chevelu Sensible' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingSolideToutNu_CuirCheveluSensible2_110x110.jpg?v=1717408460' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingSolideToutNu_CuirCheveluSensible2_220x220.jpg?v=1717408460'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Shampoing cuir chevelu sensible</div> <div class='jdgm-carousel-item__review-body'><p>Je souffre d’un psoriasis dans les cheveux avec de fortes démangeaisons et je cherche à me tourner vers des méthodes naturelles. Je suis très satisfaite de ce shampooing, il sent bon, mousse bien et surtout il me fait beaucoup de bien. Grace à ça je peux espacer les shampooings et il rend les cheuveux doux et brillants. Mais surtout je me gratte beaucoup moins qu’auparavant en une semaine d’essai. Je recommande vivement merci Unbottled 🙂😍</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Camille </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cuir-chevelu-sensible#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cuir Chevelu Sensible </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='4dafc356-b97e-46c8-a23a-1b5c2842cfcd'> <img class='jdgm-carousel-item__product-image' alt='Porte-Savon Magique x3 + Anti-sèches' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Porte-SavonMagiquex3_Anti-Seches_1_110x110.jpg?v=1696419311' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Porte-SavonMagiquex3_Anti-Seches_1_220x220.jpg?v=1696419311'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Des produits au top</div> <div class='jdgm-carousel-item__review-body'><p>Cela fait un mois que je teste différents produits unbottled: gel douche, shampoings, après shampoing, nettoyant visage, démaquillant... tous les produits sont vraiment tops, ça mousse, ça sent bon, ça hydrate bien et avc les porte savons magiques ou les trousses pour les avoir avc soi en voyage, plus de retour en arrière. J adore!!!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Virginie Lamy-Schildknecht </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/porte-savon-magique-x3-anti-seches#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Porte-Savon Magique x3 + Anti-sèches </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='18603864-fa86-4316-8258-6f0920fa750b'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Tout Doux • Pour Mon Toutou' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingToutDoux_PourMonToutou_1_110x110.jpg?v=1738249841' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingToutDoux_PourMonToutou_1_220x220.jpg?v=1738249841'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Fantastique!!</div> <div class='jdgm-carousel-item__review-body'><p>L’équipe d’Unbottled m’a assuré que le produit était fantastique et j’ai lui ai donc fait confiance. J’en suis ravie! Le product est excellent et délicat pour mon chien. Je le recommencerais sans hésiter!!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Marcella Ficca </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-tout-doux-pour-mon-toutou#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Tout Doux • Pour Mon Toutou </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='627a9f66-02b9-4837-b1b9-cc5a89c4047c'> <img class='jdgm-carousel-item__product-image' alt='Anti Mou-Stick' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/AntiMou-Stick_1_110x110.jpg?v=1718032334' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/AntiMou-Stick_1_220x220.jpg?v=1718032334'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Shampoing exceptionnel</div> <div class='jdgm-carousel-item__review-body'><p>Je recherchais un shampoing solide pour cheveux gris, je l'ai trouvé et j'en suis hyper satisfaite</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Martine Marzin </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/anti-mou-stick#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Anti Mou-Stick </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='081b33ad-3bba-460f-9528-87bc33f6e1ed'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Coco & Orange Sanguine' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansBouteille_Coco_OrangeSanguine_1_110x110.jpg?v=1716299360' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansBouteille_Coco_OrangeSanguine_1_220x220.jpg?v=1716299360'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Gel douche coco orange sanguine</div> <div class='jdgm-carousel-item__review-body'><p>Un gel douche solide agréable, il mousse beaucoup ! Et l’odeur de la coco et de l’orange sanguine une belle réussite !
<br />La douche devient un moment agréable et tropical !</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Anaïs Gaud </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-coco-orange-sanguine#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Coco & Orange Sanguine </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='4ae0bd26-b3ce-4997-9cf3-3380a38f2e22'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Pamplemousse & Basilic' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_110x110.jpg?v=1742207368' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_220x220.jpg?v=1742207368'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Savon intime et savon pamplemousse basilic</div> <div class='jdgm-carousel-item__review-body'><p>Savon intime : au départ crainte mais vite dissipée car très doux et agréable pour l'hygiène intime. Une première car jamais d'utilisation de savon pour toilette intime. Donc probant !
<br />Savon douche pamplemousse basilic : doux, parfum agréable et dynamisant</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Clairon </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-pamplemousse-basilic#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Pamplemousse & Basilic </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='1ff0001d-a760-4657-a73e-47baff57333e'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Pamplemousse & Basilic' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_110x110.jpg?v=1742207368' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_220x220.jpg?v=1742207368'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>J'adore tout mais parfois un peu cher</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> catherine MARTY </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-pamplemousse-basilic#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Pamplemousse & Basilic </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='1f076460-5a77-4089-b398-8e05762e58bd'> <img class='jdgm-carousel-item__product-image' alt='Soin Lavant • Bébés & Grands' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/SoinLavant_Bebes_Grands_HD_110x110.jpg?v=1720001908' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/SoinLavant_Bebes_Grands_HD_220x220.jpg?v=1720001908'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Soin Lavant • Bébés & Grands</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rym </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/savon-neutre-bebes-grands#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Soin Lavant • Bébés & Grands </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='9268ebf9-0fb2-4801-bdf9-6920656b9d80'> <img class='jdgm-carousel-item__product-image' alt='Baume-Au-Corps Sous La Douche' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Baume-Au-CorpsSousLaDouche_1_110x110.jpg?v=1704287325' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Baume-Au-CorpsSousLaDouche_1_220x220.jpg?v=1704287325'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Coup de cœur pour le Baume-au-corps</div> <div class='jdgm-carousel-item__review-body'><p>Très pratique à utiliser et à transporter partout, il laisse la peau douce et hydratée sans fondre trop vite. Je recommande.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Daisy </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/baume-au-corps-sous-la-douche#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Baume-Au-Corps Sous La Douche </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='456106b2-e640-4496-b40c-5418cca55ca3'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Figue & Santal' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Figue_Santal_2_110x110.jpg?v=1742220977' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Figue_Santal_2_220x220.jpg?v=1742220977'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Gel douche figue santal</div> <div class='jdgm-carousel-item__review-body'><p>En plus de sa douceur exceptionnelle il laisse une odeur très légère qui ne dénature pas mon parfum et du doux que pas besoin de crème hydratante ensuite</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Francoise Saynac </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-figue-santal#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Figue & Santal </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='7f2d62b4-7e60-4c8d-878c-17e1ccf5c3ef'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Pamplemousse & Basilic' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_110x110.jpg?v=1742207368' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Pamplemousse_Basilic_2_220x220.jpg?v=1742207368'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Senteur exceptionnelle</div> <div class='jdgm-carousel-item__review-body'><p>Gel douche avec une senteur très agréable</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Angelique Guillon </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-pamplemousse-basilic#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Pamplemousse & Basilic </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='c689faac-821c-4c3b-b177-f569281e308c'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Vanille & Tonka' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/gel-douche-vanille_HD_110x110.jpg?v=1720001796' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/gel-douche-vanille_HD_220x220.jpg?v=1720001796'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Genial</div> <div class='jdgm-carousel-item__review-body'><p>Il est onctueux et il.sent bon ...</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Armelle BORDES </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-vanille-tonka#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Vanille & Tonka </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='b63d736f-a397-4af6-91fd-7eded2ddc3c2'> <img class='jdgm-carousel-item__product-image' alt='Gel Douche Sans Bouteille • Amande & Fleur d’Oranger' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Amande_Fleurd_Oranger_2_110x110.jpg?v=1742216266' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/GelDoucheSansbouteille-Amande_Fleurd_Oranger_2_220x220.jpg?v=1742216266'/> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Belle fleur d'oranger</div> <div class='jdgm-carousel-item__review-body'><p>J'ai offert un savon fleur d'oranger à mes filles. Elles adorent cette odeur.
<br />Bon produit naturel.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Nadia PALAISY </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/gel-douche-sans-bouteille-amande-fleur-d-oranger#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Gel Douche Sans Bouteille • Amande & Fleur d’Oranger </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='05/09/2025'> 05/09/2025 </div> </div> </div> </div></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0"></div> <div class='jdgm-carousel__right-arrow' tabindex="0"></div> </div> </section> <section> </section>
</div>
<br>
<div
class="jdgm-widget jdgm-all-reviews-text"
data-from-snippet="true"
>
<a href="javascript:void(0)">
<span data-score="4.76" class="jdgm-all-reviews-rating"></span>
<span
class="jdgm-all-reviews-text__text"
data-score="4.76"
data-number-of-reviews="74141"
data-locale="fr"
>
Les clients nous évaluent 4.8/5 basé sur
74141 avis.
</span>
</a>
</div>
</div>
</div>
<div class="uppercase px-8 py-4 bg-[#FF9C76] hover:bg-[#ff7743] rounded-full text-white hover:text-white font-bold text-[1rem] leading-5 mt-auto">
<span> <a href="/collections" target="_blank"> Découvrir les produits </a> </span>
</div>
</div>
</div>
</div>
</div>
<ul class="inline-list"><!-- /snippets/tags-article.liquid -->
</ul>
</article>
</div>
</div>
</div>
<noscript class="endOfLayoutContentX" type="text/mark"></noscript>
</main><!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--24400061333840__footer" class="shopify-section shopify-section-group-footer-group"><!-- /sections/footer.liquid --><style>
.site-footer {
background: #fbf8f5;
color: #333333;
}
.site-footer .footer-title {
color: #333333;
}
.footer-text,
.footer-link,
.footer-copyright {
color: rgba(51, 51, 51, 0.6);
}
.footer-link:hover {
color: rgba(51, 51, 51, 0.8);
}
.footer-tags-list a {
border-color: rgba(51, 51, 51, 0.15);
color: rgba(51, 51, 51, 0.6);
}
.footer-tags-list a:hover {
border-color: rgba(51, 51, 51, 0.55);
color: rgba(51, 51, 51, 0.8);
}
#mail::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.65);
}
#mail::-moz-placeholder {
color: rgba(51, 51, 51, 0.65);
}
#mail:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.65);
}
#mail:-moz-placeholder {
color: rgba(51, 51, 51, 0.65);
}
#mail {
color: #333333;
border-color: #333333;
}
#subscribe {
background: #333333;
border-color: #333333;
}
#subscribe .custom-icon-long-arrow {
color: #fbf8f5;
}
#subscribe:hover {
background: #fbf8f5;
}
#subscribe:hover .custom-icon-long-arrow {
color: #333333;
}
</style>
<footer class="site-footer" role="contentinfo" data-section-id="sections--24400061333840__footer" data-section-type="footer">
<div class="footer-content max-w-[1440px] mx-auto px-4 md:px-6">
<div class="footer-blocks max-md:pb-8 pt-0 md:py-20 md:gap-6 footer-blocks--4">
<div class="mt-6 md:my-0 w-full md:w-3/4 flex flex-col md:flex-row justify-between gap-6 order-2 md:order-1">
<div class="max-md:order-1 md:max-w-[280px] w-full lg:max-w-[315px] text-left flex flex-col gap-4 flex-1" ><div class="footer-title font-bold m-0 [&_p]:m-0 [&_p]:md:!text-lg">
<p>NEWSLETTER</p>
</div><div class="[&>p]:text-sm [&>p]:font-normal">
<p><strong>-10% sur votre première commande </strong>en vous inscrivant à notre newsletter et nos nouveautés sans spams et sans plastique !</p>
</div><div id="jc-footer-newsletter">
<div class="klaviyo-form-Sj77gi"></div>
</div>
<style>
.klaviyo-form-Sj77gi form{
max-width: 720px !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
margin: 0 15px !important;
align-items: center !important;
padding-bottom: 0px !important;
}
#jc-footer-newsletter > div > div {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
margin: 0;
align-items: center;
padding-bottom: 0px;
}
#jc-footer-newsletter > div > div > form > div{
min-height: 0 !important;
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(1) > div > input{
height: 44px !important;
}
#jc-footer-newsletter input[type="email"]::placeholder{
font-weight:300 !important
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(2){
position: absolute !important;
right: 4px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(2) > button{
background: #FF9C76 !important;
border-radius: 999px !important;
color: white !important;
transition: 0.1s !important;
padding: 8px !important;
font-weight: 700 !important;
font-size: 0px !important;
line-height: 20px !important;
box-sizing: border-box;
height: 36px !important;
min-width: 36px !important;
position: relative !important;
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(2) > button:hover{
background: #FF7743 !important
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(2) > button:not(.klaviyo-spinner)::after{
content:url('data:image/svg+xml, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.3189%202.68104C17.2345%202.59709%2017.128%202.53896%2017.0117%202.5135C16.8955%202.48803%2016.7743%202.49629%2016.6626%202.53729L2.91262%207.53729C2.79404%207.58227%202.69195%207.66226%202.6199%207.76664C2.54786%207.87102%202.50928%207.99484%202.50928%208.12167C2.50928%208.2485%202.54786%208.37232%202.6199%208.4767C2.69195%208.58108%202.79404%208.66107%202.91262%208.70604L8.28137%2010.8498L12.2439%206.8748L13.1251%207.75604L9.14387%2011.7373L11.2939%2017.106C11.3402%2017.2223%2011.4204%2017.322%2011.524%2017.3922C11.6276%2017.4624%2011.7499%2017.4999%2011.8751%2017.4998C12.0014%2017.4972%2012.124%2017.4564%2012.2266%2017.3828C12.3293%2017.3091%2012.4072%2017.2061%2012.4501%2017.0873L17.4501%203.3373C17.4927%203.22672%2017.503%203.10631%2017.4797%202.99012C17.4565%202.87393%2017.4007%202.76674%2017.3189%202.68104Z%22%20fill%3D%22white%22%3E%3C/path%3E%3C/svg%3E');
width: 20px;
height: 20px;
display: inline-block;
}
#jc-footer-newsletter > div > div > form > div > div > div:nth-child(1) > div > div > div{
left: 15% !important;
right: auto !important;
}
#jc-footer-newsletter > div > div > form > div > div > div > div > p > span{
font-family: "DM Sans", sans-serif !important;
}
</style><div class="[&>p]:text-xs [&>p]:font-normal">
<p>En continuant, vous acceptez nos conditions générales et notre politique de confidentialité.</p>
</div><div class="mt-2 max-md:flex"><div class="social-sharing-wrapper mx-auto lg:mx-[unset]"><div class="hidden lg:block !text-lg font-bold mb-3">
</div><div class="flex flex-row gap-x-[1px]"><a class="facebook" href="https://www.facebook.com/unbottled.paris/?__tn__=%2Cd%2CP-R&eid=ARBcHUAOY0cEjAI4HR1mfX6ID1A2HpToBblooUGqOX2kCFSolQjml-Bvcbel5DALNE6X_b4pPpfbVRsn">
<i class="custom-icon-facebook"></i>
</a><a class="pinterest" href="https://www.pinterest.co.uk/unbottled_zerowaste/">
<i class="custom-icon-pinterest"></i>
</a><a class="instagram" href="https://www.instagram.com/unbottled.co/">
<i class="custom-icon-instagram"></i>
</a></div>
</div></div></div>
<div class="footer-block flex-1 accordion-mobile" >
<div class="grid--full"><div class="footer-title">
<button class="accordion-mobile__title md:!text-lg font-bold" aria-controls=".accordion__content">
À PROPOS
</button>
</div>
<ul class="footer-links accordion-mobile__content" aria-expanded="false"><li class="text-left">
<a class="footer-link" href="/pages/aventure" target="_blank">
Notre histoire
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/b-corp" target="_blank">
B Corp
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/formulation-ingredients" target="_blank">
Formulation & Ingrédients
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/savoir-faire" target="_blank">
Savoir-Faire
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/nos-engagements" target="_blank">
Nos Engagements
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/avis-clients" target="_blank">
Avis clients
</a>
</li><li class="text-left">
<a class="footer-link" href="https://www.welcometothejungle.com/fr/companies/unbottled" target="_blank">
Rejoindre l'équipe
</a>
</li></ul>
</div>
</div>
<div class="footer-block flex-1 accordion-mobile" >
<div class="grid--full"><div class="footer-title">
<button class="accordion-mobile__title md:!text-lg font-bold" aria-controls=".accordion__content">
AIDE
</button>
</div>
<ul class="footer-links accordion-mobile__content" aria-expanded="false"><li class="text-left">
<a class="footer-link" href="/pages/store-locator" target="_blank">
Nous trouver
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.gorgias.help/fr-FR" target="_blank">
Questions fréquentes
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.gorgias.help/fr-FR/contact" target="_blank">
Cadeaux d'entreprise
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.gorgias.help/fr-FR/articles/livraison-&-retours-40474" target="_blank">
Livraisons et retours
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/cgv" target="_blank">
Conditions générales de vente
</a>
</li><li class="text-left">
<a class="footer-link" href="/pages/mentions-legales-et-politique-de-confidentialite" target="_blank">
Politique de confidentialité
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.gorgias.help/fr-FR/contact" target="_blank">
Contactez-nous
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.gorgias.help/fr-FR/contact" target="_blank">
Presse
</a>
</li></ul>
</div>
</div>
</div>
<div class="w-full md:w-1/4 flex-col md:flex order-1 md:order-2">
<div class="flex flex-row gap-4 items-center" ><div class="relative w-[80px] md:w-fit lg:w-[80px] shrink-0">
<img class="lazyload logo--footer w-full" data-src="//unbottled.co/cdn/shop/files/FRA-B-Corp-Logo-Tagline-Lockup-Standards-Black-RGB-2_1024x.png?v=1703168535" data-widths="[80]" data-aspectratio="0.5984886649874055" data-sizes="auto" alt="Unbottled" itemprop="logo" width="80">
<span class="loader"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/FRA-B-Corp-Logo-Tagline-Lockup-Standards-Black-RGB-2_1024x.png?v=1703168535" alt="">
</noscript>
</div>
<p class="block md:hidden lg:block font-bold text-left">Cette entreprise respecte des normes sociales et environnementales élevées</p>
</div>
</div>
</div>
</div>
</footer>
</div><div id="shopify-section-sections--24400061333840__footer-copyright" class="shopify-section shopify-section-group-footer-group"><!-- /sections/footer.liquid --><style>
.site-footer-copyright {
background: #fbf8f5;
color: #000000;
}
.footer-link {
color: #000000;
}
.footer-link:hover {
color: rgba(0, 0, 0, 0.8);
}
</style>
<div
class="site-footer-copyright !gap-y-3 md:gap-y-0 pt-6"
role="contentinfo"
data-section-id="sections--24400061333840__footer-copyright"
data-section-type="footer"
>
<div class="max-w-[1440px] mx-auto px-4 md:px-6 w-full flex flex-col gap-4 md:flex-row md:justify-between md:items-center pb-6 md:pb-10">
<div class="flex justify-center md:justify-start order-2 md:order-1"><div><p>© 2025 Unbottled. Tous droits réservés.</p></div></div>
<div class="flex justify-center order-last md:order-2">
<div class="flex flex-wrap justify-center gap-5 md:gap-2">
<div><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</div>
<div><svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</div>
<div><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></div>
<div><svg class="payment-icon" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg></div>
<div><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</div>
<div><svg class="payment-icon" width="38" height="24" role="img" aria-labelledby="pi-jcb" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg></div>
<div><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></div>
<div><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></div>
<div><svg class="payment-icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></div>
</div>
</div>
<div class="flex justify-center md:justify-end order-1 md:order-3"><div class="flex gap-x-8 md:gap-x-4 flex-wrap justify-center" >
<a class="footer-link" href="https://help.unbottled.co/fr-FR" target="_blank">FAQ </a><a class="footer-link" href="https://help.unbottled.co/fr-FR/contact" target="_blank">Contact </a>
</div></div>
</div>
</div>
</div>
<!-- END sections: footer-group --></div>
<script async>
window.lazySizesConfig = window.lazySizesConfig || {};
window.PaloAlto = window.PaloAlto || {};
window.monies = "{{amount_with_comma_separator}} €";
window.isFullHeader = false;
window.initialHeaderHeight = 0;
</script><script type="text/javascript" async data-turbo-eval="false">
/*
* Modernizr 2.8.3 (Custom Build) | MIT & BSD
*/
;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.8.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.csstransforms=function(){return!!F("transform")},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&w("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},q.fontface=function(){var a;return w('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" supports-"+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" supports-js supports-"+t.join(" supports-"):""),e}(this,this.document);
</script>
<script src="//unbottled.co/cdn/shop/t/504/assets/theme.js?v=44598897458588027281746544235" type="text/javascript" async></script><link href="//unbottled.co/cdn/shop/t/504/assets/emoji.css?v=128955222303375547851746544235" rel="stylesheet" type="text/css" media="all" /><script defer type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XmERL3"></script>
<script>
var script_loaded = !1;
function loadJSscripts() {
if (!script_loaded) {
observer.disconnect(),
(script_loaded = !0),
document.querySelectorAll('iframe.lazy').forEach((t) => {
(datasrc = t.dataset.src), null != datasrc && (t.src = datasrc);
});
var t = document.getElementsByTagName('script');
for (i = 0; i < t.length; i++)
if ((null !== t[i].getAttribute('data-src') && (t[i].setAttribute('src', t[i].getAttribute('data-src')), delete t[i].dataset.src),
'text/lazyload' == t[i].getAttribute('type')))
{
for (var e = document.createElement('script'), a = 0; a < t[i].attributes.length; a++) {
var n = t[i].attributes[a];
e.setAttribute(n.name, n.value);
}
(e.type = 'text/javascript'),(e.innerHTML = t[i].innerHTML),t[i].parentNode.removeChild(t[i]),t[i].parentNode.insertBefore(e, t[i]);
}
var r = document.getElementsByTagName('link');
for (i = 0; i < r.length; i++)
null !== r[i].getAttribute('data-href') &&
(r[i].setAttribute('href', r[i].getAttribute('data-href')), delete r[i].dataset.href);
document.dispatchEvent(new CustomEvent('asyncLazyLoad'));
}
}
var activityEvents = ['mousedown', 'mousemove', 'keydown', 'scroll', 'touchstart', 'click', 'keypress', 'touchmove'];
activityEvents.forEach(function (t) {
window.addEventListener(t, loadJSscripts, !1);
}),
window.addEventListener
? window.addEventListener('load', function () {}, !1)
: window.attachEvent
? window.attachEvent('onload', function () {})
: (window.onload = (t) => {});
</script>
<script>
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
klaviyoAddToCart();
});
}
else {
klaviyoAddToCart();
}
function klaviyoAddToCart() {
var _learnq = window._learnq || [];
function addedToCart() {
fetch(`${window.location.origin}/cart.js`)
.then(res => res.clone().json().then(data => {
var cart = {
total_price: data.total_price/100,
$value: data.total_price/100,
total_discount: data.total_discount,
original_total_price: data.original_total_price/100,
items: data.items
}
if (item !== 'undefined') {
cart = Object.assign(cart, item)
}
if (klAjax) {
_learnq.push(['track', 'Added to Cart', cart]);
klAjax = false;
}
}))
};
(function (ns, fetch) {
ns.fetch = function() {
const response = fetch.apply(this, arguments);
response.then(res => {
if (`${window.location.origin}/cart/add.js`
.includes(res.url) && res.url !== '') {
addedToCart()
}
});
return response
}
}(window, window.fetch));
var klAjax = true;
var a = Array.prototype.slice.call(document.querySelectorAll(".js-bulk-add-to-cart"));
var b = Array.prototype.slice.call(document.querySelectorAll(".smart_plus"));
var c = Array.prototype.slice.call(document.querySelectorAll(".js-add-bundle-to-cart"));
var atcButtons=[...a, ...b, ...c];
for (var i = 0; i < atcButtons.length; i++) {
atcButtons[i].addEventListener("click", function() {
if (klAjax) {
_learnq.push(['track', 'Added to Cart', item]);
klAjax = false;
}
})
}
};
</script><div id="shopify-block-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link href="//cdn.shopify.com/extensions/f307fcbb-5406-44eb-a95b-681b8e983517/hiko-social-login-145/assets/fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/extensions/f307fcbb-5406-44eb-a95b-681b8e983517/hiko-social-login-145/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/f307fcbb-5406-44eb-a95b-681b8e983517/hiko-social-login-145/assets/app.js?" async defer></script>
</div><div id="shopify-block-ARkJzUXo0cGtYL2lsU__3080252526275806201" class="shopify-block shopify-app-block"><script type="text/javascript">
Object.assign(window, {
DIALOG_VARIABLES: {
apiKey: "NzMzZjQxM2EtNmEzOS00OTZmLWEzOTAtYTRiN2I5MGEyOWE3",
// locale is initialized here to get the backend value from Shopify. For shops that do not use the default Shopify system, we override it in setupModal.ts, and we watch for changes in instant.ts
locale: "fr",
primaryColor: "#ff9c76",
ctaTextColor: "#333333",
capitalizeCtas: "false",
backgroundColor: "#FFFFFF",
fontFamily: 'DM Sans'}
});
</script>
<div
id="dialog-shopify-ai"
data-user-id=""
data-api-key="NzMzZjQxM2EtNmEzOS00OTZmLWEzOTAtYTRiN2I5MGEyOWE3"
data-country-code="FR"
data-shop-iso-code="fr"
data-language="français"
data-locale="fr"
data-primary-color="#ff9c76"
data-background-color="#FFFFFF"
data-cta-text-color="#333333"
data-cta-border-type="straight"
data-capitalize-ctas="false"
data-font-family="DM Sans"
data-highlight-product-name="false"></div>
<div id="dialog-script" data-src=https://cdn.shopify.com/extensions/9416cb3e-a0fd-4c29-af34-f4d53e83fa0d/dialog-ai-sales-assistant-188/assets/index.js></div>
</div></body>
</html>
