<!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: 181882782032, 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, viewport-fit=cover"/><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>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=32127058055" crossorigin="anonymous"></script>
<link rel="dns-prefetch" href="https://shop.app">
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":32127058055,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/32127058055","merchantName":"Unbottled","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Unbottled","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</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.8.17 - Typeform Pharma","id":181882782032,"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>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"article"}</script>
<script defer="defer" async type="module" src="//unbottled.co/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//unbottled.co/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/hotjar.dualsidedapp.com\/script.js?shop=unbottled-test.myshopify.com\u0026shop=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:\/\/hotjar.dualsidedapp.com\/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.eyJleHAiOjE3NzQwMTg3MzQsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJp","https:\/\/bigblueprod-fast-tags.web.app\/shopify\/2.js?shop=unbottled-test.myshopify.com#Z2JsdWUuY28vIiwic3ViIjoic191bmJ0MDAwMSJ9.PRSyM1Egvayua_pp6EyNPNKgNq3xH1rba3VyueSkG8ezLMnziqiw--BA01KEb1h29cFQ3mtwpGYUcQr-37XwGg","\/\/cdn.shopify.com\/proxy\/efac9bb5c04bcb630cb1e28e31ddd925d838a7620cc4e898a291368283d1297a\/aiodstag.cirkleinc.com\/?shop=unbottled-test.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/media.9gtb.com\/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":3600,"reqid":"8bbcd0ab-dd27-4b96-a8a6-1150fde6a940-1773817851","pageurl":"unbottled.co\/blogs\/journal\/comment-unbottled-reinvente-le-shampoing-solide-zero-dechet","s":"articles-677955633488","u":"8990e525c059","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-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//unbottled.co/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//unbottled.co/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<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":"Adresse email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Votre adresse email","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":"Contenu de l'avis","widget_review_body_placeholder_text":"Commencez à écrire 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_reviewer_name_as_initial":"","widget_rating_filter_color":"","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_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","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_pagination":100,"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","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_other_products_reviews_text":"Avis pour d'autres produits","widget_store_reviews_subtab_text":"Avis de la boutique","widget_no_store_reviews_text":"Cette boutique n'a pas encore reçu d'avis","widget_web_restriction_product_reviews_text":"Ce produit n'a pas encore reçu d'avis","widget_no_items_text":"Aucun élément trouvé","widget_show_more_text":"Afficher plus","widget_write_a_store_review_text":"LAISSER UN AVIS","widget_other_languages_heading":"Avis dans d'autres langues","widget_translate_review_text":"Traduire l'avis en {{ language }}","widget_translating_review_text":"Traduction en cours...","widget_show_original_translation_text":"Afficher l'original ({{ language }})","widget_translate_review_failed_text":"Impossible de traduire cet avis.","widget_translate_review_retry_text":"Réessayer","widget_translate_review_try_again_later_text":"Réessayez plus tard","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Photos en premier","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":true,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":true,"floating_tab_tab_style":"text","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","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":true,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Les avis","testimonials_carousel_title":"Les clients nous disent","videos_carousel_title":"Histoire de clients réels","cards_carousel_title":"Les clients nous disent","featured_carousel_count_text":"de {{ n }} clients","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":3,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":90,"featured_carousel_image_size":110,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#ffffff","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"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":true,"disable_json_ld":false,"enable_json_ld_products":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","qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":true,"widget_search_bar_placeholder":"Recherche","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_theme":"aligned","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#ffac34","featured_carousel_empty_star_background":"#fdf2ee","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"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","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"affiché publiquement comme","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"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_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Vérifié par la boutique","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"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_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"Voir les avis","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","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_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_show_store_medals":true,"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_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collecté par Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"VOIR PLUS","widget_load_more_color":"#108474","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","widget_show_review_information":false,"how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_show_review_keywords":false,"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.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"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":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variante : ","widget_show_verified_branding":false,"widget_ai_summary_title":"Les clients disent","widget_ai_summary_disclaimer":"Résumé des avis généré par IA basé sur les avis clients récents","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"Comment évalueriez-vous ce produit ?","review_content_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","store_review_form_title_text":"Comment évalueriez-vous cette boutique ?","store_review_form_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Mauvais","five_star_review_guidance_text":"Excellent","customer_information_screen_title_text":"À propos de vous","customer_information_introduction_text":"Veuillez nous en dire plus sur vous.","custom_questions_screen_title_text":"Votre expérience en détail","custom_questions_introduction_text":"Voici quelques questions pour nous aider à mieux comprendre votre expérience.","review_submitted_screen_title_text":"Merci pour votre avis !","review_submitted_screen_thank_you_text":"Nous le traitons et il apparaîtra bientôt dans la boutique.","review_submitted_screen_email_verification_text":"Veuillez confirmer votre email en cliquant sur le lien que nous venons de vous envoyer. Cela nous aide à maintenir des avis authentiques.","review_submitted_request_store_review_text":"Aimeriez-vous partager votre expérience d'achat avec nous ?","review_submitted_review_other_products_text":"Aimeriez-vous évaluer ces produits ?","store_review_screen_title_text":"Voulez-vous partager votre expérience de shopping avec nous ?","store_review_introduction_text":"Nous apprécions votre retour d'expérience et nous l'utilisons pour nous améliorer. Veuillez partager vos pensées ou suggestions.","reviewer_media_screen_title_picture_text":"Partager une photo","reviewer_media_introduction_picture_text":"Téléchargez une photo pour étayer votre avis.","reviewer_media_screen_title_video_text":"Partager une vidéo","reviewer_media_introduction_video_text":"Téléchargez une vidéo pour étayer votre avis.","reviewer_media_screen_title_picture_or_video_text":"Partager une photo ou une vidéo","reviewer_media_introduction_picture_or_video_text":"Téléchargez une photo ou une vidéo pour étayer votre avis.","reviewer_media_youtube_url_text":"Collez votre URL Youtube ici","advanced_settings_next_step_button_text":"Suivant","advanced_settings_close_review_button_text":"Fermer","modal_write_review_flow":false,"write_review_flow_required_text":"Obligatoire","write_review_flow_privacy_message_text":"Nous respectons votre vie privée.","write_review_flow_anonymous_text":"Avis anonyme","write_review_flow_visibility_text":"Ne sera pas visible pour les autres clients.","write_review_flow_multiple_selection_help_text":"Sélectionnez autant que vous le souhaitez","write_review_flow_single_selection_help_text":"Sélectionnez une option","write_review_flow_required_field_error_text":"Ce champ est obligatoire","write_review_flow_invalid_email_error_text":"Veuillez saisir une adresse email valide","write_review_flow_max_length_error_text":"Max. {{ max_length }} caractères.","write_review_flow_media_upload_text":"\u003cb\u003eCliquez pour télécharger\u003c/b\u003e ou glissez-déposez","write_review_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre avis si nécessaire. En soumettant votre avis, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Dites-nous plus","negative_review_resolution_text":"Votre expérience est importante pour nous. S'il y a eu des problèmes avec votre achat, nous sommes là pour vous aider. N'hésitez pas à nous contacter, nous aimerions avoir l'opportunité de corriger les choses.","negative_review_resolution_button_text":"Contactez-nous","negative_review_resolution_proceed_with_review_text":"Laisser un avis","negative_review_resolution_subject":"Problème avec l'achat de {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Avis collecté via l'invitation du magasin","transparency_badges_from_another_provider_text":"Avis collecté d'un autre fournisseur","transparency_badges_collected_from_store_visitor_text":"Avis collecté d'un visiteur du magasin","transparency_badges_written_in_google_text":"Avis écrit sur Google","transparency_badges_written_in_etsy_text":"Avis écrit sur Etsy","transparency_badges_written_in_shop_app_text":"Avis écrit sur Shop App","transparency_badges_earned_reward_text":"Avis a gagné une récompense pour une commande future","product_review_widget_per_page":8,"widget_store_review_label_text":"Avis de la boutique","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":true,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"avis","review_widget_review_word_plural":"avis","review_widget_voting_label":"Utile?","review_widget_shop_reply_label":"Réponse de {{ shop_name }} :","review_widget_filters_title":"Filtres","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Réponse de {{ answerer_name }} :","qna_content_screen_title_text":"Poser une question sur ce produit","qna_widget_question_required_field_error_text":"Veuillez entrer votre question.","qna_widget_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre question si nécessaire. En soumettant votre question, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","qna_widget_question_submitted_text":"Merci pour votre question !","qna_widget_close_form_text_question":"Fermer","qna_widget_question_submit_success_text":"Nous vous enverrons un email lorsque nous répondrons à votre question.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"bold_badge","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Avis clients","all_reviews_widget_v2025_ai_summary_title":"Les clients disent à propos de cette boutique","all_reviews_widget_v2025_no_review_text":"Soyez le premier à écrire un avis","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,"shop_locale":"fr","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"always","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}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}
</style> <style class='jdgm-settings-style'></style> <script data-cfasync="false" type="text/javascript" async src="https://cdnwidget.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://cdnwidget.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/639/assets/bundle.js?v=155396293099226163851773667073" 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 rel="preload" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap" as="style">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap" rel="stylesheet">
<link href="//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.woff2?v=98590764187362357461773667073" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.woff?v=172312933393724921981773667073" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/639/assets/custom-icons.woff?v=45890650403584447741773667073" as="font" type="font/woff" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/639/assets/Boogaloo-Regular.ttf?v=43204705405685005361773667073" as="font" type="font/ttf" crossorigin="anonymous" rel="preload">
<link href="//unbottled.co/cdn/shop/t/639/assets/DMSerifDisplay-Italic.woff2?v=176927510936723255781773667073" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
<style>
@font-face {
font-family: "DM Sans", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
@font-face {
font-family: 'DM Serif Display';
src: url('//unbottled.co/cdn/shop/t/639/assets/DMSerifDisplay-Italic.woff2?v=176927510936723255781773667073') format("woff2");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Saithik';
src: url('//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.eot?v=10436646460836637501773667073');
src: url('//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.woff?v=172312933393724921981773667073') format("woff"), url('//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.woff2?v=98590764187362357461773667073') format("woff2"), url('//unbottled.co/cdn/shop/t/639/assets/Saithik-Handwritten.svg?v=150818061959703734171773667073') format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'custom-icons';
src: url('//unbottled.co/cdn/shop/t/639/assets/custom-icons.eot?v=107987693753013259641773667073');
src: url('//unbottled.co/cdn/shop/t/639/assets/custom-icons.woff?v=45890650403584447741773667073') format("woff"), url('//unbottled.co/cdn/shop/t/639/assets/custom-icons.svg?v=177366277908780720951773667073') format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Boogaloo';
src: url('//unbottled.co/cdn/shop/t/639/assets/Boogaloo-Regular.ttf?v=43204705405685005361773667073');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Serif Display';
src: url('//unbottled.co/cdn/shop/t/639/assets/DMSerifDisplay-Italic.woff2?v=176927510936723255781773667073') format("woff2");
font-weight: normal;
font-style: italic;
font-display: swap;
}
</style>
<link href="//unbottled.co/cdn/shop/t/639/assets/mytemplateBIS.css?v=154410850407481254751773667073" rel="stylesheet" type="text/css" media="all" /><link href="//unbottled.co/cdn/shop/t/639/assets/bundle.css?v=52967836157850445231773667073" 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 = "À partir de 2,40 €";
window.textContent.little_more = "Encore un petit effort !";
window.textContent.delivery = "BINGO ! Livraison et produits offerts 🚀";
window.textContent.confirm = "Offerts";
</script>
<!-- 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 --><!-- 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: "follow",
headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
}
);
if (awSettings.ok) {
__AW__settings = await awSettings.json();
sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
} else {
console.error('Addingwell - Loading proxy error', awSettings.status);
return;
}
}
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 ? 'awl' : '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
const templateName = "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__CommonData = {
user_data: {
new_customer: newCustomer,
}
};
window.__AW__CommonData.country = "FR"
window.__AW__CommonData.language = "fr-FR";
window.__AW__CommonData = __AW__filterNullOrEmpty(window.__AW__CommonData);
// Ajout du hash SHA256 des champs sensibles de user_data (version robuste)
async function sha256(str) {
if (!str) return undefined;
if (!(window.crypto && window.crypto.subtle)) {
console.error('Crypto.subtle non supporté, hash impossible pour :', str);
return undefined;
}
try {
const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join('');
} catch (e) {
console.error('Erreur lors du hash SHA256 pour', str, e);
return undefined;
}
}
async function getUserDataHash(user_data) {
const hashObj = {};
if (!user_data) return hashObj;
try {
if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address);
if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number);
if (user_data.address && typeof user_data.address === 'object') {
hashObj.address = {};
if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name);
if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name);
if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street);
if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city);
if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region);
if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code);
if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country);
}
} catch (e) {
console.error('Erreur lors du hash user_data_hashed', e);
}
return __AW__filterNullOrEmpty(hashObj);
}
(async function() {
if (window.__AW__CommonData && window.__AW__CommonData.user_data) {
window.__AW__CommonData.user_data_hashed = await getUserDataHash(window.__AW__CommonData.user_data);
}
})();
window.__AW__CommonData["page_type"] = getPageType(templateName);
window[__AW__settings.dataLayerVariableName].push(window.__AW__CommonData);
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;
let pendingViewCartTimeout = null;
let stateObserver = null;
let domObserver = null;
function fireViewCartOncePerOpen() {
if (pendingViewCartTimeout) return;
drawerCartAlreadyOpened = true;
pendingViewCartTimeout = setTimeout(() => {
pendingViewCartTimeout = null;
const ecommerceDataLayer = {
ecommerce: {
currency: window.__AW__slaveShopifyCart.currency,
value: window.__AW__slaveShopifyCart.total_price / 100,
items: window.__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(d => typeof d?.title === "string")
.map(d => d.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,
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,
url: item.url
};
})
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
event: __AW__getEventNameWithSuffix("view_cart"),
...ecommerceDataLayer
});
}, 1000);
}
function resetOnClose() {
drawerCartAlreadyOpened = false;
if (pendingViewCartTimeout) {
clearTimeout(pendingViewCartTimeout);
pendingViewCartTimeout = null;
}
}
function getTargets() {
const cartDrawer = document.querySelector("cart-drawer");
const dialog =
document.querySelector("cart-drawer dialog") ||
document.querySelector("cart-drawer-component dialog") ||
document.querySelector("cart-drawer-component dialog[ref='dialog']");
return { cartDrawer, dialog };
}
function isCartOpen({ cartDrawer, dialog }) {
const openByDialog = !!dialog && (dialog.open || dialog.hasAttribute("open"));
const openByClass = !!cartDrawer && cartDrawer.classList.contains("active");
const openByAttr = !!cartDrawer && cartDrawer.hasAttribute("open");
return openByDialog || openByClass || openByAttr;
}
function attachStateObserver() {
const { cartDrawer, dialog } = getTargets();
if (stateObserver) stateObserver.disconnect();
stateObserver = new MutationObserver(() => {
const openNow = isCartOpen(getTargets());
if (openNow) {
if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
} else {
resetOnClose();
}
});
if (cartDrawer) {
stateObserver.observe(cartDrawer, {
attributes: true,
attributeFilter: ["class", "open"]
});
}
if (dialog) {
stateObserver.observe(dialog, {
attributes: true,
attributeFilter: ["open"]
});
}
const openNow = isCartOpen(getTargets());
if (openNow) {
if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
} else {
resetOnClose();
}
}
function observeCartDrawerOpen() {
attachStateObserver();
if (domObserver) domObserver.disconnect();
domObserver = new MutationObserver(() => {
attachStateObserver();
});
domObserver.observe(document.documentElement, {
childList: true,
subtree: true
});
}
observeCartDrawerOpen();
/** DATALAYER: Search Results */
var searchPage = new RegExp("search", "g");
if(document.location.pathname.match(searchPage)){
var __AW__items = [];
const awEcommerceSearch = {
search_term: null,
results_count: null,
ecommerce: {
items : []
}
};
sendBatchEvents(__AW__items, "search", awEcommerceSearch);
}
const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/;
const pendingCartEventName = "aw_pending_cart_event";
let awCartRunning = false;
if(sessionStorage.getItem(pendingCartEventName)) {
scheduleCartSync();
}
document.addEventListener('click', async function(e) {
const btn = e.target.closest('[href*="/cart/add"], [action*="/cart/add"], button[name="add"]');
if (!btn || awCartRunning) return;
snapshotCart();
}, true);
if (!window.__AW__patchedFetch) {
window.__AW__patchedFetch = true;
patchFetch();
}
if (!window.__AW__patchedXHR) {
window.__AW__patchedXHR = true ;
patchXhr();
}
function snapshotCart() {
try {
sessionStorage.setItem(
pendingCartEventName,
JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] })
);
} catch (e) {
console.warn('[AW] snapshot error', e);
}
}
function patchXhr() {
const Native = window.XMLHttpRequest;
class WrappedXHR extends Native {
send(body) {
this.addEventListener('load', () => {
try {
const abs = this.responseURL || '';
const u = new URL(abs, location.origin);
const mt = u.pathname + (u.search || '');
if (this.status === 200 && cartRegex.test(mt)) {
scheduleCartSync();
}
} catch (e) {
console.error('[AW] XHR handler error', e);
}
});
return super.send(body);
}
}
Object.setPrototypeOf(WrappedXHR, Native);
window.XMLHttpRequest = WrappedXHR;
}
function patchFetch() {
const previousFetch = window.fetch;
window.fetch = async function (...args) {
const [resource] = args;
try {
if (typeof resource !== 'string') {
console.error('Invalid resource type');
return previousFetch.apply(this, args);
}
if (cartRegex.test(resource)) {
const response = await previousFetch.apply(this, args);
if (response.ok) {
scheduleCartSync();
} else {
console.warn(`Fetch for ${resource} failed with status: ${response.status}`);
}
return response;
}
} catch (error) {
console.error('[AW] Fetch Wrapper Error:', error);
}
return previousFetch.apply(this, args);
};
}
function scheduleCartSync() {
if (awCartRunning) return;
awCartRunning = true;
if (!sessionStorage.getItem(pendingCartEventName)) snapshotCart();
void runCartSyncOnce().finally(() => {
sessionStorage.removeItem(pendingCartEventName);
awCartRunning = false;
});
}
async function runCartSyncOnce() {
try {
const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, {
credentials: 'same-origin',
headers: { 'Accept': 'application/json' }
});
if (!response.ok) throw new Error('HTTP ' + response.status);
const newCart = await response.json();
compareCartData(newCart);
} catch (error) {
console.error('[AW] Error fetching /cart.js (singleton):', error);
}
}
function compareCartData(newCartData) {
const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : { 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);
}
});
sessionStorage.removeItem(pendingCartEventName);
window.__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(', ');
}
const ecommerceCart = {
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) },
...ecommerceCart
});
}
}
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/wisepops-popup-builder-cro/blocks/app-embed/e7d7a4f7-0df4-4073-9375-5f36db513952 --><script>
// Create the wisepops() function
window.wisepops_key = window.WisePopsObject = window.wisepops_key || window.WisePopsObject || "wisepops";
window[window.wisepops_key] = function () {
window[window.wisepops_key].q.push(arguments);
};
window[window.wisepops_key].q = [];
window[window.wisepops_key].l = Date.now();
// Disable deprecated snippet
window._wisepopsSkipShopifyDeprecatedSnippet = true;
document.addEventListener('wisepops.after-initialization', function () {
// https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie/Simple_document.cookie_framework
function getCookieValue(sKey) {
if (!sKey) { return null; }
return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
}
function getTotalInventoryQuantity() {
var variants = null;
if (!variants) {
return null;
}
var totalQuantity = 0;
for (var i in variants) {
if (variants[i] && variants[i].inventory_quantity) {
totalQuantity += variants[i].inventory_quantity;
} else {
return null;
}
}
return totalQuantity;
}
function getMapCartItems(key, items){
var cartItems = items ?? [];
return cartItems.map(function (item) {
return item[key];
})
.filter(function (item){
if (item !== undefined && item !== null && item !== "") {
return true;
}
return false;
})
.join(',');
}
// Set built-in properties
window[window.wisepops_key]('properties', {
client_id: null,
cart: {
discount_code: getCookieValue('discount_code'),
item_count: 0,
total_price: 0 / 100,
currency: "EUR",
skus: getMapCartItems('sku'),
items: []
},
customer: {
accepts_marketing: false,
is_logged_in: false ,
last_order: {
created_at: null,
},
orders_count: 0,
total_spent: (isNaN(null) ? 0 : (null / 100)),
tags: null ,
email: null,
first_name: null,
last_name: null,
},
product: {
available: null,
price: null ,
tags: null,
total_inventory_quantity: getTotalInventoryQuantity(),
stock: 0,
},
orders: {},
}, { temporary: true });
// Custom event when product added to cart
var shopifyTrackFunction = window.ShopifyAnalytics && ShopifyAnalytics.lib && ShopifyAnalytics.lib.track;
var lastAddedToCartTimestamp = 0;
if (shopifyTrackFunction) {
ShopifyAnalytics.lib.track = function () {
if (arguments[0] === 'Added Product') {
(async () => {
let cartPayload;
try {
cartPayload = await (await fetch(window.Shopify.routes.root + 'cart.js')).json();
} catch (e) {}
if (cartPayload) {
window[window.wisepops_key]('properties', {
cart: {
discount_code: getCookieValue('discount_code'),
item_count: cartPayload.items.length,
total_price: (cartPayload.total_price ?? 0) / 100,
currency: cartPayload.currency,
skus: getMapCartItems('sku', cartPayload.items),
items: cartPayload.items.map(item => ({
product_id: item.product_id,
variant_id: item.variant_id,
sku: item.sku,
quantity: item.quantity,
price: (item.final_price ?? 0) / 100,
totalPrice: (item.final_line_price ?? 0) / 100
})),
}
}, {temporary: true});
}
var currentTimestamp = Date.now();
if (currentTimestamp > lastAddedToCartTimestamp + 5000) {
window[window.wisepops_key]('event', 'product-added-to-cart');
lastAddedToCartTimestamp = currentTimestamp;
}
})();
}
shopifyTrackFunction.apply(this, arguments);
};
}
});
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019cfc43-3c7c-7309-83b6-834a19b5bdcb/dialog-ai-app-324/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) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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,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){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=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[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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[3-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[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=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:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,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:f,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 d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.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: ["2dca8a86","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"2820768080","configuration":"{\"storeId\":\"86df7ac1-afc2-475c-be61-d46ca2c1df88\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a669bd97c221b9d4062a448fa387dcbc","type":"APP","apiClientId":274629623809,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2588868944","configuration":"{\"accountID\":\"XmERL3\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2524971344","configuration":"{\"accountID\":\"123456789\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"33ee5eb3a4f7f4f7c9649d0a1cdb3908","type":"APP","apiClientId":1363407,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2455437648","configuration":"{\"myshopifyDomain\":\"unbottled-test.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1875935568","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"851738960","configuration":"{\"accountID\":\"unbottled\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"880feb60d3284c3325b89f9c0e61c950","type":"APP","apiClientId":76673777665,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"579043664","configuration":"{\"pixelCode\":\"C7P8ON57DIQ8J0SHOOU0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["3b5414a6"]},{"id":"349143376","configuration":"{\"pixel_id\":\"254501032274576\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"317063504","configuration":"{\"shopDomain\":\"unbottled-test.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7f2de0ecb6b420d2fa07cf04a37a4dbf","type":"APP","apiClientId":2436932,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"282919248","configuration":"{\"shopId\":\"unbottled-test.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"81658192","configuration":"{\"hash\":\"GuTKVpTb5k\",\"ingestion_url\":\"https:\/\/activity.wisepops.com\",\"goal_hash\":\"AVzxS47GwNcu5qc2fwm0kffkHFzdhFmD\",\"loader_url\":\"https:\/\/wisepops.net\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f2ebd2ee515d1c2407650eb3f3fbaa1c","type":"APP","apiClientId":461977,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"491655","configuration":"{\"token\":\"eyJhbGciOiJFUzI1NiIsImtpZCI6InExZHNwamdqdGUiLCJ0eXAiOiJKV1QifQ.eyJleHAiOjE3NzQwMTg3MzQsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJpZ2JsdWUuY28vIiwic3ViIjoic191bmJ0MDAwMSJ9.PRSyM1Egvayua_pp6EyNPNKgNq3xH1rba3VyueSkG8ezLMnziqiw--BA01KEb1h29cFQ3mtwpGYUcQr-37XwGg\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1e8cf5dac0cde16e9800d21ae75e4d4a","type":"APP","apiClientId":2879589,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"114557264","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","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":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,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},},"https://unbottled.co/cdn","2f2288a8w2fafd01bp23157a73mcb0adebf",{"modern":"","legacy":""},{"shopId":"32127058055","storefrontBaseUrl":"https:\/\/unbottled.co","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"2f2288a8w2fafd01bp23157a73mcb0adebf","publish":"custom","events":"[[\"page_viewed\",{}]]"});</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,"requestId":"8bbcd0ab-dd27-4b96-a8a6-1150fde6a940-1773817851"}};
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: 181882782032,
app_name: "storefront",
context_url: window.location.href,
source_url: "//unbottled.co/cdn/s/trekkie.storefront.dd9b4dd0f40aa86ba6051ff19e2e97f108a849d1.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//unbottled.co/cdn/s/trekkie.storefront.dd9b4dd0f40aa86ba6051ff19e2e97f108a849d1.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//unbottled.co/cdn/s/trekkie.storefront.dd9b4dd0f40aa86ba6051ff19e2e97f108a849d1.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":32127058055,"isMerchantRequest":null,"themeId":181882782032,"themeCityHash":"8725516655948886870","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"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,"requestId":"8bbcd0ab-dd27-4b96-a8a6-1150fde6a940-1773817851","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/storefront/assets/shop_events_listener-3da45d37.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);
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.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.");
};
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
}
</script>
<script
defer
src="https://unbottled.co/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.0.min.js"
data-application="storefront-renderer"
data-shop-id="32127058055"
data-render-region="gcp-europe-west1"
data-page-type="article"
data-theme-instance-id="181882782032"
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"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://unbottled.co/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</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--26079368642896__cart-popup" class="shopify-section shopify-section-group-header-group"><style data-shopify>
#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);
}
#modal_cart[data-cart-empty="true"] .show-when-cart-has-items,
#modal_cart[data-cart-empty="false"] .show-when-cart-empty {
display: none !important;
}
#cartGifts.\!max-h-0 {
display: none !important;
}
#cartGifts:not(:has([data-gift="true"])):not(:has([data-section="ajax-modal-gift"])) {
display: none !important;
}
.jc-progress_bar {
--margin-top: 0px;
--margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
.jc-progress_bar {
--margin-top: 0px;
--margin-bottom: 48px;
}
}
</style>
<script id="goalsData" class="hidden">
window.goals = [{
"goal_title": "new_user_gift_type_2",
"goal_new_customer":true,
"goal_value": "1",
"goal_variants": "47824681501008,47824690544976,47824668393808",
"goal_products": "8770643886416,8770647195984,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": "70",
"goal_variants": "34736838344839",
"goal_products": "5231670558855",
},{
"goal_title": "Complétez pour un second produit offert",
"goal_new_customer":false,
"goal_value": "90",
"goal_variants": "39834243891335,39446652158087",
"goal_products": "6687459508359,6594194342023",
},]
</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_visage":47824690544976,"mini_all_type":47824668393808,"all_type":34745823953031,"greasy":39547237400711,"dry":39547263451271,"colored":40393472245895,"sensitive":40393475981447,"blancs":49254465044816,"boucles":49254954238288,}
</script>
<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"
data-cart-empty="true"
>
<div class="hidden">
<div class="js-cart-preloader-overlay h-full w-full bg-cultured 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-2 md:p-4 z-10 md:pb-3"><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"
>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-cultured">
<div id="progressBar" class="jc-progress_bar px-4 order-first bg-white pt-[var(--margin-top)] pb-[var(--margin-bottom)] show-when-cart-has-items">
<div data-progress-bar-message>
<div
class="flex justify-center items-center mb-2"
>
<span data-goal-value="4900" class="js-progress-bar-step progress-bar-step text-xs leading-4 font-medium text-center text-darkCharcoal block">
Il vous reste <span class="js-price">49,00 €</span> pour la livraison offerte
</span>
<span data-goal-value="7000" class="js-progress-bar-step progress-bar-step text-xs leading-4 font-medium text-center text-darkCharcoal block">
Plus que <span class="js-price">70,00 €</span> pour obtenir votre 1er cadeau !
</span>
<span data-goal-value="9000" class="js-progress-bar-step progress-bar-step text-xs leading-4 font-medium text-center text-darkCharcoal block">
Plus que <span class="js-price">90,00 €</span> pour obtenir votre 2ème cadeau !
</span>
<span class="js-all-rewards-reached progress-bar-final text-xs leading-4 font-medium text-center text-darkCharcoal block hidden">
Vous avez obtenu toutes les récompenses !
</span>
</div>
</div>
<progress-bar data-value="0" data-max="9000">
<div class="w-full h-3 bg-papayaWhip rounded-full relative outline outline-1 outline-primary">
<div class="js-progress-bar-line h-full bg-primary rounded-full transition-all" style="width: 0%"></div>
<div style="left: 16%;" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-1 h-1 rounded-full transition-all bg-primary" data-step data-value="4900">
</div>
<div style="left: 16%;" class="absolute mt-1 -translate-x-1/2 text-xs text-center w-1/3">
<div class="text-darkCharcoal text-sm leading-5 font-bold">49€</div>
<div class="font-normal text-darkCharcoal text-xs leading-4">Livraison Gratuite</div>
</div>
<div style="left: 49%;" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-1 h-1 rounded-full transition-all bg-primary" data-step data-value="7000">
</div>
<div style="left: 49%;" class="absolute mt-1 -translate-x-1/2 text-xs text-center w-1/3">
<div class="text-darkCharcoal text-sm leading-5 font-bold">70€</div>
<div class="font-normal text-darkCharcoal text-xs leading-4">Cadeau #1</div>
</div>
<div style="left: 82%;" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-1 h-1 rounded-full transition-all bg-primary" data-step data-value="9000">
</div>
<div style="left: 82%;" class="absolute mt-1 -translate-x-1/2 text-xs text-center w-1/3">
<div class="text-darkCharcoal text-sm leading-5 font-bold">90€</div>
<div class="font-normal text-darkCharcoal text-xs leading-4">Cadeau #2</div>
</div>
</div>
</progress-bar>
</div>
<div id="emptyCartGiftCarousel" class="bg-taupe sticky top-0 order-first z-[1] -mt-2 show-when-cart-empty">
<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
class="lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/box.svg?v=1686655155&width=30">
</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
class="lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/gift_box.svg?v=1686655205&width=30">
<div class="absolute top-[-6px] right-[-6px] w-3 h-3 rounded-full bg-primary 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 70 €
</p>
</div>
</div><div class="swiper-slide py-2 px-4 select-none">
<div class="flex gap-2">
<div class="relative">
<img
class="lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/gift_box.svg?v=1686655205&width=30">
<div class="absolute top-[-6px] right-[-6px] w-3 h-3 rounded-full bg-primary text-[10px] leading-none text-white flex items-center justify-center">
2
</div>
</div>
<p class="text-sm">
<span class="font-bold">Un 2ème produit offert</span> à partir de 90 €
</p>
</div>
</div>
</div>
<div
class="swiper-pagination swiper-pagination-dark !bg-taupe !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 relative show-when-cart-empty">
<div class="js-cart-preloader-overlay h-full w-full bg-cultured 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 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Face_11.svg?v=1686676846&width=30">
<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-primary hover:bg-mangoTango 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-taupe hover:bg-wafer rounded-full w-full block"
>CONNEXION</a>
</div>
</div>
</div>
<div id="emptyCartCollection" class="relative js-cart-preloader show-when-cart-empty">
<div class="overflow-hidden">
<div class="js-cart-preloader-overlay h-full w-full bg-cultured 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="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/GelDoucheAmande_Avoine-2026.jpg?v=1760343164&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Avoine & Amande Douce</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34745821003911"
data-product_handle="gel-douche-sans-bouteille"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="6640729882759"
data-variant-id="39634618679431"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="6640729882759"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille-abricot-karite" 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/GelDoucheAbricot_Karite-2026.jpg?v=1760343164&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-abricot-karite"
data-variant-id="39634618679431"
>
<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="39634618679431"
data-product_handle="gel-douche-sans-bouteille-abricot-karite"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39634618679431"
data-product_handle="gel-douche-sans-bouteille-abricot-karite"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Abricot & Karité</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39634618679431"
data-product_handle="gel-douche-sans-bouteille-abricot-karite"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="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/GelDoucheVanille_Tonka-2026.jpg?v=1758028751&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Vanille & Tonka</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47358140940624"
data-product_handle="gel-douche-sans-bouteille-vanille-tonka"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingTousCheveux-2026.jpg?v=1758099912&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34745823953031"
data-product_handle="shampoing-solide-tout-nu"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Tous Types de Cheveux</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34745823953031"
data-product_handle="shampoing-solide-tout-nu"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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-SavonMagiquex3-2026.jpg?v=1758028924&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Porte-Savon Magique (x3)</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39446343516295"
data-product_handle="porte-savon-magique-x3"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="6687459508359"
data-variant-id="39834243891335"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="6687459508359"
data-original-price="8,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/eco-trousse" 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_9439d1fe-92a2-4be5-a202-9a45d5905316.jpg?v=1647873455&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/eco-trousse"
data-variant-id="39834243891335"
>
<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="39834243891335"
data-product_handle="eco-trousse"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39834243891335"
data-product_handle="eco-trousse"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Éco-Trousse</span>
</div>
</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"> 8,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">
8,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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39834243891335"
data-product_handle="eco-trousse"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="8750510276944"
data-variant-id="47751223116112"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="8750510276944"
data-original-price="11,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/baume-levres-nourrissant" 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/BaumeLevresNourrissant-2026.jpg?v=1758028694&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/baume-levres-nourrissant"
data-variant-id="47751223116112"
>
<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="47751223116112"
data-product_handle="baume-levres-nourrissant"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47751223116112"
data-product_handle="baume-levres-nourrissant"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Baume Lèvres Nourrissant</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47751223116112"
data-product_handle="baume-levres-nourrissant"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/GelDoucheMenthe_EcorcesdeCitron-2026.jpg?v=1758028780&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Menthe & Écorces de Citron</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48661520875856"
data-product_handle="gel-douche-sans-bouteille-menthe-ecorces-de-citron"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/DeoCotonDoux-2026.jpg?v=1758028850&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Déo Coton Doux - 48H</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48156123464016"
data-product_handle="deo-coton-doux-48h"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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-2026.jpg?v=1758028867&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48156391702864"
data-product_handle="deo-neroli-joli-48h"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Déo Néroli Joli - 48H</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48156391702864"
data-product_handle="deo-neroli-joli-48h"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/files/SoinLavantDouxintime-2026.jpg?v=1760343118&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39841520484487"
data-product_handle="soin-lavant-doux-pour-le-minou"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Soin Lavant Intime </span>
<span>- Doux pour le Minou</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39841520484487"
data-product_handle="soin-lavant-doux-pour-le-minou"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCheveuxColores-2026.jpg?v=1758099507&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40393472245895"
data-product_handle="shampoing-solide-tout-nu-cheveux-colores"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Colorés</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40393472245895"
data-product_handle="shampoing-solide-tout-nu-cheveux-colores"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/NettoyantVisageSuperDoux-2026.jpg?v=1760343241&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34743604019335"
data-product_handle="nettoyant-visage-super-doux"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Nettoyant Visage Super Doux</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="34743604019335"
data-product_handle="nettoyant-visage-super-doux"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="9267242926416"
data-variant-id="48718770798928"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="9267242926416"
data-original-price="17,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/anti-mou-stick" 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/AntiMou-Stick_1.jpg?v=1718032334&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/anti-mou-stick"
data-variant-id="48718770798928"
>
<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="48718770798928"
data-product_handle="anti-mou-stick"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48718770798928"
data-product_handle="anti-mou-stick"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Anti Mou-Stick</span>
</div>
</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"> 17,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">
17,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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="48718770798928"
data-product_handle="anti-mou-stick"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCheveuxSecs-2026.jpg?v=1758099827&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39547263451271"
data-product_handle="shampoing-solide-tout-nu-cheveux-secs"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Secs & Abîmés</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39547263451271"
data-product_handle="shampoing-solide-tout-nu-cheveux-secs"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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=1758099912&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47565518340432"
data-product_handle="apres-shampoing-solide-cheveux-soyeux"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Après-Shampoing Solide </span>
<span>- Cheveux Soyeux</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47565518340432"
data-product_handle="apres-shampoing-solide-cheveux-soyeux"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCuirCheveluSensible-2026.jpg?v=1758099575&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40393475981447"
data-product_handle="shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cuir Chevelu Sensible</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40393475981447"
data-product_handle="shampoing-solide-tout-nu-cuir-chevelu-sensible"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/DemaquillantEfface-Tout-2026.jpg?v=1760343241&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40249943556231"
data-product_handle="demaquillant-efface-tout"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Démaquillant Efface-Tout</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40249943556231"
data-product_handle="demaquillant-efface-tout"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/DeoFleuriCheri-2026.jpg?v=1758028856&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="46760519663952"
data-product_handle="deodorant-fleuri-cheri"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Déo Fleuri Chéri - 48H</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="46760519663952"
data-product_handle="deodorant-fleuri-cheri"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/files/Nettoyant_MasqueDetox-2026.jpg?v=1760343241&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40339940999303"
data-product_handle="nettoyant-masque-detox"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Nettoyant & Masque Detox</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40339940999303"
data-product_handle="nettoyant-masque-detox"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/SoinLavantBebes_Grands-2026.jpg?v=1758099462&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40264812986503"
data-product_handle="savon-neutre-bebes-grands"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Soin Lavant </span>
<span>- Bébés & Grands</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="40264812986503"
data-product_handle="savon-neutre-bebes-grands"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/DeoMentheOle-2026.jpg?v=1758028860&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="46760524448080"
data-product_handle="deodorant-menthe-ole"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Déo Menthe Olé - 48H</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="46760524448080"
data-product_handle="deodorant-menthe-ole"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="8666773094736"
data-variant-id="47354474463568"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="8666773094736"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille-mandarine-verveine" 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/GelDoucheMandarine_Verveine-2026.jpg?v=1758028728&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-mandarine-verveine"
data-variant-id="47354474463568"
>
<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="47354474463568"
data-product_handle="gel-douche-sans-bouteille-mandarine-verveine"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47354474463568"
data-product_handle="gel-douche-sans-bouteille-mandarine-verveine"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Mandarine & Verveine</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47354474463568"
data-product_handle="gel-douche-sans-bouteille-mandarine-verveine"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/DeoCocoLoco-2026.jpg?v=1758028845&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47166584652112"
data-product_handle="deodorant-coco-loco-peaux-sensibles"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Déo Coco Loco </span>
<span>- Peaux Sensibles - 48H</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47166584652112"
data-product_handle="deodorant-coco-loco-peaux-sensibles"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCheveuxBlancs-2026.jpg?v=1758098622&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="49254465044816"
data-product_handle="shampoing-solide-tout-nu-cheveux-blancs"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Blancs</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="49254465044816"
data-product_handle="shampoing-solide-tout-nu-cheveux-blancs"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCheveuxBoucles-2026.jpg?v=1758098699&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="49254954238288"
data-product_handle="shampoing-solide-tout-nu-cheveux-boucles"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Bouclés</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="49254954238288"
data-product_handle="shampoing-solide-tout-nu-cheveux-boucles"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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/ShampoingCheveuxGras-2026.jpg?v=1758099856&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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39547237400711"
data-product_handle="shampoing-solide-tout-nu-cheveux-gras"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Shampoing Solide Tout Nu </span>
<span>- Cheveux Gras & Pellicules</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="39547237400711"
data-product_handle="shampoing-solide-tout-nu-cheveux-gras"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="8666485457232"
data-variant-id="47352700764496"
>
<div
class="block"
>
<div
class="product_block md:sticky top-0"
data-product-id="8666485457232"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden relative">
<a href="/products/gel-douche-sans-bouteille-rose-karite" 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/GelDoucheRose_Karite-2026.jpg?v=1758028738&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-rose-karite"
data-variant-id="47352700764496"
>
<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="47352700764496"
data-product_handle="gel-douche-sans-bouteille-rose-karite"
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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47352700764496"
data-product_handle="gel-douche-sans-bouteille-rose-karite"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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] text-left lg:mr-3">
<span class="font-medium">Gel Douche Sans Bouteille </span>
<span>- Rose & Karité</span>
</div>
</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 [&.disabled_.smart\_plus]:pointer-events-none [&.disabled_.smart\_plus]:opacity-70"
data-product_id="47352700764496"
data-product_handle="gel-douche-sans-bouteille-rose-karite"
data-ignore_discount="true"
data-max-quantity="9999"
>
<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"
>
<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"
>
<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="cartGiftsNewCustomer" class="relative js-cart-preloader px-3 md:px-4 !mt-2 order-first min-h-[128px] hidden mb-2">
<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-cultured 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 h-full !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="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 h-full !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="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 h-full !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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingTousCheveux-2026.jpg?v=1758099912&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxGras-2026.jpg?v=1758099856&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxSecs-2026.jpg?v=1758099827&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxColores-2026.jpg?v=1758099507&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCuirCheveluSensible-2026.jpg?v=1758099575&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxBlancs-2026.jpg?v=1758098622&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxBoucles-2026.jpg?v=1758098699&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="cartGiftsNewCustomer" class="relative js-cart-preloader px-3 md:px-4 !mt-2 order-first min-h-[128px] hidden mb-2">
<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-cultured 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 h-full !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="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 h-full !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="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 h-full !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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingTousCheveux-2026.jpg?v=1758099912&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxGras-2026.jpg?v=1758099856&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxSecs-2026.jpg?v=1758099827&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxColores-2026.jpg?v=1758099507&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCuirCheveluSensible-2026.jpg?v=1758099575&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxBlancs-2026.jpg?v=1758098622&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 h-full !opacity-50 lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/ShampoingCheveuxBoucles-2026.jpg?v=1758098699&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 text- js-cart-preloader mt-2 show-when-cart-has-items">
<div class="text-xl font-normal leading-6 -tracking-tight08 [&_em]:tracking-normal [&_em]:font-serif-display mx-3 pb-2">Votre <em>sélection </em></div>
<div id="cartModalContentId" class="hidden">
</div>
<div class="js-cart-preloader-overlay h-full w-full bg-cultured 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-cultured shrink-0 min-h-0">
<div class="flex flex-col gap-4 min-h-full"><div class="mx-3 md:mx-4 order-last"></div>
</div>
</div>
</div>
<div id="cartGifts" class="relative js-cart-preloader px-3 show-when-cart-has-items z-[1]">
<div class="js-cart-preloader-overlay h-full w-full bg-cultured 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 bg-white p-4 pb-2 rounded-lg mt-8">
<div class="text-xl leading-6 font-medium [&_em]:font-normal tracking-[-0.4px] [&_em]:font-serif-display mb-2"><p>Sélectionnez <em>vos produits offerts</em></p></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 h-full"
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 gap-2.5 grow">
<div class="space-y-1">
<p class="font-normal text-sm leading-5 tracking-[-0.28px]">
Pas de cadeau
</p>
<p class="text-darkCharcoal text-opacity-60 text-xs leading-4 font-normal tracking-[-0.24px]">
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-cultured opacity-80 absolute z-10 flex items-center justify-center">
<span class="loader opacity-100 visible"></span>
</div></div>
<div id="bottomCartList" class="relative js-cart-preloader [&:has(.jc-tabs-container:empty)]:hidden show-when-cart-has-items z-[1]">
<style>
.bottomPopupSlider .swiper-pagination-bullet,
.js-bottom-cart-upsell-slider .swiper-pagination-bullet{
width: 6px !important;
height: 6px !important;
}
.js-bottom-cart-upsell-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bottomPopupSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 7px !important;
height: 7px !important;
}
.js-bottom-cart-upsell-slider .jc-fade-right,
.js-bottom-cart-upsell-slider .jc-fade-left,
.js-bottom-cart-upsell-slider .swiper-button-next,
.js-bottom-cart-upsell-slider .swiper-button-prev {
top: 50% !important;
height: 40px !important;
}
.js-bottom-cart-upsell-slider .swiper-button-next:after,
.js-bottom-cart-upsell-slider .swiper-button-prev:after {
content: '' !important;
}
.jc-upsell-block-product_upsell_blocks_HMyBrb {
--transition-duration: 300ms;
transition: background var(--transition-duration) ease;
}
.jc-upsell-block-product_upsell_blocks_HMyBrb .jc-grid-animate {
display: none;
opacity: 0;
transform: translateY(20px);
transition: transform var(--transition-duration),
opacity var(--transition-duration),
display var(--transition-duration);
}
.jc-upsell-block-product_upsell_blocks_HMyBrb .jc-grid-animate[data-active] {
display: grid;
opacity: 1;
transform: translateY(0px);
@starting-style {
opacity: 0;
transform: translateY(20px);
}
}
</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>
<features-highlights class="block my-4 text-center jc-upsell-block-product_upsell_blocks_HMyBrb"><div class="text-xl leading-6 font-medium [&_em]:font-normal tracking-[-0.4px] [&_em]:font-serif-display mb-4 mx-4">
<p>Vous allez <em>aussi aimer</em></p>
</div>
<div class="jc-tabs-container flex justify-center items-center bg-taupe rounded-full p-1 mb-4 mx-4"><button
data-tab
data-id="product_upsell_blocks_HMyBrb-1"
class="px-4 py-1.5 transition-all duration-[--transition-duration] cursor-pointer hover:opacity-75 bg-transparent [&[data-active]]:bg-white rounded-full text-darkCharcoal flex-1"
data-active
>
<p class="m-0 leading-4 text-xs font-semibold tracking-[-0.24px] uppercase">
Accessoires
</p>
</button><button
data-tab
data-id="product_upsell_blocks_HMyBrb-2"
class="px-4 py-1.5 transition-all duration-[--transition-duration] cursor-pointer hover:opacity-75 bg-transparent [&[data-active]]:bg-white rounded-full text-darkCharcoal flex-1"
>
<p class="m-0 leading-4 text-xs font-semibold tracking-[-0.24px] uppercase">
Gels Douche
</p>
</button><button
data-tab
data-id="product_upsell_blocks_HMyBrb-3"
class="px-4 py-1.5 transition-all duration-[--transition-duration] cursor-pointer hover:opacity-75 bg-transparent [&[data-active]]:bg-white rounded-full text-darkCharcoal flex-1"
>
<p class="m-0 leading-4 text-xs font-semibold tracking-[-0.24px] uppercase">
Déos
</p>
</button></div>
<div>
<div
data-content-entry
data-id="product_upsell_blocks_HMyBrb-1"
class="jc-grid-animate w-full"
data-active
>
<div class="js-bottom-cart-upsell-slider swiper !px-4 mb-6">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="6594131755143"
data-original-price="19,90"
data-no-discount="false"
data-base-discount="25"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1">
-<span class="!text-darkCharcoal !text-xs !leading-3">25</span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Porte-SavonMagiquex3-2026.jpg?v=1758028924&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
26,70 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
19,90 €
</span>
</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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Porte-Savon Magique (x3)
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="6687475433607"
data-original-price="23,90"
data-no-discount="false"
data-base-discount="10"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1">
-<span class="!text-darkCharcoal !text-xs !leading-3">10</span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/3_0ccf94f4-c76a-47d6-99cc-e402657ed373.jpg?v=1647882482&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
26,70 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
23,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39834247921799"
data-product_handle="eco-trousse-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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Éco-Trousse (x3)
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="6583593533575"
data-original-price="8,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Porte-SavonMagiquex1-2026.jpg?v=1758028918&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
8,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39404147179655"
data-product_handle="porte-savon-magique"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Porte-Savon Magique
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="6687459508359"
data-original-price="8,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/1_9439d1fe-92a2-4be5-a202-9a45d5905316.jpg?v=1647873455&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
8,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
8,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39834243891335"
data-product_handle="eco-trousse"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Éco-Trousse
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="10155612242256"
data-original-price="19,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Porte-SavonMagique3-en-1_1.jpg?v=1753365145&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
19,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="51758107099472"
data-product_handle="porte-savon-magique-3-en-1"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Porte-Savon Magique 3-en-1
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8667634663760"
data-original-price="3,40"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Anti-sechessousladouche_1.jpg?v=1696518239&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
3,40 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47358974558544"
data-product_handle="anti-seches-sous-la-douche"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Antisèches sous la douche
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="5231670558855"
data-original-price="3,40"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/products/Filet.png?v=1636570751&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
3,40 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="34736838344839"
data-product_handle="sauve-savon"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Filet Malin Sauve-Savon
</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next !right-4">
<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="swiper-button-prev !left-4">
<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="swiper-pagination !bg-transparent !p-0 !bottom-1 leading-3"></div>
</div>
</div>
<div
data-content-entry
data-id="product_upsell_blocks_HMyBrb-2"
class="jc-grid-animate w-full"
>
<div class="js-bottom-cart-upsell-slider swiper !px-4 mb-6">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="6640729882759"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheAbricot_Karite-2026.jpg?v=1760343164&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="39634618679431"
data-product_handle="gel-douche-sans-bouteille-abricot-karite"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Abricot & Karité
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="5085715005575"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheAmande_Avoine-2026.jpg?v=1760343164&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Avoine & Amande Douce
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8667419279696"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheVanille_Tonka-2026.jpg?v=1758028751&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Vanille & Tonka
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8666485457232"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheRose_Karite-2026.jpg?v=1758028738&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47352700764496"
data-product_handle="gel-douche-sans-bouteille-rose-karite"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Rose & Karité
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="9245181411664"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheMenthe_EcorcesdeCitron-2026.jpg?v=1758028780&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Menthe & Écorces de Citron
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8666773094736"
data-original-price="9,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/GelDoucheMandarine_Verveine-2026.jpg?v=1758028728&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
9,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
9,90 €
</span>
</div>
<div>
<div class="smart_add_to_cart_container relative flex justify-end bg-[#f79b76] rounded-full"
data-product_id="47354474463568"
data-product_handle="gel-douche-sans-bouteille-mandarine-verveine"
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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Gel Douche Sans Bouteille • Mandarine & Verveine
</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next !right-4">
<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="swiper-button-prev !left-4">
<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="swiper-pagination !bg-transparent !p-0 !bottom-1 leading-3"></div>
</div>
</div>
<div
data-content-entry
data-id="product_upsell_blocks_HMyBrb-3"
class="jc-grid-animate w-full"
>
<div class="js-bottom-cart-upsell-slider swiper !px-4 mb-6">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="9011857883472"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoNeroliJoli-2026.jpg?v=1758028867&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
12,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
12,90 €
</span>
</div>
<div>
<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="!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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Déo Néroli Joli - 48H
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8520188723536"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoMentheOle-2026.jpg?v=1758028860&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
12,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
12,90 €
</span>
</div>
<div>
<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="!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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Déo Menthe Olé - 48H
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8520188559696"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoFleuriCheri-2026.jpg?v=1758028856&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
12,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
12,90 €
</span>
</div>
<div>
<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="!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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Déo Fleuri Chéri - 48H
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="9011738739024"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoCotonDoux-2026.jpg?v=1758028850&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
12,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
12,90 €
</span>
</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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Déo Coton Doux - 48H
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="flex flex-col gap-2 rounded product_block"
data-product-id="8634739163472"
data-original-price="12,90"
data-no-discount="false"
>
<div class="overflow-hidden w-full aspect-square relative">
<div class="absolute top-2 right-2 z-10">
<div class="text-xs rounded-full !text-darkCharcoal font-medium leading-3 bg-white px-2 py-1 hidden">
-<span class="!text-darkCharcoal !text-xs !leading-3"></span>%
</div>
</div>
<img
class="rounded-[5px] aspect-square object-cover w-full h-auto lazyload blur-up image-alt"
loading="lazy"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/DeoCocoLoco-2026.jpg?v=1758028845&width=30">
</div>
<div class="flex flex-col gap-2 justify-between items-start flex-grow">
<div class="flex gap-2 justify-between items-center w-full">
<div class="flex flex-col items-baseline">
<div class="product_block_original_price !text-xs !leading-4 mb-1 hidden">
<s class="whitespace-nowrap !text-xs !leading-4 font-normal text-opacity-60 text-darkCharcoal">
12,90 €
</s>
</div>
<span class="!leading-4.5 text-lg font-bold text-darkCharcoal">
12,90 €
</span>
</div>
<div>
<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="!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 class="Icon Icon--white-plus w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewbox="0 0 21 21" fill="none">
<path d="M16.3327 11.332H11.3327V16.3319H9.66602V11.332H4.66602V9.66528H9.66602V4.66528H11.3327V9.66528H16.3327V11.332Z" fill="white"/>
</svg></div>
</span>
</div>
</div>
</div>
</div>
<p class="text-sm leading-4 font-light tracking-[-0.6px] text-darkCharcoal text-left">
Déo Coco Loco • Peaux Sensibles - 48H
</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next !right-4">
<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="swiper-button-prev !left-4">
<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="swiper-pagination !bg-transparent !p-0 !bottom-1 leading-3"></div>
</div>
</div>
</div>
</features-highlights>
</div>
</div>
</div>
<div id="checkoutButton" class="bg-blancasse w-full show-when-cart-has-items">
<div class="overflow-hidden border-t border-antiflashWhite">
<div class="p-4 pb-2 bg-white border-t border-t-wafer border-solid">
<!-- Free shipping progress markup -->
<div class="cart-shipping__wrapper-cart cart !p-0">
<div class="cart-shipping_text__wrapper !p-0 !m-0">
<div class="cart-shipping_text__wrap !p-0">
<div class="livraison_status text-xs leading-4 font-medium tracking-[-0.24px] text-darkCharcoal">Frais de livraison estimés</div>
<div class="livraison_status_offerte text-xs leading-4 font-light tracking-[-0.24px] text-primary lowercase">À partir de 2,40 €</div>
</div>
</div>
</div>
</div>
<a href="/checkout" class="cart block table-wrap px-3 md:px-4 mb-0 bg-white pb-2" 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-primary 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 pb-1 bg-white show-when-cart-has-items">
<div class="overflow-hidden text-xs text-darkCharcoal font-normal leading-4 tracking-[-0.24px]">
🟢 En stock | 🚚 Livraison en 48H !
</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-2 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--26079368642896__ajax-search-result" class="shopify-section shopify-section-group-header-group">
</div><div id="shopify-section-sections--26079368642896__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--26079368642896__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/soins-1.svg?v=1761231716&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter le <strong>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/soins-2.svg?v=1761230533&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un <strong>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/soins-3.svg?v=1761230551&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un <strong>3ème produi</strong>t 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/soins-4.svg?v=1761231759&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un <strong>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/soins-4-5.svg?v=1761230571&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/soins-6.svg?v=1761231798&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un<strong> 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/soins-6-7.svg?v=1761230590&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un <strong>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/soins-8.svg?v=1761230614&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter un <strong>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/soins-8.svg?v=1761230614&width=30">
<div class="js-step-number text-sm" style="--color2: #e6e9eb">
<div class="metafield-rich_text_field"><p>Ajouter <strong>un 11è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--26079368642896__standard-modal" class="shopify-section shopify-section-group-header-group"><div id="new_overlay" class="js-drawer-close-left transition-none lg:transition-all duration-[0s]"></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--26079368642896__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--26079368642896__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 class="Icon Icon--menu-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path d="M3 12H13" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 21C19.433 21 21 19.433 21 17.5C21 15.567 19.433 14 17.5 14C15.567 14 14 15.567 14 17.5C14 19.433 15.567 21 17.5 21Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.9997 22.0002L20.0664 20.0669" 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="M3 18H10" 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-6 xl:gap-7" id="AccessibleNav">
<li class="nav-elmt nav-elmt-with-dropdown !w-fit mb-0">
<p class="flex justify-start items-center text-xs xl:text-sm leading-5 font-medium uppercase whitespace-nowrap">
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 xl:gap-x-10 !px-6 rounded-lg bg-white header-shadow lg:py-8 text-sm">
<div class="w-[18%] flex flex-col gap-10"><div class="flex flex-col gap-4"><div class="w-full flex gap-2 items-center"><a
href="/products/mix-match"
class="text-base leading-6 tracking-[-0.64px] font-bold text-darkCharcoal hover:underline"
>
Créer son pack
</a><style>
.adittional-menu-tag-1 {
background-color: #fde16c;
color: #333333;
}
</style>
<span
class="w-fit lowercase text-xxs l:text-xs leading-4 rounded-[5px] px-[5px] py-0.5 text-darkCharcoal font-medium tracking-[-0.24px] whitespace-nowrap adittional-menu-tag-1"
>
Jusqu'à -25% !
</span></div></div><div class="flex flex-col gap-10 h-full"><div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Sélection</p><div class="flex flex-col gap-2"><a href="/collections/nouveautes" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Nouveautés</a><a href="/collections/editions-limitees" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Éditions Limitées</a><a href="/collections/best-sellers" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Meilleures Ventes</a><a href="/collections/packs-economiques" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Packs & Coffrets</a><a href="/collections/kits-decouverte" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Kits Découvertes</a><a href="/collections/idees-cadeaux" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Idées Cadeaux</a></div></div>
<div class="w-full">
<a
href="/collections"
class="w-full text-base leading-6 text-left text-darkCharcoal font-bold tracking-[-0.64px] hover:underline"
>
Tous les produits
</a></div></div></div><div class="w-[54.5%] grid gap-4 justify-between grid-cols-3"><div class="flex flex-col gap-10"><div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Cheveux</p><div class="flex flex-col gap-2"><a href="/collections/shampoings-solides" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Shampoings Solides</a><a href="/collections/apres-shampoing-solide" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Après-Shampoing Solide</a><a href="/collections/masques-cheveux" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Masques Cheveux</a><a href="/collections" class="w-fit text-sm leading-5 text-darkCharcoal font-semibold tracking-[-0.28px] hover:underline">Tout voir</a></div></div>
<div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Corps</p><div class="flex flex-col gap-2"><a href="/collections/gels-douche-solides" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Gels Douche Solides</a><a href="/collections/deodorants-naturels" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Déodorants</a><a href="/collections/cremes-corps" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Soins Corps</a><a href="/collections/sticks-solaires" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Sticks Solaires & Anti-Moustique</a><a href="/collections/savons-mains-surgras" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Savons Mains Surgras</a><a href="/collections/savon-intime" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Hygiène Intime</a><a href="/collections/savon-bebes-grands" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Soin Lavant Bébé</a><a href="/collections" class="w-fit text-sm leading-5 text-darkCharcoal font-semibold tracking-[-0.28px] hover:underline">Tout voir</a></div></div>
</div><div class="flex flex-col gap-10"><div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Visage</p><div class="flex flex-col gap-2"><a href="/collections/nettoyants-visage" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Nettoyants & Démaquillants</a><a href="/collections/cremes-visage" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Soins Visage</a><a href="/collections/soins-corps-solides" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Soins Lèvres</a><a href="/collections/sticks-solaires" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Solaire Visage</a><a href="/collections" class="w-fit text-sm leading-5 text-darkCharcoal font-semibold tracking-[-0.28px] hover:underline">Tout voir</a></div></div>
<div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Voyage & Accessoires</p><div class="flex flex-col gap-2"><a href="/collections/special-voyage" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Voyage</a><a href="/collections/accessoires" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Accessoires</a><a href="/collections/shampoing-chien" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Shampoing Chiens</a><a href="/collections" class="w-fit text-sm leading-5 text-darkCharcoal font-semibold tracking-[-0.28px] hover:underline">Tout voir</a></div></div>
</div><div class="flex flex-col gap-10"><div class="flex flex-col gap-4"><p class="text-base leading-6 text-darkCharcoal font-bold tracking-[-0.64px]">Préoccupations</p><div class="flex flex-col gap-2"><a href="/collections/cheveux-gras-pellicules" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Cheveux gras / pellicules</a><a href="/collections/cheveux-boucles-textures" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Cheveux bouclés / texturés</a><a href="/collections/cuir-chevelu-sensible" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Cuir chevelu sensible</a><a href="/collections/racines-grasses-pointes-seches" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Racines grasses & pointes sèches</a><a href="/collections/peaux-seches-sensibles" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Peaux sèches & sensibles</a><a href="/collections/peaux-atopiques-eczema" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Peaux atopiques & eczéma</a><a href="/collections/sebum-imperfections" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Sébum & imperfections</a><a href="/collections/cheveux-blancs-reflets-jaunes" class="w-fit text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.28px] hover:underline">Cheveux blancs / reflets jaunes</a></div></div>
</div></div><div class="w-[27.5%]">
<div class="grid grid-cols-2 gap-3 justify-between">
<a
href="/products/mix-match"
class="relative w-full max-2xl:max-w-[174px] aspect-square"
>
<style>
.menu-slides-tag-1 {
background-color: #fde16c;
}
</style>
<span
class="absolute inset-x-0 w-fit lowercase z-[2] mx-auto -top-2.5 text-xs leading-4 rounded-[5px] px-[5px] py-0.5 text-darkCharcoal font-medium tracking-[-0.24px] shadow-menu-slides-tag menu-slides-tag-1"
>
Jusqu'à -25%
</span>
<img
class="aspect-square object-cover w-full h-full rounded-[10px]"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_99d6187b-8a0c-4f0c-99cf-84e4fc9b35f2.jpg?v=1767807471&width=30"
srcset="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_99d6187b-8a0c-4f0c-99cf-84e4fc9b35f2_400x.jpg?v=1767807471 400w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_99d6187b-8a0c-4f0c-99cf-84e4fc9b35f2_500x.jpg?v=1767807471 500w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_99d6187b-8a0c-4f0c-99cf-84e4fc9b35f2_600x.jpg?v=1767807471 600w,"
alt="Créer son pack"
width="174"
height="174"
fetchpriority="low"
>
<div class="p-3 flex flex-col gap-0.5 absolute inset-0 z-[1]"><div class="text-base leading-5 text-darkCharcoal font-bold tracking-[-0.64px]">
Créer son pack
</div></div></a>
<a
href="/collections/best-sellers"
class="relative w-full max-2xl:max-w-[174px] aspect-square"
>
<style>
.menu-slides-tag-2 {
background-color: #fde16c;
}
</style>
<img
class="aspect-square object-cover w-full h-full rounded-[10px]"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=30"
srcset="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675_400x.jpg?v=1767807472 400w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675_500x.jpg?v=1767807472 500w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675_600x.jpg?v=1767807472 600w,"
alt="Meilleures ventes"
width="174"
height="174"
fetchpriority="low"
>
<div class="p-3 flex flex-col gap-0.5 absolute inset-0 z-[1]"><div class="text-base leading-5 text-darkCharcoal font-bold tracking-[-0.64px]">
Meilleures ventes
</div><div class="text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.56px]">
Vos favoris
</div></div></a>
<a
href="/collections/nouveautes"
class="relative w-full max-2xl:max-w-[174px] aspect-square"
>
<style>
.menu-slides-tag-3 {
background-color: #fde16c;
}
</style>
<img
class="aspect-square object-cover w-full h-full rounded-[10px]"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=30"
srcset="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef_400x.jpg?v=1771853010 400w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef_500x.jpg?v=1771853010 500w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef_600x.jpg?v=1771853010 600w,"
alt="Nouveautés"
width="174"
height="174"
fetchpriority="low"
>
<div class="p-3 flex flex-col gap-0.5 absolute inset-0 z-[1]"><div class="text-base leading-5 text-darkCharcoal font-bold tracking-[-0.64px]">
Nouveautés
</div><div class="text-sm leading-5 text-darkCharcoal font-normal tracking-[-0.56px]">
& Éditions limitées
</div></div></a>
<a
href="/collections/soins-corps-visage"
class="relative w-full max-2xl:max-w-[174px] aspect-square"
>
<style>
.menu-slides-tag-4 {
background-color: #fde16c;
}
</style>
<img
class="aspect-square object-cover w-full h-full rounded-[10px]"
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=30"
srcset="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4_400x.jpg?v=1771347996 400w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4_500x.jpg?v=1771347996 500w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4_600x.jpg?v=1771347996 600w,"
alt="Gamme de soins"
width="174"
height="174"
fetchpriority="low"
>
<div class="p-3 flex flex-col gap-0.5 absolute inset-0 z-[1]"><div class="text-base leading-5 text-darkCharcoal font-bold tracking-[-0.64px]">
Gamme de soins
</div></div></a>
</div></div>
</div>
</div>
</li>
<li class="nav-elmt !w-fit mb-0 relative">
<a href="/collections/soins-corps-visage" class="group/additional-menu">
<style>
.top-menu-link-tag-additional-menu {
color: #f27b50;
}
</style>
<span class="absolute -top-3 right-0 text-xxs leading-3 font-normal top-menu-link-tag-additional-menu group-hover/additional-menu:text-black">NOUVEAU</span>
<p class="flex justify-start items-center text-xs xl:text-sm leading-5 font-medium uppercase whitespace-nowrap cursor-pointer group-hover/additional-menu:text-black">Gamme de soins</p>
</a>
</li>
<li class="nav-elmt nav-elmt-with-dropdown !w-fit mb-0">
<p class="flex justify-start items-center text-xs xl:text-sm leading-5 font-medium uppercase whitespace-nowrap">
À 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=1690299837&width=30">
<noscript>
<img
src="//unbottled.co/cdn/shop/files/Savoir-faire.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]">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-xs xl:text-sm leading-5 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=""
loading="eager"
data-sizes="auto"
src="//unbottled.co/cdn/shop/files/logo_unbottled.webp?v=1662560182&width=30"
srcset="//unbottled.co/cdn/shop/files/logo_unbottled_260x.webp?v=1662560182 260w,//unbottled.co/cdn/shop/files/logo_unbottled_540x.webp?v=1662560182 540w,"
alt="Image to render"
width="170"
height="30"
fetchpriority="low"
>
<noscript>
<img data-src="//unbottled.co/cdn/shop/files/logo_unbottled.webp?v=1662560182&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 class="text-xs xl:text-sm leading-5 font-medium">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 class="js-header-hover-bridge absolute top-[calc(100%-16px)] left-0 w-full h-10 bg-transparent z-9"></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--26079368642896__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-2 md:p-4 z-10 rounded-b !pl-0 !pr-5"><div id="search-toggle" class="h-[46px] py-4 pl-4 pr-5 flex gap-2 items-center flex-1 rounded-full 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="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="w-6 h-6">
<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 jc-hide-scroll">
<div class="w-full pt-4 z-[4]">
<div
class="flex min-w-[160px] h-40"
>
<div class="jc-hide-scroll flex overflow-x-auto snap-x snap-mandatory scroll-smooth gap-2 w-full z-0 overflow-y-hidden">
<a href="/collections/soins-corps-visage" class="relative flex snap-start first:scroll-ml-4 h-40 w-40 min-w-[160px] first:ml-4 last:mr-4 jc-click-effect">
<picture>
<source
srcset="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=823 823w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=990 990w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=1100 1100w"
media="(min-width: 1px)"
><img src="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=450" alt="Image to render" srcset="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=352 352w, //unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=450 450w" width="450" height="450" loading="lazy" class="w-full h-full absolute bottom-0 z-[50] object-bottom object-cover rounded-[10px] blur-up lazyload image-alt" fetchpriority="auto" data-src="files/Masque-RechargeSOS_Carrousel_4.jpg" data-srcset="//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=823 823w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=990 990w,//unbottled.co/cdn/shop/files/Masque-RechargeSOS_Carrousel_4.jpg?v=1771347996&width=1100 1100w">
</picture><span class="loader_old"></span>
<div
class="flex flex-col absolute z-[51] !h-[100%] inset-2 items-start"
>
<div class="w-full">
<div class="w-full font-bold text-base leading-5 tracking-[-0.64px]" style="color:#000">Gamme de soins</div>
<div style="color:#000">
<p class="text-sm leading-5 tracking-[-0.56px] font-normal">
Nouveau !
</p>
</div>
</div>
</div>
</a>
<a href="/products/mix-match" class="relative flex snap-start first:scroll-ml-4 h-40 w-40 min-w-[160px] first:ml-4 last:mr-4 jc-click-effect">
<picture>
<source
srcset="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=823 823w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=990 990w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=1100 1100w"
media="(min-width: 1px)"
><img src="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=450" alt="Image to render" srcset="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=352 352w, //unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=450 450w" width="450" height="450" loading="lazy" class="w-full h-full absolute bottom-0 z-[50] object-bottom object-cover rounded-[10px] blur-up lazyload image-alt" fetchpriority="auto" data-src="files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg" data-srcset="//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=823 823w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=990 990w,//unbottled.co/cdn/shop/files/Menu_Mix-Match_1080x1080_4ce69067-2c09-4516-88cc-7dedebdf6923.jpg?v=1766166716&width=1100 1100w">
</picture><span class="loader_old"></span>
<div
class="flex flex-col absolute z-[51] !h-[100%] inset-2 items-start"
>
<div class="w-full">
<div class="w-full font-bold text-base leading-5 tracking-[-0.64px]" style="color:#000">Mix & Match</div>
<div style="color:#000">
<p class="text-sm leading-5 tracking-[-0.56px] font-normal">
Jusqu'à -25% !
</p>
</div>
</div>
</div>
</a>
<a href="/collections/nouveautes" class="relative flex snap-start first:scroll-ml-4 h-40 w-40 min-w-[160px] first:ml-4 last:mr-4 jc-click-effect">
<picture>
<source
srcset="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=823 823w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=990 990w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=1100 1100w"
media="(min-width: 1px)"
><img src="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=450" alt="Image to render" srcset="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=352 352w, //unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=450 450w" width="450" height="450" loading="lazy" class="w-full h-full absolute bottom-0 z-[50] object-bottom object-cover rounded-[10px] blur-up lazyload image-alt" fetchpriority="auto" data-src="files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg" data-srcset="//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=823 823w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=990 990w,//unbottled.co/cdn/shop/files/Menu-banner-Masques_800x800_0c689986-9682-4cc8-aec3-800b779d4cef.jpg?v=1771853010&width=1100 1100w">
</picture><span class="loader_old"></span>
<div
class="flex flex-col absolute z-[51] !h-[100%] inset-2 items-start"
>
<div class="w-full">
<div class="w-full font-bold text-base leading-5 tracking-[-0.64px]" style="color:#000">Nouveautés</div>
<div style="color:#333">
<p class="text-sm leading-5 tracking-[-0.56px] font-normal">
& Éditions limitées
</p>
</div>
</div>
</div>
</a>
<a href="/collections/best-sellers" class="relative flex snap-start first:scroll-ml-4 h-40 w-40 min-w-[160px] first:ml-4 last:mr-4 jc-click-effect">
<picture>
<source
srcset="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=823 823w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=990 990w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=1100 1100w"
media="(min-width: 1px)"
><img src="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=450" alt="Image to render" srcset="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=352 352w, //unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=450 450w" width="450" height="450" loading="lazy" class="w-full h-full absolute bottom-0 z-[50] object-bottom object-cover rounded-[10px] blur-up lazyload image-alt" fetchpriority="auto" data-src="files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg" data-srcset="//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=823 823w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=990 990w,//unbottled.co/cdn/shop/files/Menu_Meilleures-ventes_1080x1080_7f1e3924-7bb2-40f0-8385-701d0830f675.jpg?v=1767807472&width=1100 1100w">
</picture><span class="loader_old"></span>
<div
class="flex flex-col absolute z-[51] !h-[100%] inset-2 items-start"
>
<div class="w-full">
<div class="w-full font-bold text-base leading-5 tracking-[-0.64px]" style="color:#000">Meilleures Ventes</div>
</div>
</div>
</a>
</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.74"
class="jdgm-all-reviews-rating mr-2 text-[100%]"
></span>
<span>
<span class="font-bold">
4.7
</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%] text-xs leading-6 text-darkCharcoal underline">
80860
avis vérifiés</span>
<span class="absolute right-3 a" aria-hidden="true"></span>
</a>
</div><div class="m-4 mt-0">
<a
href="/collections"
class="flex justify-center items-center px-6 py-3 rounded-full transition-all duration-200 flex-1 font-semibold text-sm leading-5 tracking-[-0.28px] uppercase bg-primary text-white hover:bg-mangoTango hover:text-white"
>
Tous les produits
</a>
</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-base leading-6 transition duration-300 group-hover:text-blue-600 font-medium p-[15px] pr-2 bg-white rounded-xl text-darkCharcoal"
>
Créer son Pack
<span class="rounded-md text-xs text-[#333] font-medium px-2.5 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-base leading-6 transition duration-300 group-hover:text-blue-600 font-medium p-[15px] pr-2 bg-white rounded-xl text-darkCharcoal"
>
Nouveautés
</span></a></div>
</div>
<div class="justify-center mx-4 accordion-container-m">
<div class="relative">
<div class="accordion-button-m p-[15px] pr-2 bg-white rounded-xl cursor-pointer">
<span class="block w-max transition duration-300 group-hover:text-blue-600 text-base font-medium leading-6">
Incontournables
</span>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-2 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-2 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-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Idées Cadeaux
</p></div></a>
<a href="/collections/editions-limitees" 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/Thumbnail_Noel.jpg?v=1764955306&width=30"
srcset="//unbottled.co/cdn/shop/files/Thumbnail_Noel_50x.jpg?v=1764955306 50w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_100x.jpg?v=1764955306 100w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_200x.jpg?v=1764955306 200w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_400x.jpg?v=1764955306 400w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_800x.jpg?v=1764955306 800w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_1200x.jpg?v=1764955306 1200w,//unbottled.co/cdn/shop/files/Thumbnail_Noel_1600x.jpg?v=1764955306 1600w,"
alt="Image to render"
width="400"
height="400"
fetchpriority="low"
>
<p
class="absolute w-[90%] text-base text-center leading-5 top-[36px] p-2 tracking-[-0.32px] rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Éditions Limitées
</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-[15px] pr-2 bg-white rounded-xl cursor-pointer">
<div class="flex items-center gap-2">
<span class="w-max transition duration-300 group-hover:text-blue-600 text-darkCharcoal text-base leading-6 font-medium flex items-center">
Gamme de Soins
<span class="rounded-md text-xs text-[#333] font-medium px-2.5 py-[2px] bg-[#FDE16C] ml-2">
Nouveau !
</span>
</span>
</div>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-2 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-2 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">Nouveau !</p><div class="w-8"></div></div>
<div class="accordion-container-m has-product px-3 pb-24 flex flex-col gap-4">
<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/cremes-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/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39.jpg?v=1757587298&width=30"
srcset="//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_50x.jpg?v=1757587298 50w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_100x.jpg?v=1757587298 100w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_200x.jpg?v=1757587298 200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_400x.jpg?v=1757587298 400w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_800x.jpg?v=1757587298 800w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_1200x.jpg?v=1757587298 1200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_1600x.jpg?v=1757587298 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Crèmes Visage
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/cremes-corps" 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/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008.jpg?v=1757587244&width=30"
srcset="//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_50x.jpg?v=1757587244 50w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_100x.jpg?v=1757587244 100w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_200x.jpg?v=1757587244 200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_400x.jpg?v=1757587244 400w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_800x.jpg?v=1757587244 800w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_1200x.jpg?v=1757587244 1200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_1600x.jpg?v=1757587244 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Crèmes Corps
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/masques-cheveux" 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/Thumbnai-Masques-Nouveautes_528_x_598.jpg?v=1770988847&width=30"
srcset="//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_50x.jpg?v=1770988847 50w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_100x.jpg?v=1770988847 100w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_200x.jpg?v=1770988847 200w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_400x.jpg?v=1770988847 400w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_800x.jpg?v=1770988847 800w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_1200x.jpg?v=1770988847 1200w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_1600x.jpg?v=1770988847 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Masques Cheveux
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/soins-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_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69.jpg?v=1766166716&width=30"
srcset="//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_50x.jpg?v=1766166716 50w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_100x.jpg?v=1766166716 100w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_200x.jpg?v=1766166716 200w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_400x.jpg?v=1766166716 400w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_800x.jpg?v=1766166716 800w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_1200x.jpg?v=1766166716 1200w,//unbottled.co/cdn/shop/files/Menu_Gamme-soins_1080x1080_db1a72a2-0b80-421b-bbd3-6100bb513f69_1600x.jpg?v=1766166716 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Toute la gamme
</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-[15px] pr-2 bg-white rounded-xl cursor-pointer">
<div class="flex items-center gap-2">
<span class="w-max transition duration-300 group-hover:text-blue-600 text-darkCharcoal text-base leading-6 font-medium flex items-center">
Cheveux
</span>
</div>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-2 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-2 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 flex flex-col gap-4">
<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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Après-Shampoing Solide
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/masques-cheveux" 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/Thumbnai-Masques-Nouveautes_528_x_598.jpg?v=1770988847&width=30"
srcset="//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_50x.jpg?v=1770988847 50w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_100x.jpg?v=1770988847 100w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_200x.jpg?v=1770988847 200w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_400x.jpg?v=1770988847 400w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_800x.jpg?v=1770988847 800w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_1200x.jpg?v=1770988847 1200w,//unbottled.co/cdn/shop/files/Thumbnai-Masques-Nouveautes_528_x_598_1600x.jpg?v=1770988847 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Masques Cheveux
</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-[15px] pr-2 bg-white rounded-xl cursor-pointer">
<div class="flex items-center gap-2">
<span class="w-max transition duration-300 group-hover:text-blue-600 text-darkCharcoal text-base leading-6 font-medium flex items-center">
Corps
</span>
</div>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-2 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-2 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 flex flex-col gap-4">
<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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Gels Douches Solides
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/cremes-corps" 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/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008.jpg?v=1757587244&width=30"
srcset="//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_50x.jpg?v=1757587244 50w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_100x.jpg?v=1757587244 100w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_200x.jpg?v=1757587244 200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_400x.jpg?v=1757587244 400w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_800x.jpg?v=1757587244 800w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_1200x.jpg?v=1757587244 1200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Corps_400x400_55f228a9-6c18-42a7-a52a-6a58854f4008_1600x.jpg?v=1757587244 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Crèmes Corps
</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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Sticks Solaires
</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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Baume Corps Solide
</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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-[15px] pr-2 bg-white rounded-xl cursor-pointer">
<div class="flex items-center gap-2">
<span class="w-max transition duration-300 group-hover:text-blue-600 text-darkCharcoal text-base leading-6 font-medium flex items-center">
Visage
</span>
</div>
<span class="z-[5] w-4 absolute arrow-right cursor-pointer right-2 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-2 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 flex flex-col gap-4">
<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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Nettoyants Visage
</div>
</a></div>
<div class="w-full mt-4 relative rounded jc-click-effect"><a href="/collections/cremes-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/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39.jpg?v=1757587298&width=30"
srcset="//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_50x.jpg?v=1757587298 50w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_100x.jpg?v=1757587298 100w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_200x.jpg?v=1757587298 200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_400x.jpg?v=1757587298 400w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_800x.jpg?v=1757587298 800w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_1200x.jpg?v=1757587298 1200w,//unbottled.co/cdn/shop/files/Collection-card-Mobile_Visage_400x400_20242ceb-5f80-4430-addb-d146a16c5e39_1600x.jpg?v=1757587298 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Crèmes 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-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
Démaquillant Solide
</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/Stick_Solaire_Visage_Studio_-_Carre_5.jpg?v=1761215836&width=30"
srcset="//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_50x.jpg?v=1761215836 50w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_100x.jpg?v=1761215836 100w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_200x.jpg?v=1761215836 200w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_400x.jpg?v=1761215836 400w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_800x.jpg?v=1761215836 800w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_1200x.jpg?v=1761215836 1200w,//unbottled.co/cdn/shop/files/Stick_Solaire_Visage_Studio_-_Carre_5_1600x.jpg?v=1761215836 1600w,"
alt="Image to render"
width="250"
height="250"
fetchpriority="low"
>
<div
class="absolute w-[90%] text-base text-center leading-5 tracking-[-0.32px] top-[36px] p-2 rounded-lg bg-zinc-50/50 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-normal"
>
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-base leading-6 transition duration-300 group-hover:text-blue-600 font-medium p-[15px] pr-2 bg-white rounded-xl text-darkCharcoal"
>
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-base leading-6 transition duration-300 group-hover:text-blue-600 font-medium p-[15px] pr-2 bg-white rounded-xl text-darkCharcoal"
>
Packs Économiques
</span></a></div>
</div>
<div class="pb-[90px] bg-[#FBF8F5]">
<div class="relative justify-center mx-4 pr-3 pt-2.5 first:pt-4 bg-[#FBF8F5]"><a href="/account"><span class="block w-max text-base font-normal leading-6 transition duration-300 group-hover:text-blue-600">
Mon Compte
</span></a></div>
<div class="relative justify-center mx-4 pr-3 pt-2.5 first:pt-4 bg-[#FBF8F5]"><a href="/pages/avis-clients"><span class="block w-max text-base font-normal leading-6 transition duration-300 group-hover:text-blue-600">
Avis Clients
</span></a></div>
<div class="relative justify-center mx-4 pr-3 pt-2.5 first:pt-4 bg-[#FBF8F5]"><a href="/blogs/journal"><span class="block w-max text-base font-normal leading-6 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=1690299837&width=30">
<span class="loader_old"></span>
<noscript>
<img src="//unbottled.co/cdn/shop/files/Savoir-faire_250x.jpg?v=1690299837" 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="/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 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>
</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-normale"
value="filtreA_Peau Normale"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-normale">Peau Normale</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_peau-tres-seche"
value="filtreA_Peau Très Sèche"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtrea_peau-tres-seche">Peau Très Sèche</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_soins"
value="filtreB_Soins"
>
<label class="filterBtn !rounded-full text-base !px-4 !py-1 !text-[#333] font-light" for="filtreb_soins">Soins</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>
<style>
@media not all and (min-width: 768px) {
.jc-modal-dynamic {
height: 95vh !important;
}
@supports (height: 95dvh) {
.jc-modal-dynamic {
height: 95dvh !important;
}
}
}
</style>
<div
id="modal_product" class="smart_modal !w-full justify-center smart_modal h-full md:h-[100vh] flex transform opacity-0 translate-x-full right-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 js-content"></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 bg-[#FBF8F5] [&:has(#shopify-section-ajax-modal-sample-gift)]:!overflow-clip">
<div id="modal_gift_content" class="max-w-full w-full min-h-full h-full 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.74"
class="jdgm-all-reviews-rating"
aria-label="4.74 stars"
tabindex="0"
role="img"
></span>
<span
style="display: block"
class="jdgm-carousel-number-of-reviews"
data-number-of-reviews="80860"
>
de 80860 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='6ebe9d2d-05c5-4e5d-bd9f-fa80d843848f'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cheveux Blancs' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxBlancs-2026_110x110.jpg?v=1758098622' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxBlancs-2026_220x220.jpg?v=1758098622'/> <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'>Très contente</div> <div class='jdgm-carousel-item__review-body'><p>Très facile et agréable à utiliser, laisse les cheveux doux et net sans produits chimiques. Je continuerai de utiliser.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rosemary Shaw </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cheveux-blancs#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cheveux Blancs </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='d624477f-ed9b-4055-ae96-c8520746f1e8'> <img class='jdgm-carousel-item__product-image' alt='Recy-Trousse' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Recytrousse_110x110.png?v=1636570776' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Recytrousse_220x220.png?v=1636570776'/> <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'>Unbottled : le bon choix</div> <div class='jdgm-carousel-item__review-body'><p>Douceur et mousse au rdv !</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Isabelle Colas </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/la-recy-trousse#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Recy-Trousse </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='a96990d6-4b2c-427a-9135-cc604c280cc9'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cheveux Secs & Abîmés' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxSecs-2026_110x110.jpg?v=1758099827' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxSecs-2026_220x220.jpg?v=1758099827'/> <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'>Le meilleur shampoing éco responsable que j’ai testé</div> <div class='jdgm-carousel-item__review-body'><p>Je l’ai adopté à 100%. Je le commande depuis 3 ans maintenant, mes cheveux sont beaux et je sens que j’apporte un peu pour la protection de l’environnement. Je recommande à tout le monde.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Maria José Arribe </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cheveux-secs#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cheveux Secs & Abîmés </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='39d3438a-418b-4d44-8bc0-e5d8b27834da'> <img class='jdgm-carousel-item__product-image' alt='Filet Malin Sauve-Savon' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Filet_110x110.png?v=1636570751' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Filet_220x220.png?v=1636570751'/> <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'>Unbottled a changé ma vie ❤️</div> <div class='jdgm-carousel-item__review-body'><p>Très bons produits, j'adore les shampooings et les savons.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Chrystel Cherik </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/sauve-savon#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Filet Malin Sauve-Savon </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='068bae49-b198-4777-8800-5560ef9b734e'> <img class='jdgm-carousel-item__product-image' alt='Baume Corps Anti Peau de Croco' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/25_1_110x110.jpg?v=1758025827' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/25_1_220x220.jpg?v=1758025827'/> <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'>Baume anti peau de croco</div> <div class='jdgm-carousel-item__review-body'><p>Ce baume m'a aidé a me débarrasser de la peau qui tiraille apres la douche . Plus de démangeaisons juste une peau douce et qui sent divinement bon !</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Romain </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/baume-corps-anti-peau-de-croco#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Baume Corps Anti Peau de Croco </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='114f818f-d077-416a-b3b8-5dea982917d9'> <img class='jdgm-carousel-item__product-image' alt='Kit d'Essai : Shampoing Cheveux Blancs, Porte-Savon & Filet Malin' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Kitd_EssaiShampoingCheveuxBlancs_Porte-Savon_FiletMalin_1_110x110.jpg?v=1730987941' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Kitd_EssaiShampoingCheveuxBlancs_Porte-Savon_FiletMalin_1_220x220.jpg?v=1730987941'/> <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>Kit d'Essai : Shampoing Cheveux Blancs, Porte-Savon & Filet Malin</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Christiane Hahl </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/kit-dessai-shampoing-cheveux-blancs-porte-savon-filet-malin#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Kit d'Essai : Shampoing Cheveux Blancs, Porte-Savon & Filet Malin </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='e1da23a4-0980-4277-a310-4f1edc105fb3'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cheveux Gras & Pellicules' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_110x110.jpg?v=1758099856' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_220x220.jpg?v=1758099856'/> <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'>Très agréablement surprise</div> <div class='jdgm-carousel-item__review-body'><p>Très bon shampoing, mousse bien et laisse les cheveux très doux.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Val </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cheveux-gras#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cheveux Gras & Pellicules </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='cc5be9dc-09f7-4ed3-b4e1-d1e433fee50e'> <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/ShampoingCuirCheveluSensible-2026_110x110.jpg?v=1758099575' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCuirCheveluSensible-2026_220x220.jpg?v=1758099575'/> <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 au top</div> <div class='jdgm-carousel-item__review-body'><p>Avant quand je me lavé les cheveux sur le visage j'etais toute rouge maintenant plus de rougeur et plus dr demangeaison sur le cuir chevelu</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Valerie Carado </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='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='d11e8010-ef93-4c57-8936-f871c166009f'> <img class='jdgm-carousel-item__product-image' alt='Cadeau Mystère • Gel Douche Orange & Cannelle' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/CadeauMystere-GelDoucheOrange_Cannelle_1_110x110.jpg?v=1729168649' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/CadeauMystere-GelDoucheOrange_Cannelle_1_220x220.jpg?v=1729168649'/> <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'>Top</div> <div class='jdgm-carousel-item__review-body'><p>Très bon parfum, texture 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'> Flo </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/cadeau-mystere-gel-douche-orange-cannelle#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Cadeau Mystère • Gel Douche Orange & Cannelle </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='07ef4633-1b9b-4f4d-843c-ba8f3f134ef1'> <img class='jdgm-carousel-item__product-image' alt='Baume Corps Anti Peau de Croco' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/25_1_110x110.jpg?v=1758025827' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/25_1_220x220.jpg?v=1758025827'/> <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'>Baume riche et fondant</div> <div class='jdgm-carousel-item__review-body'><p>Crème au parfum agréable, texture riche et fondante, totalement adoptée !</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Bérengère </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/baume-corps-anti-peau-de-croco#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Baume Corps Anti Peau de Croco </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='44ac7cc1-6993-4a47-82fa-9a8e69c8e0b0'> <img class='jdgm-carousel-item__product-image' alt='Recy-Trousse' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Recytrousse_110x110.png?v=1636570776' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/products/Recytrousse_220x220.png?v=1636570776'/> <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'>Merci ❤</div> <div class='jdgm-carousel-item__review-body'><p>Félicitations 🎊 génial 💡</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Corinne Huin </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/la-recy-trousse#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Recy-Trousse </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='b9fa6648-dc45-45de-99bb-6507c7e027f0'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cheveux Gras & Pellicules' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_110x110.jpg?v=1758099856' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_220x220.jpg?v=1758099856'/> <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'>Efficace pour espacer les shampoings</div> <div class='jdgm-carousel-item__review-body'><p>Je l'utilise depuis plusieurs mois et je constate une amélioration de mon cuir chevelu, j'espace mes shampoings et je trouve qu'il laisse les cheveux soyeux.
<br />Je recommande fortement, en plus c'est plus écologique.
<br />Même s'il est un peu cher (attention à ne pas le laisser sous la douche dans l'humidité, sinon il fond comme neige au soleil !) il est durable (au moins 2 mois pour ma part) et pour son efficacité cela vaut le coup.
<br />Je n'utilise plus d'autres shampoings ni après shampoings.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Anne-Cécile AUDRA </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cheveux-gras#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cheveux Gras & Pellicules </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='31e09a46-34af-4da5-b9b0-dfe2c4a789df'> <img class='jdgm-carousel-item__product-image' alt='Kit d'Essai : Shampoing Cheveux Blancs, Porte-Savon & Filet Malin' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Kitd_EssaiShampoingCheveuxBlancs_Porte-Savon_FiletMalin_1_110x110.jpg?v=1730987941' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/Kitd_EssaiShampoingCheveuxBlancs_Porte-Savon_FiletMalin_1_220x220.jpg?v=1730987941'/> <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'>cheveux blancs</div> <div class='jdgm-carousel-item__review-body'><p>excellent</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Alicia Jardel </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/kit-dessai-shampoing-cheveux-blancs-porte-savon-filet-malin#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Kit d'Essai : Shampoing Cheveux Blancs, Porte-Savon & Filet Malin </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='992507c8-0fd2-43f5-af24-6d43547c51f3'> <img class='jdgm-carousel-item__product-image' alt='Démaquillant Efface-Tout' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/DemaquillantEfface-Tout-2026_110x110.jpg?v=1760343241' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/DemaquillantEfface-Tout-2026_220x220.jpg?v=1760343241'/> <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'>Le top des démaquillant solide</div> <div class='jdgm-carousel-item__review-body'><p>Avant unbottle j'étais septique sur le démaquillant solide puis j'en ai essayé un d'une autre marque et c'était pas fou. Puis une amie m'a conseillé unbottle et maintenant je le quitte plus, non seulement il démaquille super bien mais il laisse ma peau toute douce</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Léa De Oliveira </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/demaquillant-efface-tout#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Démaquillant Efface-Tout </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5cb6683e-5912-48eb-884a-83940ec9a6fe'> <img class='jdgm-carousel-item__product-image' alt='Shampoing Solide Tout Nu • Cheveux Gras & Pellicules' data-src='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_110x110.jpg?v=1758099856' data-src-retina='https://cdn.shopify.com/s/files/1/0321/2705/8055/files/ShampoingCheveuxGras-2026_220x220.jpg?v=1758099856'/> <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'>Très bon produit !</div> <div class='jdgm-carousel-item__review-body'><p>J'ai utilisé plusieurs fois le shampoing Solide "Tout nu" pour Cheveux gras et je le trouve incroyable !
<br />Mes cheveux n'ont jamais été aussi léger après le shampoing. Il est un peu asséchant en pointe mais couplé avec un après shampoing de qualité cela donne un super résultat ! Sans oublier le côté pratique du shampoing solide que je peux trimbaler en avion à chaque déplacement.
<br />Je le recommande fortement !</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Carole </div> <a class='jdgm-carousel-item__product jdgm-ellipsis' href='/products/shampoing-solide-tout-nu-cheveux-gras#judgeme_product_reviews'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Shampoing Solide Tout Nu • Cheveux Gras & Pellicules </div> </a> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='03/17/2026'> 03/17/2026 </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.74" class="jdgm-all-reviews-rating"></span>
<span
class="jdgm-all-reviews-text__text"
data-score="4.74"
data-number-of-reviews="80860"
data-locale="fr"
>
Les clients nous évaluent 4.7/5 basé sur
80860 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--26079368544592__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--26079368544592__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/avis-clients" target="_blank">
Avis clients
</a>
</li><li class="text-left">
<a class="footer-link" href="https://unbottled.typeform.com/to/qX97lqOA" target="_blank">
Devenir pharmacie partenaire
</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--26079368544592__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--26079368544592__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>© 2026 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" width="38" height="24" role="img" viewbox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><rect x="1" y="1" width="36" height="22" rx="2" fill="url(#pi-cartes_bancaires-paint0_linear)"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 9.934c0 1.067-.8 1.932-1.79 1.934v.002h-6.52V8h6.52c.99.002 1.79.867 1.79 1.934zm0 4.104c0 1.067-.8 1.932-1.79 1.934v.003h-6.52v-3.87h6.52c.99.002 1.79.867 1.79 1.933zm-13.224-1.934h4.788v.378c0 1.943-1.46 3.518-3.26 3.518H13.26C11.46 16 10 14.425 10 12.482v-.938c0-1.943 1.46-3.518 3.26-3.518h3.044c1.8 0 3.26 1.575 3.26 3.518v.326h-4.788v.234z" fill="#fff"/><defs><lineargradient id="pi-cartes_bancaires-paint0_linear" x1="37" y1="1" x2="17.422" y2="33.036" gradientunits="userSpaceOnUse"><stop stop-color="#083969"/><stop offset=".492" stop-color="#007B9D"/><stop offset="1" stop-color="#00A84A"/></lineargradient></defs></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" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</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" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></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/639/assets/theme.js?v=44598897458588027281773667073" type="text/javascript" async></script><link href="//unbottled.co/cdn/shop/t/639/assets/emoji.css?v=177749705915914410231773667073" 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 (data.items !== 'undefined') {
cart = Object.assign(cart, data.items)
}
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/019ce71d-d3b1-79a7-b97c-2fa65d88b153/simple-social-login-163/assets/fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/extensions/019ce71d-d3b1-79a7-b97c-2fa65d88b153/simple-social-login-163/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/019ce71d-d3b1-79a7-b97c-2fa65d88b153/simple-social-login-163/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",
ctaBorderType: "straight",
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/019cfc43-3c7c-7309-83b6-834a19b5bdcb/dialog-ai-app-324/assets/index.js></div>
</div></body>
</html>
