PageSourceSearch
Opt out API access

https://www.planete-sfactory.com/contacts/

html planete-sfactory.com collected 2026-09-26 06:49:34 UTC 425,673 bytes, 3,045 lines download raw bytes 

1<!DOCTYPE html>
2<html lang="fr" style="background-color: light-dark(#f5f6f4,#212127); color: light-dark(#12453f, #ffffff);">
3
4<head>
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6<title>Contactez-nous</title>
7<meta name="description" content="Planete-SFactory votre Smoke shop, boutique spécialiste d&#039;accessoires pour fumeurs, grinder, bang, briquet, chicha, narguilé, feuille à rouler OCB, encens, balance électronique." />
8<meta name="keywords" content="grinder, bang, encens, briquet, narguile, chicha, accessoire fumeur, balance électronique article fumeur, ocb, cendrier, vaporisateur, blunts, feuille à rouler, cadeau rasta." />
9<meta name="robots" content="INDEX,FOLLOW" />
10<link rel="icon" href="https://www.planete-sfactory.com/media/favicon/stores/3/favicon-32x32.png" type="image/x-icon" />
11<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
12<meta name="color-scheme" content="light dark" />

13<script>
14    (function() {
15        var root = document.documentElement;
16        var storedDarkMode = null;
17        try {
18            storedDarkMode = localStorage.getItem('darkMode');
19        } catch (e) {}
20        var darkMode = storedDarkMode === 'true' ||
21            (storedDarkMode === null && window.matchMedia('(prefers-color-scheme: dark)').matches);
22        root.classList.toggle('dark', darkMode);
23    })();
24</script>

24
25<style>
26    html,
27    body {
28        background-color: #F5F6F4;
29    }
30
31    html.dark,
32    html.dark body {
33        background-color: #212127;
34    }
35</style>
36<link rel="preload" href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/fonts/Inter/Inter24pt-Regular.woff2" as="font" type="font/woff2" crossorigin />
37<link rel="preload" href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/fonts/Inter/Inter24pt-ExtraBold.woff2" as="font" type="font/woff2" crossorigin />
38<link rel="preload" href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/fonts/Poppins/Poppins-ExtraBold.woff2" as="font" type="font/woff2" crossorigin />
39    <link rel="preload" href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg" as="image" type="image/svg+xml" />
40<link rel="stylesheet" href="https://www.planete-sfactory.com/media/css_secure/5fef9d20d03c2a6fcf5ba91aa50423a7.css" media="print" >
41<link rel="stylesheet" href="https://www.planete-sfactory.com/media/css_secure/33595d6d9693602b5d9f83274be5b58a.css" media="all" >

42<script src="https://www.planete-sfactory.com/js/prototype/prototype.js?version=fd167430
43"></script>
vendor: 1 bytes, line 43
43

44<script src="https://www.planete-sfactory.com/js/lib/jquery/jquery-3.2.1.min.js?version=fd167430
45"></script>
vendor: 1 bytes, line 45
45

46<script src="https://www.planete-sfactory.com/js/lib/jquery/noconflict.js?version=fd167430
47"></script>
vendor: 1 bytes, line 47
47

48<script src="https://www.planete-sfactory.com/js/prototype/validation.js?version=fd167430
49"></script>
vendor: 1 bytes, line 49
49

50<script src="https://www.planete-sfactory.com/js/varien/js.js?version=fd167430
51"></script>
vendor: 1 bytes, line 51
51

52<script src="https://www.planete-sfactory.com/js/varien/form.js?version=fd167430
53"></script>
vendor: 1 bytes, line 53
53

54<script src="https://www.planete-sfactory.com/js/varien/menu.js?version=fd167430
55"></script>
vendor: 1 bytes, line 55
55

56<script src="https://www.planete-sfactory.com/js/mage/translate.js?version=fd167430
57"></script>
vendor: 1 bytes, line 57
57

58<script src="https://www.planete-sfactory.com/js/mage/cookies.js?version=fd167430
59"></script>
vendor: 1 bytes, line 59
59

60<script src="https://www.planete-sfactory.com/js/prototype/window.js?version=fd167430
61"></script>
vendor: 1 bytes, line 61
61

62<script src="https://www.planete-sfactory.com/js/mage/adminhtml/tools.js?version=fd167430
63"></script>
vendor: 1 bytes, line 63
63

64<script src="https://www.planete-sfactory.com/js/mage/adminhtml/wysiwyg/tiny_mce/setup.js?version=fd167430
65"></script>
vendor: 1 bytes, line 65
65

66<script src="https://www.planete-sfactory.com/js/mage/adminhtml/events.js?version=fd167430
67"></script>
vendor: 1 bytes, line 67
67

68<script src="https://www.planete-sfactory.com/skin/frontend/base/default/webcooking/js/all.js?version=fd167430
69"></script>
vendor: 1 bytes, line 69
69

70<script src="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/xi/quick-cart.js?version=fd167430
71"></script>
vendor: 1 bytes, line 71
71

72<script src="https://www.planete-sfactory.com/js/lib/jquery/slick/slick.min.js?version=fd167430
73" defer="defer"></script>
vendor: 1 bytes, line 73
73

74<script src="https://www.planete-sfactory.com/js/xi/zoom.js?version=fd167430
75" defer="defer"></script>
vendor: 1 bytes, line 75
75

76<script src="https://www.planete-sfactory.com/js/noza/javalink.js?version=fd167430
77" defer="defer"></script>
vendor: 1 bytes, line 77
77

78<script src="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/touch-emulator.js?version=fd167430
79" defer></script>
vendor: 1 bytes, line 79
79

80<script src="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/scripts.min.js?version=fd167430
81" defer></script>
vendor: 1 bytes, line 81
81

82<script src="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/device-detector.js?version=fd167430
83" defer></script>
vendor: 1 bytes, line 83
83

84<script src="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/alpine.min.js?version=fd167430
85" defer></script>

85
86<link rel="canonical" href="https://www.planete-sfactory.com/contacts/">
87

88<script type="text/javascript">
89//<![CDATA[
90Mage.Cookies.path     = '/';
91Mage.Cookies.domain   = '.www.planete-sfactory.com';
92//]]>
93</script>

93
94
95    

95<script>
96        //<![CDATA[
97        optionalZipCountries = ["IE","PA","HK","MO","UY"];
98        //]]>
99    </script>

99
100                    <!-- BEGIN GOOGLE ANALYTICS 4 CODE -->
vendor: 72 bytes, lines 100-101
100
101        <script async src="https://www.googletagmanager.com/gtag/js?id=

101G-F46NHCD11B
vendor: 20 bytes, lines 101-102
101"></script>
102        

102<script>
103
vendor: 153 bytes, lines 103-108
103window.dataLayer = window.dataLayer || [];
104            function gtag(){dataLayer.push(arguments);}
105            
106gtag('js', new Date());
107
108gtag('config', '

108G-F46NHCD11B
vendor: 24 bytes, lines 108-109
108');
109                    

109</script>

109
110        <!-- END GOOGLE ANALYTICS 4 CODE -->
111    

111<script id="df-script" type="text/javascript" async="" src="https://cdn.doofinder.com/media/js/doofinder-classic.7.latest.min.js" charset="utf-8"></script>
vendor: 1 bytes, line 111
111

112<script type="text/javascript">
113
114var dfClassicLayers = [{
115  "hashid": "4cf778d63e3fc5c50418ae7d438dee99",
116  "zone": "eu1",
117  "display": {
118    "lang": "fr",
119    "width": "100%",
120    "align": "center",
121    "facets": {
122      "width": "346px",
123      "attached": "left"
124    }
125  },
126  "queryInput": "#search"
127}];
128var dfEbi ={
129  "loadScript":{
130    "df-script":'//cdn.doofinder.com/media/js/doofinder-classic.7.latest.min.js'
131  },
132  "layers":dfClassicLayers,
133  "skuField":"id"
134 };
135</script>

135<script type="text/javascript">
136                        if (typeof Varien.searchForm !== 'undefined') {
137                          Varien.searchForm.prototype.initAutocomplete = function() {
138                            $('search_autocomplete').hide();
139                          };
140                        }
141                        </script>

141<script type="application/ld+json">
142{
143  "@context": "http://schema.org",
144  "@type": "WebSite",
145  "name": "S-Factory FR (Vue)",
146  "url":"https://www.planete-sfactory.com/",
147  "inLanguage": "fr",
148  "image": "https://www.planete-sfactory.com/media/favicon/stores/3/favicon-32x32.png",
149  "potentialAction": {
150     "@type": "SearchAction",
151     "target": "https://www.planete-sfactory.com/catalogsearch/result/?q={search_term_string}",
152     "query-input": "required name=search_term_string"
153   }
154}
155</script>

155
156

157<script type="application/ld+json">
158    {
159    "@context": "http://schema.org",
160    "@type": "Organization",
161    "name": "NOZA Distribution",
162    "description": "",
163    "image": "https://www.planete-sfactory.com/media/favicon/stores/3/favicon-32x32.png",
164    "sameAs": "https://www.planete-sfactory.com/mentions-legales/",
165    "address": {
166        "@type": "PostalAddress",
167        "streetAddress": "24, rue James Watt - Zone Industrielle",
168        "postalCode": "62000",
169        "addressLocality": "Dainville",
170        "addressCountry": "FR"
171    }
172}</script>
vendor: 1 bytes, line 172
172

173<script type="text/javascript">//<![CDATA[
174        var Translator = new Translate({"HTML tags are not allowed":"Les balises HTML ne sont pas autoris\u00e9es","Please select an option.":"S\u00e9lectionnez une option","This is a required field.":"Ce champ est obligatoire.","Please enter a valid number in this field.":"Veuillez saisir un nombre valide.","The value is not within the specified range.":"La valeur n'est pas dans la plage sp\u00e9cifi\u00e9e.","Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.":"Seuls les chiffres sont autoris\u00e9s dans ce champ. \u00c9vitez les espaces ou autres caract\u00e8res tels que les points ou les virgules.","Please use letters only (a-z or A-Z) in this field.":"Veuillez utiliser uniquement des lettres (a-z ou A-Z) dans ce champ.","Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9) ou underscore (_) dans ce champ, en commen\u00e7ant par une lettre.","Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.":"Veuillez utiliser uniquement des lettres (a-z) ou des chiffres (0-9) dans ce champ. Les espaces et autres caract\u00e8res ne sont pas autoris\u00e9s.","Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9), des espaces ou des di\u00e8ses (#) dans ce champ.","Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de t\u00e9l\u00e9phone valide.","Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de fax valide. Par exemple 0123456789.","Please enter a valid date.":"Veuillez saisir une date valide.","Please enter a valid email address. For example [email protected].":"Veuillez saisir une adresse email valide. Par exemple [email protected]","Please use only visible characters and spaces.":"Veuillez utiliser uniquement des caract\u00e8res visibles et des espaces.","Please enter more characters or clean leading or trailing spaces.":"Veuillez saisir plus de caract\u00e8res ou supprimer les espaces en d\u00e9but ou fin de texte.","Please make sure your passwords match.":"V\u00e9rifiez que vos mots de passe concordent.","Please enter a valid URL. Protocol is required (http:\/\/, https:\/\/ or ftp:\/\/)":"Veuillez saisir une URL valide. Le protocole est obligatire (http:\/\/, https:\/\/ ou ftp:\/\/)","Please enter a valid URL. For example http:\/\/www.example.com or www.example.com":"Veuillez saisir une URL valide. Par exemple http:\/\/www.exemple.com ou www.exemple.com","Please enter a valid URL Key. For example \"example-page\", \"example-page.html\" or \"anotherlevel\/example-page\".":"Veuillez saisir une URL valide. Par exemple \"page-exemple\", \"page-exemple.html\" ou \"niveau\/page-exemple\".","Please enter a valid XML-identifier. For example something_1, block5, id-4."

174:"Veuillez saisir un identifiant XML valide. Par exemple, quelquechose_1, bloc5, id-4.","Please enter a valid social security number. For example 123-45-6789.":"Veuillez saisir un num\u00e9ro de s\u00e9curit\u00e9 sociale valide. Par exemple 123-45-6789.","Please enter a valid zip code. For example 90602 or 90602-1234.":"Veuillez saisir un code postal valide. Par exemple 92100.","Please enter a valid zip code.":"Veuillez saisir un code postal valide.","Please use this date format: dd\/mm\/yyyy. For example 17\/03\/2006 for the 17th of March, 2006.":"Veuillez utiliser ce format de date : jj\/mm\/aaaa. Par exemple, 21\/12\/2012 pour le 21 D\u00e9cembre 2012.","Please enter a valid $ amount. For example $100.00.":"Veuillez saisir un montant valide. Par exemple 100.00 \u20ac.","Please select one of the above options.":"Veuillez choisir une des options ci-dessus.","Please select one of the options.":"Veuillez choisir une des options.","Please select State\/Province.":"Veuillez choisir un \u00e9tat\/province.","Please enter a number greater than 0 in this field.":"Veuillez saisir un nombre sup\u00e9rieur \u00e0 0 dans ce champ.","Please enter a number 0 or greater in this field.":"Veuillez saisir un nombre sup\u00e9rieur ou \u00e9gal \u00e0 0 dans ce champ.","Please enter a valid credit card number.":"Veuillez saisir un num\u00e9ro de carte bancaire valide.","Credit card number does not match credit card type.":"Le num\u00e9ro de carte ne correspond pas au type de carte.","Card type does not match credit card number.":"Le type de carte ne correspond pas au num\u00e9ro de carte.","Incorrect credit card expiration date.":"Mauvaise date d'expiration de carte de cr\u00e9dit.","Please enter a valid credit card verification number.":"Veuillez saisir un num\u00e9ro de v\u00e9rification de carte bancaire valide.","Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Utilisez uniquement des lettres (a-z ou A-Z), des chiffres (0-9) ou des underscores (_) dans ce champ. Le premier caract\u00e8re doit \u00eatre une lettre.","Please input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%.":"Veuillez saisir une longueur CSS valide. Par exemple 100px ou 77pt ou 20 em ou .5ex ou 50%.","Text length does not satisfy specified text range.":"La longueur du texte ne satisfait pas la plage de texte sp\u00e9cifi\u00e9e.","Please enter a number lower than 100.":"Veuillez saisir un nombre inf\u00e9rieur \u00e0 100.","Please select a file":"S\u00e9lectionnez un fichier","Please enter issue number or start date for switch\/solo card type.":"Veuillez saisir le num\u00e9ro de probl\u00e8me ou une date de d\u00e9but pour le type de carte switch\/solo.","Please wait, loading...":"Veuillez patienter, chargement en cours...","This date is a required value.":"Cette date est obligatoire.","Please enter a valid day (1-%d).":"Veuillez saisir un jour valide (1-%d).","Please enter a valid month (1-12).":"Veuillez saisir un mois valide (1-12).","Please enter a valid year (1900-%d).":"Veuillez saisir une ann\u00e9e valide (1900-%d).","Please enter a valid full date":"Veuillez saisir une date compl\u00e8te valide.","Please enter a valid date between %s and %s":"Veuillez saisir une date valide entre %s et %s","Please enter a valid date equal to or greater than %s":"Veuillez saisir une date valide sup\u00e9rieure ou \u00e9gale \u00e0 %s","Please enter a valid date less than or equal to %s":"Veuillez saisir une date valide inf\u00e9rieure ou \u00e9gale \u00e0 %s","Add Products":"Ajouter des produits","Complete":"Termin\u00e9e","Please choose to register or to checkout as a guest":"Choisissez de vous enregistrer ou de passer votre commande en tant qu'invit\u00e9","Your order cannot be completed at this time as there is no shipping methods available for it. Please make necessary changes in your shipping address.":"Vous ne pouvez pas continuer votre commande car aucun mode de livraison n'est disponible pour votre adresse.","Please specify shipping method.":"Choisissez un mode de livraison.","Your order 

174cannot be completed at this time as there is no payment methods available for it.":"Vous ne pouvez pas continuer votre commande car aucun mode de paiement n'est disponible.","Please specify payment method.":"Choisissez un mode de paiement.","Add to Cart":"Ajouter au panier","In Stock":"En stock","Out of Stock":"Rupture de stock"});
175        //]]></script>
vendor: 1 bytes, line 175
175

176<script>
vendor: 498 bytes, lines 176-190
176
177    (function(w, d, s, l, i) {
178        w[l] = w[l] || [];
179        w[l].push({
180            'gtm.start': new Date().getTime(),
181            event: 'gtm.js'
182        });
183        var f = d.getElementsByTagName(s)[0],
184            j = d.createElement(s),
185            dl = l != 'dataLayer' ? '&l=' + l : '';
186        j.async = true;
187        j.src =
188            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
189        f.parentNode.insertBefore(j, f);
190    })(window, document, 'script', 'dataLayer', '

190GTM-K96TRFV
vendor: 4 bytes, line 190
190');

191</script>

191
192<!-- End Google Tag Manager -->
193
194
195<style>
196    :root {
197        --alt-image: "L’image a pris une puff de trop.";
198        --short-alt-image: "Oops. L’image est partie en fumée.";
199    }
200</style></head>
201<body class="template-1-column-full-width contacts-index-index wcln-hide-pager">
202    
203    <div class="wrapper">
204                <div class="page">
205            <header id="header" class="fixed pt-2 md:pt-6 top-0 w-full transition-transform duration-300 ease-in-out" style="z-index: var(--header-index);"
206    x-data="{
207        headerElement: null,
208        resizeObserver: null,
209        headerHeightRem: null,
210        init() {
211            this.headerElement = this.$el;
212            if (window.ResizeObserver) {
213                this.resizeObserver = new ResizeObserver((entries) => {
214                    if (!entries || !entries.length) return;
215                    const entry = entries[0];
216                    const boxSize = entry.borderBoxSize && entry.borderBoxSize[0] ? entry.borderBoxSize[0].blockSize : null;
217                    const height = boxSize || entry.contentRect.height;
218                    this.setHeaderHeight(height);
219                });
220                this.resizeObserver.observe(this.headerElement);
221            } else {
222                this.setHeaderHeight(this.headerElement.getBoundingClientRect().height);
223            }
224        },
225        setHeaderHeight(height) {
226            if (!document.documentElement || !height) return;
227            const nextHeightRem = (height / 16).toFixed(4) + 'rem';
228            if (this.headerHeightRem === nextHeightRem) return;
229            this.headerHeightRem = nextHeightRem;
230            document.documentElement.style.setProperty('--header-height', nextHeightRem);
231            document.documentElement.style.setProperty('--header-height-mobile', nextHeightRem);
232            document.documentElement.style.setProperty('--header-height-desktop', nextHeightRem);
233        },
234        destroy() {
235            if (this.resizeObserver) this.resizeObserver.disconnect();
236        }
237     }">
238    <div class="absolute inset-0 bg-gradient-to-b from-[#00000066] dark:from-[#191718cc] to-[#0a363100] dark:to-[#19171800] backdrop-blur-[2px]"
239        style="-webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%);"></div>
240    <div class="header-container relative max-w-[var(--container-width)] mx-auto px-2 md:px-8 lg:px-12">
241        <div class="bg-[#12453fcc] dark:bg-[#212127cc] border border-[#082a26] dark:border-[#2b2b39] rounded-lg text-ui-0 pt-3 pb-3.75 md:pt-3.75 md:pb-3 px-3 md:px-12">
242            <div x-data="{
243                    scrollY: 0,
244                    lastScrollY: 0,
245                    applied: false,
246                    updateVisibility() {
247                        const nextScrollY = window.scrollY || 0;
248                        const isScrollingDown = nextScrollY > this.lastScrollY;
249                        const isAtTop = nextScrollY < 30;
250
251                        if (isAtTop) {
252                            this.applied = false;
253                        } else if (isScrollingDown && nextScrollY > 50) {
254                            this.applied = true;
255                        }
256
257                        this.scrollY = nextScrollY;
258                        this.lastScrollY = nextScrollY;
259                    },
260                    init() {
261                        this.lastScrollY = window.scrollY || 0;
262                        this.scrollY = this.lastScrollY;
263                        this.updateVisibility();
264                    }
265                }"
266                @scroll.window.throttle.100ms="updateVisibility()"
267                @resize.window.throttle.100ms="updateVisibility()"
268                class="grid transition-grid"
269                :class="applied ? 'grid-rows-[0fr]' : 'grid-rows-[1fr]'">
270                <div class="min-h-0 overflow-hidden flex items-center gap-2">
271                    <div class="text-primary-400 flex-1 text-center text-xxs font-medium leading-none">
272                                                        <div class="relative h-6 overflow-hidden w-full">
273                                    <div class="header-carousel absolute w-full transition-transform duration-500" id="header-carousel">
274                                                                                    <div class="h-6 flex items-center justify-center w-full" id="carousel-item-0">
275                                                Commande avant 14h = envoi le jour même (hors week-ends et jours fériés)                                            </div>
276                                                                                    <div class="h-6 flex items-center justify-center w-full" id="carousel-item-1">
277                                                Votre boutique d'accessoires pour fumeurs                                            </div>
278                                                                                    <div class="h-6 flex items-center justify-center w-full" id="carousel-item-2">
279                                                Plus de 6000 références !                                            </div>
280                                                                                                                            <div class="h-6 flex items-center justify-center w-full">
281                                                Commande avant 14h = envoi le jour même (hors week-ends et jours fériés)                                            </div>
282                                                                            </div>
283                                </div>
284
285                                

285<script type="text/javascript">
286                                    document.addEventListener('DOMContentLoaded', function() {
287                                        var carousel = document.getElementById('header-carousel');
288                                        var messageCount = 3;
289
290                                        // Only set up carousel if we have more than one message
291                                        if (messageCount > 1) {
292                                            var currentIndex = 0;
293                                            var itemHeightRem = 1.5;
294
295                                            // Function to move to the next message
296                                            function rotateMessages() {
297                                                currentIndex++;
298
299                                                // Apply the transform to move up
300                                                carousel.style.transform = 'translateY(-' + (currentIndex * itemHeightRem) + 'rem)';
301
302                                                // If we've reached the clone of the first slide, reset without transition
303                                                if (currentIndex >= messageCount) {
304                                                    setTimeout(function() {
305                                                        // Remove the transition temporarily
306                                                        carousel.style.transition = 'none';
307                                                        // Reset to the first real item
308                                                        currentIndex = 0;
309                                                        carousel.style.transform = 'translateY(0)';
310                                                        // Re-enable the transition on the next frame
311                                                        requestAnimationFrame(function() {
312                                                            carousel.style.transition = 'transform 0.5s ease';
313                                                        });
314                                                    }, 500); // Wait for the transition to complete
315                                                }
316                                            }
317
318                                            // Start the rotation - every 2 seconds
319                                            setInterval(rotateMessages, 2000);
320                                        }
321                                    });
322                                </script>

322
323                                            </div>
324                    <div class="flex items-center gap-7.5 min-h-6">
325                        <div class="review-bar flex gap-2 items-center">
326                                                            <div class="text-xxs font-medium leading-none text-accent-fade dark:text-accent-light lg:hidden">4.81/5</div>
327                                <div class="leading-none hidden lg:flex items-center text-accent-fade dark:text-accent-light">
328                                    <svg width="16px" height="16px" style="width:16px;height:16px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full"></use></svg><svg width="16px" height="16px" style="width:16px;height:16px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full"></use></svg><svg width="16px" height="16px" style="width:16px;height:16px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full"></use></svg><svg width="16px" height="16px" style="width:16px;height:16px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-full"></use></svg><svg width="16px" height="16px" style="width:16px;height:16px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-half" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-star-half"></use></svg>                                </div>
329                                <div class="text-xs-tiny leading-none font-medium text-primary-200 dark:text-primary-700">
330                                    (37741 avis)
331                                </div>
332                        </div>
333                                        <div class="hidden md:block empty:hidden"></div>
334                    </div>
335                </div>
336            </div>
337            <div class="header flex items-center md:gap-12">
338                <div class="flex gap-2 lg:hidden">
339                    <button title="Menu" class="lg:p-2 text-white hover:text-accent transition-colors" x-data
340                        @click="$dispatch('openMenu', { opener: $event.currentTarget })">
341                        <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-burger" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-burger"></use></svg>                    </button>
342                    <button class="lg:p-2 text-white hover:text-accent transition-colors"
343                        title="Rechercher" x-data @click="$dispatch('openSearch', { trusted: $event.isTrusted })">
344                        <svg width="21px" height="21px" style="width:21px;height:21px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search"></use></svg>                    </button>
345                </div>
346                <div class="grow lg:grow-0 flex justify-center md:justify-start">
347                    <a href="https://www.planete-sfactory.com/" title="S-Factory" class="logo" fetchpriority="high">
348                                                    <img src="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/logo.svg?twic=v1"
349                                alt="S-Factory"
350                                data-twic-src="image:frontend/noza/s-factory/images/logo.svg"
351                                class="w-[70px] xs:w-[108px] md:w-[128px]"
352                                width="128" height="47" />
353                                            </a>
354                </div>
355                <div class="header-central flex-1 hidden lg:flex gap-3 items-center">
356                    <button class="header-central__menu flex items-center gap-2 px-4 py-3.5 bg-primary-900 hover:bg-primary-800 dark:bg-[#191718] dar

356k:hover:bg-primary-100 text-white rounded-ui transition-colors"
357                        x-data @click="$dispatch('openMenu', { opener: $event.currentTarget })">
358                        <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-burger" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-burger"></use></svg>                        <span>Menu</span>
359                    </button>
360                    <div class="flex-1 relative" x-data>
361                        <button class="input-text form-input text-left pl-3 pr-12 py-2.5 text-primary-800 dark:text-ui-900 w-full flex items-center gap-2"
362                            @click="$dispatch('openSearch', { trusted: $event.isTrusted })"
363                            type="button">
364                            <span class="text-primary-800 dark:text-ui-900"><svg width="18px" height="18px" style="width:18px;height:18px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search"></use></svg></span>
365                            <span class="grow text-xxs leading-none font-medium text-ui-900 dark:text-ui-800">Rechercher</span>
366                            <span class="text-accent"><svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></span>
367                        </button>
368                    </div>
369                    <div class="dark-mode-switcher dark-mode-switcher--dark transition-opacity opacity-0"
370    x-data="{ loaded: false }"
371    x-init="loaded = true"
372    :class="{'opacity-0': !loaded}"
373    @click="$store.darkMode.toggle()">
374    <div class="dark-mode-switcher__container"
375        :class="{
376            'dark-mode-switcher__container--light' : !$store.darkMode.active,
377            'dark-mode-switcher__container--dark' : $store.darkMode.active
378         }"
379        x-cloak>
380        <div class="dark-mode-switcher__controller"
381            :class="{
382                'dark-mode-switcher__controller--light' : !$store.darkMode.active,
383                'dark-mode-switcher__controller--dark' : $store.darkMode.active
384             }">
385            <div class="dark-mode-switcher__controller-inner"
386                :class="{
387                     'dark-mode-switcher__controller-inner--light' : !$store.darkMode.active,
388                     'dark-mode-switcher__controller-inner--dark' : $store.darkMode.active
389                 }"></div>
390        </div>
391        <div class="dark-mode-switcher__icon" :class="{ 'opacity-50': $store.darkMode.active }"><svg width="14px" height="14px" style="width:14px;height:14px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-moon" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-moon"></use></svg></div>
392        <div class="dark-mode-switcher__icon" :class="{ 'opacity-50': !$store.darkMode.active }"><svg width="14px" height="14px" style="width:14px;height:14px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-sun" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-sun"></use></svg></div>
393    </div>
394</div>
395
396<style>
397    ::view-transition-old(root),
398    ::view-transition-new(root),
399    ::view-transition-old(*),
400    ::view-transition-new(*) {
401        pointer-events: none;
402    }
403</style>
404

405<script>
406    document.documentElement.classList.toggle(
407        'dark',
408        localStorage.getItem('darkMode') === 'true' || (!('darkMode' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
409    );
410
411    (function initDarkModeTogglePatch() {
412        function patchStoreToggle() {
413            if (!window.Alpine || typeof window.Alpine.store !== 'function') {
414                return false;
415            }
416
417            const store = window.Alpine.store('darkMode');
418            if (!store || typeof store.toggle !== 'function' || store.__togglePatched) {
419                return !!store;
420            }
421
422            store.toggle = function () {
423                this.active = !this.active;
424                localStorage.setItem('darkMode', this.active);
425
426                const applyClass = () => {
427                    document.documentElement.classList.toggle('dark', this.active);
428                    document.dispatchEvent(new CustomEvent('switched-theme', { detail: { darkMode: this.active } }));
429                };
430
431                const menuIsOpen = !!document.querySelector('.nav-container.nav-open');
432
433                if (!document.startViewTransition || menuIsOpen) {
434                    applyClass();
435                    return;
436                }
437
438                document.documentElement.classList.add('disable-transitions');
439                const vt = document.startViewTransition(applyClass);
440                Promise.resolve(vt?.finished)
441                    .catch(() => {})
442                    .finally(() => {
443                        document.documentElement.classList.remove('disable-transitions');
444                    });
445            };
446
447            store.__togglePatched = true;
448            return true;
449        }
450
451        if (!patchStoreToggle()) {
452            document.addEventListener('alpine:init', patchStoreToggle, { once: true });
453        }
454    })();
455</script>

455
456                </div>
457
458                <div class="flex items-center gap-2 justify-end">
459                    <div class="hidden md:block">
460                        <HeaderProLink />
461                    </div>
462                    <div class="flex gap-2 items-center">
463                        <dialog class="modal-panel" id="login" role="alertdialog" x-data="modalPanel()">
464    <div x-data="{ type: 'particulier' }" @login-button-clicked.window="type = $event.detail.type; console.log('PRO')"
465        class="modal-panel__wrapper offcanvas-sheet max-w-[37.5rem] bg-primary-50 rounded-ui">
466        <div class="modal-panel__header flex items-center gap-2 justify-between">
467            <div role="heading" aria-level="2" class="font-heading text-h5 font-bold text-primary">
468                Identifiez-vous ou créer un compte            </div>
469            <button type="button"
470                class="shrink-0 w-[3.125rem] h-[3.125rem] bg-primary-200 rounded-full flex items-center justify-center"
471                @click="closeModal()" aria-label="Fermer">
472                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg>            </button>
473        </div>
474        <div class="modal-panel__content account-login flex flex-col gap-2 text-primary-800">
475                                    <div class="bg-ui-0 rounded-ui w-full p-6 flex flex-col gap-6">
476                <span class="font-heading text-h4 font-bold">Créer un compte</span>
477
478                <div class="bg-primary-400 dark:bg-primary-50 p-1 rounded-ui flex gap-1">
479                    <div class="w-full">
480                        <input type="radio" id="particulier" name="type" value="particulier"
481                            @click="type = 'particulier'" :checked="type === 'particulier'" class="hidden">
482                        <label for="particulier"
483                            class="text-center hover:bg-ui-0 dark:hover:bg-primary-200 active:bg-primary-200 dark:active:bg-primary-300 font-bold cursor-pointer rounded-ui flex justify-center items-center w-full p-1 h-[3.4375rem] transition-colors"
484                            :class="{ 'bg-ui-0 dark:bg-primary-200': type === 'particulier' }">Je suis un particulier</label>
485                    </div>
486                    <div class="w-full">
487                        <input type="radio" id="pro" name="type" value="pro" @click="type = 'pro'"
488                            :checked="type === 'pro'" class="hidden">
489                        <label for="pro"
490                            class="text-center hover:bg-ui-0 dark:hover:bg-primary-200 active:bg-primary-200 dark:active:bg-primary-300 font-bold cursor-pointer rounded-ui flex justify-center items-center w-full p-1 h-[3.4375rem] transition-colors"
491                            :class="{ 'bg-ui-0 dark:bg-primary-200': type === 'pro' }">Je suis un professionnel</label>
492                    </div>
493                </div>
494
495                <div x-show="type === 'particulier'" class="flex flex-col gap-2">
496                    <div class="flex gap-2 items-center">
497                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
498                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>
499                        <span>Cagnotte ultra pratique</span>
500                    </div>
501                    <div class="flex gap-2 items-center">
502                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
503                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>

504                        <span>Accès rapide à ma commandes</span>
505                    </div>
506                    <div class="flex gap-2 items-center">
507                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
508                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>
509                        <span>Paiement facile et rapide</span>
510                    </div>
511                </div>
512
513                <div x-show="type === 'pro'" class="flex flex-col gap-2">
514                    <div class="flex gap-5 items-start mb-4">
515                                                <img class="w-1/3"
516                             src="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/noza-distribution.png?twic=v1"
517                             data-twic-src="image:frontend/noza/s-factory/images/noza-distribution.png"
518                             alt="noza-distribution" loading="lazy" width="146" height="44">
519                                                <span
520                            class="font-bold">Créez votre compte sur notre espace PRO : Noza Distribution, votre grossiste dans l’univers du fumeur.</span>
521                    </div>
522                    <div class="flex gap-2 items-center">
523                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
524                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>
525                        <span>Tarifs préférentiels et dégressifs</span>
526                    </div>
527                    <div class="flex gap-2 items-center">
528                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
529                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>
530                        <span>Grossiste depuis 2009, plus de 7500 refs en stock</span>
531                    </div>
532                    <div class="flex gap-2 items-center">
533                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
534                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>
535                        <span>Une site dédié et réservé aux professionnels</span>
536                    </div>
537                    <div class="flex gap-2 items-center">
538                        <div class="w-5 h-5 bg-accent text-white flex items-center justify-center rounded-full shrink-0">
539                            <svg class="bold-icon" width="12px" height="12px" style="width:12px;height:12px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-check"></use></svg>                        </div>

540                        <span>Un chargé de compte à votre disposition</span>
541                    </div>
542                </div>
543
544                <button type="button" x-show="type === 'particulier'"
545                    title="Créer un compte"
546                    class="btn btn-default btn-default--primary h-[3.4375rem] w-full"
547                    onclick="window.location='https://www.planete-sfactory.com/customer/account/create/';">
548                    <span>Créer un compte</span>
549                </button>
550                <button type="button" x-show="type === 'pro'"
551                    title="Créer un compte"
552                    class="btn btn-default btn-default--primary h-[3.4375rem] w-full"
553                    onclick="window.location='https://www.nozadis.com/customer/account/create/';">
554                    <span>M'inscrire sur Noza</span>
555                </button>
556            </div>
557            <form action="https://www.planete-sfactory.com/customer/account/loginPost/"
558                class="bg-ui-0 rounded-ui w-full p-6 flex flex-col gap-6" method="post" id="login-form-modal">
559                <input name="form_key" type="hidden" value="kpVWfsZH03Snckqp" />
560                <div class="flex flex-col gap-1">
561                    <span class="font-heading text-h4 font-bold">On se connait déjà ?</span>
562                    <span>Ravis de vous revoir ! Identifiez-vous pour passer votre commande</span>
563                </div>
564                <div x-show="type === 'particulier'" class="flex flex-col gap-2">
565                    <div x-data="inputLabelMove()" class="field-input-with-label-input">
566                        <label for="email" class="required">Adresse mail <em>*</em></label>
567                        <input type="text" name="login[username]"
568                            value="" id="email"
569                            class="form-input w-full input-text required-entry validate-email"
570                            title="Adresse mail" />
571                    </div>
572                    <div x-data="inputLabelMove(), { showPasswordForm: false }" class="field-input-with-label-input">
573                        <label for="pass" class="required">Mot de passe <em>*</em>
574                        </label>
575                        <input x-ref="passwordInput" type="password" name="login[password]"
576                            class="form-input w-full input-text required-entry validate-password min-pass-length-5"
577                            id="pass" title="Mot de passe"
578                            autocomplete="off" />
579                        <div x-on:click="togglePasswordVisibility()" x-cloak
580                            class="password-visibility-toggle cursor-pointer absolute right-2 top-1/2 translate-y-[-50%]">
581                            <div x-show="showPassword"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-eye" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-eye"></use></svg>                            </div>
582                            <div x-show="!showPassword"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-eye-off" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-eye-off"></use></svg>                            </div>
583                        </div>
584                    </div>
585                    <a href="https://www.planete-sfactory.com/customer/account/forgotpassword/"
586                        class="hover:underline">Mot de passe oublié ?</a>
587                    <button type="submit" class="btn btn-default btn-default--primary h-[3.4375rem] w-full mt-4"
588                        title="Connexion" name="send"
589                        id="send2">

590                        <span>Connexion</span>
591                    </button>
592                </div>
593                <div x-show="type === 'pro'" class="flex flex-col gap-2">
594                    <button type="button"
595                        title="Créer un compte"
596                        class="btn btn-default btn-default--primary h-[3.4375rem] w-full"
597                        onclick="window.location='https://www.nozadis.com/customer/account/login';">
598                        <span>Connexion en tant que professionnel</span>
599                    </button>
600                </div>
601            </form>
602            

602<script type="text/javascript">
603                //<![CDATA[
604                var dataForm = new VarienForm('login-form-modal', true);
605                //]]>
606            </script>

606
607        </div>
608    </div>
609</dialog>
610<div class="top-links flex items-center gap-2 justify-end">
611    <div class="hidden md:block">
612        <a x-data @click="$dispatch('openModalPanel', {id: 'login'}); $dispatch('login-button-clicked', {type: 'pro'})"
613            class="cursor-pointer py-3.5 px-3.5 rounded-ui hover:bg-primary-900 transition-colors text-xxs text-accent-light dark:hover:text-primary-200 font-bold">PRO</a>
614    </div>
615    <div class="flex gap-2 items-center">
616        <button type="button" x-data @click="$dispatch('openModalPanel', {id: 'agreement-content' })"
617            class="lg:p-2 text-primary-100 dark:text-primary-800 hover:text-accent dark:hover:text-accent transition-colors cursor-pointer"
618            aria-label="Aide">
619            <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-help" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-help"></use></svg>        </button>
620                <a href="https://www.planete-sfactory.com/nos-boutiques/"
621            class="lg:p-2 text-primary-100 dark:text-primary-800 hover:text-accent dark:hover:text-accent transition-colors"
622            aria-label="Boutiques">
623            <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-map-pin" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-map-pin"></use></svg>        </a>
624                    <a x-data role="button"
625                @click="$dispatch('openModalPanel', {id: 'login'}); $dispatch('login-button-clicked', {type: 'particulier'})"
626                class="lg:p-2 text-primary-100 dark:text-primary-800 hover:text-accent dark:hover:text-accent transition-colors"
627                aria-label="Connexion">
628                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-account-circle" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-account-circle"></use></svg>            </a>
629                <div class="header-cart-link flex">
630            
631<button x-data @click="$dispatch('openModalPanel', {id:'minicart'})"
632    class="relative lg:p-2 text-primary-100 dark:text-primary-800 hover:text-accent dark:hover:text-accent transition-colors"
633    aria-label="Panier">
634    <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-cart" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-cart"></use></svg>
635    </button>        </div>
636    </div>
637</div>
638
639<dialog class="modal-panel" id="agreement-content" role="alertdialog" x-data="modalPanel()">
640    <div class="modal-panel__wrapper offcanvas-sheet">
641        <div class="modal-panel__header">
642            <span>
643                Besoin d'aide ?            </span>
644            <button type="button" class="btn-icon-ui btn-icon-ui--darker" @click="closeModal()"
645                title="Fermer">
646                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg>            </button>
647        </div>
648        <div class="modal-panel__content text-primary-800">
649            <div class="bg-ui-0 p-6 rounded-ui">
650                <div
651                    class="flex gap-6"
652                    x-data="{ shouldRenderAgreementLottie: false }"
653                    x-init="

654                        document.addEventListener('openModalPanel', (event) => {
655                            if (event.detail.id === 'agreement-content') {
656                                shouldRenderAgreementLottie = false;
657                                $nextTick(() => {
658                                    shouldRenderAgreementLottie = true;
659                                });
660                            }
661                        });
662                    "
663                >
664                    <template x-if="shouldRenderAgreementLottie">
665                        <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/consultation-conversation.json', speed: 0.75 })" class="lottie w-28 h-28"></div>                    </template>
666                    <div class="flex flex-col gap-3">
667                        <span class="text-h4 font-heading font-bold"> Nous contacter </span>
668                        <div class="text-accent flex flex-col text-sm">
669                            <a class="underline hover:no-underline" href="tel:0321606000">03 21 60 60 00</a>
670                            <a class="underline hover:no-underline"
671                                href="mailto:[email protected]">[email protected]</a>
672                        </div>
673                        <span class="text-sm leading-[1.5]">du lundi au vendredi de 9h00 à 17h00</span>
674                    </div>
675                </div>
676                <a href="/contacts/"
677                    class="mt-6 block btn btn-default btn-default--primary min-h-[3.4375rem] px-3 w-full flex items-center justify-center">
678                    <span>Formulaire de contact</span>
679                </a>
680            </div>
681            <div class="bg-ui-0 p-6 rounded-ui flex flex-col gap-6 mt-3">
682                <div class="cms-need-help">
683                    <span class="conseil">Besoin d'aide ?</span>
684<ul>
685    <li>
686        <ul>
687            <li>
688                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/qui-sommes-nous-new/"><span>Qui sommes-nous ?</span></a></span>
689            </li>
690            <li>
691                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/votre-commande/"><span>Votre commande de A à Z</span></a></span>
692            </li>
693            <li>
694                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/votre-commande/#moyens-de-paiement/"><span>Moyen de paiement</span></a></span>
695            </li>
696            <li>
697                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/votre-commande/#Les-modes-de-livraison/"><span>Les modes de livraison</span></a></span>
698            </li>
699            <li>
700                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/votre-commande/#preparation-de-votre-commande/"><span>Préparation de votre commande</span></a></span>
701            </li>
702            <li>
703                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/votre-commande/#suivi-de-votre-commande/"><span>Le suivi de votre commande</span></a></span>
704            </li>
705        </ul>
706        <br/>
707        <ul>
708            <li>
709                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/cagnotte/"><span>Fonctionnement de la cagnotte</span></a></span>
710            </li>
711            <li>
712                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/prime-panier/"><span>Le petit + S-factory</span></a></span>
713            </li>
714            <li>
715                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/les-packs/"><span>Fonctionnement des packs</span></a></span>
716            </li>
717            <li>
718                <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/moins-cher-ailleurs/"><span>Moins cher ailleurs</span></a></span>
719            </li>
720        </ul>
721
722        <div class="actions">

723            <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/contacts/"><span>Contactez nous</span></a></span>
724        </div>
725        <div class="actions">
726            <span class="widget widget-cms-link-inline"><a href="https://www.planete-sfactory.com/astuces-conseils/"><span>Consulter nos guides produits</span></a></span>
727        </div>
728    </li>
729</ul>                </div>
730                <div class="flex flex-col gap-2">
731                    <a href="/votre-commande/"
732                        class="block btn btn-default btn-default--primary min-h-[3.4375rem] px-3 w-full flex items-center justify-center">
733                        <span>Voir les FAQs</span>
734                    </a>
735                    <a href="/astuces-conseils/"
736                        class="block btn btn-default btn-default--primary min-h-[3.4375rem] px-3 w-full flex items-center justify-center">
737                        <span>Consultez nos guides produits</span>
738                    </a>
739                </div>
740            </div>
741        </div>
742    </div>
743</dialog>                    </div>
744                </div>
745            </div>
746
747                    </div>
748    </div>
749</header>
750    <div id="site-main-navigation" hidden role="navigation" popover="manual" tabindex="-1"
751        class="loading nav-container nav-legacy-shell overscroll-contain fixed inset-0 h-dvh max-h-dvh max-w-screen min-[64.0625rem]:p-2"
752        x-data="mainNav()" x-ref="navPopover" @toggle="popoverToggle($event)" @breakpointchange.window="resize()"
753        :class="{
754            'nav-open': open,
755            'loading': !isLoaded,
756            'nav-transitions-enabled': hasBeenOpen,
757            ...navSubOpenDepthClasses(),
758        }"
759        aria-label="Main Navigation">
760        

760<script>
761            (function () {
762                var nav = document.getElementById('site-main-navigation');
763                if (nav && typeof HTMLElement !== 'undefined' && typeof HTMLElement.prototype.showPopover === 'function') {
764                    nav.classList.remove('nav-legacy-shell');
765                    nav.removeAttribute('hidden');
766                }
767            })();
768        </script>

768
769
770                <div class="nav-backdrop" @click="closeMenu()" aria-hidden="true"></div>
771
772                <div class="nav-menu-content-wrapper pointer-events-none">
773            <div x-ref="content" class="nav-menu-content sub-0 pointer-events-auto" :class="{
774                'sub-0': navLevel1 === null && navLevel2 === null && navLevel3 === null,
775                'sub-1': navLevel1 !== null && navLevel2 === null && navLevel3 === null,
776                'sub-2': navLevel1 !== null && navLevel2 !== null && navLevel3 === null,
777                'sub-3': navLevel1 !== null && navLevel2 !== null && navLevel3 !== null
778             }">
779
780                <div class="nav-menu-content__main flex flex-col overflow-hidden">
781                    <div class="bg-primary-50 px-3.75 py-2.5 flex items-center w-full gap-3 2xl:gap-6 relative z-20">
782                        <div class="font-bold leading-1.2 font-secondary text-primary-800 md:hidden xl:block">Menu</div>
783                        <div class="grow flex min-w-0 justify-end items-center">
784                            <button x-data
785                                @click="$dispatch('openModalPanel', {id: 'login'}); $dispatch('login-button-clicked', {type: 'pro'})"
786                                class="cursor-pointer p-1 rounded-ui hover:bg-primary-900 transition-colors text-xxs text-accent-light dark:hover:text-primary-200 font-bold"
787                                role="button" aria-label="Professional Login">PRO</button>
788                            <button x-data @click="$dispatch('openModalPanel', {id: 'agreement-content' })"
789                                class="p-1 text-primary-800 hover:text-accent transition-colors cursor-pointer"
790                                role="button" aria-label="Aide">
791
792                                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-help" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-help"></use></svg>                            </button>
793                                                        <a href="/" class="p-1 text-primary-800 hover:text-accent transition-colors"
794                                title="Boutiques" aria-label="Boutiques">
795                                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-map-pin" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-map-pin"></use></svg>                            </a>
796                            <a x-data role="button"                                 @click="$dispatch('openModalPanel', {id: 'login'}); $dispatch('login-button-clicked', {type: 'particulier'})"
797                                 class="p-1 text-primary-800 hover:text-accent transition-colors md:hidden"
798                                aria-label="Connexion">
799                                                                    <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-account-circle" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-account-circle"></use></svg>                                                            </a>
800                            <div class="header-cart-link-menu flex">
801                                
802<button x-data @click="$dispatch('openModalPanel', {id:'minicart'})"
803    class="relative lg:p-2 text-primary-100 dark:text-primary-800 hover:text-accent dark:hover:text-accent transition-colors"
804    aria-label="Panier">
805    <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-cart" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-cart"></use></svg>
806    </button>                            </div>
807                        </div>
808                        <button type="button" x-ref="menuInitialFocus" title="Fermer" class="btn-icon-ui btn-icon-ui--darker relative z-10 shrink-0 pointer-events-auto"
809                            @click.stop="handleCloseClick()" aria-label="Fermer le menu">
810                            <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg>                        </button>
811                    </div>
812                    <div class="navigation-content grow overflow-auto pb-[calc(1.5rem+env(safe-area-inset-bottom,0rem))]">
813                        <div class="p-3.75 md:px-6 flex items-center gap-2.5">
814                            <button class="flex gap-2 items-center px-3 py-3 bg-primary-50 rounded-ui w-full" x-data
815                                @click="$dispatch('openSearch', { trusted: $event.isTrusted })" aria-label="Chercher">
816                                <svg width="18px" height="18px" style="width:18px;height:18px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search"></use></svg>

816                                <span
817                                    class="text-xxs leading-none font-medium text-ui-900">Chercher</span>
818                            </button>
819                            <div class="dark-mode-switcher dark-mode-switcher--light transition-opacity opacity-0"
820    x-data="{ loaded: false }"
821    x-init="loaded = true"
822    :class="{'opacity-0': !loaded}"
823    @click="$store.darkMode.toggle()">
824    <div class="dark-mode-switcher__container"
825        :class="{
826            'dark-mode-switcher__container--light' : !$store.darkMode.active,
827            'dark-mode-switcher__container--dark' : $store.darkMode.active
828         }"
829        x-cloak>
830        <div class="dark-mode-switcher__controller"
831            :class="{
832                'dark-mode-switcher__controller--light' : !$store.darkMode.active,
833                'dark-mode-switcher__controller--dark' : $store.darkMode.active
834             }">
835            <div class="dark-mode-switcher__controller-inner"
836                :class="{
837                     'dark-mode-switcher__controller-inner--light' : !$store.darkMode.active,
838                     'dark-mode-switcher__controller-inner--dark' : $store.darkMode.active
839                 }"></div>
840        </div>
841        <div class="dark-mode-switcher__icon" :class="{ 'opacity-50': $store.darkMode.active }"><svg width="14px" height="14px" style="width:14px;height:14px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-moon" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-moon"></use></svg></div>
842        <div class="dark-mode-switcher__icon" :class="{ 'opacity-50': !$store.darkMode.active }"><svg width="14px" height="14px" style="width:14px;height:14px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-sun" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-sun"></use></svg></div>
843    </div>
844</div>
845
846<style>
847    ::view-transition-old(root),
848    ::view-transition-new(root),
849    ::view-transition-old(*),
850    ::view-transition-new(*) {
851        pointer-events: none;
852    }
853</style>
854

855<script>
856    document.documentElement.classList.toggle(
857        'dark',
858        localStorage.getItem('darkMode') === 'true' || (!('darkMode' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
859    );
860
861    (function initDarkModeTogglePatch() {
862        function patchStoreToggle() {
863            if (!window.Alpine || typeof window.Alpine.store !== 'function') {
864                return false;
865            }
866
867            const store = window.Alpine.store('darkMode');
868            if (!store || typeof store.toggle !== 'function' || store.__togglePatched) {
869                return !!store;
870            }
871
872            store.toggle = function () {
873                this.active = !this.active;
874                localStorage.setItem('darkMode', this.active);
875
876                const applyClass = () => {
877                    document.documentElement.classList.toggle('dark', this.active);
878                    document.dispatchEvent(new CustomEvent('switched-theme', { detail: { darkMode: this.active } }));
879                };
880
881                const menuIsOpen = !!document.querySelector('.nav-container.nav-open');
882
883                if (!document.startViewTransition || menuIsOpen) {
884                    applyClass();
885                    return;
886                }
887
888                document.documentElement.classList.add('disable-transitions');
889                const vt = document.startViewTransition(applyClass);
890                Promise.resolve(vt?.finished)
891                    .catch(() => {})
892                    .finally(() => {
893                        document.documentElement.classList.remove('disable-transitions');
894                    });
895            };
896
897            store.__togglePatched = true;
898            return true;
899        }
900
901        if (!patchStoreToggle()) {
902            document.addEventListener('alpine:init', patchStoreToggle, { once: true });
903        }
904    })();
905</script>

905
906                        </div>
907                        <div id="nav" class="navigation px-3.75 md:px-6 pt-3 overflow-auto">
908                            <ul class="flex flex-col gap-1 overflow-hidden">
909                                <li class="list-none"><div x-data="sliderSwipe()" class="relative pb-2.5 z-1"><ul class="top-menu-categories overflow-x-auto gap-1 hide-scrollbar scroll-smooth flex" x-ref="sliderTrack"><li class="shrink-0"><a href="https://www.planete-sfactory.com/nouveautes-promotions/nouveautes/" data-drag-draggable="true" draggable="false" class="btn-default btn-default--primary px-3 py-2 flex" style="background-color: #FFAE00 !important;"><span class="pointer-events-none">Nouveautés</span></a></li><li class="shrink-0"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/" data-drag-draggable="true" draggable="false" class="btn-default btn-default--primary px-3 py-2 flex" style="background-color: #00FF08 !important;"><span class="pointer-events-none">CBD</span></a></li><li class="shrink-0"><a href="https://www.planete-sfactory.com/deco-cadeaux/poppers/" data-drag-draggable="true" draggable="false" class="btn-default btn-default--primary px-3 py-2 flex" style="background-color: #29ADFF !important;"><span class="pointer-events-none">Poppers</span></a></li></ul></div></li><li  class="level0 nav-1 first parent" data-element="nav-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-1')" 
910                aria-expanded="false" 
911                aria-haspopup="true" 
912                aria-controls="submenu-category-node-127"><span>Feuilles à rouler, filtres, tubes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-1" class="children level0-children" data-parent="nav-1"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Feuilles à rouler, filtres, tubes"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Feuilles à rouler, filtres, tubes</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Feuilles à rouler, filtres, tubes"><span>Voir tous feuilles à rouler, filtres, tubes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-1"><li class="level1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
913                aria-expanded="false" 
914                aria-haspopup="true" 
915                aria-controls="submenu-category-node-128"><span>Feuilles et papier à rouler</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-127-category-node-128" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Feuilles et papier à rouler"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

915ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Feuilles et papier à rouler</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Feuilles et papier à rouler"><span>Voir tous feuilles et papier à rouler</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les feuilles par catégorie :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/cones/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cônes</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/feuilles-grand-format/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Feuilles grand format</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/feuilles-petit-format/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Feuilles petit format</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/roll/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Roll</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les feuilles par type :</div><ul class="level1 level-children display-by-type flex flex-col gap-1"><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/papier-classique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier Classique</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/papier-naturel-non-blanchi/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier naturel non blanchi</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/papier-naturel-au-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier naturel au chanvre</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/feuilles-a-rouler-bambou/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Feuilles à rouler bambou</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Top marques</div><ul>
916<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=629">Jass</a></li>
917<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=616">OCB</a></li>
918<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=625">Gizeh</a></li>
919<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=611">Rizla</a></li>
920<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=613">Raw</a></li>
921<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=608">Smoking</a></li>
922<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=623">Elements</a></li>
923</ul></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/" role="button" class="level1 n

923avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
924                aria-expanded="false" 
925                aria-haspopup="true" 
926                aria-controls="submenu-category-node-136"><span>Filtres, toncar et tips</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-127-category-node-136" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Filtres, toncar et tips"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Filtres, toncar et tips</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Filtres, toncar et tips"><span>Voir tous filtres, toncar et tips</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtre-en-carton-toncar/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres en carton - toncar</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-en-carton-pre-roules/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres en carton pré-roulés</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-acetate/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres en mousse - acétate</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-a-charbon-actif/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres à Charbon Actif</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-stick/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres réutilisables</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-en-plastique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres anti-goudron</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/filtres-toncar-tips/filtres-denicotea/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Filtres dénicotéa</span></a></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques de filtres :</div><ul>
927<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=629">Jass</a></li>
928<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=616">OCB</a></li>
929<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=625">Smoking</a></li>
930<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=611">Gizeh</a></li>
931<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=613">Purize</a></li>
932<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=608">Elements</a></li>
933<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=623">Raw</a></li>
934</ul></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/les-tubes-a-cigarettes-et-tubeuse/" role="button" class="level1 n

934avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
935                aria-expanded="false" 
936                aria-haspopup="true" 
937                aria-controls="submenu-category-node-142"><span>Les tubes à cigarettes et tubeuse</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-127-category-node-142" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Les tubes à cigarettes et tubeuse"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Les tubes à cigarettes et tubeuse</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/les-tubes-a-cigarettes-et-tubeuse/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Les tubes à cigarettes et tubeuse"><span>Voir tous les tubes à cigarettes et tubeuse</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/les-tubes-a-cigarettes-et-tubeuse/tube-a-cigarette/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Tube à cigarette</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/les-tubes-a-cigarettes-et-tubeuse/machine-a-tuber/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Machine à tuber</span></a></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques de tubes :</div><ul>
938<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=629">Jass</a></li>
939<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=616">OCB</a></li>
940<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=625">Stephenson</a></li>
941<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/#manufacturer=611">Club</a></li>
942</ul></div><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_ocb_1_.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_ocb_1_.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_ocb_1_.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_ocb_1_.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_ocb_1_.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_ocb_1_.jpg?twic=v1/resize=1024/quality=65" /><img 
943                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_ocb_1_.jpg?twic=v1" 
944                                        alt="Tubes OCB"
945                                        data-twic-src="image:catalog/category/menu_ocb_1_.jpg"
946                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
947                                        loading="lazy"
948                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

948out-back duration-200 will-change-transform">Tubes OCB</div><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/les-tubes-a-cigarettes-et-tubeuse/tube-a-cigarette/tube-a-cigarette-ocb-just-paper-x250.html" aria-label="Tubes OCB" class="absolute inset-0"></a></div></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
949                aria-expanded="false" 
950                aria-haspopup="true" 
951                aria-controls="submenu-category-node-3622"><span>Feuille blunt</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-127-category-node-3622" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Feuille blunt"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Feuille blunt</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Feuille blunt"><span>Voir tous feuille blunt</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/blunt-format-pre-roule-cone/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Blunt classique</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/blunt-format-pre-roule-droit/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Blunt pré-roulé</span></a></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques de blunts :</div><ul>
952<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/#manufacturer=8027">Chapo</a></li>
953<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/#manufacturer=7987">G rollz</a></li>
954<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/#manufacturer=619">Juicy Jay's</a></li>
955<li><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/#manufacturer=610">Royal Blunts</a></li>
956</ul></div></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_jass_xl_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_xl_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_jass_xl_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_xl_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_jass_xl_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_xl_1.jpg?twic=v1/resize=1024/quality=65" /><img 
957                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_jass_xl_1.jpg?twic=v1" 
958                                        alt="C'est la taille qui compte"
959                                        data-twic-src="image:catalog/category/menu_jass_xl_1.jpg"
960                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
961                                        loading="lazy"
962                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

962out-back duration-200 will-change-transform">C'est la taille qui compte</div><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/feuilles-grand-format/feuille-a-rouler-jass-brown-edition-xl-x50.html" aria-label="C'est la taille qui compte" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_blunt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_blunt_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_blunt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_blunt_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_blunt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_blunt_1.jpg?twic=v1/resize=1024/quality=65" /><img 
963                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_blunt_1.jpg?twic=v1" 
964                                        alt="Blunt, c'est le goût !"
965                                        data-twic-src="image:catalog/category/menu_blunt_1.jpg"
966                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
967                                        loading="lazy"
968                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Blunt, c'est le goût !</div><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/blunt/" aria-label="Blunt, c'est le goût !" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-2 parent" data-element="nav-2"><a href="https://www.planete-sfactory.com/briquets/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-2')" 
969                aria-expanded="false" 
970                aria-haspopup="true" 
971                aria-controls="submenu-category-node-145"><span>Briquets</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-2" class="children level0-children" data-parent="nav-2"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Briquets"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Briquets</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/briquets/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Briquets"><span>Voir tous briquets</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-2"><li class="level1"><a href="https://www.planete-sfactory.com/briquets/briquet/" role="button" class="level1 n

971avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
972                aria-expanded="false" 
973                aria-haspopup="true" 
974                aria-controls="submenu-category-node-146"><span>Briquet</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-145-category-node-146" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Briquet"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Briquet</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/briquets/briquet/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Briquet"><span>Voir tous briquet</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-pas-cher/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet petit prix</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-allume-gaz/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Allume Gaz</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-arc-electrique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Arc électrique</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-bic/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Bic</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-chalumeau/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Chalumeau</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-clipper/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Clipper</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-cricket/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Cricket</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-electronique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Electronique</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-essence/" class="level2 navigation-button 

974navigation-button--default min-h-[2.5rem]"><span>Briquet Essence</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-pierre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Pierre</span></a></li><li class="level2 display-by-type-0"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-tempete-turbo/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Tempête Turbo</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-divers/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Spéciaux</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-zippo/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Briquet Zippo</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/briquet/meche-de-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Mèche de chanvre</span></a></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des briquets par marque : </div><ul>
975<li><a href="https://www.planete-sfactory.com/briquets/#manufacturer=7990">Djeep</a></li>
976<li><a href="https://www.planete-sfactory.com/briquets/#manufacturer=9197">Easy Torch</a></li>
977<li><a href="https://www.planete-sfactory.com/briquets/#manufacturer=198">Prince</a></li>
978<li><a href="https://www.planete-sfactory.com/briquets/#manufacturer=183">Unilite</a></li>
979</ul>
980</div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
981                aria-expanded="false" 
982                aria-haspopup="true" 
983                aria-controls="submenu-category-node-160"><span>Accessoires briquets</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-145-category-node-160" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires briquets"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires briquets</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires briquets"><span>Voir tous accessoires briquets</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

983<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/recharges-d-essence/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Recharges d'essence</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/recharges-de-gaz/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Recharges de gaz</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/pierre-a-briquet/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pierre à briquet</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/accessoire-zippo/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoire Zippo</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/etui-pour-briquet/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Etui pour briquet</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/accessoire-clipper/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoire Clipper</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/briquets/accessoires-pour-briquet/presentoir-briquets/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Présentoir briquets</span></a></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_clippers_2_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_clippers_2_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_clippers_2_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_clippers_2_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_clippers_2_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_clippers_2_1.jpg?twic=v1/resize=1024/quality=65" /><img 
984                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_clippers_2_1.jpg?twic=v1" 
985                                        alt="Le top du clipper"
986                                        data-twic-src="image:catalog/category/menu_clippers_2_1.jpg"
987                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
988                                        loading="lazy"
989                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Le top du clipper</div><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-clipper/" aria-label="Le top du clipper" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_briq_pas_cher_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_briq_pas_cher_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_briq_pas_cher_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_briq_pas_cher_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_briq_pas_cher_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_briq_pas_cher_1.jpg?twic=v1/resize=1024/quality=65" /><img 
990                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_briq_pas_cher_1.jpg?twic=v1" 
991                                        alt="Prix mini"
992                                        data-twic-src="image:catalog/category/menu_briq_pas_cher_1.jpg"
993                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
994                                        loading="lazy"
995                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

995out-back duration-200 will-change-transform">Prix mini</div><a href="https://www.planete-sfactory.com/briquets/briquet/briquet-pas-cher/" aria-label="Prix mini" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-3 parent" data-element="nav-3"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-3')" 
996                aria-expanded="false" 
997                aria-haspopup="true" 
998                aria-controls="submenu-category-node-165"><span>Accessoires fumeurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-3" class="children level0-children" data-parent="nav-3"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires fumeurs"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires fumeurs</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires fumeurs"><span>Voir tous accessoires fumeurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-3"><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/blagues-a-tabac/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Blagues à tabac</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-et-etui-a-cigarette/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boîte et étui à cigarette</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-cachette/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boîte cachette</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/etuis-saverette/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Etui individuel, tube et cône</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/divers/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Divers</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/etuis-pour-feuilles/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Etuis pour feuilles</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/fume-cigarette/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fume Cigarette</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/rouleuse/" class="level1 n

998avigation-button navigation-button--default min-h-[2.5rem]"><span>Rouleuse</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/remplisseur-de-cones-1/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Remplisseur de cônes</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/plateau-pour-rouler/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Plateau pour rouler</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/coupe-cigare/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Coupe cigare</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
999                aria-expanded="false" 
1000                aria-haspopup="true" 
1001                aria-controls="submenu-category-node-394"><span>Boite - sachet - conservation</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-165-category-node-394" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Boite - sachet - conservation"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Boite - sachet - conservation</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Boite - sachet - conservation"><span>Voir tous boite - sachet - conservation</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/sachet-zip/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Sachet Zip</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/boite-en-bois/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boîte en bois</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/boite-en-metal/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boîte en métal</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/bocal-en-verre-jar/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bocal en verre - Jar</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/boite-divers/" class="level2 navigation-button 

1001navigation-button--default min-h-[2.5rem]"><span>Boîte divers</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/pillbox/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pillbox</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/sifter-box/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Sifter box, shaker, hash maker et boite avec tamis</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/boite-sachet/tightvac/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>TightVac</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_decarbo_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_decarbo_1_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_decarbo_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_decarbo_1_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_decarbo_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_decarbo_1_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1002                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_decarbo_1_1.jpg?twic=v1" 
1003                                        alt="Cuisine créative ! "
1004                                        data-twic-src="image:catalog/category/menu_decarbo_1_1.jpg"
1005                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1006                                        loading="lazy"
1007                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Cuisine créative ! </div><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cuisine-creative/" aria-label="Cuisine créative ! " class="absolute inset-0"></a></div></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1008                aria-expanded="false" 
1009                aria-haspopup="true" 
1010                aria-controls="submenu-category-node-175"><span>Cendrier</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-165-category-node-175" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Cendrier"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Cendrier</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75">

1010<div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Cendrier"><span>Voir tous cendrier</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-de-poche/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier de poche</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-poussoir/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier Poussoir / Anti-odeur</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-rasta/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier Rasta</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-classique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier classique</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-de-voiture/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier de voiture</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cendrier/cendrier-fantaisie/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cendrier fantaisie</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/humidificateur-integra-boost/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Humidificateur / Regulateur</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/carte-aromatique/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Carte aromatique</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/microscope/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Microscope</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1011                aria-expanded="false" 
1012                aria-haspopup="true" 
1013                aria-controls="submenu-category-node-960"><span>Concentrés / BHO - DHO</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-165-category-node-960" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Concentrés / BHO - DHO"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1013ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Concentrés / BHO - DHO</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Concentrés / BHO - DHO"><span>Voir tous concentrés / bho - dho</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/extracteur-bho/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Extracteur BHO - DHO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/papier-de-cuisson-bho/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier de cuisson concentré - BHO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/accessoires-bho/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires BHO - DHO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/gaz-bho-dho/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Gaz BHO - DHO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/boite-a-concentres-bho-dho/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boîte à concentrés BHO - DHO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/decarboxylateurs/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Decarboxylateurs</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menus_gaz.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menus_gaz.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menus_gaz.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menus_gaz.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menus_gaz.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menus_gaz.jpg?twic=v1/resize=1024/quality=65" /><img 
1014                                        src="https://media.planete-sfactory.com/media/catalog/category/menus_gaz.jpg?twic=v1" 
1015                                        alt="Premium butane pour extraction"
1016                                        data-twic-src="image:catalog/category/menus_gaz.jpg"
1017                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1018                                        loading="lazy"
1019                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1019out-back duration-200 will-change-transform">Premium butane pour extraction</div><a href="https://www.planete-sfactory.com/accessoires-fumeurs/concentres-bho/gaz-bho-dho/#manufacturer=1500" aria-label="Premium butane pour extraction" class="absolute inset-0"></a></div></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/cuisine-creative/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cuisine créative</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/hygiene-et-test/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Hygiène et test</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/accessoires-fumeurs/meche-chanvre-hemp-wick/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Mèche chanvre - Hemp Wick</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_humidite_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_humidite_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_humidite_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_humidite_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_humidite_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_humidite_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1020                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_humidite_1.jpg?twic=v1" 
1021                                        alt="Contrôle d'humidité"
1022                                        data-twic-src="image:catalog/category/menu_humidite_1.jpg"
1023                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1024                                        loading="lazy"
1025                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Contrôle d'humidité</div><a href="https://www.planete-sfactory.com/accessoires-fumeurs/humidificateur-integra-boost/" aria-label="Contrôle d'humidité" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_test_medi_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_test_medi_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_test_medi_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_test_medi_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_test_medi_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_test_medi_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1026                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_test_medi_1.jpg?twic=v1" 
1027                                        alt="Test medisur, dites Aaaah..."
1028                                        data-twic-src="image:catalog/category/menu_test_medi_1.jpg"
1029                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1030                                        loading="lazy"
1031                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1031out-back duration-200 will-change-transform">Test medisur, dites Aaaah...</div><a href="https://www.planete-sfactory.com/accessoires-fumeurs/divers/test-salivaire-multi.html" aria-label="Test medisur, dites Aaaah..." class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-4 parent" data-element="nav-4"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-4')" 
1032                aria-expanded="false" 
1033                aria-haspopup="true" 
1034                aria-controls="submenu-category-node-181"><span>Grinder, broyeur à tabac</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-4" class="children level0-children" data-parent="nav-4"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Grinder, broyeur à tabac"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Grinder, broyeur à tabac</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Grinder, broyeur à tabac"><span>Voir tous grinder, broyeur à tabac</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-4"><li class="level1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1035                aria-expanded="false" 
1036                aria-haspopup="true" 
1037                aria-controls="submenu-category-node-182"><span>Grinders</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-181-category-node-182" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Grinders"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Grinders</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75">

1037<div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Grinders"><span>Voir tous grinders</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Grinder par categorie :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-avec-filtre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder avec filtre</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-sans-filtre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder sans filtre</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Grinder par type : </div><ul class="level1 level-children display-by-type flex flex-col gap-1"><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinders-classique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder Classique</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-carte/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder carte - Râpes</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-electrique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder électrique</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinders-manivelle/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinders Manivelle</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinders-multifonction/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinders Multifonction</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinders-speciaux/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinders spéciaux</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Grinder par matière :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-bois/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder en bois</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-aluminium/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinder en aluminium</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-acrylique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinders en acrylique</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-metal/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grinders en métal</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques grinder :</div><ul>
1038<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=7157">S.W.E.D</a></li>
1039<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/#manufacturer=6117">Aerospaced</a></li>
1040<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=2663">After Grow / Thorinder</a></li>
1041<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=4652">Lift Innovations</a></li>
1042<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=751">Magnomix</a></li>
1043<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=6120">Marley</a></li>
1044<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=4405">Phoenician</a></li>
1045<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=2465">Santa Cruz</a></li>
1046<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=2633">SLX</a></li>
1047<li><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/#manufacturer=2035">V-Syndicate</a></li>
1048</ul>
1049
1050
1051</div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/accessoires-pour-grinders/" role="button" class="level1 n

1051avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1052                aria-expanded="false" 
1053                aria-haspopup="true" 
1054                aria-controls="submenu-category-node-185"><span>Accessoires pour grinders</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-181-category-node-185" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires pour grinders"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires pour grinders</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/accessoires-pour-grinders/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires pour grinders"><span>Voir tous accessoires pour grinders</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/accessoires-pour-grinders/nettoyant-pour-grinder/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Nettoyant pour grinder</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/accessoires-pour-grinders/presse/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Presse</span></a></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_hamm_raw_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_hamm_raw_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_hamm_raw_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_hamm_raw_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_hamm_raw_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_hamm_raw_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1055                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_hamm_raw_1.jpg?twic=v1" 
1056                                        alt="RAW, Le grinder Hammercraft !"
1057                                        data-twic-src="image:catalog/category/menu_hamm_raw_1.jpg"
1058                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1059                                        loading="lazy"
1060                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1060out-back duration-200 will-change-transform">RAW, Le grinder Hammercraft !</div><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinder-avec-filtre/grinder-raw-x-hammercraft-4-parties-49mm.html" aria-label="RAW, Le grinder Hammercraft !" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_swed_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_swed_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_swed_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_swed_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_swed_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_swed_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1061                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_swed_1.jpg?twic=v1" 
1062                                        alt="S.W.E.D le grinder à friction"
1063                                        data-twic-src="image:catalog/category/menu_swed_1.jpg"
1064                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1065                                        loading="lazy"
1066                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">S.W.E.D le grinder à friction</div><a href="https://www.planete-sfactory.com/grinder-broyeur-a-tabac/grinder/grinders-a-friction/" aria-label="S.W.E.D le grinder à friction" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-5 parent" data-element="nav-5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-5')" 
1067                aria-expanded="false" 
1068                aria-haspopup="true" 
1069                aria-controls="submenu-category-node-188"><span>Pipe à eau, bangs, pipes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-5" class="children level0-children" data-parent="nav-5"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Pipe à eau, bangs, pipes"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Pipe à eau, bangs, pipes</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Pipe à eau, bangs, pipes"><span>Voir tous pipe à eau, bangs, pipes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-5"><li class="level1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/" role="button" class="level1 n

1069avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1070                aria-expanded="false" 
1071                aria-haspopup="true" 
1072                aria-controls="submenu-category-node-189"><span>Pipe à eau, bang</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-188-category-node-189" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Pipe à eau, bang"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Pipe à eau, bang</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Pipe à eau, bang"><span>Voir tous pipe à eau, bang</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les bangs par catégorie :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-acrylique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang acrylique</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-verre-et-pyrex/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang Verre et Pyrex</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-silicone/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang Silicone</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les bangs par type : </div><ul class="level1 level-children display-by-type flex flex-col gap-1"><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/pipe-a-eau-bang-classique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang Classique</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/pipe-a-eau-bang-ice/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang Ice</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-avec-percolateur/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang avec percolateur</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-a-huile-bho/" class="level2 navigation-button 

1072navigation-button--default min-h-[2.5rem]"><span>Bang à huile / BHO</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-masque/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang masque</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-divers/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang spécial</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"><li class="level2 display-by-type-0"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/bang-en-coffret/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bang en coffret</span></a></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques en Bangs :</div><ul>
1073<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=1023">Blaze</a></li>
1074<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=960">Boost</a></li>
1075<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=5662">Chongz</a></li>
1076<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=1041">Grace Glass</a></li>
1077</ul>
1078</div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1079                aria-expanded="false" 
1080                aria-haspopup="true" 
1081                aria-controls="submenu-category-node-194"><span>Accessoires bang</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-188-category-node-194" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires bang"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires bang</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires bang"><span>Voir tous accessoires bang</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/entretenir-son-bang/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Entretenir son bang</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/douilles-et-plongeur

1081s/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Douilles et Plongeurs</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/precooler/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Precoolers</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/grilles-et-filtres/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grilles et Filtres</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/connecteurs/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Connecteurs</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/accessoires-bho-et-concentres/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires BHO et concentrés</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-bang/accessoires-divers/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Divers</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/bubblers/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1082                aria-expanded="false" 
1083                aria-haspopup="true" 
1084                aria-controls="submenu-category-node-854"><span>Bubblers</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-188-category-node-854" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Bubblers"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Bubblers</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/bubblers/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Bubblers"><span>Voir tous bubblers</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/bubblers/pipe-a-eau-bubbler-sans-percolateur/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bubbler classique</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/bubblers/pipe-a-eau-bubbler-percolateur/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bubbler avec Percolateur</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/bubblers/pipe-a-eau-bubbler-bho/" class="level2 navigation-button 

1084navigation-button--default min-h-[2.5rem]"><span>Bubbler BHO</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1085                aria-expanded="false" 
1086                aria-haspopup="true" 
1087                aria-controls="submenu-category-node-199"><span>Pipe</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-188-category-node-199" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Pipe"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Pipe</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Pipe"><span>Voir tous pipe</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les pipes par catégories : </div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pure-pipe/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipe classique</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipe-speciales/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipe Spéciale</span></a></li><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipes-chillum/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipes Chillum</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les pipes par matière : </div><ul class="level1 level-children display-by-type flex flex-col gap-1"><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipe-verre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipe verre</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipe-bois/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipe Bois</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipe-metal/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pipe métal</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/pipe-ceramique/" class="level2 navigation-button 

1087navigation-button--default min-h-[2.5rem]"><span>Pipe ceramique</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques pipes :</div><ul>
1088<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/#manufacturer=873">Budbomb</a></li>
1089<li><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe/#manufacturer=1299">Screen Queen</a></li>
1090</ul>
1091
1092
1093
1094
1095
1096</div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-pipes/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1097                aria-expanded="false" 
1098                aria-haspopup="true" 
1099                aria-controls="submenu-category-node-203"><span>Accessoires pipes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-188-category-node-203" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires pipes"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires pipes</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-pipes/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires pipes"><span>Voir tous accessoires pipes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-pipes/accessoires-brosse/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Brosses pour pipe</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-pipes/accessoires-grille/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Grilles pour pipe</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/accessoires-pipes/nettoyants-pour-pipe/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Nettoyants pour pipe</span></a></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_stud_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_stud_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_stud_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_stud_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_stud_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_stud_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1100                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_stud_1.jpg?twic=v1" 
1101                                        alt="Le bang gravity par excellence !"
1102                                        data-twic-src="image:catalog/category/menu_stud_1.jpg"
1103                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1104                                        loading="lazy"
1105                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1105out-back duration-200 will-change-transform">Le bang gravity par excellence !</div><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=6638" aria-label="Le bang gravity par excellence !" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_BL_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_BL_1_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_BL_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_BL_1_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_BL_1_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_BL_1_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1106                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_BL_1_1.jpg?twic=v1" 
1107                                        alt="Le top de Black Leaf"
1108                                        data-twic-src="image:catalog/category/menu_BL_1_1.jpg"
1109                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1110                                        loading="lazy"
1111                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Le top de Black Leaf</div><a href="https://www.planete-sfactory.com/pipe-a-eau-bang/pipe-a-eau-bang/#manufacturer=756" aria-label="Le top de Black Leaf" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-6 parent" data-element="nav-6"><a href="https://www.planete-sfactory.com/narguile-chicha/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-6')" 
1112                aria-expanded="false" 
1113                aria-haspopup="true" 
1114                aria-controls="submenu-category-node-204"><span>Chicha, narguilés</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-6" class="children level0-children" data-parent="nav-6"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Chicha, narguilés"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Chicha, narguilés</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Chicha, narguilés"><span>Voir tous chicha, narguilés</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-6"><li class="level1"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/" role="button" class="level1 n

1114avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1115                aria-expanded="false" 
1116                aria-haspopup="true" 
1117                aria-controls="submenu-category-node-205"><span>Chicha, narguilé</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-204-category-node-205" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Chicha, narguilé"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Chicha, narguilé</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Chicha, narguilé"><span>Voir tous chicha, narguilé</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les chichas par catégorie :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/chicha-classique/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Chicha classique</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/chicha-en-verre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Chicha en verre</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/chicha-design-et-originale/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Chicha design et originale</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/chicha-portable/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Chicha portable</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques chichas</div><ul>
1118<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=711">Aladin</a></li>
1119<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=2156">Amy Deluxe</a></li>
1120<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=5626">Black Dune</a></li>
1121<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=8403">Champ / Al Malik</a></li>
1122<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=6485">Dum</a></li>
1123<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=2350">El Badia</a></li>
1124<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=2463">Kaya</a></li>
1125<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=5209">Mashisha</a></li>
1126<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=2402">Oduman</a></li>
1127<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=4855">Skull</a></li>
1128<li><a href="https://www.planete-sfactory.com/narguile-chicha/chicha-narguile/#manufacturer=2412">Tsar</a></li>
1129</ul>
1130</div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/narguile-chicha/arome-chicha/" role="button" class="level1 n

1130avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1131                aria-expanded="false" 
1132                aria-haspopup="true" 
1133                aria-controls="submenu-category-node-391"><span>Goût chicha et arôme</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-204-category-node-391" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Goût chicha et arôme"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Goût chicha et arôme</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/arome-chicha/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Goût chicha et arôme"><span>Voir tous goût chicha et arôme</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les arômes par type :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-category-1"><a href="https://www.planete-sfactory.com/narguile-chicha/arome-chicha/gout-chicha/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Goût chicha - Fibre de cellulose</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les arômes par marques :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/narguile-chicha/arome-chicha/gout-chicha-ways/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Goût chicha Ways</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1134                aria-expanded="false" 
1135                aria-haspopup="true" 
1136                aria-controls="submenu-category-node-209"><span>Charbon chicha - narguilé</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-204-category-node-209" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Charbon chicha - narguilé"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1136ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Charbon chicha - narguilé</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Charbon chicha - narguilé"><span>Voir tous charbon chicha - narguilé</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/charbon-chicha-naturel/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Charbon chicha naturel</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/charbon-narguile-auto-combustible/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Charbon narguilé auto combustible</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/charbon-parfume/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Charbon parfumé</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-charbon/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1137                aria-expanded="false" 
1138                aria-haspopup="true" 
1139                aria-controls="submenu-category-node-1652"><span>Accessoires charbon</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-204-category-node-1652" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires charbon"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires charbon</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-charbon/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires charbon"><span>Voir tous accessoires charbon</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

1139<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-charbon/accessoire-allume-charbon/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Allume-Charbon pour Chicha</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_allume_charbon.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_allume_charbon.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_allume_charbon.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_allume_charbon.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_allume_charbon.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_allume_charbon.jpg?twic=v1/resize=1024/quality=65" /><img 
1140                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_allume_charbon.jpg?twic=v1" 
1141                                        alt="Chauffe charbon electrique!"
1142                                        data-twic-src="image:catalog/category/menu_allume_charbon.jpg"
1143                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1144                                        loading="lazy"
1145                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Chauffe charbon electrique!</div><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-charbon/#type_accessoire=2290" aria-label="Chauffe charbon electrique!" class="absolute inset-0"></a></div></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1146                aria-expanded="false" 
1147                aria-haspopup="true" 
1148                aria-controls="submenu-category-node-213"><span>Accessoires narguile</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-204-category-node-213" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires narguile"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires narguile</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires narguile"><span>Voir tous accessoires narguile</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

1148<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/accessoires-narguile/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires divers</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/foyers-pour-narguile/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Foyers pour narguilé et accessoires</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/systeme-de-chauffe-chicha/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Système de chauffe chicha</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/tuyaux-pour-chicha/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Tuyaux et manches pour chicha</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/narguile-chicha/accessoires-narguile/entretenir-son-narguile/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Entretenir son narguilé</span></a></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_gout_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_gout_chicha_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_gout_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_gout_chicha_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_gout_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_gout_chicha_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1149                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_gout_chicha_1.jpg?twic=v1" 
1150                                        alt="Goût 100%, 0% tabac avec Ways"
1151                                        data-twic-src="image:catalog/category/menu_gout_chicha_1.jpg"
1152                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1153                                        loading="lazy"
1154                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Goût 100%, 0% tabac avec Ways</div><a href="https://www.planete-sfactory.com/narguile-chicha/arome-chicha/#manufacturer=7547" aria-label="Goût 100%, 0% tabac avec Ways" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_charbon_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_charbon_chicha_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_charbon_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_charbon_chicha_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_charbon_chicha_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_charbon_chicha_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1155                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_charbon_chicha_1.jpg?twic=v1" 
1156                                        alt="Le charbon à la noix de coco avec FRESHcoco"
1157                                        data-twic-src="image:catalog/category/menu_charbon_chicha_1.jpg"
1158                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1159                                        loading="lazy"
1160                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1160out-back duration-200 will-change-transform">Le charbon à la noix de coco avec FRESHcoco</div><a href="https://www.planete-sfactory.com/narguile-chicha/charbon-chicha-narguile/charbon-chicha-naturel/charbon-fresh-coco-supreme-1kg.html" aria-label="Le charbon à la noix de coco avec FRESHcoco" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-7 parent" data-element="nav-7"><a href="https://www.planete-sfactory.com/cigarette-electronique/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-7')" 
1161                aria-expanded="false" 
1162                aria-haspopup="true" 
1163                aria-controls="submenu-category-node-171"><span>Cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-7" class="children level0-children" data-parent="nav-7"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Cigarette électronique"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Cigarette électronique</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Cigarette électronique"><span>Voir tous cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-7"><li class="level1"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1164                aria-expanded="false" 
1165                aria-haspopup="true" 
1166                aria-controls="submenu-category-node-172"><span>Cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-171-category-node-172" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Cigarette électronique"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Cigarette électronique</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75">

1166<div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Cigarette électronique"><span>Voir tous cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/ecig-box/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>La Box</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/ecig-pod/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Le Pod</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/puff-rechargeable/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Puff rechargeable</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/cigarette-electronique/puff-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Puff CBD</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cigarette-electronique/accessoire-pour-cigarette-electronique/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1167                aria-expanded="false" 
1168                aria-haspopup="true" 
1169                aria-controls="submenu-category-node-174"><span>Accessoire pour cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-171-category-node-174" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoire pour cigarette électronique"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoire pour cigarette électronique</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/accessoire-pour-cigarette-electronique/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoire pour cigarette électronique"><span>Voir tous accessoire pour cigarette électronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

1169<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/accessoire-pour-cigarette-electronique/ecig-resistance/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Résistance</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cigarette-electronique/mods-et-accessoires/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1170                aria-expanded="false" 
1171                aria-haspopup="true" 
1172                aria-controls="submenu-category-node-822"><span>Mods et accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-171-category-node-822" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Mods et accessoires"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Mods et accessoires</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/mods-et-accessoires/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Mods et accessoires"><span>Voir tous mods et accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/mods-et-accessoires/accus-et-chargeurs/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accus et chargeurs</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1173                aria-expanded="false" 
1174                aria-haspopup="true" 
1175                aria-controls="submenu-category-node-821"><span>Clearomiseurs et accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-171-category-node-821" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Clearomiseurs et accessoires"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1175ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Clearomiseurs et accessoires</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Clearomiseurs et accessoires"><span>Voir tous clearomiseurs et accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/atomiseur/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Atomiseur</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/clearomiseurs/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Clearomiseurs</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/accessoires-pour-clearomiseurs/" role="button" class="level2 navigation-button navigation-button--default min-h-[2.5rem] has-children level2-button" @click="openLevel3('')" 
1176                aria-expanded="false" 
1177                aria-haspopup="true" 
1178                aria-controls="submenu-category-node-171-category-node-821-category-node-818"><span>Accessoires pour clearomiseurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-171-category-node-821-category-node-818" class="children level2-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires pour clearomiseurs"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires pour clearomiseurs</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level3 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/accessoires-pour-clearomiseurs/" tabindex="0" class="level3 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires pour clearomiseurs"><span>Voir tous accessoires pour clearomiseurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level3 level-children flex flex-col gap-1">

1178<li class="level3"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/accessoires-pour-clearomiseurs/resistance-pour-clearomiseur/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Résistance pour clearomiseur</span></a></li><li class="level3"><a href="https://www.planete-sfactory.com/cigarette-electronique/clearomiseurs-et-accessoires/accessoires-pour-clearomiseurs/pieces-detachees/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Pièces détachées</span></a></li></ul></div></div></div></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_biggy_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_biggy_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_biggy_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_biggy_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_biggy_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_biggy_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1179                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_biggy_1.jpg?twic=v1" 
1180                                        alt="BIGGY Bears en 200ml !"
1181                                        data-twic-src="image:catalog/category/menu_biggy_1.jpg"
1182                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1183                                        loading="lazy"
1184                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">BIGGY Bears en 200ml !</div><a href="https://www.planete-sfactory.com/e-liquides/#manufacturer=9048" aria-label="BIGGY Bears en 200ml !" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_drag_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_drag_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_drag_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_drag_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_drag_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_drag_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1185                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_drag_1.jpg?twic=v1" 
1186                                        alt="Drag-moi ça"
1187                                        data-twic-src="image:catalog/category/menu_drag_1.jpg"
1188                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1189                                        loading="lazy"
1190                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1190out-back duration-200 will-change-transform">Drag-moi ça</div><a href="https://www.planete-sfactory.com/cigarette-electronique/#type_mod=7802&manufacturer=6311" aria-label="Drag-moi ça" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-8 parent" data-element="nav-8"><a href="https://www.planete-sfactory.com/e-liquides/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-8')" 
1191                aria-expanded="false" 
1192                aria-haspopup="true" 
1193                aria-controls="submenu-category-node-369"><span>E-liquides</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-8" class="children level0-children" data-parent="nav-8"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to E-liquides"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>E-liquides</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/e-liquides/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="E-liquides"><span>Voir tous e-liquides</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-8"><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquide-pas-cher/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-liquide pas cher - S Factory</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquide-classic/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-Liquide Classic</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquide-fruite/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-Liquide fruité</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquide-gourmand/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-Liquide Gourmand</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquides-frais-menthol/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-Liquides frais - Mentholés</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/e-liquides/e-liquides-sans-nicotine/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-Liquides Sans Nicotine</span></a></li></ul></div></div></div></li><li  class="level0 nav-9 parent" data-element="nav-9"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-9')" 
1194                aria-expanded="false" 
1195                aria-haspopup="true" 
1196                aria-controls="submenu-category-node-862"><span>Création - DIY (Do It Yourself)</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-9" class="children level0-children" data-parent="nav-9"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Création - DIY (Do It Yourself)"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1196ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Création - DIY (Do It Yourself)</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Création - DIY (Do It Yourself)"><span>Voir tous création - diy (do it yourself)</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-9"><li class="level1"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/base-diy/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Base DIY</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/booster-de-nicotine/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Booster de nicotine</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/concentre-diy/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Concentré DIY</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/creation-diy-do-it-yourself/accessoires-diy/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires DIY</span></a></li></ul></div></div></div></li><li  class="level0 nav-10 parent" data-element="nav-10"><a href="https://www.planete-sfactory.com/balance-electronique/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-10')" 
1197                aria-expanded="false" 
1198                aria-haspopup="true" 
1199                aria-controls="submenu-category-node-217"><span>Balance electronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-10" class="children level0-children" data-parent="nav-10"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Balance electronique"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Balance electronique</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/balance-electronique/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Balance electronique"><span>Voir tous balance electronique</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les balances par catégories : </div><ul class="level1 level-children display-by-other flex flex-col gap-1">

1199<li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balance-de-poche/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balance de poche</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balance-de-precision/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balance de précision</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balance-de-cuisine/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balance de cuisine</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balance-doseuse/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balance doseuse</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les balances par précisions :</div><ul class="level1 level-children display-by-other flex flex-col gap-1"><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balance-1g/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balances 1g</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balances-0-1g/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balances 0.1g</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balances-0-01g/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balances 0.01g</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/balances-0-001g/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Balances 0.001g</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 overflow-hidden pt-4.5" data-parent="nav-10"><li class="level1"><a href="https://www.planete-sfactory.com/balance-electronique/accessoires-pour-balance/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1200                aria-expanded="false" 
1201                aria-haspopup="true" 
1202                aria-controls="submenu-category-node-223"><span>Accessoires pour balance</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-217-category-node-223" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires pour balance"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires pour balance</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/balance-electronique/accessoires-pour-balance/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires pour balance"><span>Voir tous accessoires pour balance</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

1202<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/balance-electronique/accessoires-pour-balance/poids-de-calibrage/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Poids de calibrage</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/balance-electronique/accessoires-pour-balance/piles/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Piles</span></a></li></ul></div></div></div></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques de balance : </div><ul>
1203<li><a href="https://www.planete-sfactory.com/balance-electronique/#manufacturer=2146">Quantum</a></li>
1204<li><a href="https://www.planete-sfactory.com/balance-electronique/#manufacturer=794">My Weight</a></li>
1205<li><a href="https://www.planete-sfactory.com/balance-electronique/#manufacturer=799">On Balance</a></li>
1206</ul>
1207</div><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_quantum_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_quantum_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_quantum_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_quantum_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_quantum_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_quantum_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1208                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_quantum_1.jpg?twic=v1" 
1209                                        alt="La précision avec quantum"
1210                                        data-twic-src="image:catalog/category/menu_quantum_1.jpg"
1211                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1212                                        loading="lazy"
1213                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">La précision avec quantum</div><a href="https://www.planete-sfactory.com/balance-electronique/#manufacturer=2146" aria-label="La précision avec quantum" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_poids_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poids_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_poids_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poids_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_poids_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poids_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1214                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_poids_1.jpg?twic=v1" 
1215                                        alt="Calibration !"
1216                                        data-twic-src="image:catalog/category/menu_poids_1.jpg"
1217                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1218                                        loading="lazy"
1219                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1219out-back duration-200 will-change-transform">Calibration !</div><a href="https://www.planete-sfactory.com/balance-electronique/accessoires-pour-balance/poids-de-calibrage/" aria-label="Calibration !" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-11 parent" data-element="nav-11"><a href="https://www.planete-sfactory.com/vaporisateur/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-11')" 
1220                aria-expanded="false" 
1221                aria-haspopup="true" 
1222                aria-controls="submenu-category-node-235"><span>Vaporisateur</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-11" class="children level0-children" data-parent="nav-11"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Vaporisateur"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Vaporisateur</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/vaporisateur/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Vaporisateur"><span>Voir tous vaporisateur</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les vaporisateurs par catégorie :</div><ul class="level1 level-children display-by-other flex flex-col gap-1"><li class="level1"><a href="https://www.planete-sfactory.com/vaporisateur/vaporisateur/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Vaporisateur</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/vaporisateur/vaporisateur-portable/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Vaporisateur Portable</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 overflow-hidden pt-4.5" data-parent="nav-11"><li class="level1"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1223                aria-expanded="false" 
1224                aria-haspopup="true" 
1225                aria-controls="submenu-category-node-251"><span>Accessoires vaporisateurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-235-category-node-251" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Accessoires vaporisateurs"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1225ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Accessoires vaporisateurs</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Accessoires vaporisateurs"><span>Voir tous accessoires vaporisateurs</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/entretien-filtration-et-transport/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Entretenir son vaporisateur</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/arizer/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Arizer</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-dynavap-vapcap/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Dynavap - Vapcap</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-fenix/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Fenix</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-focus-vape/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Focus Vape</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/magic-flight/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Magic Flight</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-mighty-crafty/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Mighty - Crafty</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-pax/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Pax</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/plenty/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Plenty</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/volcano/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires Volcano</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/vaporisateur/accessoires/accessoires-x-max/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires X-Max</span></a></li></ul></div></div></div></li></ul><div class="top-brands pt-4.5"><div class="text-sm font-bold pb-3 text-primary-800">Le top des marques des vaproisateurs : </div><ul>
1226<li><a href="https://www.planete-sfactory.com/vaporisateur/#manufacturer=48">Storz & Bickel</a></li>
1227<li><a href="https://www.planete-sfactory.com/vaporisateur/#manufacturer=22">Arizer</a></li>
1228<li><a href="https://www.planete-sfactory.com/vaporisateur/#manufacturer=2374">Boundless</a></li>
1229<li><a href="https://www.planete-sfactory.com/vaporisateur/#manufacturer=2329">Gpen - Grenco Science</a></li>
1230</ul>
1231</div><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_mytea_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_mytea_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_mytea_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_mytea_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_mytea_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_mytea_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1232                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_mytea_1.jpg?twic=v1" 
1233                                        alt="Le mighty, le top du portable"
1234                                        data-twic-src="image:catalog/category/menu_mytea_1.jpg"
1235                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1236                                        loading="lazy"
1237                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1237out-back duration-200 will-change-transform">Le mighty, le top du portable</div><a href="https://www.planete-sfactory.com/vaporisateur/vaporisateur-portable/vaporisateur-mighty-plus.html" aria-label="Le mighty, le top du portable" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_volcano_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_volcano_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_volcano_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_volcano_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_volcano_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_volcano_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1238                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_volcano_1.jpg?twic=v1" 
1239                                        alt="Le vaporisateur de salon par excellence"
1240                                        data-twic-src="image:catalog/category/menu_volcano_1.jpg"
1241                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1242                                        loading="lazy"
1243                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Le vaporisateur de salon par excellence</div><a href="https://www.planete-sfactory.com/vaporisateur/#type=282&manufacturer=48" aria-label="Le vaporisateur de salon par excellence" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-12 parent" data-element="nav-12"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-12')" 
1244                aria-expanded="false" 
1245                aria-haspopup="true" 
1246                aria-controls="submenu-category-node-264"><span>Encens, déco, bien être</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-12" class="children level0-children" data-parent="nav-12"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Encens, déco, bien être"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Encens, déco, bien être</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Encens, déco, bien être"><span>Voir tous encens, déco, bien être</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-12"><li class="level1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/desodorisants/" class="level1 n

1246avigation-button navigation-button--default min-h-[2.5rem]"><span>Désodorisants</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/porte-encens/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Porte encens, diffuseurs et encensoirs</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1247                aria-expanded="false" 
1248                aria-haspopup="true" 
1249                aria-controls="submenu-category-node-265"><span>Encens</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-264-category-node-265" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Encens"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Encens</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Encens"><span>Voir tous encens</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les encens par type : </div><ul class="level1 level-children display-by-type flex flex-col gap-1"><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/resine-poudre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Résine Poudre</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-en-batons/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens en bâtons</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-en-cones/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens en cônes</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/papier-a-bruler/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier à brûler</span></a></li><li class="level2 display-by-type-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-backflow/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Backflow</span></a></li></ul><div class="text-sm font-bold pb-2 pt-3.5 text-primary-800">Les encens par marque :</div><ul class="level2 level-children display-by-other flex flex-col gap-1"><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-darshan/" class="level2 navigation-button 

1249navigation-button--default min-h-[2.5rem]"><span>Encens Darshan</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-goloka/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Goloka</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-hem/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Hem</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-juicy-s-jays/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Juicy's Jays</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/krishan/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Krishan</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-padmini/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Padmini</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/satya-sai-baba/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Satya Sai baba</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/papier-d-armenie/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Papier d'Arménie</span></a></li><li class="level2 display-by-other-1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/encens-vijayshree/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Encens Vijayshree</span></a></li></ul><ul class="level1 level-children flex flex-col gap-1 mt-6"></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1250                aria-expanded="false" 
1251                aria-haspopup="true" 
1252                aria-controls="submenu-category-node-302"><span>Bien-être</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-264-category-node-302" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Bien-être"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Bien-être</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Bien-être"><span>Voir tous bien-être</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1">

1252<li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/appareil-de-massage/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Appareil de massage</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/huile-parfumee/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Huile parfumée</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/huile-essentielles/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Huiles essentielles</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/bougies/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bougie</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/herbes-medicinales/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Herbes médicinales</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/hygiene/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Hygiène</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_goloka.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_goloka.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_goloka.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_goloka.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_goloka.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_goloka.jpg?twic=v1/resize=1024/quality=65" /><img 
1253                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_goloka.jpg?twic=v1" 
1254                                        alt="Un zeste de zen"
1255                                        data-twic-src="image:catalog/category/menu_goloka.jpg"
1256                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1257                                        loading="lazy"
1258                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Un zeste de zen</div><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/huile-parfumee/huile-goloka-citronnelle-10ml.html" aria-label="Un zeste de zen" class="absolute inset-0"></a></div></div></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/encens-et-bien-etre/decoration-originale/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Déco fun</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_nag_champa.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_nag_champa.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_nag_champa.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_nag_champa.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_nag_champa.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_nag_champa.jpg?twic=v1/resize=1024/quality=65" /><img 
1259                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_nag_champa.jpg?twic=v1" 
1260                                        alt="Nag Champa"
1261                                        data-twic-src="image:catalog/category/menu_nag_champa.jpg"
1262                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1263                                        loading="lazy"
1264                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1264out-back duration-200 will-change-transform">Nag Champa</div><a href="https://www.planete-sfactory.com/encens-et-bien-etre/encens/satya-sai-baba/encens-nag-champa-100g.html" aria-label="Nag Champa" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_pschitt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_pschitt_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_pschitt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_pschitt_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_pschitt_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_pschitt_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1265                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_pschitt_1.jpg?twic=v1" 
1266                                        alt="Kleaner"
1267                                        data-twic-src="image:catalog/category/menu_pschitt_1.jpg"
1268                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1269                                        loading="lazy"
1270                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Kleaner</div><a href="https://www.planete-sfactory.com/encens-et-bien-etre/bien-etre/hygiene/" aria-label="Kleaner" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-13 parent" data-element="nav-13"><a href="https://www.planete-sfactory.com/deco-cadeaux/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-13')" 
1271                aria-expanded="false" 
1272                aria-haspopup="true" 
1273                aria-controls="submenu-category-node-271"><span>Cadeaux, accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-13" class="children level0-children" data-parent="nav-13"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Cadeaux, accessoires"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Cadeaux, accessoires</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/deco-cadeaux/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Cadeaux, accessoires"><span>Voir tous cadeaux, accessoires</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-13"><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/gadgets/" class="level1 n

1273avigation-button navigation-button--default min-h-[2.5rem]"><span>Gadgets</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/accessoires-electroniques/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Piles et accus</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/pret-a-porter/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1274                aria-expanded="false" 
1275                aria-haspopup="true" 
1276                aria-controls="submenu-category-node-283"><span>Prêt à porter</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-271-category-node-283" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Prêt à porter"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Prêt à porter</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/deco-cadeaux/pret-a-porter/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Prêt à porter"><span>Voir tous prêt à porter</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/pret-a-porter/accessoires/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/pret-a-porter/t-shirt-et-gilet-rasta/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>T-Shirts</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/pret-a-porter/sacs/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Sacs</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1277                aria-expanded="false" 
1278                aria-haspopup="true" 
1279                aria-controls="submenu-category-node-228"><span>Couteaux</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-271-category-node-228" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Couteaux"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1279ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Couteaux</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Couteaux"><span>Voir tous couteaux</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/couteau-opinel/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Couteau Opinel</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/couteau-suisse-victorinox/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Couteau Suisse / Victorinox</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/couteau-herbertz/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Couteau Herbertz</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/deco-cadeaux/couteaux/divers/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Divers</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/bonbon-confiserie/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Confiserie</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/boutique-plaisir/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boutique Plaisir</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/divers/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fun &amp; Fiesta</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/poppers/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Poppers</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/auto-defense/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Auto défense</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/champignons-adaptogenes/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Champignons adaptogènes</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/deco-cadeaux/stimulants-corps-et-esprit-relaxants/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Stimulants corps et esprit, relaxants</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_poppers.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poppers.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_poppers.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poppers.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_poppers.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_poppers.jpg?twic=v1/resize=1024/quality=65" /><img 
1280                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_poppers.jpg?twic=v1" 
1281                                        alt="Poppers"
1282                                        data-twic-src="image:catalog/category/menu_poppers.jpg"
1283                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1284                                        loading="lazy"
1285                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1285out-back duration-200 will-change-transform">Poppers</div><a href="https://www.planete-sfactory.com/deco-cadeaux/poppers/" aria-label="Poppers" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_edible.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_edible.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_edible.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_edible.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_edible.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_edible.jpg?twic=v1/resize=1024/quality=65" /><img 
1286                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_edible.jpg?twic=v1" 
1287                                        alt="Relax !"
1288                                        data-twic-src="image:catalog/category/menu_edible.jpg"
1289                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1290                                        loading="lazy"
1291                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Relax !</div><a href="https://www.planete-sfactory.com/deco-cadeaux/stimulants-corps-et-esprit-relaxants/" aria-label="Relax !" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-14 parent" data-element="nav-14"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-14')" 
1292                aria-expanded="false" 
1293                aria-haspopup="true" 
1294                aria-controls="submenu-category-node-3519"><span>CBD - chanvre</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-14" class="children level0-children" data-parent="nav-14"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to CBD - chanvre"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>CBD - chanvre</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="CBD - chanvre"><span>Voir tous cbd - chanvre</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-14"><li class="level1"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/" role="button" class="level1 n

1294avigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1295                aria-expanded="false" 
1296                aria-haspopup="true" 
1297                aria-controls="submenu-category-node-3522"><span>CBD</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3522" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to CBD"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>CBD</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="CBD"><span>Voir tous cbd</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/fleur-de-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fleur de CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/fleurs-terpenisees/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fleurs terpenisées</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/fleurs-modifiees-moonrock/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fleurs modifiées - Moonrock</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/fleurs-de-cbd-en-gros/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Fleurs de CBD en gros</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/accessoires-pour-fleurs-de-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Accessoires pour fleurs de CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/trim/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Trim</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/resine-de-cbd/" role="button" class="level2 navigation-button navigation-button--default min-h-[2.5rem] has-children level2-button" @click="openLevel3('')" 
1298                aria-expanded="false" 
1299                aria-haspopup="true" 
1300                aria-controls="submenu-category-node-3519-category-node-3522-category-node-3494"><span>Résine et concentrés de CBD</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3522-category-node-3494" class="children level2-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Résine et concentrés de CBD"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1300ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Résine et concentrés de CBD</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level3 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/resine-de-cbd/" tabindex="0" class="level3 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Résine et concentrés de CBD"><span>Voir tous résine et concentrés de cbd</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level3 level-children flex flex-col gap-1"><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/resine-de-cbd/cbd-resine/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Résine de CBD</span></a></li><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/resine-de-cbd/cbd-concentre/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Concentré de CBD</span></a></li></ul></div></div></div></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/cones-pre-roules-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cônes pré-roulés CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/huiles-de-cbd/" role="button" class="level2 navigation-button navigation-button--default min-h-[2.5rem] has-children level2-button" @click="openLevel3('')" 
1301                aria-expanded="false" 
1302                aria-haspopup="true" 
1303                aria-controls="submenu-category-node-3519-category-node-3522-category-node-3500"><span>Huiles de CBD</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3522-category-node-3500" class="children level2-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Huiles de CBD"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Huiles de CBD</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level3 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/huiles-de-cbd/" tabindex="0" class="level3 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Huiles de CBD"><span>Voir tous huiles de cbd</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level3 level-children flex flex-col gap-1">

1303<li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/huiles-de-cbd/huile-de-cbd-sublinguale/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Huile de CBD sublinguale</span></a></li></ul></div></div></div></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/" role="button" class="level2 navigation-button navigation-button--default min-h-[2.5rem] has-children level2-button" @click="openLevel3('')" 
1304                aria-expanded="false" 
1305                aria-haspopup="true" 
1306                aria-controls="submenu-category-node-3519-category-node-3522-category-node-3581"><span>Aliments CBD</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3522-category-node-3581" class="children level2-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Aliments CBD"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Aliments CBD</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level3 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/" tabindex="0" class="level3 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Aliments CBD"><span>Voir tous aliments cbd</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level3 level-children flex flex-col gap-1"><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/bonbon-au-cbd/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Bonbon et confiserie au CBD </span></a></li><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/boisson-au-cbd/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boisson au CBD</span></a></li><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/infusion-au-cbd/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Infusion au CBD</span></a></li><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/aliments-cbd-2/cbd-aliments/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Aliments et biscuits au CBD</span></a></li></ul></div></div></div></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/cosmetique-cbd-soin-du-corps/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Cosmétique CBD - Soin du corps </span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/cbd-pour-animaux/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>CBD pour animaux</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/edibles-cbd-delta-9/" role="button" class="level2 navigation-button 

1306navigation-button--default min-h-[2.5rem] has-children level2-button" @click="openLevel3('')" 
1307                aria-expanded="false" 
1308                aria-haspopup="true" 
1309                aria-controls="submenu-category-node-3519-category-node-3522-category-node-3665"><span>Edibles THC CBD Spectre complet - Delta-9</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3522-category-node-3665" class="children level2-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Edibles THC CBD Spectre complet - Delta-9"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Edibles THC CBD Spectre complet - Delta-9</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level3 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/edibles-cbd-delta-9/" tabindex="0" class="level3 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Edibles THC CBD Spectre complet - Delta-9"><span>Voir tous edibles thc cbd spectre complet - delta-9</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level3 level-children flex flex-col gap-1"><li class="level3"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/edibles-cbd-delta-9/gummies/" class="level3 navigation-button navigation-button--default min-h-[2.5rem]"><span>Gummies</span></a></li></ul></div></div></div></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/terpenes/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1310                aria-expanded="false" 
1311                aria-haspopup="true" 
1312                aria-controls="submenu-category-node-3525"><span>Terpènes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3525" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Terpènes"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Terpènes</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75">

1312<div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/terpenes/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Terpènes"><span>Voir tous terpènes</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/terpenes/spray-terpenes/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Spray terpènes</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1313                aria-expanded="false" 
1314                aria-haspopup="true" 

1315                aria-controls="submenu-category-node-3546"><span>E-cigarette CBD</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3546" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to E-cigarette CBD"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>E-cigarette CBD</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="E-cigarette CBD"><span>Voir tous e-cigarette cbd</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/e-liquide-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>E-liquide CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/booster-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Booster CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/base-cbd-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Base CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/e-cigarette-cbd-1/vape-pen-cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Vape Pen CBD</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/chanvre/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1316                aria-expanded="false" 
1317                aria-haspopup="true" 
1318                aria-controls="submenu-category-node-1816"><span>Chanvre</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-1816" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Chanvre"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xl

1318ink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Chanvre</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/chanvre/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Chanvre"><span>Voir tous chanvre</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/chanvre/aliments-ch

1318anvre-complements-alimentaires-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Aliments Chanvre</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/chanvre/espace-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Textile et accessoires chanvre</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/chanvre/boisson-au-chanvre/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>Boisson au chanvre</span></a></li></ul></div></div></div></li><li class="level1"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/" role="button" class="level1 navigation-button navigation-button--default min-h-[2.5rem] has-children level1-button" @click="openLevel2('')" 
1319                aria-expanded="false" 
1320                aria-haspopup="true" 
1321                aria-controls="submenu-category-node-3651"><span>Cannabinoïdes de synthèse</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-category-node-3519-category-node-3651" class="children level1-children" data-parent=""><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Cannabinoïdes de synthèse"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Cannabinoïdes de synthèse</span></button></div><div class="nav-l1-flyout-body h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Cannabinoïdes de synthèse"><span>Voir tous cannabinoïdes de synthèse</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1"><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/hhc/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>HHC</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/hhcpo/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>HHCPO</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/h4cbd/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>H4CBD</span></a></li><li class="level2 display-by-type-"><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cannabinoides-de-synthese/vmac/" class="level2 navigation-button navigation-button--default min-h-[2.5rem]"><span>VMAC</span></a></li></ul></div></div></div></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_woobee.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_woobee.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_woobee.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee.jpg?twic=v1/resize=1024/quality=65" /><img 
1322                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_woobee.jpg?twic=v1" 
1323                                        alt="Woobee, le top du cbd"
1324                                        data-twic-src="image:catalog/category/menu_woobee.jpg"
1325                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1326                                        loading="lazy"
1327                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-

1327out-back duration-200 will-change-transform">Woobee, le top du cbd</div><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/#manufacturer=7544" aria-label="Woobee, le top du cbd" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_cbd.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_cbd.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_cbd.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_cbd.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_cbd.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_cbd.jpg?twic=v1/resize=1024/quality=65" /><img 
1328                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_cbd.jpg?twic=v1" 
1329                                        alt="Les pré-roulés CBD"
1330                                        data-twic-src="image:catalog/category/menu_cbd.jpg"
1331                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1332                                        loading="lazy"
1333                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Les pré-roulés CBD</div><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/cones-pre-roules-cbd/" aria-label="Les pré-roulés CBD" class="absolute inset-0"></a></div></div></div></div></div></li><li  class="level0 nav-15 last parent" data-element="nav-15"><a href="https://www.planete-sfactory.com/nouveautes-promotions/" role="button" class="level0 navigation-button navigation-button--default min-h-[2.5rem] has-children level0-button" @click="openLevel1('nav-15')" 
1334                aria-expanded="false" 
1335                aria-haspopup="true" 
1336                aria-controls="submenu-category-node-121"><span>Nouveautés, promotions</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a><div id="submenu-nav-15" class="children level0-children" data-parent="nav-15"><div class="children-wrapper"><div class="px-3.75">    <button class="navigation-back-button" @click="back()" aria-label="Back to Nouveautés, promotions"><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-left"></use></svg><span>Nouveautés, promotions</span></button></div><div class="h-[calc(100%-var(--nav-header-height))] overflow-y-auto px-3.75"><div class="level1 navigation-view-all"><div class="pb-3.5"><a href="https://www.planete-sfactory.com/nouveautes-promotions/" tabindex="0" class="level1 navigation-button navigation-button--all rounded-ui cursor-pointer" title="Nouveautés, promotions"><span>Voir tous nouveautés, promotions</span><svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-right"></use></svg></a></div></div><ul class="level1 level-children flex flex-col gap-1 overflow-hidden" data-parent="nav-15"><li class="level1"><a href="https://www.planete-sfactory.com/nouveautes-promotions/nouveautes/" class="level1 n

1336avigation-button navigation-button--default min-h-[2.5rem]"><span>Nouveautés</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/nouveautes-promotions/promotions/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Promotions</span></a></li><li class="level1"><a href="https://www.planete-sfactory.com/nouveautes-promotions/destockage/" class="level1 navigation-button navigation-button--default min-h-[2.5rem]"><span>Destockage</span></a></li></ul><div class="push-merch grid gap-3 pt-4.5"><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_jass_green.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_green.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_jass_green.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_green.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_jass_green.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_jass_green.jpg?twic=v1/resize=1024/quality=65" /><img 
1337                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_jass_green.jpg?twic=v1" 
1338                                        alt="Jass Green"
1339                                        data-twic-src="image:catalog/category/menu_jass_green.jpg"
1340                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1341                                        loading="lazy"
1342                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Jass Green</div><a href="https://www.planete-sfactory.com/feuilles-a-rouler-filtres-tubes/feuilles-a-rouler/#type_papier=2010&manufacturer=629" aria-label="Jass Green" class="absolute inset-0"></a></div><div class="group cursor-pointer h-[11.75rem] w-full relative overflow-hidden rounded-ui flex justify-center items-end px-4 py-6 focus-within:outline-accent-focus focus-within:outline-4 focus-within:outline focus-within:outline-offset-2 bg-ui-100"><picture><source media="(max-width: 300px)" data-twic-src="image:catalog/category/menu_woobee_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee_1.jpg?twic=v1/resize=300/quality=65" /><source media="(max-width: 768px)" data-twic-src="image:catalog/category/menu_woobee_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee_1.jpg?twic=v1/resize=768/quality=65" /><source media="(min-width: 769px)" data-twic-src="image:catalog/category/menu_woobee_1.jpg" srcset="https://media.planete-sfactory.com/media/catalog/category/menu_woobee_1.jpg?twic=v1/resize=1024/quality=65" /><img 
1343                                        src="https://media.planete-sfactory.com/media/catalog/category/menu_woobee_1.jpg?twic=v1" 
1344                                        alt="Woobee"
1345                                        data-twic-src="image:catalog/category/menu_woobee_1.jpg"
1346                                        class="absolute left-0 top-1/2 -translate-y-1/2 h-full w-full object-cover"
1347                                        loading="lazy"
1348                                    /></picture><div class="absolute inset-0 bg-black/20 group-hover:opacity-0 transition-opacity duration-200 hidden md:block"></div><div aria-hidden="true" class="btn btn-blur px-6 py-3.5 text-center group-hover:-translate-y-1.5 transition-transform ease-out-back duration-200 will-change-transform">Woobee</div><a href="https://www.planete-sfactory.com/cbd-chanvre-1/cbd/fleur-de-cbd/#culture=9219" aria-label="Woobee" class="absolute inset-0"></a></div></div></div></div></div></li>                            </ul>
1349                        </div>
1350
1351                        <div class="navigation-main-merchandising mx-3.75 md:mx-6">
1352                                <div class="menu-merchandising-data py-4 space-y-3">
1353
1354                
1355        
1356                    </div>
1357                        </div>
1358                    </div>
1359                </div>
1360            </div>
1361        </div>
1362    </div>
1363
1364    

1364<script>
1365        function mainNav() {
1366            return {
1367                isMobile: window.deviceDetector?.isMobile ?? false,
1368                isLoaded: false,
1369                open: false,
1370                hasBeenOpen: false,
1371                menuOpener: null,
1372                navLevel1: null,
1373                navLevel2: null,
1374                navLevel3: null,
1375                _closeResetTimer: null,
1376                _openRafId: null,
1377                _deferNavOpen: false,
1378                _mousemoveHandler: null,
1379                _openMenuHandler: null,
1380                _closeMenuHandler: null,
1381                _keydownHandler: null,
1382                _legacyCloseButtonBound: false,
1383                init() {
1384                    window.deviceDetector?.registerBreakpointChange('mobile');
1385                    if (this.supportsPopover()) {
1386                        this.$el.classList.remove('nav-legacy-shell');
1387                        this.$el.removeAttribute('hidden');
1388                    } else {
1389                        this.$el.setAttribute('inert', '');
1390                        this.$el.setAttribute('aria-hidden', 'true');
1391                        this.syncLegacyShellVisibility();
1392                    }
1393                    this.$watch('open', () => this.syncLegacyShellVisibility());
1394                    this.$nextTick(() => {
1395                        this.isLoaded = true;
1396                        this.bindLegacyCloseButton();
1397                    });
1398
1399                    const current = this;
1400                    this._mousemoveHandler = function(event) {
1401                        if (!current.open) {
1402                            current.$el.style.removeProperty('cursor');
1403                            return;
1404                        }
1405                        const content = current.$refs && current.$refs.content ? current.$refs.content : null;
1406                        if (!content || typeof content.contains !== 'function') {
1407                            current.$el.style.removeProperty('cursor');
1408                            return;
1409                        }
1410                        if (!content.contains(event.target)) {
1411                            current.$el.style.setProperty('cursor', 'pointer');
1412                            return;
1413                        }
1414                        current.$el.style.removeProperty('cursor');
1415                    };
1416                    this._openMenuHandler = (event) => {
1417                        const opener = event.detail?.opener;
1418                        current.menuOpener = opener instanceof HTMLElement ? opener : null;
1419                        document.body.style.overflow = 'hidden';
1420                        current.showNavPopover();
1421                        current.$nextTick(() => {
1422                            current.setupFocusTrap();
1423                            current.focusMenuEntry();
1424                        });
1425                    };
1426                    this._closeMenuHandler = () => {
1427                        current.closeMenu();
1428                    };
1429                    this._keydownHandler = (event) => {
1430                        if (event.key === 'Escape' && current.open) {
1431                            current.closeMenu();
1432                        }
1433                    };
1434                    document.addEventListener('mousemove', this._mousemoveHandler, true);
1435                    document.addEventListener('openMenu', this._openMenuHandler);
1436                    document.addEventListener('closeMenu', this._closeMenuHandler);
1437                    document.addEventListener('keydown', this._keydownHandler);
1438                },
1439                destroy() {
1440                    if (this._openRafId) {
1441                        cancelAnimationFrame(this._openRafId);
1442                        this._openRafId = null;
1443                    }
1444                    this._deferNavOpen = false;
1445                    if (this._closeResetTimer) {
1446                        clearTimeout(this._closeResetTimer);
1447                        this._closeResetTimer = null;
1448                    }
1449                    if (this._mousemoveHandler) document.removeEventListener('mousemove', this._mousemoveHandler, true);
1450                    if (this._openMenuHandler) document.removeEventListener('openMenu', this._openMenuHandler);
1451                    if (this._closeMenuHandler) document.removeEventListener('closeMenu', this._closeMenuHandler);

1452                    if (this._keydownHandler) document.removeEventListener('keydown', this._keydownHandler);
1453                },
1454                getSubOpenDepth() {
1455                    if (this.navLevel3 !== null) {
1456                        return 3;
1457                    }
1458                    if (this.navLevel2 !== null) {
1459                        return 2;
1460                    }
1461                    if (this.navLevel1 !== null) {
1462                        return 1;
1463                    }
1464                    return 0;
1465                },
1466                navSubOpenDepthClasses() {
1467                    const depth = this.getSubOpenDepth();
1468                    return {
1469                        'nav-subopen-0': depth === 0,
1470                        'nav-subopen-1': depth === 1,
1471                        'nav-subopen-2': depth === 2,
1472                        'nav-subopen-3': depth === 3,
1473                    };
1474                },
1475                getNavCloseDurationMs() {
1476                    const el = this.$el;
1477                    if (!el || typeof getComputedStyle === 'undefined') {
1478                        return 300;
1479                    }
1480                    const raw = getComputedStyle(el).getPropertyValue('--nav-close-duration').trim();
1481                    if (raw) {
1482                        const m = raw.match(/^([\d.]+)(s|ms)$/i);
1483                        if (m) {
1484                            const n = parseFloat(m[1], 10);
1485                            if (!Number.isNaN(n)) {
1486                                return m[2].toLowerCase() === 's' ? Math.round(n * 1000) : Math.round(n);
1487                            }
1488                        }
1489                    }
1490                    return this.getNavTransitionDurationMs();
1491                },
1492                getNavTransitionDurationMs() {
1493                    const el = this.$el;
1494                    if (!el || typeof getComputedStyle === 'undefined') {
1495                        return 450;
1496                    }
1497                    const raw = getComputedStyle(el).getPropertyValue('--nav-transition-duration').trim();
1498                    if (!raw) {
1499                        return 450;
1500                    }
1501                    const m = raw.match(/^([\d.]+)(s|ms)$/i);
1502                    if (!m) {
1503                        return 450;
1504                    }
1505                    const n = parseFloat(m[1], 10);
1506                    if (Number.isNaN(n)) {
1507                        return 450;
1508                    }
1509                    return m[2].toLowerCase() === 's' ? Math.round(n * 1000) : Math.round(n);
1510                },
1511                flushMenuCloseState() {
1512                    this.navLevel1 = null;
1513                    this.navLevel2 = null;
1514                    this.navLevel3 = null;
1515                    document.querySelectorAll('.children.open, .level0-children.open, .level1-children.open, .level2-children.open').forEach((el) => {
1516                        el.classList.remove('open');
1517                        el.setAttribute('aria-hidden', 'true');
1518                        el.setAttribute('inert', '');
1519                    });
1520                    document.querySelectorAll('.level0-button[aria-expanded="true"], .level1-button[aria-expanded="true"], .level2-button[aria-expanded="true"]').forEach((el) => {
1521                        el.setAttribute('aria-expanded', 'false');
1522                    });
1523                    this.updateAriaStates();
1524                },
1525                closeMenu() {
1526                    const returnTo = this.menuOpener;
1527                    this.menuOpener = null;
1528                    document.body.style.overflow = '';
1529                    this.$el.style.removeProperty('cursor');
1530
1531                    if (this._openRafId) {
1532                        cancelAnimationFrame(this._openRafId);
1533                        this._openRafId = null;
1534                    }
1535                    this._deferNavOpen = false;
1536
1537                    if (this._closeResetTimer) {
1538                        clearTimeout(this._closeResetTimer);
1539                        this._closeResetTimer = null;
1540                    }
1541
1542                    document.querySelectorAll('.level0-button[aria-expanded="true"], .level1-button[aria-expanded="true"], .level2-button[aria-expanded="true"]').forEach((el) => {
1543                        el.setAttribute('aria-expanded', 'false');
1544                    });
1545
1546                    this.hideNavPopover();
1547

1548                    const delay = this.getNavCloseDurationMs();
1549                    this._closeResetTimer = window.setTimeout(() => {
1550                        this._closeResetTimer = null;
1551                        this.flushMenuCloseState();
1552                    }, delay);
1553
1554                    this.$nextTick(() => {
1555                        if (returnTo && document.contains(returnTo) && typeof returnTo.focus === 'function') {
1556                            returnTo.focus();
1557                        }
1558                    });
1559                },
1560                resize() {
1561                    this.isMobile = window.deviceDetector?.isMobile ?? false;
1562                    if (!this.isMobile && this.open) {
1563                        this.closeMenu();
1564                    }
1565                },
1566                toggle() {
1567                    if (this.open) {
1568                        this.closeMenu();
1569                        return;
1570                    }
1571                    this.menuOpener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
1572                    document.body.style.overflow = 'hidden';
1573                    this.showNavPopover();
1574                    this.updateAriaStates();
1575                    this.$nextTick(() => {
1576                        this.setupFocusTrap();
1577                        this.focusMenuEntry();
1578                    });
1579                },
1580                openLevel1(item) {
1581                    const trigger = this.$event.currentTarget;
1582                    this.$event.preventDefault();
1583                    document.querySelectorAll('.children').forEach((el) => {
1584                        el.classList.remove('open');
1585                        el.setAttribute('aria-hidden', 'true');
1586                    });
1587                    this.navLevel2 = null;
1588                    this.navLevel3 = null;
1589                    this.navLevel1 = item;
1590                    const panel = trigger.nextElementSibling;
1591                    if (panel) {
1592                        panel.classList.add('open');
1593                        panel.setAttribute('aria-hidden', 'false');
1594                        trigger.setAttribute('aria-expanded', 'true');
1595                    }
1596
1597                    // Update ARIA states
1598                    this.updateAriaStates();
1599                },
1600                openLevel2(item) {
1601                    const trigger = this.$event.currentTarget;
1602                    this.$event.preventDefault();
1603                    document.querySelectorAll('.level1-children').forEach((el) => {
1604                        el.classList.remove('open');
1605                        el.setAttribute('aria-hidden', 'true');
1606                    });
1607                    document.querySelectorAll('.level2-children').forEach((el) => {
1608                        el.classList.remove('open');
1609                        el.setAttribute('aria-hidden', 'true');
1610                    });
1611                    this.navLevel3 = null;
1612                    this.navLevel2 = item;
1613                    const panel = trigger.nextElementSibling;
1614                    if (panel) {
1615                        panel.classList.add('open');
1616                        panel.setAttribute('aria-hidden', 'false');
1617                        trigger.setAttribute('aria-expanded', 'true');
1618                    }
1619
1620                    // Update ARIA states
1621                    this.updateAriaStates();
1622                },
1623                openLevel3(item) {
1624                    const trigger = this.$event.currentTarget;
1625                    this.$event.preventDefault();
1626                    document.querySelectorAll('.level2-children').forEach((el) => {
1627                        el.classList.remove('open');
1628                        el.setAttribute('aria-hidden', 'true');
1629                    });
1630                    this.navLevel3 = item;
1631                    const panel = trigger.nextElementSibling;
1632                    if (panel) {
1633                        panel.classList.add('open');
1634                        panel.setAttribute('aria-hidden', 'false');
1635                        trigger.setAttribute('aria-expanded', 'true');
1636                    }
1637
1638                    this.updateAriaStates();
1639                },
1640                back() {
1641                    if (this.navLevel3 !== null) {
1642                        document.querySelectorAll('.level2-children').forEach((el) => {
1643                            el.classList.remove('open');
1644                            el.setAttribute('aria-hidden', 'true');
1645                        });
1646                        document.querySelectorAll('.level2-button[aria-expanded="true"]').forEach((el) => {
1647                            el.setAttribute('aria-expanded', 'false');
1648                        });
1649                        this.navLevel3 = null;
1650                    } else if (this.navLevel2 !== null) {
1651                        document.querySelectorAll('.level1-children').forEach((el) => {
1652                            el.classList.remove('open');
1653                            el.setAttribute('aria-hidden', 'true');
1654                        });
1655                        document.querySelectorAll('.level2-children').forEach((el) => {
1656                            el.classList.remove('open');
1657                            el.setAttribute('aria-hidden', 'true');
1658                        });
1659                        document.querySelectorAll('.level1-button[aria-expanded="true"]').forEach((el) => {
1660                            el.setAttribute('aria-expanded', 'false');
1661                        });
1662                        this.navLevel2 = null;
1663                        this.navLevel3 = null;
1664                    } else {
1665                        document.querySelectorAll('.level0-children').forEach((el) => {
1666                            el.classList.remove('open');
1667                            el.setAttribute('aria-hidden', 'true');
1668                        });
1669                        // Reset aria-expanded state on parent buttons
1670                        document.querySelectorAll('.level0-button[aria-expanded="true"]').forEach((el) => {
1671                            el.setAttribute('aria-expanded', 'false');
1672                        });
1673                        this.navLevel1 = null;
1674                    }
1675
1676                    // Update ARIA states
1677                    this.updateAriaStates();
1678                },
1679                updateAriaStates() {
1680                    // Update aria-hidden states based on current navigation level
1681                    const submenus = document.querySelectorAll('.children, .level0-children, .level1-children, .level2-children');

1682                    submenus.forEach((submenu) => {
1683                        if (submenu.classList.contains('open')) {
1684                            submenu.setAttribute('aria-hidden', 'false');
1685                            submenu.removeAttribute('inert');
1686                        } else {
1687                            submenu.setAttribute('aria-hidden', 'true');
1688                            submenu.setAttribute('inert', '');
1689                        }
1690                    });
1691                },
1692                setupFocusTrap() {
1693                    if (!this.open) return;
1694                    this.updateAriaStates();
1695                },
1696                focusMenuEntry() {
1697                    const el = this.$refs.menuInitialFocus;
1698                    if (el && typeof el.focus === 'function') {
1699                        el.focus();
1700                    }
1701                },
1702                supportsPopover() {
1703                    return typeof HTMLElement !== 'undefined'
1704                        && typeof HTMLElement.prototype.showPopover === 'function';
1705                },
1706                syncLegacyShellVisibility() {
1707                    const el = this.$el;
1708                    if (!el || !el.classList.contains('nav-legacy-shell')) {
1709                        return;
1710                    }
1711                    if (this.open) {
1712                        el.removeAttribute('hidden');
1713                    } else {
1714                        el.setAttribute('hidden', '');
1715                    }
1716                },
1717                handleCloseClick() {
1718                    if (!this.supportsPopover()) {
1719                        return;
1720                    }
1721                    this.closeMenu();
1722                },
1723                bindLegacyCloseButton() {
1724                    if (this.supportsPopover() || this._legacyCloseButtonBound) {
1725                        return;
1726                    }
1727                    const closeBtn = this.$refs && this.$refs.menuInitialFocus ? this.$refs.menuInitialFocus : null;
1728                    if (!closeBtn || typeof closeBtn.addEventListener !== 'function') {
1729                        return;
1730                    }
1731                    this._legacyCloseButtonBound = true;
1732                    const current = this;
1733                    closeBtn.addEventListener('click', function (event) {
1734                        event.preventDefault();
1735                        event.stopPropagation();
1736                        current.closeMenu();
1737                    });
1738                },
1739                popoverToggle(event) {
1740                    if (!event || typeof event.newState !== 'string') {
1741                        return;
1742                    }
1743                    if (event.target.id !== 'site-main-navigation') {
1744                        return;
1745                    }
1746                    if (this._deferNavOpen && event.newState === 'open') {
1747                        return;
1748                    }
1749                    this.open = event.newState === 'open';
1750                },
1751                scheduleNavOpen(el) {
1752                    if (this._openRafId) {
1753                        cancelAnimationFrame(this._openRafId);
1754                    }
1755                    this._openRafId = requestAnimationFrame(() => {
1756                        this._openRafId = requestAnimationFrame(() => {
1757                            this._openRafId = null;
1758                            this._deferNavOpen = false;
1759                            if (el.matches(':popover-open')) {
1760                                this.open = true;
1761                                this.hasBeenOpen = true;
1762                                this.$nextTick(() => {
1763                                    this.setupFocusTrap();
1764                                    this.focusMenuEntry();
1765                                });
1766                            }
1767                        });
1768                    });
1769                },
1770                showNavPopover() {
1771                    if (this._closeResetTimer) {
1772                        clearTimeout(this._closeResetTimer);
1773                        this._closeResetTimer = null;
1774                        this.flushMenuCloseState();
1775                    }
1776                    const el = this.$el;
1777                    if (this.supportsPopover()) {
1778                        const isFirstOpen = !this.hasBeenOpen;
1779                        if (isFirstOpen) {
1780                            this._deferNavOpen = true;
1781                            el.showPopover();
1782                            this.scheduleNavOpen(el);
1783                            return;
1784                        }
1785                        el.showPopover();
1786                        this.open = true;
1787                        this.hasBeenOpen = true;
1788                    } else {
1789                        this.open = true;
1790                        this.hasBeenOpen = true;
1791                        el.removeAttribute('inert');
1792                        el.removeAttribute('aria-hidden');
1793                        this.syncLegacyShellVisibility();
1794                    }
1795                },
1796                hideNavPopover() {
1797                    const el = this.$el;
1798                    if (this.supportsPopover()) {
1799                        try {
1800                            el.hidePopover();
1801                        } catch (e) {
1802                            /* ignore hide when already closed */
1803                        }
1804                        this.open = false;

1805                    } else {
1806                        this.open = false;
1807                        el.setAttribute('inert', '');
1808                        el.setAttribute('aria-hidden', 'true');
1809                        this.syncLegacyShellVisibility();
1810                    }
1811                }
1812            }
1813        }
1814    </script>

1814
1815                        <div class="breadcrumb-wrapper"></div>
1816            <main class="main-container col1-layout-fullwidth">
1817                <div class="main">
1818                    <div class="col-main">
1819                                                <div class="empty:hidden"></div>
1820                        

1820<script type="text/javascript" src="https://www.planete-sfactory.com/js/tiny_mce/tiny_mce.js"></script>

1820
1821
1822
1823<style type="text/css">
1824    label.required:after,
1825    span.required:after {
1826        content: ''
1827    }
1828</style>
1829
1830<div class="relative flex items-center justify-center behind-header immersive-header rounded-b-big-merch md:h-[25rem] h-[18.75rem] overflow-hidden shrink-0">
1831    <div class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover">
1832                <picture>
1833            <source media="(min-width: 768px)" srcset="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/contact-us.png?twic=v1/resize=1185.6/quality=65" />
1834<source media="(min-width: 600px)" srcset="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/contact-us.png?twic=v1/resize=945.1/quality=65" />
1835<source media="(min-width: 375px)" srcset="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/contact-us.png?twic=v1/resize=570.7/quality=65" />            <img
1836                class="w-full h-full object-cover"
1837                alt=""
1838                src="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/contact-us.png?twic=v1"
1839                data-twic-src="image:frontend/noza/s-factory/images/contact-us.png" />
1840        </picture>
1841    </div>
1842    <div class="absolute top-0 left-0 w-full h-full bg-black opacity-30"></div>
1843    <h4 class="font-heading text-3.5xl md:text-5.5xl font-bold text-white absolute bottom-12 md:bottom-32">
1844        Contactez nous    </h4>
1845</div>
1846<div class="my-account md:px-12 flex flex-col gap-2 md:py-12 py-4" id="window_askquestion" name="window_askquestion">
1847    <div class="flex md:flex-row flex-col gap-2">
1848        <div class="w-full bg-ui-0 rounded-ui py-9 px-4 md:px-9">
1849            <div class="flex gap-6 items-center">
1850                <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/telephone-call-hand.json', speed: 0.75 })" class="lottie w-20 h-20 shrink-0"></div>                <div class="flex flex-col gap-2 w-full">
1851                    <h4 class="font-heading text-h4 font-bold">Par telephone</h4>
1852                                            <a href="tel:03 21 60 60 00"
1853                            class="text-sm font-bold text-accent underline">03 21 60 60 00</a>
1854                                        <span class="text-sm">du lundi au vendredi de 9h00 à 17h00</span>
1855                </div>
1856            </div>
1857            <a href="tel:03 21 60 60 00"
1858                class="btn btn-default btn-default--primary mt-2 min-h-[3.4375rem] w-full underline flex justify-center items-center">
1859                <span>03 21 60 60 00</span>
1860            </a>
1861        </div>
1862            </div>
1863    <form id="product_question" method="POST" name="product_question" action="https://www.planete-sfactory.com/CrmTicket/Front_Ticket/SubmitTicket/"
1864        class="p-9 md:px-9 px-4 bg-ui-0 rounded-ui" enctype="multipart/form-data">
1865        <div class="flex gap-6 items-center">
1866            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/envelope-send-flying.json', speed: 0.75, loopDelay: 1000 })" class="lottie w-20 h-20"></div>            <div class="flex flex-col gap-2">
1867                <h4 class="font-heading text-h4 font-bold">Par email</h4>
1868                <span class="text-sm">Choisissez le sujet de votre demande</span>
1869            </div>
1870        </div>
1871        <div class="group-select bg-primary-50 rounded-merch p-6 flex flex-col gap-2.5">
1872            <select class="form-input !text-primary-600 font-bold md:w-3/4 w-full" id="contact-select"
1873                name="ticket[ct_category_id]" onchange="displayContactFormOnCategorySelection(this)">
1874                <option value="">Categorie de message</option>
1875                <option  value="1">Question sur le site</option><option  value="3">&nbsp;&nbsp;&nbsp;&nbsp;Demande d'information produit</option><option  value="4">&nbsp;&nbsp;&nbsp;&nbsp;Problème pour passer une commande</option><option  value="2">Question sur ma commande</option><option  value="8">&nbsp;&nbsp;&nbsp;&nbsp;Suivi de commande</option><option  value="7">&nbsp;&nbsp;&nbsp;&nbsp;Service après vente</option><option  value="6">&nbsp;&nbsp;&nbsp;&nbsp;Rétractation produit</option><option  value="5">&nbsp;&nbsp;&nbsp;&nbsp;Annulation de ma commande</option><option  value="9">Question sur mon compte</option>            </select>
1876
1877                            <div x-data="inputLabelMove()" class="md:w-3/4 w-full field-input-with-label-input firstname">
1878                    <label for="first_name_customer">Prénom <em>*</em></label>
1879                    <input class="form-input w-full input-text required-entry" type="text" id="first_name_customer"
1880                        name="customer[first_name_customer]" />
1881                </div>
1882                <div x-data="inputLabelMove()" class="md:w-3/4 w-full field-input-with-label-input lastname">
1883                    <label for="customer_email">Nom <em>*</em></label>
1884                    <input class="form-input w-full input-text required-entry" type="text" id="customer_email"
1885                        name="customer[customer_email]" />
1886                </div>
1887                <div x-data="inputLabelMove()" class="md:w-3/4 w-full field-input-with-label-input email">
1888                    <label for="last_name_customer">E-mail <em>*</em></label>
1889                    <input class="form-input w-full input-text required-entry" type="text" id="last_name_customer"
1890                        name="customer[last_name_customer]" />
1891                </div>
1892            
1893            <div x-data="inputLabelMove()" class="md:w-3/4 w-full field-input-with-label-input subject">
1894                <label for="ct_subject">Sujet <em>*</em></label>
1895                <input class="form-input w-full input-text required-entry" type="text" id="ct_subject"
1896                    name="ticket[ct_subject]" />
1897            </div>
1898
1899            
1900            
1901            <div x-data="inputLabelMove()" class="md:w-3/4 w-full field-input-with-label-input field-input-with-label-input--textarea flex message">
1902                <label for="ctm_content">Message <em>*</em></label>
1903                <input type="hidden" name="ctm_source_type" id="ctm_source_type"
1904                    value="form">
1905                                <textarea name="ctm_content" title="" id="ctm_content"
1906                    class="form-textarea textarea required-entry w-full" rows="2" cols="15"></textarea>
1907                
1908
1909            </div>
1910
1911
1912                            <div class="flex flex-col gap-2.5">

1913                    <span class="font-bold">Pièces jointes</span>
1914                    <div class="flex flex-wrap gap-2">
1915                                                    <div class="relative">
1916                                <!-- Bouton visible avec votre classe personnalisée -->
1917                                <button type="button"
1918                                    class="choose-file-btn btn btn-default btn-default--primary-reverse h-10 px-3.5"
1919                                    id="button-attachment_1">
1920                                    <span
1921                                        id="label-text-attachment_1">Choisir fichier</span>
1922                                </button>
1923
1924                                <!-- Input file réel (caché mais fonctionnel) -->
1925                                <input type="file" name="attachment_1" id="attachment_1"
1926                                    class="absolute inset-0 opacity-0 w-full h-full cursor-pointer"
1927                                    aria-label="Choisir fichier" />
1928                            </div>
1929                                                    <div class="relative">
1930                                <!-- Bouton visible avec votre classe personnalisée -->
1931                                <button type="button"
1932                                    class="choose-file-btn btn btn-default btn-default--primary-reverse h-10 px-3.5"
1933                                    id="button-attachment_2">
1934                                    <span
1935                                        id="label-text-attachment_2">Choisir fichier</span>
1936                                </button>
1937
1938                                <!-- Input file réel (caché mais fonctionnel) -->
1939                                <input type="file" name="attachment_2" id="attachment_2"
1940                                    class="absolute inset-0 opacity-0 w-full h-full cursor-pointer"
1941                                    aria-label="Choisir fichier" />
1942                            </div>
1943                                                    <div class="relative">
1944                                <!-- Bouton visible avec votre classe personnalisée -->
1945                                <button type="button"
1946                                    class="choose-file-btn btn btn-default btn-default--primary-reverse h-10 px-3.5"
1947                                    id="button-attachment_3">
1948                                    <span
1949                                        id="label-text-attachment_3">Choisir fichier</span>
1950                                </button>
1951
1952                                <!-- Input file réel (caché mais fonctionnel) -->
1953                                <input type="file" name="attachment_3" id="attachment_3"
1954                                    class="absolute inset-0 opacity-0 w-full h-full cursor-pointer"
1955                                    aria-label="Choisir fichier" />
1956                            </div>
1957                                            </div>
1958                </div>
1959
1960            
1961                            <div>
1962                    Écrire le résultat <span class="required"
1963                        style="color: #D40707 !important;">*</span>
1964                    <br />
1965                    1 + 7 =                     <input required="required" type="text" id="ticket[anti_spam_human_result]"
1966                        name="ticket[anti_spam_human_result]" class="input-text required-entry check" value="" /><br />
1967                    <input type="hidden" id="ticket[ct_important]" name="ticket[ct_important]" value=""></input>
1968                    <input type="hidden" id="ticket[anti_spam_check]" name="ticket[anti_spam_check]"
1969                        value="YzlmMGY4OTVmYjk4YWI5MTU5ZjUxZmQwMjk3ZTIzNmQ=" />
1970                </div>
1971            
1972            <button onclick="editForm.submit();"
1973                class="btn btn-default btn-default--primary min-h-[3.4375rem] md:min-w-[22.5rem] w-full md:w-fit">
1974                <span>Envoyer mon message</span>
1975            </button>
1976        </div>
1977    </form>
1978
1979    

1979<script type="text/javascript">
1980        editForm = new VarienForm('product_question', '');
1981
1982
1983        function displayContactFormOnCategorySelection(object) {
1984            var selectedIndex = (object.options[object.selectedIndex].value == '' ? 0 : object.options[object.selectedIndex].value);
1985
1986            if (selectedIndex) {
1987                document.getElementById('div-contact').style.display = 'block';
1988            }
1989        }
1990
1991
1992        /**
1993         * Call a webservice to verif if custom entry is correct
1994         */
1995        function checkCaptcha() {
1996            var success = false;
1997            captcha = document.getElementById("ticket[anti_spam_check]").value;
1998            human_response = document.getElementById("ticket[anti_spam_human_result]").value;
1999            if (human_response != '') {
2000                new Ajax.Request(
2001                    "https://www.planete-sfactory.com/nozaadmin1337/CrmTicket_Front_Ticket/CheckCaptcha/anti_spam_check/" + captcha + "/anti_spam_human_result/" + human_response, {
2002                        asynchronous: false,
2003                        methode: 'GET',
2004                        onSuccess: function(transport) {
2005                            //alert(transport.responseText);
2006                            if (transport.responseText == 'OK') {
2007                                success = true;
2008                            } else {
2009                                alert("Réponse incorrecte, veuillez réessayer");
2010                            }
2011                        },
2012                        onFailure: function(response) {
2013                            success = false;
2014                        }
2015                    }
2016                );
2017            }
2018            if (!success) {
2019                document.getElementById("ticket[anti_spam_human_result]").focus();
2020            }
2021            return success;
2022        }
2023
2024        document.addEventListener('DOMContentLoaded', function() {
2025            // Configuration des boutons de fichier
2026            document.querySelectorAll('input[type="file"]').forEach(function(input) {
2027                var buttonId = 'button-' + input.id;
2028                var labelTextId = 'label-text-' + input.id;
2029                var button = document.getElementById(buttonId);
2030                var labelText = document.getElementById(labelTextId);
2031
2032                if (button && labelText) {
2033                    // Quand l'input change (fichier sélectionné)
2034                    input.addEventListener('change', function() {
2035                        var fileName = this.value.split('\\').pop();
2036
2037                        if (fileName) {
2038                            // Mettre à jour le texte et le style du bouton
2039                            labelText.textContent = fileName;
2040                        } else {
2041                            // Rétablir le texte et le style par défaut
2042                            labelText.textContent = 'Choisir fichier';
2043                        }
2044                    });
2045
2046                    // Quand on clique sur le bouton, déclencher l'input file
2047                    button.addEventListener('click', function(e) {
2048                        e.preventDefault(); // Empêcher le comportement par défaut du bouton
2049                        input.click();
2050                    });
2051                }
2052            });
2053        });
2054    </script>

2054
2055
2056</div>                    </div>
2057                </div>
2058            </main>
2059            
2060<div class="footer-container">
2061    <div class="bg-primary-100 overflow-hidden flex">
2062    <div class="container py-12 text-ui-800 text-sm leading-none m-auto gap-y-2 gap-x-6 md:gap-x-12 flex md:flex-wrap md:justify-between justify-start flex-nowrap w-full items-center overflow-auto">
2063        <a class="js-reassurance-item flex items-center gap-3 shrink-0 hover:text-primary-600 active:text-primary-800 transition-colors duration-150" href="https://www.planete-sfactory.com/votre-commande/#Les-modes-de-livraison/">
2064            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/truck-delivery.json', hoverParentSelector: '.js-reassurance-item', hoverDesktopMinWidth: 1024, hoverResetOnLeave: true })" class="lottie w-9 h-9 flex-shrink-0"></div>            <div class="flex flex-col">
2065                <span class="font-bold">Livraison gratuite</span>
2066                <span>Dès 40€ d'achat en relais</span>
2067            </div>
2068        </a>
2069        <a class="js-reassurance-item flex items-center gap-3 shrink-0 hover:text-primary-600 active:text-primary-800 transition-colors duration-150" href="https://www.planete-sfactory.com/votre-commande/#retour/">
2070            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/emergency.json', speed: 1.1, loopDelay: 500, hoverParentSelector: '.js-reassurance-item', hoverDesktopMinWidth: 1024, hoverResetOnLeave: true })" class="lottie w-9 h-9 flex-shrink-0"></div>            <div class="flex flex-col">
2071                <span class="font-bold">Le meilleur SAV</span>
2072                <span>Disponible et réactif</span>
2073            </div>
2074        </a>
2075        <a class="js-reassurance-item flex items-center gap-3 shrink-0 hover:text-primary-600 active:text-primary-800 transition-colors duration-150" href="https://www.planete-sfactory.com/votre-commande/#suivi-de-votre-commande/">
2076            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/privacy.json', speed: 1, loopDelay: 500, hoverParentSelector: '.js-reassurance-item', hoverDesktopMinWidth: 1024, hoverResetOnLeave: true })" class="lottie w-9 h-9 flex-shrink-0"></div>            <div class="flex flex-col">
2077                <span class="font-bold">Colis discrets</span>
2078                <span>Aucun marquage sur les colis</span>
2079            </div>
2080        </a>
2081        <div class="js-reassurance-item flex items-center gap-3 shrink-0">
2082            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/prize-padge-ribbon.json', speed: 1, loopDelay: 500, hoverParentSelector: '.js-reassurance-item', hoverDesktopMinWidth: 1024, hoverResetOnLeave: true })" class="lottie w-9 h-9 flex-shrink-0"></div>            <div class="flex flex-col">
2083                <span class="font-bold">La qualité</span>
2084                <span>au meilleur prix</span>
2085            </div>
2086        </div>
2087        <a class="js-reassurance-item flex items-center gap-3 shrink-0 hover:text-primary-600 active:text-primary-800 transition-colors duration-150" href="https://www.planete-sfactory.com/cagnotte/">
2088            <div x-data="nozaLottie({ path: 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/lottie/savings-pig.json', hoverParentSelector: '.js-reassurance-item', hoverDesktopMinWidth: 1024, hoverResetOnLeave: true })" class="lottie w-9 h-9 flex-shrink-0"></div>            <div class="flex flex-col">
2089                <span class="font-bold">Votre fidélité</span>
2090                <span>récompensée</span>
2091            </div>
2092        </a>
2093    </div>
2094</div>    <div role="contentinfo" class="bg-primary-800 dark:bg-ui-0">
2095        <div
2096            class="footer container py-12 lg:py-20 flex flex-col lg:flex-row gap-12 lg-20">
2097            <div class="grid gap-9 shrink-0">
2098                <div class="block block-subscribe">
2099    <div class="flex flex-col items-start gap-6 p-9 relative  bg-primary-900 dark:bg-primary-50 rounded-[10px] md:max-w-[28.375rem] text-ui-0">
2100        <div class="text-4.5xl font-secondary font-extrabold leading-none right text-white">
2101            La news de<br /><span class='text-accent-light'>SFactory</span>        </div>
2102        <div class="flex flex-col items-start justify-center gap-2.5 relative self-stretch w-full flex-1">

2103            <p class="relative text-white self-stretch text-sm">
2104                Recevoir dans ma boîte mail les réductions et offres Sfactory            </p>
2105        </div>
2106        <form action="" method="post" id="newsletter-validate-detail"
2107                class="flex flex-col items-start gap-3 relative self-stretch w-full flex-1"
2108        >
2109            <input name="form_key" type="hidden" value="Ahw6rHseCOGeM5By" />
2110            <div class="flex flex-col gap-3 self-stretch w-full flex-1 items-start relative">
2111                <input type="text" name="email" id="newsletter" title="Abonnez-vous à la newsletter" class="input-text required-entry validate-email form-input w-full text-primary-800" />
2112                <button type="submit" class="btn btn-reverse btn-reverse--primary px-6 py-4.5 w-full">
2113                    <span>Je m’inscris</span>
2114                </button>
2115            </div>
2116        </form>
2117    </div>
2118    

2118<script type="text/javascript">
2119      //<![CDATA[
2120      var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
2121      //]]>
2122    </script>

2122
2123</div>
2124                
2125<div class="footer-socials text-white place-content-end">
2126    <div class="text-sm font-bold leading-none">Rejoignez la #Sfamily</div>
2127    <div class="flex gap-3.75 items-center pt-3.75">
2128                    <a href="https://www.facebook.com/Sfactory.france"
2129               rel="noopener"
2130               aria-label="Facebook"
2131               target="_blank"
2132               class="w-10 h-10 border border-white text-white hover:border-accent-fade dark:hover:border-accent hover:text-accent-fade dark:hover:text-accent rounded-full flex justify-center items-center transition-colors ease-in-out motion-reduce:duration-reduced"
2133            >
2134                <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-facebook" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-facebook"></use></svg>            </a>
2135                    <a href="https://x.com/planetesfactory"
2136               rel="noopener"
2137               aria-label="X"
2138               target="_blank"
2139               class="w-10 h-10 border border-white text-white hover:border-accent-fade dark:hover:border-accent hover:text-accent-fade dark:hover:text-accent rounded-full flex justify-center items-center transition-colors ease-in-out motion-reduce:duration-reduced"
2140            >
2141                <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-x" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-x"></use></svg>            </a>
2142                    <a href="https://www.youtube.com/@sfactory_france"
2143               rel="noopener"
2144               aria-label="YouTube"
2145               target="_blank"
2146               class="w-10 h-10 border border-white text-white hover:border-accent-fade dark:hover:border-accent hover:text-accent-fade dark:hover:text-accent rounded-full flex justify-center items-center transition-colors ease-in-out motion-reduce:duration-reduced"
2147            >
2148                <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-youtube" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-youtube"></use></svg>            </a>
2149                    <a href="https://www.instagram.com/sfactory_france"
2150               rel="noopener"
2151               aria-label="Instagram"
2152               target="_blank"
2153               class="w-10 h-10 border border-white text-white hover:border-accent-fade dark:hover:border-accent hover:text-accent-fade dark:hover:text-accent rounded-full flex justify-center items-center transition-colors ease-in-out motion-reduce:duration-reduced"
2154            >
2155                <svg width="15px" height="15px" style="width:15px;height:15px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-instagram" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-instagram"></use></svg>            </a>
2156                    <a href="https://open.spotify.com/user/31cwiqtfszfs6sodi5wzjkehf62i?si=0289d7f75d244015"
2157               rel="noopener"
2158               aria-label="Spotify"
2159               target="_blank"
2160               class="w-10 h-10 border border-white text-white hover:border-accent-fade dark:hover:border-accent hover:text-accent-fade dark:hover:text-accent rounded-full flex justify-center items-center transition-colors ease-in-out motion-reduce:duration-reduced"
2161            >
2162                <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-spotify" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-spotify"></use></svg>            </a>
2163            </div>
2164</div>            </div>
2165            <div class="lg:grow">
2166                <div class="grid lg:grid-cols-3 gap-12">
2167                    <div class="flex flex-col gap-9">
2168                        <div class="text-sm text-white font-bold">Nos marques</div>
2169                        <div class="pt-3 brands">
2170                                                            <ul>
2171<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2172<a href="/marques/ocb/"><span>OCB</span></a>
2173</span>
2174</li>
2175<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2176<a href="/marques/jass/"><span>Jass</span></a>
2177</span>
2178</li>
2179<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2180<a href="/marques/raw/"><span>Raw</span></a>
2181</span>
2182</li>
2183<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2184<a href="/marques/belflam/"><span>Belflam</span></a>
2185</span>
2186</li>
2187<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2188<a href="/marques/bic/"><span>Bic</span></a>
2189</span>
2190</li>
2191<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2192<a href="/marques/clipper/"><span>Clipper</span></a>
2193</span>
2194</li>
2195<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2196<a href="/marques/gizeh/"><span>Gizeh</span></a>
2197</span>
2198</li>
2199<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2200<a href="/marques/storz-and-bickel/"><span>Storz and Bickel</span></a>
2201</span>
2202</li>
2203<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2204<a href="/marques/three-kings/"><span>Three Kings</span></a>
2205</span>
2206</li>
2207<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2208<a href="/marques/unilite/"><span>Unilite</span></a>
2209</span>
2210</li>
2211<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2212<a href="/marques/yeuf/"><span>Yeuf</span></a>
2213</span>
2214</li>
2215<li><span class="widget widget-cms-link-inline widget-cms-link--brand">
2216<a href="/marques/zippo/"><span>Zipp</span></a>
2217</span>
2218</li>
2219</ul>
2220                                                        <a href="/marques/abcd" class="widget-cms-link--footer_all">Toutes nos marques</a>
2221                        </div>
2222                    </div>
2223                    <div class="footer-links flex flex-col">
2224                        <div class="col alt footer-informations-boutique">
2225  <div class="title">Notre boutique</div>
2226  <ul>
2227       
2228<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2229<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vdm90cmUtY29tbWFuZGUv" title="Votre commande de A à Z" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Votre commande de A à Z</span></span>
2230</span>
2231<ul>
2232<br>
2233
2234
2235<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2236<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vY29uZGl0aW9ucy1nZW5lcmFsZXMtZGUtdmVudGUv" title="Conditions générales de vente" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Conditions générales de vente</span></span>
2237</span>
2238</li>
2239<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2240<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vY29uZGl0aW9uLXV0aWxpc2F0aW9uLXNpdGUv" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Conditions d'utilisation du site</span></span>
2241</span>
2242</li>
2243<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2244<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vY2hhcnRlX2NvbmZpZGVudGlhbGl0ZS8=" title="Charte de confidentialité" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Charte de confidentialité</span></span>
2245</span>
2246</li>
2247<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2248<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vbWVudGlvbnMtbGVnYWxlcy8=" title="Mentions legales" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Mentions legales</span></span>
2249</span>
2250</li>
2251<br>
2252<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2253<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vZXNwYWNlLXByb2Zlc3Npb25uZWwv" title="Espace professionnel" 

2253class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Espace professionnel</span></span>
2254</span>
2255</li>
2256<br>
2257
2258  </ul>
2259
2260</div>                    </div>
2261                    <div class="footer-links flex flex-col">
2262                        <div class="col alter footer-mon-compte">
2263  <div class="title">Informations</div>
2264  <div class="subtitle">G&#233;rer mon compte</div>
2265  <ul>
2266 <li><span class="widget widget-cms-link-inline widget-cms-link--default">
2267<span data-obfuscated-href="dGVsOjAzMjE2MDYwMDA=" title="Pour nous joindre : 03 21 60 60 00" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Pour nous joindre : 03 21 60 60 00</span></span>
2268</span>
2269</li>
2270 <li><span class="widget widget-cms-link-inline widget-cms-link--default">
2271<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vcXVpLXNvbW1lcy1ub3VzLW5ldy8=" title="qui sommes nous ?" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Qui sommes nous ?</span></span>
2272</span>
2273</li>
2274<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2275<span data-obfuscated-href="aHR0cHM6Ly93d3cucGxhbmV0ZS1zZmFjdG9yeS5jb20vcmVjcnV0ZW1lbnQv" title="Recrutement" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Recrutement</span></span>
2276</span>
2277</li>   
2278<br>
2279<li><span class="widget widget-cms-link-inline widget-cms-link--default">
2280<span data-obfuscated-href="aHR0cHM6Ly93d3cubm96YWRpcy5jb20v" title="Vous êtes professionnel" class="cursor-pointer" x-data="obfuscatedLink" role="link" tabindex="0"><span>Vous êtes professionnel</span></span>
2281</span>
2282</li>   
2283 </li>
2284  </ul>
2285
2286</div>
2287                    </div>
2288                </div>
2289                                <div class="flex justify-end pt-12">
2290                    <a x-data role="button"
2291   @click="$dispatch('openModalPanel', {id: 'login'}); $dispatch('login-button-clicked', {type: 'pro'})"
2292   class="flex w-[350px] items-start justify-center gap-3 p-3 relative bg-primary-50 dark:bg-primary-800 active:bg-primary-200 transition-colors rounded-ui shadow-shadow-xl group">
2293  <span class="w-10 h-10 bg-primary-900 rounded-full flex items-center justify-center overflow-hidden">
2294        <img src="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/image-pro-link-small.png?twic=v1"
2295         width="40"
2296         height="40"
2297         alt=""
2298         data-twic-src="image:frontend/noza/s-factory/images/image-pro-link-small.png" />
2299      </span>
2300  <span class="flex flex-col items-start justify-center relative flex-1 self-stretch grow">
2301    <span class="relative self-stretch font-heading-desktop font-bold text-primary-800 dark:text-primary-100 leading-1.2">
2302      Vous êtes Professionnel ?    </span>
2303
2304    <span class="relative self-stretch -mt-0.5 text-primary-800 dark:text-primary-100 text-sm leading-[1.3125rem]">
2305      Commandez sur Noza Distribution    </span>
2306  </span>
2307
2308  <span class="inline-flex items-center justify-end gap-2.5 relative self-stretch flex-[0_0_auto] text-primary-800 dark:text-primary-100 group-hover:text-accent transition-colors">
2309    <svg width="20px" height="20px" style="width:20px;height:20px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-top-right" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-arrow-top-right"></use></svg>  </span>
2310</a>                </div>
2311            </div>
2312        </div>
2313        <div class="bg-primary-900 dark:bg-ui-0 py-12">
2314            <div
2315                class="container flex flex-col lg:flex-row gap-9 items-center justify-between">
2316                <div>
2317                    <ul class="text-sm flex flex-wrap justify-center gap-3">
2318                        <li><a href="https://www.planete-sfactory.com/mentions-legales/"
2319                                class="block text-primary-50 dark:text-primary-800 hover:underline">Mentions légales</a>
2320                        </li>
2321                        <li><a href="https://www.planete-sfactory.com/charte_confidentialite/"
2322                                class="block text-primary-50 dark:text-primary-800 hover:underline">Confidentialité</a>
2323                        </li>
2324                        <li><a href="https://www.planete-sfactory.com/conditions-generales-de-vente/"
2325                                class="block text-primary-50 dark:text-primary-800 hover:underline">CGV & CGU</a>
2326                        </li>
2327                        <li><a href="https://www.planete-sfactory.com/conditions-generales-de-vente/"
2328                                class="block text-primary-50 dark:text-primary-800 hover:underline">Politique de remboursement</a>
2329                        </li>
2330                    </ul>
2331                </div>
2332                <div class="flex gap-1 items-center">
2333                    <svg width="35px" height="23px" style="width:35px;height:23px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-mastercard" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-mastercard"></use></svg>                    <svg width="35px" height="23px" style="width:35px;height:23px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-visa" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-visa"></use></svg>                    <svg width="35px" height="23px" style="width:35px;height:23px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-apple-pay" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-apple-pay"></use></svg>                </div>
2334            </div>
2335        </div>
2336    </div>
2337</div>
2338
2339
2340<dialog id="search-dialog" class="search-dialog bg-transparent w-screen h-screen max-w-none max-h-none">
2341  <div class="solrsearch_autocomplete_backdrop absolute inset-0 h-screen curs

2341or-pointer" id="search-backdrop"></div>
2342
2343  <form id="search_mini_form" action="https://www.planete-sfactory.com/catalogsearch/result/" method="get"
2344    class="search-dialog__content flex-1 overflow-hidden">
2345
2346    <div class="relative form-search flex flex-col md:gap-3 h-screen md:p-6">
2347      <div class="flex gap-3 items-center relative">
2348        <div class="relative grow hidden md:block">
2349          <div class="absolute left-3 top-1/2 -translate-y-1/2 text-primary-800 dark:text-white hidden md:block">
2350            <svg width="18px" height="18px" style="width:18px;height:18px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-search"></use></svg>          </div>
2351          <label for="search" class="sr-only">Rechercher :</label>
2352          <input id="search"
2353            type="text"
2354            name="q"
2355            value=""
2356            class="input-text form-input pl-3 md:pl-12 pr-12 py-2.5 text-primary-800 dark:text-white w-full"
2357            maxlength="128"
2358            autocomplete="off"
2359            placeholder="Rechercher" />
2360                  </div>
2361        <button class="btn btn-icon-ui btn-icon-ui--darker absolute right-3 top-3 md:static z-10" id="close-search-btn" type="button" aria-label="Fermer">
2362          <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg>        </button>
2363
2364        <div id="search-loading" class="absolute top-12 right-[8.75rem] hidden">
2365          <img src="https://media.planete-sfactory.com/skin/frontend/noza/s-factory/images/loader.gif?twic=v1"
2366            data-twic-src="image:frontend/noza/s-factory/images/loader.gif"            width="120" height="120" alt="" class="flex-1 relative max-w-6" loading="lazy" />
2367        </div>
2368      </div>
2369
2370      <div id="solrsearch_autocomplete" class="solrsearch-autocomplete flex-1 overflow-auto hidden"></div>
2371      <div id="doofinder_autocomplete" class="doofinder-autocomplete flex-1 overflow-auto hidden"></div>
2372
2373      

2373<script>
2374        (function() {
2375          var cacheResults = {};
2376          var CACHE_MAX_SIZE = 30;
2377          var pendingRequest = null;
2378          var searched = false;
2379          var debounceTimeout = null;
2380
2381          var els = {
2382            dialog: document.getElementById('search-dialog'),
2383            backdrop: document.getElementById('search-backdrop'),
2384            closeBtn: document.getElementById('close-search-btn'),
2385            content: document.querySelector('.search-dialog__content'),
2386            input: document.getElementById('search'),
2387            loading: document.getElementById('search-loading'),
2388            submitBtn: document.getElementById('search-submit-btn'),
2389            autocomplete: document.getElementById('solrsearch_autocomplete'),
2390            doofinder: document.getElementById('doofinder_autocomplete')
2391          };
2392
2393          var IGNORED_KEYS = [9, 13, 16, 17, 18, 20, 37, 38, 39, 40, 91];
2394
2395          function setLoading(isLoading) {
2396            els.loading.classList.toggle('hidden', !isLoading);
2397            els.loading.style.display = isLoading ? 'flex' : '';
2398            if (els.submitBtn) els.submitBtn.classList.toggle('hidden', isLoading);
2399          }
2400
2401          function fetchSuggestions() {
2402            if (pendingRequest) pendingRequest.abort();
2403
2404            var value = els.input.value;
2405            setLoading(true);
2406
2407            if (cacheResults[value]) {
2408              els.autocomplete.innerHTML = cacheResults[value];
2409              setLoading(false);
2410            } else {
2411              pendingRequest = new XMLHttpRequest();
2412              pendingRequest.open('GET', 'https://www.planete-sfactory.com/catalogsearch/ajax/suggest/?q=' + encodeURIComponent(value), true);
2413              pendingRequest.onreadystatechange = function() {
2414                if (pendingRequest.readyState === 4 && pendingRequest.status === 200) {
2415                  cacheResults[value] = pendingRequest.responseText;
2416                  var cacheKeys = Object.keys(cacheResults);
2417                  if (cacheKeys.length > CACHE_MAX_SIZE) {
2418                    delete cacheResults[cacheKeys[0]];
2419                  }
2420                  els.autocomplete.innerHTML = pendingRequest.responseText;
2421                  setLoading(false);
2422                }
2423              };
2424              pendingRequest.send();
2425            }
2426
2427            els.autocomplete.classList.remove('hidden');
2428            els.autocomplete.classList.add('active');
2429            searched = true;
2430          }
2431
2432          function resetAutocomplete() {
2433            els.autocomplete.classList.remove('active');
2434            els.autocomplete.classList.add('hidden');
2435            els.autocomplete.innerHTML = '';
2436            searched = false;
2437          }
2438
2439          function handleKeyup(e) {
2440            setLoading(false);
2441
2442            if (e.keyCode === 27) { closeSearch(); return; }
2443            if (IGNORED_KEYS.indexOf(e.keyCode) !== -1) return;
2444
2445            clearTimeout(debounceTimeout);
2446
2447            if (!els.input.value) { resetAutocomplete(); return; }
2448            if (els.input.value.length >= 2) {
2449              debounceTimeout = setTimeout(fetchSuggestions, 400);
2450            }
2451          }
2452
2453          function openSearch(event) {
2454            if (event && event.detail && event.detail.trusted === false) return;
2455            els.dialog.showModal();
2456            els.input.focus();
2457            document.body.style.overflow = 'hidden';
2458          }
2459
2460          function closeSearch() {
2461            els.backdrop.style.opacity = '0';
2462            els.content.style.opacity = '0';
2463            els.content.style.transform = 'translateY(20px)';
2464
2465            setTimeout(function() {
2466              els.dialog.close();
2467              document.body.style.overflow = '';
2468              setTimeout(function() {
2469                els.backdrop.style.opacity = '';
2470                els.content.style.opacity = '';
2471                els.content.style.transform = '';
2472              }, 100);
2473            }, 300);
2474          }
2475
2476          els.input.addEventListener('keydown', function(e) {
2477            if (e.key === 'Enter' || e.keyCode === 13) {
2478              e.preventDefault();
2479            }
2480          });
2481          els.input.addEventListener('keyup', handleKeyup);
2482          els.closeBtn.addEventListener('click', closeSearch);
2483          els.backdrop.addEventListener('click', closeSearch);
2484          els.dialog.addEventListener('cancel', function(e) { e.preventDefault(); closeSearch(); });
2485          document.addEventListener('openSearch', openSearch);
2486
2487          document.addEventListener('click', function(e) {
2488            var isInsideForm = e.target.closest('#search_mini_form');
2489            els.autocomplete.classList.toggle('hidden', !isInsideForm || !searched);
2490          });
2491
2492          if (els.dialog.open) document.body.style.overflow = 'hidden';
2493
2494          var observer = new MutationObserver(function() {
2495            var dfclassic = document.getElementById('dfclassic');
2496            if (dfclassic && dfclassic.parentNode !== els.doofinder) {
2497              els.doofinder.appendChild(dfclassic);
2498            }
2499            if (!els.dialog.open && document.documentElement.classList.contains('df-fix-layout')) {
2500              document.documentElement.classList.remove('df-fix-layout');
2501            }
2502          });
2503          observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
2504        })();
2505      </script>

2505
2506    </div>
2507  </form>
2508</dialog>

2509<script>
2510    window.LOTTIE_URL = 'https://www.planete-sfactory.com/skin/frontend/noza/s-factory/js/lotties.min.js?version=fd167430';
2511    document.addEventListener('DOMContentLoaded', () => {
2512        document.documentElement.classList.add('loaded');
2513    });
2514</script>

2514            
2515<dialog class="modal-panel" id="minicart" role="alertdialog" x-data="modalPanel()">
2516    <div class="modal-panel__wrapper offcanvas-sheet h-full md:!max-h-screen !max-h-[90vh]">
2517        <div class="modal-panel__header">
2518            <span class="flex items-center gap-2">
2519                Mon panier                <span class="bg-[#A6E83B] text-[#0A3631] rounded-full px-1 pt-px flex items-center justify-center shrink-0 empty:hidden min-w-6 h-6 text-center text-xs"></span>
2520            </span>
2521            <button type="button" class="btn-icon-ui btn-icon-ui--darker" @click="closeModal()" title="Fermer">
2522                <svg width="24px" height="24px" style="width:24px;height:24px" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg>            </button>
2523        </div>
2524        <div class="modal-panel__content modal-panel__content--full flex flex-col">
2525
2526            <div class="flex-1 overflow-auto p-3.75">
2527                                                    <p class="empty bg-ui-0 px-3.75 py-4.5 rounded-ui text-center">
2528                        <span class="text-primary-800 text-xl font-semibold">Votre panier est super vide</span><br>
2529                        <span class="text-primary-700">Et c’est super triste</span>
2530                    </p>
2531                            </div>
2532
2533            <div class="bg-ui-0 p-3.75 flex flex-col gap-3.75">
2534
2535                
2536                            </div>
2537        </div>
2538    </div>
2539</dialog>                        <div id="wc-overlay" class="wc-overlay"><div class="wc-overlay-loading"></div></div>

2539<script type="text/javascript">
2540var _spmq = {"user":null,"id_product":"","id_category":"","id_manufacturer":"","spm_ident":"OslpJmg6","id_cart":null};
2541_spmq.url = window.location.href;
2542
2543window.SpmCartConfig = {
2544    dataUrl: "https:\/\/www.planete-sfactory.com\/shopimind\/cart\/data\/",
2545    csUrl: "https:\/\/v2.app-spm.com\/cs"};
2546
2547(function() {
2548    var spm = document.createElement('script');
2549    spm.type = 'text/javascript';
2550    spm.async = true;
2551    spm.src = 'https://v2.app-spm.com/v5.js?id_product=&id_category=&id_manufacturer=&spm_ident=OslpJmg6&url=' + encodeURIComponent(window.location.href);
2552    var s_spm = document.getElementsByTagName('script')[0];
2553    s_spm.parentNode.insertBefore(spm, s_spm);
2554})();
2555</script>
vendor: 1 bytes, line 2555
2555

2556<script type="text/javascript" src="https://www.planete-sfactory.com/skin/frontend/base/default/shopimind/spm-cart.js?version=fd167430" async></script>

2556
2557<!-- 68c67d2a29095a0d4555cca2c6214677 --><div id="lf_cookie_msg" style="display:none;" class="flex flex-col md:flex-row items-center justify-center gap-4 fixed bottom-0 left-0 right-0 p-4 bg-[#464646] text-white z-[999999999]">
2558    <p>En poursuivant votre navigation, vous acceptez l'utilisation des cookies pour disposer de services et d'offres adaptés à vos centres d'intérêts.</p>
2559    <a href="javascript:void(0)"
2560        aria-label="Fermer le message des cookies"
2561        onclick="document.cookie='cnil_cookie=1; expires=Mon, 1 Mar 2100 00:00:00 UTC; path=/';$('lf_cookie_msg').hide();"
2562        id="lf_cookie_close"
2563        class="flex items-center justify-center bg-[#C0C0C0] hover:bg-[#B2B2B2] text-black rounded-full p-2.5 md:p-1 w-full md:w-auto">
2564        <span class="sr-only md:not-sr-only"><svg class="text-black" width="1.2rem" height="1.2rem" style="width:1.2rem;height:1.2rem" aria-hidden="true" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink"><use href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close" xlink:href="https://www.planete-sfactory.com/skin/frontend/noza/s-factory/images/icons/sprite.svg#icon-close"></use></svg></span>
2565        <span class="md:sr-only font-semibold">Fermer</span>
2566    </a>
2567</div>

2568<script type="text/javascript">
2569    function getCookie(name) {
2570        var value = "; " + document.cookie;
2571        var parts = value.split("; " + name + "=");
2572        if (parts.length == 2) return parts.pop().split(";").shift();
2573    }
2574    if (!getCookie('cnil_cookie')) {
2575        $('lf_cookie_msg').show();
2576    }
2577</script>

2577<!-- 84f2121adec4e8313ed00426105d799d -->

2577<script>
2578    document.addEventListener('alpine:init', () => {
2579        /**
2580         * Base function for slider swipe functionality
2581         * @private
2582         */
2583        function _sliderSwipeBase() {
2584            return {
2585                track: null,
2586                dragScroller: null,
2587                itemStep: 0,
2588                maxScroll: 0,
2589                _resizeFrame: null,
2590                _metricsFrame: null,
2591                _resizeObserver: null,
2592                _itemResizeObserver: null,
2593                _mutationObserver: null,
2594                _trackGap: null,
2595                _trackClientWidth: 0,
2596                _firstItem: null,
2597                _firstItemWidth: 0,
2598                _needsMaxScroll: false,
2599                _maxScrollDirty: true,
2600                _lastTrackClientWidth: null,
2601                _lastTrackScrollWidth: null,
2602                _lastItemWidth: null,
2603                _getFirstItem() {
2604                    if (!this.track) return null;
2605                    return this.track.querySelector('.item') || this.track.children[0] || null;
2606                },
2607                _observeFirstItem() {
2608                    if (typeof window.ResizeObserver !== 'function' || !this.track) return;
2609                    const firstItem = this._getFirstItem();
2610                    if (this._firstItem === firstItem && this._itemResizeObserver) {
2611                        return;
2612                    }
2613                    if (this._itemResizeObserver) {
2614                        this._itemResizeObserver.disconnect();
2615                        this._itemResizeObserver = null;
2616                    }
2617                    this._firstItem = firstItem;
2618                    if (!firstItem) return;
2619                    this._itemResizeObserver = new window.ResizeObserver((entries) => {
2620                        const entry = entries && entries[0];
2621                        if (!entry) return;
2622                        this._firstItemWidth = entry.contentRect ? entry.contentRect.width : 0;
2623                        this._maxScrollDirty = true;
2624                        this._scheduleMetricsUpdate(false);
2625                    });
2626                    this._itemResizeObserver.observe(firstItem);
2627                },
2628                _initDragScroller() {
2629                    this.track = this.$refs.sliderTrack || this.$refs.track || this.$el;
2630                    if (!this.track) {
2631                        return false;
2632                    }
2633                    if (typeof window.ResizeObserver === 'function' && !this._resizeObserver) {
2634                        this._resizeObserver = new window.ResizeObserver((entries) => {
2635                            const entry = entries && entries[0];
2636                            if (!entry) return;
2637                            this._trackClientWidth = entry.contentRect ? entry.contentRect.width : 0;
2638                            this._maxScrollDirty = true;
2639                            this._scheduleMetricsUpdate(false);
2640                        });
2641                        this._resizeObserver.observe(this.track);
2642                    }
2643                    if (typeof window.MutationObserver === 'function' && !this._mutationObserver) {
2644                        this._mutationObserver = new window.MutationObserver(() => {
2645                            this._observeFirstItem();
2646                            this._maxScrollDirty = true;
2647                            this._scheduleMetricsUpdate(false);
2648                        });
2649                        this._mutationObserver.observe(this.track, {
2650                            childList: true,
2651                            subtree: false
2652                        });
2653                    }
2654                    this._observeFirstItem();
2655                    this._scheduleMetricsUpdate(false);
2656                    if (window.matchMedia('(pointer: coarse)').matches) {
2657                        return true;
2658                    }
2659                    if (typeof DragScroller === 'undefined') {
2660                        console.warn('DragScroller is not loaded');
2661                        return false;
2662                    }
2663                    if (this.track && !this.track.hasAttribute('data-touch-emulator')) {
2664                        this.track.setAttribute('data-touch-emulator', '');
2665                    }
2666                    this.dragScroller = new DragScroller(this.track);
2667                    return true;
2668                },
2669                next() {
2670                    if (!this.track) return;
2671                    if (this.dragScroller) {
2672                        this.dragScroller.next();
2673                        return;
2674                    }
2675                    const { step, maxScroll } = this._getScrollMetrics();
2676                    if (step <= 0 || maxScroll <= 0) return;
2677                    const target = Math.min(this.track.scrollLeft + step, maxScroll);
2678                    this._scrollToLeft(target, 'smooth');
2679                },
2680                prev() {
2681                    if (!this.track) return;
2682                    if (this.dragScroller) {
2683                        this.dragScroller.prev();
2684                        return;
2685                    }
2686                    const { step } = this._getScrollMetrics();
2687                    if (step <= 0) return;
2688                    const target = Math.max(this.track.scrollLeft - step, 0);
2689                    this._scrollToLeft(target, 'smooth');
2690                },
2691                _getScrollMetrics() {
2692                    if (!this.track) {
2693                        return { step: 0, maxScroll: 0 };
2694                    }
2695                    const item = this._getFirstItem();
2696                    if (!item) {
2697                        return { step: 0, maxScroll: 0 };
2698                    }
2699                    if (this._trackGap === null) {
2700                        const style = window.getComputedStyle(this.track);
2701                        this._trackGap = parseFloat(style.columnGap || style.gap || '0') || 0;
2702                    }
2703                    const gap = this._trackGap || 0;
2704                    const step = item.offsetWidth + gap;
2705                    const maxScroll = Math.max(0, this.track.scrollWidth - this.track.clientWidth);
2706                    return { step, maxScroll };
2707                },
2708                _scrollToLeft(left, behavior = 'auto') {
2709                    if (!this.track) return;
2710                    if (behavior === 'auto') {
2711                        this.track.scrollLeft = left;
2712                        return;
2713                    }
2714                    if (typeof this.track.scrollTo === 'function') {
2715                        this.track.scrollTo({
2716                            left,
2717                            behavior
2718                        });
2719                        return;
2720                    }
2721                    this.track.scrollLeft = left;
2722                },
2723                _scheduleMetricsUpdate(force = false) {
2724                    if (this._metricsFrame) return;
2725                    this._metricsFrame = window.requestAnimationFrame(() => {
2726                        this._metricsFrame = null;
2727                        this._updateMetrics(force);
2728                    });
2729                },
2730                _updateMetrics(force = false) {
2731                    if (!this.track) return;
2732
2733                    let trackClientWidth = this._trackClientWidth || 0;

2734                    if (!trackClientWidth) {
2735                        trackClientWidth = this.track.clientWidth || 0;
2736                        if (trackClientWidth) {
2737                            this._trackClientWidth = trackClientWidth;
2738                        }
2739                    }
2740
2741                    if (!trackClientWidth) return;
2742
2743                    if (this._trackGap === null) {
2744                        const style = window.getComputedStyle(this.track);
2745                        this._trackGap = parseFloat(style.columnGap || style.gap || '0') || 0;
2746                    }
2747
2748                    let itemWidth = this._firstItemWidth || 0;
2749                    if (!itemWidth) {
2750                        const fi = this._getFirstItem();
2751                        if (fi) {
2752                            itemWidth = fi.getBoundingClientRect().width;
2753                            this._firstItemWidth = itemWidth;
2754                        }
2755                    }
2756                    const gap = this._trackGap || 0;
2757                    const shouldUpdateBaseMetrics = force
2758                        || this._lastTrackClientWidth !== trackClientWidth
2759                        || this._lastItemWidth !== itemWidth;
2760
2761                    if (shouldUpdateBaseMetrics) {
2762                        this.itemStep = itemWidth + gap;
2763                        this._lastTrackClientWidth = trackClientWidth;
2764                        this._lastItemWidth = itemWidth;
2765                    }
2766                    if (!this._needsMaxScroll) return;
2767                    if (!force && !this._maxScrollDirty && !shouldUpdateBaseMetrics) return;
2768
2769                    const trackScrollWidth = this.track.scrollWidth;
2770                    if (!force && this._lastTrackScrollWidth === trackScrollWidth && !shouldUpdateBaseMetrics) return;
2771
2772                    this._lastTrackScrollWidth = trackScrollWidth;
2773                    this.maxScroll = Math.max(0, trackScrollWidth - trackClientWidth);
2774                    this._maxScrollDirty = false;
2775                },
2776                _updateScrollableBounds() {
2777                    if (!this.track) return;
2778                    this._scheduleMetricsUpdate(false);
2779                },
2780                _destroyDragScroller() {
2781                    if (this.track && this.track.hasAttribute('data-touch-emulator')) {
2782                        this.track.removeAttribute('data-touch-emulator');
2783                    }
2784                    if (this.dragScroller) {
2785                        this.dragScroller.destroy();
2786                        this.dragScroller = null;
2787                    }
2788                    if (this._resizeFrame) {
2789                        window.cancelAnimationFrame(this._resizeFrame);
2790                        this._resizeFrame = null;
2791                    }
2792                    if (this._metricsFrame) {
2793                        window.cancelAnimationFrame(this._metricsFrame);
2794                        this._metricsFrame = null;
2795                    }
2796                    if (this._resizeObserver) {
2797                        this._resizeObserver.disconnect();
2798                        this._resizeObserver = null;
2799                    }
2800                    if (this._itemResizeObserver) {
2801                        this._itemResizeObserver.disconnect();
2802                        this._itemResizeObserver = null;
2803                    }
2804                    if (this._mutationObserver) {
2805                        this._mutationObserver.disconnect();
2806                        this._mutationObserver = null;
2807                    }
2808                    this._trackGap = null;
2809                    this._trackClientWidth = 0;
2810                    this._firstItem = null;
2811                    this._firstItemWidth = 0;
2812                    this._needsMaxScroll = false;
2813                    this._maxScrollDirty = true;
2814                    this._lastTrackClientWidth = null;
2815                    this._lastTrackScrollWidth = null;
2816                    this._lastItemWidth = null;
2817                },
2818                resize() {
2819                    if (!this.track) {
2820                        this._initDragScroller();
2821                        return;
2822                    }
2823                    if (this._resizeFrame) {
2824                        window.cancelAnimationFrame(this._resizeFrame);
2825                    }
2826                    this._resizeFrame = window.requestAnimationFrame(() => {
2827                        this._resizeFrame = null;
2828                        this._trackGap = null;
2829                        this._scheduleMetricsUpdate(false);
2830                    });
2831                }
2832            };
2833        }
2834
2835        /**
2836         * sliderSwipe - Desktop drag slider with interactive elements support
2837         * Uses DragScroller from touch-emulator.js for drag handling
2838         *
2839         * Available data attributes:
2840         * - data-drag-safe="true"      : Disables drag, click always works (use for nav buttons)
2841         * - data-drag-draggable="true" : Enables drag on links <a>, click works if no movement
2842         *                                Must be combined with draggable="false" on the element
2843         *
2844         * Default behavior:
2845         * - Links <a> without attributes    : No drag, click always works
2846         * - Buttons/elements without attrs  : Drag enabled, click works if no movement
2847         *
2848         * Required ref: x-ref="sliderTrack" on the scrollable container
2849         *
2850         * Example:
2851         * <div x-data="sliderSwipe()">
2852         *     <button data-drag-safe="true" @click="prev()">Prev</button>
2853         *     <div x-ref="sliderTrack" class="flex overflow-auto">
2854         *         <a href="..." data-drag-draggable="true" draggable="false">Draggable link</a>
2855         *         <a href="...">Standard link (no drag)</a>
2856         *         <button @click="...">Draggable button</button>

2857         *     </div>
2858         * </div>
2859         */
2860        Alpine.data("sliderSwipe", () => ({
2861            ..._sliderSwipeBase(),
2862            init() {
2863                this._initDragScroller();
2864            },
2865            destroy() {
2866                this._destroyDragScroller();
2867            }
2868        }));
2869
2870        /**
2871         * sliderSwipeAuto - Extends sliderSwipe with auto-slide functionality
2872         * 
2873         * @param {number} interval - Auto-slide interval in ms (default: 5000)
2874         * @param {boolean} pauseOnHover - Pause auto-slide on hover (default: true)
2875         * 
2876         * Example:
2877         * <div x-data="sliderSwipeAuto(7000)">
2878         *     <div x-ref="sliderTrack" class="flex overflow-auto">...</div>
2879         * </div>
2880         */
2881        Alpine.data("sliderSwipeAuto", (interval = 5000, pauseOnHover = true) => ({
2882            ..._sliderSwipeBase(),
2883            autoSlideInterval: null,
2884            autoSlideDelay: interval,
2885            isPaused: false,
2886            isInViewport: true,
2887            _pauseHandler: null,
2888            _resumeHandler: null,
2889            _visibilityHandler: null,
2890            _intersectionObserver: null,
2891            init() {
2892                this._needsMaxScroll = true;
2893                if (!this._initDragScroller()) return;
2894
2895                if (this.autoSlideDelay > 0) {
2896                    this._setupAutoSlideVisibility();
2897                    this.startAutoSlide();
2898
2899                    if (pauseOnHover) {
2900                        this._pauseHandler = () => this.pauseAutoSlide();
2901                        this._resumeHandler = () => this.resumeAutoSlide();
2902                        this.track.addEventListener('mouseenter', this._pauseHandler);
2903                        this.track.addEventListener('mouseleave', this._resumeHandler);
2904                        this.track.addEventListener('touchstart', this._pauseHandler, { passive: true });
2905                        this.track.addEventListener('touchend', this._resumeHandler, { passive: true });
2906                    }
2907                }
2908            },
2909            startAutoSlide() {
2910                this.stopAutoSlide();
2911                if (this.autoSlideDelay <= 0) return;
2912
2913                this.autoSlideInterval = setInterval(() => {
2914                    if (this.isPaused || !this.isInViewport || document.hidden) return;
2915                    this._autoSlideNext();
2916                }, this.autoSlideDelay);
2917            },
2918            stopAutoSlide() {
2919                if (this.autoSlideInterval) {
2920                    clearInterval(this.autoSlideInterval);
2921                    this.autoSlideInterval = null;
2922                }
2923            },
2924            pauseAutoSlide() {
2925                this.isPaused = true;
2926            },
2927            resumeAutoSlide() {
2928                this.isPaused = false;
2929            },
2930            _setupAutoSlideVisibility() {
2931                this._visibilityHandler = () => {
2932                    if (document.hidden) {
2933                        this.pauseAutoSlide();
2934                        return;
2935                    }
2936                    this.resumeAutoSlide();
2937                };
2938                document.addEventListener('visibilitychange', this._visibilityHandler);
2939
2940                if (typeof window.IntersectionObserver !== 'function' || !this.track) {
2941                    this.isInViewport = true;
2942                    return;
2943                }
2944
2945                this._intersectionObserver = new window.IntersectionObserver((entries) => {
2946                    const entry = entries && entries[0];
2947                    if (!entry) return;
2948                    this.isInViewport = entry.isIntersecting;
2949                }, {
2950                    threshold: 0.1
2951                });
2952                this._intersectionObserver.observe(this.track);
2953            },
2954            _autoSlideNext() {
2955                if (!this.track) return;
2956                const { step, maxScroll } = this._getScrollMetrics();
2957                if (maxScroll <= 0 || step <= 0) return;
2958                const isAtEnd = this.track.scrollLeft >= maxScroll - 10;
2959
2960                if (isAtEnd) {
2961                    this._scrollToLeft(0, 'auto');
2962                } else {
2963                    this._scrollToLeft(Math.min(this.track.scrollLeft + step, maxScroll), 'auto');
2964                }
2965            },
2966            destroy() {
2967                this.stopAutoSlide();
2968                if (this.track && this._pauseHandler) {
2969                    this.track.removeEventListener('mouseenter', this._pauseHandler);
2970                    this.track.removeEventListener('mouseleave', this._resumeHandler);
2971                    this.track.removeEventListener('touchstart', this._pauseHandler);
2972                    this.track.removeEventListener('touchend', this._resumeHandler);
2973                    this._pauseHandler = null;
2974                    this._resumeHandler = null;
2975                }
2976                if (this._visibilityHandler) {
2977                    document.removeEventListener('visibilitychange', this._visibilityHandler);
2978                    this._visibilityHandler = null;
2979                }
2980                if (this._intersectionObserver) {
2981                    this._intersectionObserver.disconnect();
2982                    this._intersectionObserver = null;
2983                }
2984                this._destroyDragScroller();
2985            }
2986        }));
2987
2988        Alpine.data("inputLabelMove", () => ({
2989            showPassword: null,
2990            _moveLabelHandler: null,
2991            init() {
2992                this._moveLabelHandler = this.moveLabel.bind(this);
2993                let elements = this.$el.querySelectorAll('input, select, textarea');

2994                elements.forEach(element => {
2995                    element.addEventListener('focusin', this._moveLabelHandler);
2996                    element.addEventListener('focusout', this._moveLabelHandler);
2997                    element.addEventListener('input', this._moveLabelHandler);
2998                });
2999                this.moveLabel();
3000            },
3001            destroy() {
3002                if (this._moveLabelHandler) {
3003                    const elements = this.$el.querySelectorAll('input, select, textarea');
3004                    elements.forEach(element => {
3005                        element.removeEventListener('focusin', this._moveLabelHandler);
3006                        element.removeEventListener('focusout', this._moveLabelHandler);
3007                        element.removeEventListener('input', this._moveLabelHandler);
3008                    });
3009                    this._moveLabelHandler = null;
3010                }
3011            },
3012            moveLabel() {
3013                let elements = this.$el.querySelectorAll('input, select, textarea');
3014                elements.forEach(element => {
3015                    if (element.value.length > 0 || document.activeElement === element) {
3016                        this.$el.classList.add('label-moved');
3017                    } else {
3018                        this.$el.classList.remove('label-moved');
3019                    }
3020                    if (element.tagName.toLowerCase() === 'select' && element.value.length > 0) {
3021                        element.previousElementSibling.style.display = 'none';
3022                        element.classList.add('font-bold');
3023                    } else if (element.tagName.toLowerCase() === 'select') {
3024                        element.previousElementSibling.style.display = '';
3025                        element.classList.add('font-bold');
3026                    }
3027                });
3028            },
3029            togglePasswordVisibility() {
3030                const passwordInput = this.$refs.passwordInput;
3031                if (passwordInput.type === 'password') {
3032                    this.showPassword = true;
3033                    passwordInput.type = 'text';
3034                } else {
3035                    this.showPassword = false;
3036                    passwordInput.type = 'password';
3037                }
3038            }
3039        }));
3040    });
3041</script>

3041        </div>
3042    </div>
3043    

3043<script type="text/javascript">(function(){d=document;s=d.createElement("script");s.src="https://sitegpt.ai/widget/380722378193240656.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>

3043</body>
3044
3045</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.