<!doctype html><html lang="fr"><head ><meta charset="utf-8"/>
<meta name="title" content="adopt parfums : parfums, soin visage et corps et maquillage"/>
<meta name="description" content="Plus de 150 parfums pour femmes, hommes créés et fabriqués en France, des soins parfumés, et du makeup renouvelés au gré des saisons ! Paiement sécurisé et envoi rapide."/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>adopt parfums : parfums, soin visage et corps et maquillage</title>
<link rel="stylesheet" type="text/css" media="all" href="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/css/styles.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/PixelOpen_CloudflareTurnstile/css/turnstile.min.css" />
<script type="text/javascript" defer="defer" src="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Adopt_Theme/js/custom.min.js"></script>
<link rel="icon" type="image/x-icon" href="https://www.adopt.com/media/favicon/stores/1/Icone_Colibri_sans_cercle.png" />
<link rel="shortcut icon" type="image/x-icon" href="https://www.adopt.com/media/favicon/stores/1/Icone_Colibri_sans_cercle.png" />
<meta name="Language" content="fr" />
<meta name="google-site-verification" content="Y7fyVhWivEnPEQCoyS6R4v_jd_8wMxgoovmMebop1go" />
<meta name="p:domain_verify" content="7224cec78813b4315f2f4778b06855a9"/>
<!-- Magento -->
<!--f7a2752ec384f2f093b8b272aec6d10d-->
<link rel="dns-prefetch" href="https://use.typekit.net/">
<link rel="dns-prefetch" href="https://connect.facebook.net/">
<link rel="dns-prefetch" href="https://fonts.gstatic.com/">
<link rel="dns-prefetch" href="https://googleads.g.doubleclick.net/">
<link rel="dns-prefetch" href="https://i.ytimg.com/">
<link rel="dns-prefetch" href="https://p.typekit.net/">
<link rel="dns-prefetch" href="https://static.doubleclick.net/">
<link rel="dns-prefetch" href="https://www.facebook.com/">
<link rel="dns-prefetch" href="https://www.google.com/">
<link rel="dns-prefetch" href="https://www.google-analytics.com/">
<link rel="dns-prefetch" href="https://www.googletagmanager.com/">
<link rel="dns-prefetch" href="https://www.gstatic.com/">
<link rel="dns-prefetch" href="https://www.paypal.com/">
<link rel="dns-prefetch" href="https://www.paypalobjects.com/">
<link rel="dns-prefetch" href="https://www.youtube.com/">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2">
<link rel="prefetch" href="https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2">
<link rel="prefetch" href="https://use.typekit.net/aja0eqx.css">
<link href="https://www.googletagmanager.com/gtag/js?id=GTM-T7L2CFJ" rel="preload" as="script">
<link rel="dns-prefetch" href="https://www.googletagmanager.com/"> <div x-data="initNostoElements()" x-init="dispatchNostoInitEvent()"></div><script>
"use strict";
function initNostoElements() {
return {
nostoInitCount: 0,
dispatchNostoInitEvent() {
const self = this;
setTimeout(function() {
self.nostoInitCount++;
if (typeof nostojs === 'function') {
window.dispatchEvent(
new CustomEvent('nosto-init')
);
} else if (self.nostoInitCount <= 50) {
self.dispatchNostoInitEvent();
}
}, 50);
}
}
}</script> <!-- Google Tag Manager --><script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://superplus.adopt.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T7L2CFJ');</script> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://superplus.adopt.com/ns.html?id=GTM-T7L2CFJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <link rel="alternate" id="alternate-url-fr" hreflang="fr-fr" href="https://www.adopt.com/fr" /> <link rel="alternate" id="alternate-url-en" hreflang="en-gb" href="https://www.adopt.com/en" /> <link rel="alternate" id="alternate-url-es" hreflang="es-es" href="https://www.adopt.com/es" /> <link rel="alternate" id="alternate-url-be-fr" hreflang="fr-be" href="https://www.adopt.com/be-fr" /> <link rel="alternate" id="alternate-url-be-nl" hreflang="nl-be" href="https://www.adopt.com/be-nl" /> <link rel="alternate" id="alternate-url-fr" hreflang="x-default" href="https://www.adopt.com/fr" /> <script>
var BASE_URL = 'https://www.adopt.com/fr' + '/';
var THEME_PATH = 'https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".www.adopt.com",
"secure": false,
"lifetime": "2592000",
"cookie_restriction_enabled": false };
var CURRENT_STORE_CODE = 'fr';
var CURRENT_WEBSITE_ID = '1';
window.hyva = window.hyva || {}
window.cookie_consent_groups = window.cookie_consent_groups || {}
window.cookie_consent_groups['necessary'] = true;
window.cookie_consent_config = window.cookie_consent_config || {};
window.cookie_consent_config['necessary'] = [].concat(
window.cookie_consent_config['necessary'] || [],
[
'user_allowed_save_cookie',
'form_key',
'mage-messages',
'private_content_version',
'mage-cache-sessid',
'last_visited_store',
'section_data_ids'
]
);</script> <script>
'use strict';
(function( hyva, undefined ) {
function lifetimeToExpires(options, defaults) {
const lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
const date = new Date;
date.setTime(date.getTime() + lifetime * 1000);
return date;
}
return null;
}
function generateRandomString() {
const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
length = 16;
let formKey = '',
charactersLength = allowedCharacters.length;
for (let i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
const sessionCookieMarker = {noLifetime: true}
const cookieTempStorage = {};
const internalCookie = {
get(name) {
const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return v ? v[2] : null;
},
set(name, value, days, skipSetDomain) {
let expires,
path,
domain,
secure,
samesite;
const defaultCookieConfig = {
expires: null,
path: '/',
domain: null,
secure: false,
lifetime: null,
samesite: 'lax'
};
const cookieConfig = window.COOKIE_CONFIG || {};
expires = days && days !== sessionCookieMarker
? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
: lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
path = cookieConfig.path || defaultCookieConfig.path;
domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
secure = cookieConfig.secure || defaultCookieConfig.secure;
samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
document.cookie = name + "=" + encodeURIComponent(value) +
(expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
(path ? '; path=' + path : '') +
(domain ? '; domain=' + domain : '') +
(secure ? '; secure' : '') +
(samesite ? '; samesite=' + samesite : 'lax');
},
isWebsiteAllowedToSaveCookie() {
const allowedCookies = this.get('user_allowed_save_cookie');
if (allowedCookies) {
const allowedWebsites = JSON.parse(unescape(allowedCookies));
return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
}
return false;
},
getGroupByCookieName(name) {
const cookieConsentConfig = window.cookie_consent_config || {};
let group = null;
for (let prop in cookieConsentConfig) {
if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
if (cookieConsentConfig[prop].includes(name)) {
group = prop;
break;
}
}
return group;
},
isCookieAllowed(name) {
const cookieGroup = this.getGroupByCookieName(name);
return cookieGroup
? window.cookie_consent_groups[cookieGroup]
: this.isWebsiteAllowedToSaveCookie();
},
saveTempStorageCookies() {
for (const [name, data] of Object.entries(cookieTempStorage)) {
if (this.isCookieAllowed(name)) {
this.set(name, data['value'], data['days'], data['skipSetDomain']);
delete cookieTempStorage[name];
}
}
}
};
hyva.getCookie = (name) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
}
return internalCookie.get(name);
}
hyva.setCookie = (name, value, days, skipSetDomain) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
cookieTempStorage[name] = {value, days, skipSetDomain};
return;
}
return internalCookie.set(name, value, days, skipSetDomain);
}
hyva.setSessionCookie = (name, value, skipSetDomain) => {
return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
}
hyva.getBrowserStorage = () => {
const browserStorage = window.localStorage || window.sessionStorage;
if (!browserStorage) {
console.warn('Browser Storage is unavailable');
return false;
}
try {
browserStorage.setItem('storage_test', '1');
browserStorage.removeItem('storage_test');
} catch (error) {
console.warn('Browser Storage is not accessible', error);
return false;
}
return browserStorage;
}
hyva.postForm = (postParams) => {
const form = document.createElement("form");
let data = postParams.data;
if (! postParams.skipUenc && ! data.uenc) {
data.uenc = btoa(window.location.href);
}
form.method = "POST";
form.action = postParams.action;
Object.keys(postParams.data).map(key => {
const field = document.createElement("input");
field.type = 'hidden'
field.value = postParams.data[key];
field.name = key;
form.appendChild(field);
});
const form_key = document.createElement("input");
form_key.type = 'hidden';
form_key.value = hyva.getFormKey();
form_key.name="form_key";
form.appendChild(form_key);
document.body.appendChild(form);
form.submit();
}
hyva.getFormKey = function () {
let formKey = hyva.getCookie('form_key');
if (!formKey) {
formKey = generateRandomString();
hyva.setCookie('form_key', formKey);
}
return formKey;
}
hyva.formatPrice = (value, showSign, options = {}) => {
const formatter = new Intl.NumberFormat(
'fr\u002DFR',
Object.assign({
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? 'always' : 'auto'
}, options)
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '\u20AC' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
const formatStr = function (str, nStart) {
const args = Array.from(arguments).slice(2);
return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
const idx = parseInt(n) - nStart;
if (args[idx] === null || args[idx] === void 0) {
return m;
}
return p.length % 2
? p.slice(0, -1).replace('%%', '%') + args[idx]
: p.replace('%%', '%') + n;
})
}
hyva.str = function (string) {
const args = Array.from(arguments);
args.splice(1, 0, 1);
return formatStr.apply(undefined, args);
}
hyva.strf = function () {
const args = Array.from(arguments);
args.splice(1, 0, 0);
return formatStr.apply(undefined, args);
}
/**
* Take a html string as `content` parameter and
* extract an element from the DOM to replace in
* the current page under the same selector,
* defined by `targetSelector`
*/
hyva.replaceDomElement = (targetSelector, content) => {
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
if (!contentNode) {
return;
}
hyva.activateScripts(contentNode)
document.querySelector(targetSelector).replaceWith(contentNode);
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
hyva.activateScripts = (contentNode) => {
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
scripts[i].parentNode.removeChild(scripts[i]);
}
}
return contentNode;
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
let currentTrap;
const focusableElements = (rootElement) => {
const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
return Array.from(rootElement.querySelectorAll(selector))
.filter(el => {
return el.style.display !== 'none'
&& !el.disabled
&& el.tabIndex !== -1
&& (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
})
}
const focusTrap = (e) => {
const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
if (!isTabPressed) return;
const focusable = focusableElements(currentTrap)
const firstFocusableElement = focusable[0]
const lastFocusableElement = focusable[focusable.length - 1]
e.shiftKey
? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
: document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
};
hyva.releaseFocus = (rootElement) => {
if (currentTrap && (!rootElement || rootElement === currentTrap)) {
currentTrap.removeEventListener('keydown', focusTrap)
currentTrap = null
}
}
hyva.trapFocus = (rootElement) => {
if (!rootElement) return;
hyva.releaseFocus()
currentTrap = rootElement
rootElement.addEventListener('keydown', focusTrap)
const firstElement = focusableElements(rootElement)[0]
firstElement && firstElement.focus()
}
hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));</script> <script>
if (!window.IntersectionObserver) {
window.IntersectionObserver = function (callback) {
this.observe = el => el && callback(this.takeRecords());
this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
this.disconnect = () => {};
this.unobserve = () => {};
}
}</script> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.adopt.com/fr/home"> <meta property="og:title" content="adopt parfums : parfums, soin visage et corps et maquillage"> <meta property="og:description" content="Plus de 150 parfums pour femmes, hommes créés et fabriqués en France, des soins parfumés, et du makeup renouvelés au gré des saisons ! Paiement sécurisé et envoi rapide."> <!-- Nosto Meta Tags --><meta name="nosto-version" content="7.5.0"><meta name="nosto-language" content="fr"></head><body class="website-base cms-home page-layout-1column cms-index-index page-layout-cms-full-width" id="html-body"> <script>
"use strict";
function initGenericEventDatalayer() {
return {
browsingData: false,
initGenericEvent(data) {
if (data['browsing-data']) {
this.browsingData = data['browsing-data'];
const pageTemplate = this.getPageCodeFromController();
const userNewCustomer = this.getIsNewCustomer(pageTemplate, this.browsingData.order_count);
window.dataLayer?.push({
'event': 'generic',
'env_country': this.browsingData.env_country,
'env_currency': this.browsingData.env_currency,
'env_language': this.browsingData.env_language,
'env_template': pageTemplate,
'cvar_template': pageTemplate,
'env_work': this.browsingData.env_work,
'env_version': 'desktop',
'page_cat1_id': '',
'page_cat1_name': '',
'page_cat2_id': '',
'page_cat2_name': '',
'page_cat3_id': '',
'page_cat3_name': '',
'page_content_type': '',
'page_name': window.location.pathname,
'user_logged': this.browsingData.user_logged,
'locale': this.browsingData.locale,
'user_id': this.browsingData.user_id,
'purchase_history': this.browsingData.purchase_history,
'user_gender': this.browsingData.user_gender,
'user_age': this.browsingData.user_age,
'userEmailHash': this.browsingData.userEmailHash,
'userEmailSH1': this.browsingData.userEmailSH1,
'user_identification_tool': this.browsingData.user_identification_tool,
'user_isnew': this.browsingData.user_isnew,
'user_newcustomer': userNewCustomer,
'utilisateurspread': this.browsingData.utilisateurspread,
'customerEmail': this.browsingData.customerEmail,
'customerEmailSHA256': this.browsingData.customerEmailSHA256,
'phoneNumber': this.browsingData.phoneNumber,
'phoneNumberSHA256': this.browsingData.phoneNumberSHA256,
'customerName': this.browsingData.customerName,
'customerNameSHA256': this.browsingData.customerNameSHA256,
'customerLastname': this.browsingData.customerLastname,
'customerLastnameSHA256': this.browsingData.customerLastnameSHA256,
'customerBirthday': this.browsingData.customerBirthday,
'customerBirthdaySHA256': this.browsingData.customerBirthdaySHA256,
'userGender': '',
'userGenderSHA256': '',
'customerCountry': this.browsingData.customerCountry,
'customerCountrySHA256': this.browsingData.customerCountrySHA256,
'customerCity': this.browsingData.customerCity,
'customerCitySHA256': this.browsingData.customerCitySHA256,
'customerStreet': this.browsingData.customerStreet,
'customerStreetSHA256': this.browsingData.customerStreetSHA256,
'customerZipcode': this.browsingData.customerZipcode,
'customerZipcodeSHA256': this.browsingData.customerZipcodeSHA256,
})
}
},
getIsNewCustomer(page, orderCount) {
let isNew = 0;
if (page == 'confirmation_paiement') {
isNew = orderCount > 1 ? 0 : 1;
} else {
isNew = orderCount > 0 ? 0 : 1;
}
return isNew;
},
getPageCodeFromController() {
const bodyClassList = document.body.classList;
const mapping = {
'customer-account-index': 'espace_client',
'sales-order-history': 'espace_client',
'sales-order-view': 'espace_client',
'wishlist-index-index': 'espace_client',
'customer-address-index': 'espace_client',
'customer-address-form': 'espace_client',
'customer-account-edit': 'espace_client',
'review-customer-index': 'espace_client',
'newsletter-manage-index': 'espace_client',
'storelocator-store-search': 'store_locator',
'storelocator-store-view': 'store_locator',
'cms-index-index': 'Homepage',
'catalog-product-view': 'page_produit',
'catalog-category-view': 'page_categorie_produit',
'checkout-cart-index': 'panier',
'checkout-index-index': 'checkout',
'checkout-onepage-success': 'confirmation_paiement',
'catalogsearch-result-index': 'resultat_de_recherche',
};
let pageCode = Object.keys(mapping)
.filter(key => bodyClassList.contains(key))
.reduce((obj, key) => {
obj[key] = mapping[key];
return obj[key];
}, {});
if (Object.keys(pageCode).length === 0) {
pageCode = 'autre';
}
return pageCode;
}
}
}</script><div x-data="initGenericEventDatalayer()" @private-content-loaded.window.once="initGenericEvent($event.detail.data)" ></div><input name="form_key" type="hidden" value="45TjECXQhSUiBPPs" /> <noscript><section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"><div class="container text-center"><p><strong>Javascript est désactivé dans votre navigateur.</strong> <span> Pour une meilleure expérience sur notre site, assurez-vous d’activer JavaScript dans votre navigateur.</span></p></div></section></noscript> <script>
document.body.addEventListener('touchstart', () => {}, {passive: true})</script> <div x-data="initSnackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8()"> <div :class="{ 'hidden': ! show }" id="snackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8" class="snackbar snackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8 w-[360px] h-[84px] md:w-[446px] md:h-[104px] justify-between items-start border-0 m-auto hidden transition transition-all duration-1000 ease-in-out -right-full bottom-16" style="background-image: url('https://adopt.twic.pics/media/wysiwyg/snackbar/snack-bar-wallet.png?twic=v1');box-shadow: 0 29px 42px -15px;background-clip: border-box;background-origin: border-box;background-position-x: 0;background-size: 100%;"> <a @click="sendClickEvent()" href="https://adopt.captainwallet.com/fr_FR/enroll/form?channel=website&tag=snackbar" class="flex flex-col text-white font-primary pl-24 justify-center h-full w-full"> <div class="leading-none"></div></a> <button @click="close()"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="cross" version="1.1" x="0px" y="0px" viewbox="0 0 14 14" enable-background="new 0 0 14 14" xml:space="preserve" class="text-white" width="14" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13L13,1"/>
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M13,13L1,1"/>
<title/></svg>
</button></div></div><script>
setTimeout(animationSnackbar, 1000);
function animationSnackbar() {
document.querySelector('#snackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8').style.right = '20px'; }
function initSnackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8() {
return {
show: false,
dateNow: new Date(),
dateFrom: '2024-10-11 11:52:46',
dateTo: '2024-10-31 00:00:00',
isDateValid: true,
init() {
let cookieValue = hyva.getCookie('snackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8');
let startDate, endDate;
if (this.dateFrom && (startDate = new Date(this.dateFrom))) {
this.isDateValid = this.dateNow >= startDate;
}
if (this.isDateValid && this.dateTo && (endDate = new Date(this.dateTo))) {
this.isDateValid = this.dateNow <= endDate;
}
if (!cookieValue && this.isDateValid) {
this.show = true;
window.dataLayer?.push({
'event': 'Snackbar',
'widget_title': 'Wallet\u0020Octobre',
'action': 'Impression',
});
}
setTimeout(() => {
this.show = false;
}, 10000);
},
sendClickEvent() {
window.dataLayer?.push({
'event': 'Snackbar',
'widget_title': 'Wallet\u0020Octobre',
'action': 'ouverture',
});
},
close() {
hyva.setCookie('snackbar_LyFkb0dIdOeBOtbefjLqMDfaIQDyAro8', 1, 0.2);
window.dataLayer?.push({
'event': 'Snackbar',
'widget_title': 'Wallet\u0020Octobre',
'action': 'fermeture',
});
this.show = false;
},
}
}</script><div class="page-wrapper"><header class="page-header"> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="#contentarea"><span> Allez au contenu</span></a><div class="header promotional"> <div class="block-promotional flex bg-anthracite z-10 max-h-[49.02px]" x-data="initPromotionalHeader()" x-cloak x-init="$el.classList.remove('hidden') ; animate();" ><div class="overflow-hidden flex-1" id="message-promotional-carousel" data-nb-slides="3" ><ul class="flex items-center p-2 md:py-3.75 md:px-0 text-center text-tiny md:text-xxs font-medium text-white min-h-[49.02px] md:min-h-0" :class="{ 'min-h-[49.02px] h-[49.02px] max-h-[49.02px]': !isLoaded }"><li x-show="!isLoaded" style="width: 100% !important;" class="w-full px-5 md:px-7.5"><div class="w-full h-8.5 md:h-3 skeleton-box skeleton-box--discreet"></div></li> <li class="px-8.5 md:px-16 hidden" :class="{ 'hidden': !isLoaded, 'block': isLoaded }"><span @click="clickPromotionalHeaderEvent()"><a href="https://www.adopt.com/fr/livraison-retours">Livraison OFFERTE dès 30€ ! 🚚 </a></span></li> <li class="px-8.5 md:px-16 hidden" :class="{ 'hidden': !isLoaded, 'block': isLoaded }"><span @click="clickPromotionalHeaderEvent()">3 <a href=https://www.adopt.com/fr/parfum/parfum-femme/eau-de-parfum-femme.html?contenance=30+ml>parfums achetés = le 4ème GRATUIT</a></span></li> <li class="px-8.5 md:px-16 hidden" :class="{ 'hidden': !isLoaded, 'block': isLoaded }"><span @click="clickPromotionalHeaderEvent()"><a href=https://www.adopt.com/fr/newsletter/subscriber/index>Inscrivez-vous à notre newsletter et recevez -20% sur votre prochain achat !</a></span></li> </ul></div><div class="flex gap-2 items-center pl-4 md:pr-4 hidden" :class="{ 'hidden': !isLoaded, 'block': isLoaded }" > <div class="review-header text-white flex flex-col md:flex-row gap-1 md:gap-2 items-center pr-5 md:pr-0 shrink-0"><div class="font-medium flex items-center"><span class="text-base leading-none">4.5</span> <span class="text-xs leading-none">/5</span></div><div class="flex items-center gap-0.5 -mt-[3px]"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-white w-2.5 md:w-4 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-white w-2.5 md:w-4 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-white w-2.5 md:w-4 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-white w-2.5 md:w-4 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-half" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" style="enable-background:new 0 0 15 14;" xml:space="preserve" class="text-white w-2.5 md:w-4 h-auto" width="24" height="24" role="img">
<path d="M7.6,10.6L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0L7.6,10.6z" fill="currentColor"/>
<g style="opacity:0.2988;">
<path d="M7.5,0l1.8,5.3H15l-4.6,3.3l1.8,5.3l-4.6-3.3L7.5,0z" fill="currentColor"/>
</g>
<title/></svg>
</div><a href="https://trustville.fr/avis-clients/pc/peruda/parfumerie/adopt_com" target="_blank" rel="noopener noreferrer" class="hidden md:flex text-xxs font-normal text-anthracite-300 flex items-center"><span>(11829)</span></a></div></div></div><script>
function initPromotionalHeader() {
return {
isLoaded: false,
clickPromotionalHeaderEvent() {
window.dataLayer?.push({
'event': 'clicBandeau'
});
},
animate() {
if(window.innerWidth < 640) {
let li;
let nbSlide;
const promotionalBlockWidth = parseFloat(
getComputedStyle(
document.querySelectorAll('#message-promotional-carousel')[0],
null
).width
);
nbSlide = document.querySelectorAll('#message-promotional-carousel')[0].getAttribute('data-nb-slides');
document.querySelectorAll('#message-promotional-carousel ul')[0].style.width = ( nbSlide * 100 ) + '%';
li = document.querySelectorAll('#message-promotional-carousel ul li');
for(let i = 0; i < li.length; i++) {
li[i].style.width = ( 100 / nbSlide ) + '%'
}
setInterval ( function () {
document.querySelectorAll('#message-promotional-carousel ul')[0].animate(
{
marginLeft: -promotionalBlockWidth + 'px'
}, 1200
);
setTimeout ( function () {
let currentTile = document.querySelectorAll('#message-promotional-carousel ul')[0].querySelectorAll('li')[0];
document.querySelectorAll('#message-promotional-carousel ul')[0].appendChild(currentTile.cloneNode(true));
currentTile.remove();
}, 1200)
}, 5000);
} else {
document.querySelector('#message-promotional-carousel').classList.add('js--text-marquee')
}
this.isLoaded = true;
}
}
}</script></div> <script>
function initHeader() {
return {
isLoaded: false,
isMenuBreakpoint: window.innerWidth < 1025,
isScrolled: false,
noSearchOpenMobile: false,
searchOpen: false,
hiddenSearchClasses: ["checkout-cart-index","customer-account-login","customer-account-create","catalog-product-view","smile_store_locator-store-search","cms-diagnostic-olfactif","cms-mw-store-locator","cms-store-locator","cms-l-univers-adopt","cms-the-adopt-universe","cms-mundo-de-adopt","cms-nos-engagements","cms-our-commitments","cms-nuestros-compromisos","cms-filiere-vanille","cms-vanilla-program","cms-programa-vainilla","cms-tendre-iris","cms-the-tendre-iris-project","category-noel-coffret-parfum","category-dia-del-padre","cms-guide-cadeaux-adopt","cms-jeu-de-noel","cms-juedo-de-navidad","cms-jeu-saint-valentin","cms-juego-de-san-valentin","cms-live-shopping","cms-programme-colibri","cms-filiere-jasmin","cms-programas-colibri","cms-jasmine-program","cms-hummingbird-programs","cms-programa-jazmin","cms-a-propos","cms-carte-wallet"],
cart: {},
isImmersive: 0,
immersiveColor: '',
pageColor: '',
isAccountPage: document.body.classList.contains('account'),
baseHeaderTop: 0,
isSearchHidden() {
const self = this;
let bodyClasses = document.body.classList;
this.hiddenSearchClasses.forEach(function (item) {
if (bodyClasses.contains(item)) {
self.noSearchOpenMobile = true;
}
});
},
getData(data) {
if (data.cart) {
this.cart = data.cart
}
},
clickIconHeaderEvent(label, url = null) {
window.dataLayer?.push({
'event': 'clic-icon-header',
'text': label
});
if (url) {
window.location.href = url;
}
},
init() {
if (window.pageYOffset > 0) {
this.isScrolled = true;
}
this.isSearchHidden();
this.baseHeaderTop = this.$refs.wrapper.getBoundingClientRect().top;
this.$refs.wrapper.dataset.position = this.$refs.wrapper.getBoundingClientRect().top;
this.$refs.wrapper.dataset.topBase = this.$refs.wrapper.offsetTop;
this.$refs.wrapper.dataset.heightBase = this.$refs.wrapper.getBoundingClientRect().height;
this.scroll(this.$refs);
if (this.immersiveColor) {
if (!this.isScrolled) {
this.$refs.wrapper.style.backgroundColor = this.immersiveColor
} else {
this.$refs.wrapper.style.backgroundColor = '#ffffff'
}
}
if (document.body.classList.contains('catalog-category-view')) {
document.body.style.background = this.immersiveColor
}
if (this.pageColor) {
document.body.classList.add(this.pageColor)
}
},
scroll() {
let headerTop = this.$refs.wrapper.getBoundingClientRect().top;
this.$refs.wrapper.dataset.position = headerTop;
let headerRealHeight = document.querySelector('.header.promotional').getBoundingClientRect().height + parseInt(this.$refs.wrapper.dataset.heightBase);
if(window.scrollY * 2 >= this.$refs.wrapper.dataset.topBase ) {
this.$refs.wrapper.style.position = 'fixed';
this.$refs.wrapper.style.top = '0';
this.$refs.wrapper.style.backgroundColor = '#ffffff';
this.isScrolled = true;
} else {
if (this.$refs.wrapper.dataset.immersiveColor !== "") {
this.$refs.wrapper.style.backgroundColor = this.$refs.wrapper.dataset.immersiveColor;
} else {
if (this.immersiveColor !== "") {
this.$refs.wrapper.style.backgroundColor = this.immersiveColor;
} else {
this.$refs.wrapper.style.backgroundColor = '';
}
}
this.$refs.wrapper.style.position = 'static';
this.$refs.wrapper.style.top = 'auto';
this.isScrolled = false;
}
if (window.outerWidth > 1025) {
document.querySelector('.page-wrapper').style.paddingTop = headerRealHeight + 'px';
} else {
document.querySelector('.page-wrapper').style.paddingTop = 'unset';
}
},
toggleSearch() {
this.searchOpen = !this.searchOpen;
if (this.searchOpen) {
window.dispatchEvent(
new CustomEvent('open-mini-cart')
);
this.clickIconHeaderEvent('Rechercher');
this.$nextTick(function () { document.querySelector('#search').select(); });
} else {
window.dispatchEvent(
new CustomEvent('close-mini-cart')
);
}
},
closeSearch() {
this.searchOpen = false;
window.dispatchEvent(
new CustomEvent('close-mini-cart')
);
}
}
}
function initCompareHeader() {
return {
compareProducts: null,
itemCount: 0,
receiveCompareData(data) {
if (data['compare-products']) {
this.compareProducts = data['compare-products'];
this.itemCount = this.compareProducts.count;
}
}
}
}</script><div class="header-wrapper relative z-30 w-full bg-white" :class="{ 'bg-white': isAccountPage }" x-data="initHeader()" @scroll.window.debounce.50ms="scroll()" x-ref="wrapper" data-immersive-color="" data-position="default" data-top-base data-height-base><nav id="header" class="relative w-full transition-all duration-200 bg-white" @keydown.window.escape="closeSearch()" @private-content-loaded.window="getData(event.detail.data)" ><div class="container flex items-center justify-between px-0 md:px-7.5 py-2.25 md:py-2.5 mt-0 menu-bp:relative h-[63px] md:h-auto"><!--Logo--> <h1 class="order-2 shrink-0 grow-[1] menu-bp:grow-[0] menu-bp:min-w-[121px] lg:min-w-[200px] menu-bp:pb-0 md:pl-2 menu-bp:pl-0" x-data="initLogo()" x-init="init($refs)" @scroll.window.debounce.50ms="scroll($refs)" ><a class="flex items-center lg:min-w-[120px] w-fit" href="https://www.adopt.com/fr" title="Adopt : parfums, soins visage et corps, maquillages et bijoux" aria-label="store logo"><img id="logo" loading="lazy" src="https://adopt.twic.pics/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/logo.svg?twic=v1" title="Adopt : parfums, soins visage et corps, maquillages et bijoux" alt="adopt-parfums-eau-de-parfum-maquillage-soin-mode" class="w-auto h-[33px] transition-all duration-200 md:h-[44px] lg:h-auto lg:min-w-[120px] lg:w-[120px] ml-4 md:ml-0" x-ref="logo" :class="{ 'md:h-[34px] lg:min-w-[101px] lg:w-[101px]': isScrolled, 'md:h-[44px] lg:min-w-[120px] lg:w-[120px]': !isScrolled }" width="189" height="64" /></a></h1><script>
function initLogo() {
return {
isNavLight: 0,
immersiveColor: '',
isScrolled: false,
init($refs) {
if(window.pageYOffset > 0) {
this.isScrolled = true;
}
if(this.immersiveColor) {
if(!this.isScrolled) {
$refs.logo.src = 'https://adopt.twic.pics/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/logo-white.svg?twic=v1'
} else {
$refs.logo.src = 'https://adopt.twic.pics/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/logo.svg?twic=v1'
}
}
},
scroll($refs) {
this.isScrolled = window.pageYOffset > 0
if(this.immersiveColor) {
if(!this.isScrolled) {
$refs.logo.src = 'https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/logo-white.svg'
} else {
$refs.logo.src = 'https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/logo.svg'
}
}
}
}
}</script> <!--Main Navigation--> <div x-data="initMenuMobile_671711bf53689()" class="z-40 navigation menu-bp:hidden" @open-mini-cart.window="$el.style.zIndex = '20'" @close-mini-cart.window.debounce="$el.style.zIndex = '40'" ><div class="flex flex-row h-[63px]"><div class="flex justify-end"><div @click="toggleMobileMenu()" class="flex items-center justify-center cursor-pointer text-pink" :class="{ 'ml-auto': open }"><svg width="17" height="15" version="1.1" viewbox="0 0 17 15" xmlns="http://www.w3.org/2000/svg" class="block w-12 h-12 p-3 fill-current text-lavender block" :class="{ 'hidden' : open, 'block': !open, 'text-lavender': 1, 'text-white': 0 }"><g id="icons/burger-adopt" fill="none" fill-rule="evenodd"><g id="adopt" fill="currentColor"><rect width="17" height="1" rx=".5"/><rect y="7" width="13" height="1" rx=".5"/><rect y="14" width="17" height="1" rx=".5"/></g></g></svg><svg width="15.5" height="15.5" version="1.1" viewbox="0 0 15.5 15.5" xmlns="http://www.w3.org/2000/svg" class="hidden w-12 h-12 p-4 text-[#F98CDC]" :class="{ 'hidden' : !open, 'block': open }"><g transform="translate(.75 .75)" fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><line x2="14" y1="14"/><line transform="matrix(-1,0,0,1,14,0)" x2="14" y1="14"/></g></svg></div></div></div><!-- mobile --><div class="nav-mobile flex flex-col" :class="{'fixed left-0 w-full bg-container-lighter' : open}" @keydown.window.escape="closeMenuMobile()" ><nav class="nav-wrapper hidden w-full duration-150 ease-in-out transform transition-display border-container overflow-x-hidden overflow-y-auto flex-1" :class="{ 'hidden' : !open }" > <div class="py-3"> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <a href="https://www.adopt.com/fr/offres-commerciales.html" class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" title="Offres"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Sans_titre_62_-min_2.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Sans_titre_62_-min_2.png" data-twic-bot="cover-max=74" alt="Offres" title="Offres" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Offres</a> </span> </div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <a href="https://www.adopt.com/fr/calendrier-de-l-avent.html" class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs font-medium" style="color:#e28b8f;" title="Calendrier"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/STILL_NOEL_CALENDRIER_FAMILLE_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/STILL_NOEL_CALENDRIER_FAMILLE_1.jpg" data-twic-bot="cover-max=74" alt="Calendrier" title="Calendrier" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Calendrier</a> </span> </div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs font-medium" style="color:#c41717;" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1473' ? 0 : 'category-node-1473'; nameActiveMenu = 'No\u00EBl'; activeSubNav();" title="Noël"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Feeling_box_let_s_party_1__1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Feeling_box_let_s_party_1__1.jpg" data-twic-bot="cover-max=74" alt="Noël" title="Noël" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Noël</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1473' ? 0 : 'category-node-1473'; nameActiveMenu = 'No\u00EBl'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1473', 'translate-x-0' : mobilePanelActiveId === 'category-node-1473', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Noël</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/noel-coffret-parfum.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Feeling_box_let_s_party_1__1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Feeling_box_let_s_party_1__1.jpg" alt="Noël" title="Noël" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-parfums.html" title="Cadeaux Femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-parfums.html', '2', 'Cadeaux Femme')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_MIX_FEMME_3_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_MIX_FEMME_3_2.jpg" alt="Cadeaux Femme" title="Cadeaux Femme" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Cadeaux Femme</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-soins.html" title="Cadeaux Soins" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-soins.html', '2', 'Cadeaux Soins')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_MIX_SOINS_1_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_MIX_SOINS_1_2.jpg" alt="Cadeaux Soins" title="Cadeaux Soins" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Cadeaux Soins</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-homme.html" title="Cadeaux Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-homme.html', '2', 'Cadeaux Homme')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_MIX_HOMME_2_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_MIX_HOMME_2_2.jpg" alt="Cadeaux Homme" title="Cadeaux Homme" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Cadeaux Homme</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/petites-attentions.html" title="Petites attentions" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/petites-attentions.html', '2', 'Petites attentions')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_CRAKERS_11_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_CRAKERS_11_2.jpg" alt="Petites attentions" title="Petites attentions" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Petites attentions</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-maquillage.html" title="Cadeaux maquillage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-maquillage.html', '2', 'Cadeaux maquillage')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_MUP_NOEL24_1_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_MUP_NOEL24_1_2.jpg" alt="Cadeaux maquillage" title="Cadeaux maquillage" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Cadeaux maquillage</span></a> <div class="bg-pink-100 mt-5 py-2"> </div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1472' ? 0 : 'category-node-1472'; nameActiveMenu = 'Parfum'; activeSubNav();" title="Parfum"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_PERF_MULTIFLORAUX1_30ML_RS_1_4.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_PERF_MULTIFLORAUX1_30ML_RS_1_4.jpg" data-twic-bot="cover-max=74" alt="Parfum" title="Parfum" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Parfum</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1472' ? 0 : 'category-node-1472'; nameActiveMenu = 'Parfum'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1472', 'translate-x-0' : mobilePanelActiveId === 'category-node-1472', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Parfum</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/parfum.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_PERF_MULTIFLORAUX1_30ML_RS_1_4.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_PERF_MULTIFLORAUX1_30ML_RS_1_4.jpg" alt="Parfum" title="Parfum" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Parfum femme" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-parfum-femme_1_.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-parfum-femme_1_.jpg" alt="Parfum femme" title="Parfum femme" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Parfum femme</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/parfum/parfum-femme/eau-de-parfum-femme.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/eau-de-parfum-femme.html', '3', 'Eau de parfum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/coffret-parfum-femme.html" title="Coffret parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/coffret-parfum-femme.html', '3', 'Coffret parfum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Coffret parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/collection-voyage.html" title="Les Voyages" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/collection-voyage.html', '3', 'Les Voyages')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les Voyages</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/parfum-intense.html" title="Les Intenses" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/parfum-intense.html', '3', 'Les Intenses')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les Intenses</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/parfum-cheveux.html" title="Parfums Cheveux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/parfum-cheveux.html', '3', 'Parfums Cheveux')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Parfums Cheveux</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme.html" title="Parfum femme" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Parfum homme" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/life_perf_auboutdumonde_30ml_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/life_perf_auboutdumonde_30ml_1.jpg" alt="Parfum homme" title="Parfum homme" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Parfum homme</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/parfum/parfum-homme/eau-de-parfum-homme.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme/eau-de-parfum-homme.html', '3', 'Eau de parfum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-homme/coffret-parfum-homme.html" title="Coffret parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme/coffret-parfum-homme.html', '3', 'Coffret parfum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Coffret parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-homme.html" title="Parfum homme" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Parfum mixte" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-mixte-coffret-parfum_1__1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-mixte-coffret-parfum_1__1.jpg" alt="Parfum mixte" title="Parfum mixte" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Parfum mixte</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/parfum/parfum-mixte/eau-de-parfum-mixte.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-mixte/eau-de-parfum-mixte.html', '3', 'Eau de parfum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-mixte.html" title="Parfum mixte" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <a href="https://www.adopt.com/fr/parfum/parfum-enfant.html" title="Parfum enfant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-enfant.html', '2', 'Parfum enfant')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-Parfum-enfants_1_.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-Parfum-enfants_1_.jpg" alt="Parfum enfant" title="Parfum enfant" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Parfum enfant</span></a> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Univers olfactif" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/diag-olfa-circle_COLIBRI-min.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/diag-olfa-circle_COLIBRI-min.png" alt="Univers olfactif" title="Univers olfactif" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Univers olfactif</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/coton-et-douceur.html" title="Les délicats" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/coton-et-douceur.html', '3', 'Les délicats')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les délicats</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/boise-et-caractere.html" title="Les caractères" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/boise-et-caractere.html', '3', 'Les caractères')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les caractères</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fraicheur-et-agrume.html" title="Les frais" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fraicheur-et-agrume.html', '3', 'Les frais')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les frais</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fleurs-et-romantisme.html" title="Les floraux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fleurs-et-romantisme.html', '3', 'Les floraux')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les floraux</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fruits-et-plaisir.html" title="Les fruités" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fruits-et-plaisir.html', '3', 'Les fruités')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les fruités</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/gourmandise-et-seduction.html" title="Les gourmands" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/gourmandise-et-seduction.html', '3', 'Les gourmands')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les gourmands</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/soleil-et-sensualite.html" title="Les solaires" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/soleil-et-sensualite.html', '3', 'Les solaires')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Les solaires</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum.html" title="Univers olfactif" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Maison" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/GUIDECADEAUX_BOUGIE_1_1__1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/GUIDECADEAUX_BOUGIE_1_1__1_1.jpg" alt="Maison" title="Maison" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Maison</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/parfum/maison/bougie-parfumee.html" title="Bougie parfumée" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/bougie-parfumee.html', '3', 'Bougie parfumée')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Bougie parfumée</span></a> <a href="https://www.adopt.com/fr/parfum/maison/parfums-d-interieur.html" title="Parfums d'intérieur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/parfums-d-interieur.html', '3', 'Parfums d\'intérieur')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Parfums d'intérieur</span></a> <a href="https://www.adopt.com/fr/parfum/maison/huile-essentielle.html" title="Huile essentielle" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/huile-essentielle.html', '3', 'Huile essentielle')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Huile essentielle</span></a> <a href="https://www.adopt.com/fr/parfum/maison.html" title="Maison" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <a href="https://www.adopt.com/fr/parfum/accessoire-parfum.html" title="Accessoire Parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/accessoire-parfum.html', '2', 'Accessoire Parfum')" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-lavender-300" ><span class="flex items-center"> <span class="inline-block mr-4 w-8.75 h-8.75"></span> Accessoire Parfum</span></a> <div class="bg-pink-100 mt-5 py-2"> <a href="https://www.adopt.com/fr/diagnostic-olfactif/" title="Faire mon diagnostic" class="a flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium gradient-text-purple">Faire mon diagnostic</a> <a href="https://www.adopt.com/fr/parfum/exclusivite-web.html" title="Exclu web" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Exclu web</span></a> <a href="https://www.adopt.com/fr/parfum/nouveautes-parfum.html" title="Nouveautés" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Nouveautés</span></a> <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" title="Meilleures ventes" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Meilleures ventes</span></a> <a href="https://www.adopt.com/fr/parfum/idees-cadeaux-parfum.html" title="Idées cadeau parfum" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Idées cadeau parfum</span></a> <a href="https://www.adopt.com/fr/parfum/format-decouverte.html" title="Format découverte" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Format découverte</span></a> </div></div> <div class="py-5 border-t border-dashed border-lavender"><div class="px-5 text-pink uppercase text-xxs font-medium tracking-spaced-lg mb-5"><a href="https://www.adopt.com/fr/parfum/famille-olfactive.html">#notesolfactives</a></div><div class="w-full overflow-x-hidden"><div class="flex gap-2.5 overflow-x-auto pb-1 hide-scrollbar"> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-vanille-famille-olfactive.html"> #Vanille</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-fleurs-d-oranger-famille-olfactive.html"> #Fleurs d'oranger</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-rose-famille-olfactive.html"> #Rose</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-patchouly-famille-olfactive.html"> #Patchouli</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-monoi-famille-olfactive.html"> #Monoï</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-muscfamille-olfactive.html"> #Musc</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-ambre-famille-olfactive.html"> #Ambre</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-oud-famille-olfactive.html"> #Oud</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-coco-note-olfactive.html"> #Coco</a> </div></div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1369' ? 0 : 'category-node-1369'; nameActiveMenu = 'Corps'; activeSubNav();" title="Corps"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/SOINS_POT_1_1__5.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/SOINS_POT_1_1__5.jpg" data-twic-bot="cover-max=74" alt="Corps" title="Corps" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Corps</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1369' ? 0 : 'category-node-1369'; nameActiveMenu = 'Corps'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1369', 'translate-x-0' : mobilePanelActiveId === 'category-node-1369', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Corps</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/soin-corps.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/SOINS_POT_1_1__5.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/SOINS_POT_1_1__5.jpg" alt="Corps" title="Corps" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('1')"><button title="Par produit" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-soins-corps-rituel-yummy-candy_1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-soins-corps-rituel-yummy-candy_1_1.jpg" alt="Par produit" title="Par produit" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Par produit</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gel-douche-parfume.html" title="Gel douche parfumé" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gel-douche-parfume.html', '3', 'Gel douche parfumé')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Gel douche parfumé</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/creme-et-lait-corps.html" title="Crème & lait corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/creme-et-lait-corps.html', '3', 'Crème & lait corps')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Crème & lait corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/soin-des-mains.html" title="Crème mains" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/soin-des-mains.html', '3', 'Crème mains')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Crème mains</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gommage-corps.html" title="Gommage corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gommage-corps.html', '3', 'Gommage corps')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Gommage corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/brume-parfumee.html" title="Brume parfumée" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/brume-parfumee.html', '3', 'Brume parfumée')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Brume parfumée</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/deodorant.html" title="Déodorant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/deodorant.html', '3', 'Déodorant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Déodorant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/huile-corps.html" title="Huile corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/huile-corps.html', '3', 'Huile corps')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Huile corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gelee-corps.html" title="Gelée corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gelee-corps.html', '3', 'Gelée corps')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Gelée corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/bombe-de-bain.html" title="Bombe de bain" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/bombe-de-bain.html', '3', 'Bombe de bain')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Bombe de bain</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/accessoires-corps.html" title="Accessoire corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/accessoires-corps.html', '3', 'Accessoire corps')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Accessoire corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit.html" title="Par produit" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Par action" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <span class="inline-block mr-4 w-8.75 h-8.75"></span> Par action</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-hydratant.html" title="Hydratant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-hydratant.html', '3', 'Hydratant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Hydratant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nourrissant.html" title="Nourrissant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nourrissant.html', '3', 'Nourrissant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Nourrissant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-eclat.html" title="Éclat" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-eclat.html', '3', 'Éclat')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Éclat</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-exfoliant.html" title="Exfoliant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-exfoliant.html', '3', 'Exfoliant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Exfoliant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nettoyant.html" title="Nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nettoyant.html', '3', 'Nettoyant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action.html" title="Par action" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Rituel soin parfumé" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-maixte-eau-parfum_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-maixte-eau-parfum_1.jpg" alt="Rituel soin parfumé" title="Rituel soin parfumé" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Rituel soin parfumé</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-des-iles.html" title="Monoï des îles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-des-iles.html', '3', 'Monoï des îles')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Monoï des îles</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/tahiti-paradis.html" title="Tahiti Paradis" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/tahiti-paradis.html', '3', 'Tahiti Paradis')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Tahiti Paradis</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/blackstone.html" title="Blackstone" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/blackstone.html', '3', 'Blackstone')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Blackstone</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-blanc.html" title="Monoï blanc" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-blanc.html', '3', 'Monoï blanc')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Monoï blanc</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/vanille-coco.html" title="Vanille coco" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/vanille-coco.html', '3', 'Vanille coco')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Vanille coco</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/sunny-vibes.html" title="Sunny vibes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/sunny-vibes.html', '3', 'Sunny vibes')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Sunny vibes</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/wonderful.html" title="Wonderful" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/wonderful.html', '3', 'Wonderful')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Wonderful</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/coeur-a-coeur.html" title="Cœur à cœur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/coeur-a-coeur.html', '3', 'Cœur à cœur')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Cœur à cœur</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/love-mood.html" title="Love mood" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/love-mood.html', '3', 'Love mood')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Love mood</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume.html" title="Rituel soin parfumé" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div class="bg-pink-100 mt-5 py-2"> <a href="https://www.adopt.com/fr/soin-corps/nouveautes-soin-corps.html" title="Nouveautés" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Nouveautés</span></a> <a href="https://www.adopt.com/fr/soin-corps/meilleures-ventes-soin-corps.html" title="Meilleures ventes" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Meilleures ventes</span></a> <a href="https://www.adopt.com/fr/soin-corps/soins-d-exception-corps.html" title="Karité & Argan" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Karité & Argan</span></a> <a href="https://www.adopt.com/fr/soin-corps/soins-corps-homme.html" title="Homme" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Homme</span></a> <a href="https://www.adopt.com/fr/soin-corps/beaute-d-orient.html" title="Beauté d'Orient" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Beauté d'Orient</span></a> </div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1343' ? 0 : 'category-node-1343'; nameActiveMenu = 'Visage'; activeSubNav();" title="Visage"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ADOPT_RS_AVRIL_176_4.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ADOPT_RS_AVRIL_176_4.jpg" data-twic-bot="cover-max=74" alt="Visage" title="Visage" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Visage</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1343' ? 0 : 'category-node-1343'; nameActiveMenu = 'Visage'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1343', 'translate-x-0' : mobilePanelActiveId === 'category-node-1343', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Visage</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/soin-visage.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ADOPT_RS_AVRIL_176_4.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ADOPT_RS_AVRIL_176_4.jpg" alt="Visage" title="Visage" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('1')"><button title="Par produit" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Dimension_special_category_3__1.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Dimension_special_category_3__1.png" alt="Par produit" title="Par produit" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Par produit</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/creme-visage-et-serum.html" title="Crème visage & sérum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/creme-visage-et-serum.html', '3', 'Crème visage & sérum')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Crème visage & sérum</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/contour-des-yeux.html" title="Contour des yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/contour-des-yeux.html', '3', 'Contour des yeux')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Contour des yeux</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/demaquillant-et-nettoyant.html" title="Démaquillant & nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/demaquillant-et-nettoyant.html', '3', 'Démaquillant & nettoyant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Démaquillant & nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/lotion-visage.html" title="Lotion visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/lotion-visage.html', '3', 'Lotion visage')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Lotion visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/masque-visage.html" title="Masque visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/masque-visage.html', '3', 'Masque visage')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Masque visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/gommage-visage.html" title="Gommage visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/gommage-visage.html', '3', 'Gommage visage')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Gommage visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/accessoires-visage.html" title="Accessoires visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/accessoires-visage.html', '3', 'Accessoires visage')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Accessoires visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/produit-visage-homme.html" title="Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/produit-visage-homme.html', '3', 'Homme')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Homme</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html" title="Par produit" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Par action" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_CARE_FLEURDETIARE_HANDCREAM_3700719022351_2_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_CARE_FLEURDETIARE_HANDCREAM_3700719022351_2_2.jpg" alt="Par action" title="Par action" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Par action</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-hydratant.html" title="Hydratant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-hydratant.html', '3', 'Hydratant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Hydratant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-purifiant.html" title="Purifiant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-purifiant.html', '3', 'Purifiant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Purifiant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nourrissant.html" title="Nourrissant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nourrissant.html', '3', 'Nourrissant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Nourrissant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-repulpant.html" title="Repulpant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-repulpant.html', '3', 'Repulpant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Repulpant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-eclat.html" title="Éclat" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-eclat.html', '3', 'Éclat')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Éclat</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-exfoliant.html" title="Exfoliant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-exfoliant.html', '3', 'Exfoliant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Exfoliant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nettoyant.html" title="Nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nettoyant.html', '3', 'Nettoyant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-pollution.html" title="Anti-pollution" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-pollution.html', '3', 'Anti-pollution')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Anti-pollution</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-rides.html" title="Anti-rides" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-rides.html', '3', 'Anti-rides')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Anti-rides</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action.html" title="Par action" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div class="bg-pink-100 mt-5 py-2"> <a href="https://www.adopt.com/fr/soin-visage/nouveautes-soin-visage.html" title="Nouveautés" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Nouveautés</span></a> <a href="https://www.adopt.com/fr/soin-visage/meilleures-ventes-soin-visage.html" title="Meilleures ventes" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Meilleures ventes</span></a> </div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1443' ? 0 : 'category-node-1443'; nameActiveMenu = 'Maquillage'; activeSubNav();" title="Maquillage"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR_1.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR_1.png" data-twic-bot="cover-max=74" alt="Maquillage" title="Maquillage" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Maquillage</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1443' ? 0 : 'category-node-1443'; nameActiveMenu = 'Maquillage'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1443', 'translate-x-0' : mobilePanelActiveId === 'category-node-1443', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Maquillage</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/maquillage.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR_1.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR_1.png" alt="Maquillage" title="Maquillage" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Teint" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-maquillage-fond-de-teint_1__1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-maquillage-fond-de-teint_1__1.jpg" alt="Teint" title="Teint" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Teint</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/fond-de-teint.html" title="Fond de teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/fond-de-teint.html', '3', 'Fond de teint')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Fond de teint</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/anti-cernes-et-correcteur.html" title="Correcteur & anti-cernes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/anti-cernes-et-correcteur.html', '3', 'Correcteur & anti-cernes')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Correcteur & anti-cernes</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/base-de-teint-et-fixateur.html" title="Base de teint & fixateur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/base-de-teint-et-fixateur.html', '3', 'Base de teint & fixateur')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Base de teint & fixateur</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/blush.html" title="Blush & enlumineur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/blush.html', '3', 'Blush & enlumineur')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Blush & enlumineur</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/poudre.html" title="Poudre" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/poudre.html', '3', 'Poudre')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Poudre</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/accessoires-teint.html" title="Accessoire teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/accessoires-teint.html', '3', 'Accessoire teint')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Accessoire teint</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint.html" title="Teint" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Yeux" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-maquillage-mascara_1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-maquillage-mascara_1_1.jpg" alt="Yeux" title="Yeux" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Yeux</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/mascara.html" title="Mascara" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/mascara.html', '3', 'Mascara')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Mascara</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/eyeliner.html" title="Eyeliner" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/eyeliner.html', '3', 'Eyeliner')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Eyeliner</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/crayon-pour-les-yeux.html" title="Crayon" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/crayon-pour-les-yeux.html', '3', 'Crayon')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Crayon</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/fard-a-paupieres.html" title="Fard à paupières" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/fard-a-paupieres.html', '3', 'Fard à paupières')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Fard à paupières</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/sourcil.html" title="Sourcils" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/sourcil.html', '3', 'Sourcils')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Sourcils</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/palette-yeux.html" title="Palette" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/palette-yeux.html', '3', 'Palette')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Palette</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/accessoires-yeux.html" title="Accessoire yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/accessoires-yeux.html', '3', 'Accessoire yeux')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Accessoire yeux</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux.html" title="Yeux" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Lèvres" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-maquillage-rouge-a-levres_1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-maquillage-rouge-a-levres_1_1.jpg" alt="Lèvres" title="Lèvres" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Lèvres</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/rouge-a-levres.html" title="Rouge à lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/rouge-a-levres.html', '3', 'Rouge à lèvres')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Rouge à lèvres</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/gloss.html" title="Gloss" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/gloss.html', '3', 'Gloss')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Gloss</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/baume-a-levres.html" title="Baume à lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/baume-a-levres.html', '3', 'Baume à lèvres')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Baume à lèvres</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres.html" title="Lèvres" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Ongles" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/Cat-maquillage-vernis-ongles_1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/Cat-maquillage-vernis-ongles_1_1.jpg" alt="Ongles" title="Ongles" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Ongles</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles/vernis-a-ongles.html" title="Vernis à ongles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles/vernis-a-ongles.html', '3', 'Vernis à ongles')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Vernis à ongles</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles/accessoires-manucure.html" title="Accessoire manucure" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles/accessoires-manucure.html', '3', 'Accessoire manucure')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Accessoire manucure</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles.html" title="Ongles" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div class="bg-pink-100 mt-5 py-2"> <a href="https://www.adopt.com/fr/maquillage/nouveautes-maquillage.html" title="Nouveautés" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Nouveautés</span></a> <a href="https://www.adopt.com/fr/maquillage/meilleures-ventes-maquillage.html" title="Meilleures ventes" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Meilleures ventes</span></a> </div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <button class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1428' ? 0 : 'category-node-1428'; nameActiveMenu = 'Cadeau'; activeSubNav();" title="Cadeau"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_PERF_MULTICOFFRETS_RS_3.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_PERF_MULTICOFFRETS_RS_3.jpg" data-twic-bot="cover-max=74" alt="Cadeau" title="Cadeau" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Cadeau</button> <div class="absolute -top-px right-0 flex w-14 h-full items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container" @click="mobilePanelActiveId = mobilePanelActiveId === 'category-node-1428' ? 0 : 'category-node-1428'; nameActiveMenu = 'Cadeau'; activeSubNav();"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="text-pink-lighter h-2.5 w-auto" width="8" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</div></span> <div class="subnav-wrapper absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto translate-x-full transform bg-container-lighter" :class="{ 'translate-x-full' : mobilePanelActiveId !== 'category-node-1428', 'translate-x-0' : mobilePanelActiveId === 'category-node-1428', }" ><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="mobilePanelActiveId = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Cadeau</span></button> <div><div><a class="flex items-center w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase underline tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" href="https://www.adopt.com/fr/cadeaux.html" > <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_PERF_MULTICOFFRETS_RS_3.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_PERF_MULTICOFFRETS_RS_3.jpg" alt="Cadeau" title="Cadeau" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> <span>Voir tout</span></a></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('1')"><button title="Pour qui" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/M_chamment_styl_feeling_box_fdp-min_1.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/M_chamment_styl_feeling_box_fdp-min_1.png" alt="Pour qui" title="Pour qui" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Pour qui</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-femme.html" title="Cadeau Femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-femme.html', '3', 'Cadeau Femme')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Cadeau Femme</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-lui.html" title="Cadeau Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-lui.html', '3', 'Cadeau Homme')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Cadeau Homme</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-enfant.html" title="Cadeau Enfant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-enfant.html', '3', 'Cadeau Enfant')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Cadeau Enfant</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui.html" title="Pour qui" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div x-data="initMobileCmsPageMenuItem_671711bf53689('0')"><button title="Par prix" class="flex items-center justify-between w-full px-5 py-1.5 cursor-pointer border-container text-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" @click="openSubElement = !openSubElement"><span class="flex items-center"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/PACK_MULTI_DESTINATIONSOLEIL_FEELINGBOX_Montage_Vanille_Bourbon-1-min_1.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/PACK_MULTI_DESTINATIONSOLEIL_FEELINGBOX_Montage_Vanille_Bourbon-1-min_1.png" alt="Par prix" title="Par prix" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Par prix</span> <span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-down" version="1.1" x="0px" y="0px" viewbox="0 0 9 5" enable-background="new 0 0 9 5" xml:space="preserve" class="text-pink-lighter w-3 h-auto" width="9" height="5" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,0.5l4,4l4-4"/>
<title/></svg>
</span></button> <div x-show="openSubElement"> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-moins-de-10-euros.html" title="Petits prix" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-moins-de-10-euros.html', '3', 'Petits prix')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Petits prix</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-10-et-20-euros.html" title="Moins de 20€" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-10-et-20-euros.html', '3', 'Moins de 20€')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Moins de 20€</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-20-et-30-euros.html" title="Entre 20 et 30€" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-20-et-30-euros.html', '3', 'Entre 20 et 30€')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Entre 20 et 30€</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-plus-de-30-euros.html" title="Cadeau premium" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-plus-de-30-euros.html', '3', 'Cadeau premium')" class="block text-tiny group py-3 px-7.5 tracking-wider hover:bg-lavender-300"><span class="pl-[41px]">Cadeau premium</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix.html" title="Par prix" class="block text-tiny group py-3 px-7.5 font-medium tracking-spaced-lg underline uppercase hover:bg-lavender-300"><span class="pl-[41px]">Voir tout</span></a></div></div> <div class="bg-pink-100 mt-5 py-2"> <a href="https://www.adopt.com/fr/guide-cadeaux-adopt" title="Guide cadeau" class="a flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium gradient-text-purple" data-parent-id="category-node-1428">Guide cadeau</a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-coups-de-coeur.html" title="Nos coups de coeur" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Nos coups de coeur</span></a> <a href="https://www.adopt.com/fr/cadeaux/exclu-web.html" title="Exclu web" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Exclu web</span></a> <a href="https://www.adopt.com/fr/cadeaux/emballage-cadeaux.html" title="Emballage cadeau" class="flex items-center justify-between w-full px-5 py-2 cursor-pointer border-container text-xs-tiny uppercase tracking-spaced-lg font-medium hover:bg-container-darker hover:bg-lavender-300" ><span> Emballage cadeau</span></a> </div></div> </div></div> <div class="level-0"> <span class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" > <a href="https://www.adopt.com/fr/nouveautes.html" class="flex items-center w-full pr-8 pl-4 py-1.5 cursor-pointer uppercase text-anthracite font-medium tracking-spaced-lg border-container level-0 hover:bg-lavender-300 transition duration-300 text-xs" title="Nouveautés"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/OFFRE_MIX_30ML_100ML_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/OFFRE_MIX_30ML_100ML_1.jpg" data-twic-bot="cover-max=74" alt="Nouveautés" title="Nouveautés" width="37px" height="37px" class="overflow-hidden rounded-full mr-4 w-8.75 h-8.75"> Nouveautés</a> </span> </div> </div> <div class="border-t border-lavender-400 py-3 overflow-hidden"><div class=""> <div x-data="{ ...initMobileCmsPageMenuItem_671711bf53689(), openBrandElement: false, openSubElement: false }"><button type="button" title="Nos valeurs" class="flex items-center justify-between w-full px-8 py-4 cursor-pointer border-container text-xs font-medium tracking-spaced-lg transition duration-300 hover:bg-lavender-300" @click="openBrandElement = !openBrandElement">Nos valeurs <div class="absolute right-0 flex w-14 items-center justify-center cursor-pointer bg-transparent border-container hover:bg-transparent hover:border-container"><span class="transform" :class="{'rotate-180': openSubElement}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="h-2.5 w-auto" width="14" height="13" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
</span></div></button> <div class="absolute pb-16 bg-lavender-300 top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out overflow-y-auto transform bg-container-lighter" :class="{ 'translate-x-full' : !openBrandElement, 'translate-x-0' : openBrandElement }"><button class="link flex items-center gap-2.5 p-5 bg-lavender-300 w-full" @click="openBrandElement = null"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="tick-right" version="1.1" x="0px" y="0px" viewbox="0 0 8.4 14" enable-background="new 0 0 8.4 14" xml:space="preserve" class="-rotate-180 w-2.75 h-auto -mt-0.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M1,13l6-6L1,1"/>
<title/></svg>
<span class="uppercase font-medium tracking-spaced-lg text-xxs leading-tiny">Nos valeurs</span></button> <div class="flex flex-col gap-2.5 px-2"> <a href="https://www.adopt.com/fr/programme-colibri" title="Les Programmes Colibri" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/programme-colibri', '2', 'Les Programmes Colibri')" class="relative block text-anthracite text-xxs group tracking-wider hover:bg-lavender-300"><img loading="lazy" class="w-full rounded-[10px] h-[200px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/carr__0.jpg?twic=v1/output=preview" data-twic-src="image:media/picto/image/carr__0.jpg" data-twic-transform="max=500" alt="Les Programmes Colibri" title="Les Programmes Colibri"><button class="absolute bottom-6 btn btn-primary-white-cta min-h-[55px] text-smaller mx-auto left-0 right-0 w-fit">Les Programmes Colibri</button></a> <a href="https://www.adopt.com/fr/nos-engagements" title="Nos engagements" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/nos-engagements', '2', 'Nos engagements')" class="relative block text-anthracite text-xxs group tracking-wider hover:bg-lavender-300"><img loading="lazy" class="w-full rounded-[10px] h-[200px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/nos_engagements.jpg_1__0.png?twic=v1/output=preview" data-twic-src="image:media/picto/image/nos_engagements.jpg_1__0.png" data-twic-transform="max=500" alt="Nos engagements" title="Nos engagements"><button class="absolute bottom-6 btn btn-primary-white-cta min-h-[55px] text-smaller mx-auto left-0 right-0 w-fit">Nos engagements</button></a> <a href="https://www.adopt.com/fr/l-univers-adopt" title="L'univers adopt" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/l-univers-adopt', '2', 'L\'univers adopt')" class="relative block text-anthracite text-xxs group tracking-wider hover:bg-lavender-300"><img loading="lazy" class="w-full rounded-[10px] h-[200px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/ECOMM_BUZZMAN_Widget_Banniere_1080x1080_0.png?twic=v1/output=preview" data-twic-src="image:media/picto/image/ECOMM_BUZZMAN_Widget_Banniere_1080x1080_0.png" data-twic-transform="max=500" alt="L'univers adopt" title="L'univers adopt"><button class="absolute bottom-6 btn btn-primary-white-cta min-h-[55px] text-smaller mx-auto left-0 right-0 w-fit">L'univers adopt</button></a> <a href="https://www.adopt.com/fr/savoir-faire" title="Savoir-faire" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/savoir-faire', '2', 'Savoir-faire')" class="relative block text-anthracite text-xxs group tracking-wider hover:bg-lavender-300"><img loading="lazy" class="w-full rounded-[10px] h-[200px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/savoir-faire-adopt_1.jpg?twic=v1/output=preview" data-twic-src="image:media/picto/image/savoir-faire-adopt_1.jpg" data-twic-transform="max=500" alt="Savoir-faire" title="Savoir-faire"><button class="absolute bottom-6 btn btn-primary-white-cta min-h-[55px] text-smaller mx-auto left-0 right-0 w-fit">Savoir-faire</button></a> </div></div></div> <a class="block w-full px-8 py-3 cursor-pointer text-xs font-medium tracking-spaced-lg transition duration-300 hover:text-pink" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/lemag/', '1', 'Le MAG', true)" target="_blank" href="https://www.adopt.com/fr/lemag/" title="Le MAG" >Le MAG</a> </div> <div class="bg-pink-100 py-5 px-8"><a href="https://www.adopt.com/fr/checkout/cart" class="py-4 flex items-center gap-6 text-xs-tiny tracking-spaced-lg font-medium uppercase transition duration-300 hover:text-pink"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="bag" version="1.1" x="0px" y="0px" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" class="w-4.5 h-auto" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.8,5.3c-0.5-2.8-2.7-4.8-5.3-4.8 c-2.6,0-4.8,2-5.3,4.8"/>
<path fill="none" stroke="currentColor" d="M10.1,5.3h3.8c5.3,0,9.6,4.3,9.6,9.6v8.6h-23v-8.6C0.5,9.6,4.8,5.3,10.1,5.3z"/>
<title/></svg>
<span>Mon panier</span></a> <a href="https://www.adopt.com/fr/customer/account" class="py-4 flex items-center gap-6 text-xs-tiny tracking-spaced-lg font-medium uppercase transition duration-300 hover:text-pink"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="compte" version="1.1" x="0px" y="0px" viewbox="0 0 22.8 23.9" enable-background="new 0 0 22.8 23.9" xml:space="preserve" class="w-4.5 h-auto" width="24" height="25" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.4,11.9c3.2,0,5.7-2.6,5.7-5.7 s-2.6-5.7-5.7-5.7C8.3,0.4,5.7,3,5.7,6.2S8.3,11.9,11.4,11.9z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.3,23.4c-1.5-4.7-5.9-7.9-10.9-7.9 S2,18.7,0.5,23.4H22.3z"/>
<title/></svg>
<span>Mon compte</span></a> <a href="https://www.adopt.com/fr/wishlist" class="py-4 flex items-center gap-6 text-xs-tiny tracking-spaced-lg font-medium uppercase transition duration-300 hover:text-pink"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="favorite" version="1.1" x="0px" y="0px" viewbox="0 0 26.3 22.8" enable-background="new 0 0 26.3 22.8" xml:space="preserve" class="w-4.5 h-auto" width="26" height="23" role="img">
<path fill="none" stroke="currentColor" stroke-width="0.948" d="M13.2,22.3c-24.4-13.5-7.3-28.2,0-18.9C20.5-5.9,37.6,8.8,13.2,22.3z"/>
<title/></svg>
<span>Mes favoris</span></a> <a href="https://www.adopt.com/fr/store-locator" class="py-4 flex items-center gap-6 text-xs-tiny tracking-spaced-lg font-medium uppercase transition duration-300 hover:text-pink"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="pin-shop" version="1.1" x="0px" y="0px" viewbox="0 0 21.3 23.9" enable-background="new 0 0 21.3 23.9" xml:space="preserve" class="w-4.5 h-auto" width="23" height="26" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.7,0.5c2.2,0,4.3,0.6,6.2,1.8 c4.8,3,5.2,9.2,1.3,13.7c-2.3,2.7-4.8,5.2-7.5,7.4c-2.7-2.2-5.3-4.7-7.5-7.4C-0.7,11.4-0.4,5.3,4.4,2.3C6.3,1.1,8.5,0.5,10.7,0.5z M10.7,5.2c-2.4,0-4.4,1.9-4.4,4.3c0,2.4,1.9,4.3,4.4,4.3c2.4,0,4.4-1.9,4.4-4.3C15,7.1,13.1,5.2,10.7,5.2z"/>
<title/></svg>
<span>Nos boutiques</span></a> <div x-data="initStoreSwitcherForm_671711bf7e208()" @private-content-loaded.window.debounce="onPrivateContentLoaded($event.detail.data)"><div :class="!isFromMobileMenu ? 'relative inline-block text-left' : ''"><template x-if="currentStoreCountryName && currentStoreLanguageCode && currentStoreSvg"><div><button @click.prevent="storeMenuMobile();" @keydown.window.escape="storeMenuMobile('close');" type="button" :class="isFromMobileMenu ? 'py-4 text-xs-tiny gap-6' : 'justify-center w-full focus:outline-none border-none p-0 flex-row-reverse gap-2'" class="flex items-center" aria-haspopup="true" aria-expanded="true" x-html='isFromMobileMenu ? currentStoreSvg + "<span>" + currentStoreCountryName.toUpperCase() + " (" + currentStoreLanguageCode.toUpperCase() + ")</span>" : "<span class=\"link link-simple \">" + currentStoreCountryName.toUpperCase() + " (" + currentStoreLanguageCode.toUpperCase() + ")</span> " + currentStoreSvg' ></button></div></template></div></div><script>
function initStoreSwitcherForm_671711bf7e208() {
return {
currentCountrySvg: null,
currentStoreCountryCode: 'FR',
currentStoreCountryName: '',
currentStoreLanguageCode: 'fr',
currentStoreSvg: null,
destinationUrl: null,
directoryData: null,
geoIpCountryCode: hyva.getCookie('select-store-user-country-code'),
isFromMobileMenu: 1,
selectedStore: null,
svgBaseUrl: 'https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Hyva_Theme/svg/flag',
svgTemplate: '<img src="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Hyva_Theme/svg/flag/%1.svg" alt="%2" height="20" width="20">',
translatedWordings: {"modalTitle":{"fr":"Bienvenue sur Adopt.com","en":"Welcome on Adopt.com","es":"Bienvenido a Adopt.com"},"selectTitle":{"fr":"Pays de livraison","en":"Shipping country","es":"Pa\u00eds de entrega","nl":"Land van levering"},"modalDescription":{"fr":"Veuillez choisir votre <b>pays de livraison<\/b>","en":"Please choose your <b>delivery country<\/b>","es":"Elija su pa\u00eds de <b>entrega<\/b>"},"modalButton":{"fr":"Appliquer","en":"Apply","es":"Solicitar"}},
userLanguageCode: window.navigator.language.indexOf("-") > 0 ? window.navigator.language.substring(0, window.navigator.language.indexOf("-")) : window.navigator.language,
websites: [{"country_code":"FR","country_label":{"fr":"France","es":"Francia","en":"France","nl":"Frankrijk"},"locale_code":"default","locale_label":"fr","store_code":"fr","destinationUrl":"https:\/\/www.adopt.com\/fr\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"FR","locale_label":"fr","store_code":"be-fr","destinationUrl":"https:\/\/www.adopt.com\/be-fr\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"NL","locale_label":"nl","store_code":"be-nl","destinationUrl":"https:\/\/www.adopt.com\/be-nl\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"CA","country_label":{"fr":"Canada","es":"Canad\u00e1","en":"Canada","nl":"Canada"},"locale_code":"default","locale_label":"fr","store_code":"ca-fr","destinationUrl":"https:\/\/www.adopt.com\/ca-fr\/"},{"country_code":"DE","country_label":{"fr":"Allemagne","es":"Alemania","en":"Germany","nl":"Duitsland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"AT","country_label":{"fr":"Autriche","es":"Austria","en":"Austria","nl":"Oostenrijk"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"HR","country_label":{"fr":"Croatie","es":"Croacia","en":"Croatia","nl":"Kroati\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"DK","country_label":{"fr":"Danemark","es":"Dinamarca","en":"Denmark","nl":"Denemarken"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"ES","country_label":{"fr":"Espagne","es":"Espa\u00f1a","en":"Spain","nl":"Spanje"},"locale_code":"default","locale_label":"es","store_code":"es","destinationUrl":"https:\/\/www.adopt.com\/es\/"},{"country_code":"EE","country_label":{"fr":"Estonie","es":"Estonia","en":"Estonia","nl":"Estland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"FI","country_label":{"fr":"Finlande","es":"Finlandia","en":"Finland","nl":"Finland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"GR","country_label":{"fr":"Gr\u00e8ce","es":"Grecia","en":"Greece","nl":"Griekenland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"HU","country_label":{"fr":"Hongrie","es":"Hungr\u00eda","en":"Hungary","nl":"Hongarije"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"IE","country_label":{"fr":"Irlande","es":"Irlanda","en":"Ireland","nl":"Ierland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"IT","country_label":{"fr":"Italie","es":"Italia","en":"Italy","nl":"Itali\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LV","country_label":{"fr":"Lettonie","es":"Letonia","en":"Latvia","nl":"Letland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LT","country_label":{"fr":"Lituanie","es":"Lituania","en":"Lithuania","nl":"Litouwen"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LU","country_label":{"fr":"Luxembourg","es":"Luxemburgo","en":"Luxembourg","nl":"Luxemburg"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"NL","country_label":{"fr":"Pays-Bas","es":"Pa\u00edses Bajos","en":"Netherlands","nl":"Nederland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"PL","country_label":{"fr":"Pologne","es":"Polonia","en":"Poland","nl":"Polen"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"PT","country_label":{"fr":"Portugal","es":"Portugal","en":"Portugal","nl":"Portugal"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"RO","country_label":{"fr":"Roumanie","es":"Ruman\u00eda","en":"Romania","nl":"Roemeni\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SK","country_label":{"fr":"Slovaquie","es":"Eslovaquia","en":"Slovakia","nl":"Slowakije"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SI","country_label":{"fr":"Slov\u00e9nie","es":"Eslovenia","en":"Slovenia","nl":"Sloveni\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SE","country_label":{"fr":"Su\u00e8de","es":"Suecia","en":"Sweden","nl":"Zweden"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"CZ","country_label":{"fr":"Tch\u00e9quie","es":"Chequia","en":"Czechia","nl":"Tsjechi\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"}],
initComponent() {
this.$watch('geoIpCountryCode', (value) => {
this.openModaleIfNeeded(value);
});
this.initDefaultValues();
if (!this.hasUserChoice() && !this.geoIpCountryCode) {
this.getCountryFromHeader();
}
this.openModaleIfNeeded(this.geoIpCountryCode);
},
onPrivateContentLoaded(data) {
if (data['directory-data']) {
this.directoryData = data['directory-data'];
this.initComponent()
}
},
openModaleIfNeeded(geoIpCountryCode) {
if (!geoIpCountryCode) {
return;
}
if (!this.hasUserChoice() && (geoIpCountryCode != this.currentStoreCountryCode)) {
this.selectStoreBasedOnUser(geoIpCountryCode);
if (this.selectedStore) {
this.storeMenuMobile();
}
}
},
selectStoreBasedOnUser(geoIpCountryCode) {
let defaultStoreForCountry = null;
this.websites.forEach(element => {
if (element.country_code.toLowerCase() == geoIpCountryCode.toLowerCase()) {
if (element.locale_code.toLowerCase() == 'default') {
defaultStoreForCountry = element;
}
if (element.locale_code.toLowerCase() == this.userLanguageCode.toLowerCase()) {
this.selectedStore = element;
}
}
})
if (!this.selectedStore) {
this.selectedStore = defaultStoreForCountry;
}
if (this.selectedStore) {
const hrefElement = document.getElementById('alternate-url-' + this.selectedStore.store_code);
this.destinationUrl = hrefElement ? hrefElement.getAttribute('href') : this.selectedStore.destinationUrl;
}
},
selectStore(website) {
this.selectedStore = website;
const hrefElement = document.getElementById('alternate-url-' + this.selectedStore.store_code);
this.destinationUrl = hrefElement ? hrefElement.getAttribute('href') : this.selectedStore.destinationUrl;
},
initDefaultValues() {
const selectedCountry = hyva.getCookie('selected_country');
if (selectedCountry) {
this.currentStoreCountryCode = selectedCountry;
}
if (this.directoryData) {
this.currentStoreCountryName = this.directoryData[this.currentStoreCountryCode].name;
this.currentStoreSvg = this.svgTemplate
.replace('%1', this.currentStoreCountryCode.toLowerCase())
.replace('%2', this.currentStoreCountryName + ' flag');
}
},
remindUserChoice() {
hyva.setCookie('select-store-user-choice', true, 365, true);
},
hasUserChoice() {
return hyva.getCookie('select-store-user-choice') !== null;
},
getCountryFromHeader() {
const client = new XMLHttpRequest();
client.open("HEAD", window.location, true);
client.send(null);
client.onreadystatechange = () => {
if (client.readyState === client.HEADERS_RECEIVED) {
const disCountry = client.getResponseHeader("X-Dis-Country");
if (disCountry) {
hyva.setCookie('select-store-user-country-code', disCountry, 7, true);
this.geoIpCountryCode = disCountry;
}
client.abort();
}
};
},
submitForm() {
const $form = document.querySelector('#store-switcher-form');
window.dataLayer?.push({
'event': 'selectionPaysLivraison',
'pays': this.selectedStore.country_label['en'],
'langue': this.selectedStore.store_code.toUpperCase(),
});
this.remindUserChoice();
$form.submit();
},
storeMenuMobile($close) {
const storeSelectorModale = document.querySelector('.stores-choice');
if (storeSelectorModale) {
if ($close) {
this.remindUserChoice();
storeSelectorModale.style.display = 'none';
} else {
storeSelectorModale.style.display = 'flex';
}
}
}
}
}</script></div></nav></div></div><script>
'use strict';
const initMobileCmsPageMenuItem_671711bf53689 = (isChildOpen = 0) => {
return {
openSubElement: isChildOpen == 1 ? true : false,
clickMenuEntryEvent(url, level, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuniveau' + level,
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
}
}
}
const initMenuMobile_671711bf53689 = () => {
return {
mobilePanelActiveId: null,
hoverPanelActiveId: null,
open: false,
topOpened: document.querySelector('.block-promotional').offsetHeight,
isSubnavOpen: false,
nameActiveMenu: null,
isNavLight: 0,
clickMenuEntryEvent(url, level, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuniveau' + level,
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
},
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
item.classList.add('text-pink');
item.closest('div.level-0') &&
item.closest('div.level-0').querySelector('a.level-0').classList.add('text-pink');
});
},
toggleMobileMenu() {
this.open = !this.open;
const headerPosition = document.querySelector('.header-wrapper').offsetHeight;
if (window.innerWidth < 1025) {
if (this.open) {
document.body.classList.add('overflow-hidden');
let headerHeight = document.querySelector('.header-wrapper').offsetHeight;
document.querySelector('.nav-mobile').style.height = `calc(100svh - ${headerHeight}px)`;
document.getElementById('header').style.backgroundColor = 'white';
document.querySelector('.header').style.display = 'none';
document.body.classList.add('is-menu-open');
} else {
document.body.classList.remove('overflow-hidden');
document.querySelector('.nav-mobile').style.height = 'unset';
document.querySelector('.header').style.display = 'block';
this.mobilePanelActiveId = null;
document.body.classList.remove('is-menu-open');
}
document.querySelector('.nav-wrapper').style.overflowY = 'auto';
}
},
closeMenuMobile() {
this.open = false;
const headerPosition = document.querySelector('.header-wrapper').offsetHeight;
document.body.classList.remove('overflow-hidden');
document.querySelector('.nav-mobile').style.height = 'unset';
document.querySelector('.header').style.display = 'block';
this.mobilePanelActiveId = null;
document.body.classList.remove('is-menu-open');
document.querySelector('.nav-wrapper').style.overflowY = 'auto';
},
activeSubNav() {
this.isSubnavOpen = !this.isSubnavOpen;
document.querySelector('.nav-wrapper').style.overflowY = 'hidden';
if (this.isSubnavOpen) {
document.querySelector('.nav-wrapper').scrollTop = 0
document.querySelector('.nav-wrapper').style.height = 'auto';
document.querySelector('.nav-wrapper').style.overflowY = 'hidden';
}
}
}
}</script> <div x-data="initMenuDesktop_671711bf7e705()" class="z-20 order-2 menu-bp:flex-1 sm:order-1 menu-bp:order-2 navigation hidden menu-bp:flex"><!-- desktop --><div x-ref="nav-desktop" @load.window="setActiveMenu($el)" class="hidden lg:block lg:min-h-0 px-0.5 2lg:px-7 lg:w-auto lg:pt-0"><nav class="duration-150 ease-in-out transform flex justify-start min-h-0 transition-display leading-none" > <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1547', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1547" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/offres-commerciales.html', '1', ' Offres')" href="https://www.adopt.com/fr/offres-commerciales.html" title="Offres" >Offres</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1548', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny font-bold tracking-[1.77px] category-node" id="category-node-1548" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/calendrier-de-l-avent.html', '1', ' Calendrier')" style="color:#e28b8f;" href="https://www.adopt.com/fr/calendrier-de-l-avent.html" title="Calendrier" >Calendrier</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1473', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny font-bold tracking-[1.77px] category-node" id="category-node-1473" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum.html', '1', ' Noël')" style="color:#c41717;" href="https://www.adopt.com/fr/noel-coffret-parfum.html" title="Noël" >Noël</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1472', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1472" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum.html', '1', ' Parfum')" href="https://www.adopt.com/fr/parfum.html" title="Parfum" >Parfum</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1369', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1369" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps.html', '1', ' Corps')" href="https://www.adopt.com/fr/soin-corps.html" title="Corps" >Corps</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1343', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1343" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage.html', '1', ' Visage')" href="https://www.adopt.com/fr/soin-visage.html" title="Visage" >Visage</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1443', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1443" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage.html', '1', ' Maquillage')" href="https://www.adopt.com/fr/maquillage.html" title="Maquillage" >Maquillage</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1428', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1428" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux.html', '1', ' Cadeau')" href="https://www.adopt.com/fr/cadeaux.html" title="Cadeau" >Cadeau</a></span></div> <div class="level-0 text-tiny text-center" @mouseenter="openSubNav( 'category-node-1640', $refs )" @mouseleave="openSubNav(0, $refs)"><span class="flex h-full items-center text-md bg-opacity-95 relative"> <a class="main-nav-link font-medium tracking-spaced-lg leading-none w-full py-3 px-2 lg:px-2.5 uppercase transition duration-300 level-0 text-tiny category-node" id="category-node-1640" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/nouveautes.html', '1', ' Nouveautés')" href="https://www.adopt.com/fr/nouveautes.html" title="Nouveautés" >Nouveautés</a></span></div> <div class="flex justify-start"><div class="text-center my-auto"><span class="w-1 h-1 bg-anthracite rounded-full relative -top-0.5 inline-block mx-3"></span></div> <div class="level-0 text-tiny text-center" @mouseenter="hoverPanelActiveId = 'cms-node-671711bf7ed8d'" @mouseleave="hoverPanelActiveId = 0" ><span class="flex h-full items-center block text-md bg-opacity-95 relative"><span class="flex main-nav-link main-nav-link--cms cursor-pointer leading-none w-full py-3 px-2 lg:px-2.5 transition duration-300 level-0 text-smaller tracking-spaced-lg font-secondary">Nos valeurs</span></span></div> <div class="level-0 text-tiny text-center"><span class="flex items-center text-md bg-opacity-95 relative"><a class="main-nav-link leading-none w-full py-3 px-2 lg:px-2.5 transition duration-300 level-0 text-smaller tracking-spaced-lg font-secondary" target="_blank" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/lemag/', '1', 'Le MAG', true)" href="https://www.adopt.com/fr/lemag/" title="Le MAG" >Le MAG</a></span></div></div></nav> <div id="subnav-wrapper" class="subnav-wrapper absolute z-50 left-0 right-0 px-5"> <div @mouseenter="openSubNav( 'category-node-1473', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1473', 'block' : hoverPanelActiveId === 'category-node-1473' }"><div class="shadow-lg bg-white"> <div class="flex p-12 gap-12"> <div class="flex gap-7"> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-parfums.html" title="Cadeaux Femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-parfums.html', '2', 'Cadeaux Femme')" class="block relative group text-center flex flex-col flex-1" data-parent-id="category-node-1473"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_MIX_FEMME_3_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_MIX_FEMME_3_1.jpg" class="w-full" data-twic-transform="cover-max=500" width="205" height="296" alt="Cadeaux Femme" title="Cadeaux Femme"><span class="text-anthracite text-center font-bold tracking-spaced text-xxs uppercase mt-5 transition duration-300 group-hover:text-pink">Cadeaux Femme</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-soins.html" title="Cadeaux Soins" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-soins.html', '2', 'Cadeaux Soins')" class="block relative group text-center flex flex-col flex-1" data-parent-id="category-node-1473"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_MIX_SOINS_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_MIX_SOINS_1.jpg" class="w-full" data-twic-transform="cover-max=500" width="205" height="296" alt="Cadeaux Soins" title="Cadeaux Soins"><span class="text-anthracite text-center font-bold tracking-spaced text-xxs uppercase mt-5 transition duration-300 group-hover:text-pink">Cadeaux Soins</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-homme.html" title="Cadeaux Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-homme.html', '2', 'Cadeaux Homme')" class="block relative group text-center flex flex-col flex-1" data-parent-id="category-node-1473"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_MIX_HOMME_2.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_MIX_HOMME_2.jpg" class="w-full" data-twic-transform="cover-max=500" width="205" height="296" alt="Cadeaux Homme" title="Cadeaux Homme"><span class="text-anthracite text-center font-bold tracking-spaced text-xxs uppercase mt-5 transition duration-300 group-hover:text-pink">Cadeaux Homme</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/petites-attentions.html" title="Petites attentions" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/petites-attentions.html', '2', 'Petites attentions')" class="block relative group text-center flex flex-col flex-1" data-parent-id="category-node-1473"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/NOEL24_CRM_COFFRETS_CRAKERS_11_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/NOEL24_CRM_COFFRETS_CRAKERS_11_1.jpg" class="w-full" data-twic-transform="cover-max=500" width="205" height="296" alt="Petites attentions" title="Petites attentions"><span class="text-anthracite text-center font-bold tracking-spaced text-xxs uppercase mt-5 transition duration-300 group-hover:text-pink">Petites attentions</span></a> <a href="https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-maquillage.html" title="Cadeaux maquillage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/noel-coffret-parfum/cadeaux-maquillage.html', '2', 'Cadeaux maquillage')" class="block relative group text-center flex flex-col flex-1" data-parent-id="category-node-1473"> <img loading="lazy" src="https://adopt.twic.pics/media/catalog/category/LIFE_MUP_NOEL24_1_1.jpg?twic=v1/output=preview" data-twic-src="image:media/catalog/category/LIFE_MUP_NOEL24_1_1.jpg" class="w-full" data-twic-transform="cover-max=500" width="205" height="296" alt="Cadeaux maquillage" title="Cadeaux maquillage"><span class="text-anthracite text-center font-bold tracking-spaced text-xxs uppercase mt-5 transition duration-300 group-hover:text-pink">Cadeaux maquillage</span></a> </div></div></div></div> <div @mouseenter="openSubNav( 'category-node-1472', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1472', 'block' : hoverPanelActiveId === 'category-node-1472' }"><div class="shadow-lg bg-white"> <div class="flex"><div class="pt-12 px-12 flex-1 max-w-[75%] pb-5"><div class="flex items-start gap-28"> <div class="w-fit"><span class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block">Sélections</span> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/exclusivite-web.html" title="Exclu web" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/exclusivite-web.html', '3', 'Exclu web')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Exclu web</span></a> <a href="https://www.adopt.com/fr/parfum/nouveautes-parfum.html" title="Nouveautés" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/nouveautes-parfum.html', '3', 'Nouveautés')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nouveautés</span></a> <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" title="Meilleures ventes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html', '3', 'Meilleures ventes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Meilleures ventes</span></a> <a href="https://www.adopt.com/fr/parfum/idees-cadeaux-parfum.html" title="Idées cadeau parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/idees-cadeaux-parfum.html', '3', 'Idées cadeau parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Idées cadeau parfum</span></a> <a href="https://www.adopt.com/fr/parfum/format-decouverte.html" title="Format découverte" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/format-decouverte.html', '3', 'Format découverte')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Format découverte</span></a> <a href="https://www.adopt.com/fr/diagnostic-olfactif" title="Faire mon diagnostic" class="text-xxs font-medium uppercase gradient-text-purple tracking-[2.57px]" data-parent-id="category-node-1472" >Faire mon diagnostic</a> </div></div> <div class="gap-10 w-fit columns-4"> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/parfum-femme.html" title="Parfum femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme.html', '2','Parfum femme')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Parfum femme</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/parfum-femme/eau-de-parfum-femme.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/eau-de-parfum-femme.html', '3', 'Eau de parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/coffret-parfum-femme.html" title="Coffret parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/coffret-parfum-femme.html', '3', 'Coffret parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Coffret parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/collection-voyage.html" title="Les Voyages" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/collection-voyage.html', '3', 'Les Voyages')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les Voyages</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/parfum-intense.html" title="Les Intenses" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/parfum-intense.html', '3', 'Les Intenses')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les Intenses</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/parfum-cheveux.html" title="Parfums Cheveux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme/parfum-cheveux.html', '3', 'Parfums Cheveux')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Parfums Cheveux</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-femme.html" title="Parfum femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-femme.html', '3', 'Parfum femme')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/parfum-homme.html" title="Parfum homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme.html', '2','Parfum homme')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Parfum homme</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/parfum-homme/eau-de-parfum-homme.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme/eau-de-parfum-homme.html', '3', 'Eau de parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-homme/coffret-parfum-homme.html" title="Coffret parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme/coffret-parfum-homme.html', '3', 'Coffret parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Coffret parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-homme.html" title="Parfum homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-homme.html', '3', 'Parfum homme')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/parfum-mixte.html" title="Parfum mixte" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-mixte.html', '2','Parfum mixte')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Parfum mixte</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/parfum-mixte/eau-de-parfum-mixte.html" title="Eau de parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-mixte/eau-de-parfum-mixte.html', '3', 'Eau de parfum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Eau de parfum</span></a> <a href="https://www.adopt.com/fr/parfum/parfum-mixte.html" title="Parfum mixte" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-mixte.html', '3', 'Parfum mixte')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/parfum-enfant.html" title="Parfum enfant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-enfant.html', '2','Parfum enfant')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Parfum enfant</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/parfum-enfant.html" title="Parfum enfant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/parfum-enfant.html', '3', 'Parfum enfant')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/envie-de-parfum.html" title="Univers olfactif" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum.html', '2','Univers olfactif')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Univers olfactif</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/coton-et-douceur.html" title="Les délicats" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/coton-et-douceur.html', '3', 'Les délicats')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les délicats</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/boise-et-caractere.html" title="Les caractères" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/boise-et-caractere.html', '3', 'Les caractères')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les caractères</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fraicheur-et-agrume.html" title="Les frais" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fraicheur-et-agrume.html', '3', 'Les frais')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les frais</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fleurs-et-romantisme.html" title="Les floraux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fleurs-et-romantisme.html', '3', 'Les floraux')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les floraux</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/fruits-et-plaisir.html" title="Les fruités" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/fruits-et-plaisir.html', '3', 'Les fruités')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les fruités</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/gourmandise-et-seduction.html" title="Les gourmands" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/gourmandise-et-seduction.html', '3', 'Les gourmands')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les gourmands</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum/soleil-et-sensualite.html" title="Les solaires" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum/soleil-et-sensualite.html', '3', 'Les solaires')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Les solaires</span></a> <a href="https://www.adopt.com/fr/parfum/envie-de-parfum.html" title="Univers olfactif" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/envie-de-parfum.html', '3', 'Univers olfactif')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/maison.html" title="Maison" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison.html', '2','Maison')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Maison</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/maison/bougie-parfumee.html" title="Bougie parfumée" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/bougie-parfumee.html', '3', 'Bougie parfumée')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Bougie parfumée</span></a> <a href="https://www.adopt.com/fr/parfum/maison/parfums-d-interieur.html" title="Parfums d'intérieur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/parfums-d-interieur.html', '3', 'Parfums d\'intérieur')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Parfums d'intérieur</span></a> <a href="https://www.adopt.com/fr/parfum/maison/huile-essentielle.html" title="Huile essentielle" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison/huile-essentielle.html', '3', 'Huile essentielle')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Huile essentielle</span></a> <a href="https://www.adopt.com/fr/parfum/maison.html" title="Maison" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/maison.html', '3', 'Maison')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/parfum/accessoire-parfum.html" title="Accessoire Parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/accessoire-parfum.html', '2','Accessoire Parfum')" data-parent-id="category-node-1472" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Accessoire Parfum</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/parfum/accessoire-parfum.html" title="Accessoire Parfum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum/accessoire-parfum.html', '3', 'Accessoire Parfum')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1472" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> </div></div> <div><div class="flex justify-between"><div class="text-pink uppercase text-xxs font-semibold tracking-spaced-lg mb-5"><a href="https://www.adopt.com/fr/parfum/famille-olfactive.html">#notesolfactives</a></div><div class="olfactive-notes__navigation text-pink flex hidden" x-ref="olfactiveNav"><button type="button" @click="prevOlfactive($refs)" class="olfactive-notes__navigation__item prev p-2.5 inline-block hover:text-lavender transition duration-300 -scale-x-100" :class="{'opacity-30' : sliderPosition === 'start'}" ><svg width="8" height="14" version="1.1" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><g transform="translate(.5385 .5385)" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="m6.4615 6.4615-6 6m6-6-6-6" stroke="currentColor" stroke-width="2"></path></g></svg></button> <button type="button" @click="nextOlfactive($refs)" class="olfactive-notes__navigation__item next px-2.5 py-2 inline-block hover:text-lavender transition duration-300" :class="{'opacity-30' : sliderPosition === 'end'}" ><svg width="8" height="14" version="1.1" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><g transform="translate(.5385 .5385)" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="m6.4615 6.4615-6 6m6-6-6-6" stroke="currentColor" stroke-width="2"></path></g></svg></button></div></div><div class="olfactive-notes w-full pb-1.25 overflow-hidden" @resize.window.debounce.100="isMobile = window.outerWidth < 768; loadSliderOlfactive($refs)" x-ref="olfactiveWrapper"><div class="olfactive-notes__content flex gap-2.5 w-fit relative" x-ref="olfactiveContent"> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-vanille-famille-olfactive.html"> #Vanille</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-fleurs-d-oranger-famille-olfactive.html"> #Fleurs d'oranger</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-rose-famille-olfactive.html"> #Rose</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-patchouly-famille-olfactive.html"> #Patchouli</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-monoi-famille-olfactive.html"> #Monoï</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-muscfamille-olfactive.html"> #Musc</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-ambre-famille-olfactive.html"> #Ambre</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-oud-famille-olfactive.html"> #Oud</a> <a class="btn btn-primary-pill btn-size-pill first:ml-5 md:first:ml-0 last:mr-5 md:last:mr-0 whitespace-nowrap" href="https://www.adopt.com/fr/parfum/famille-olfactive/parfum-coco-note-olfactive.html"> #Coco</a> </div></div></div></div> <div class="max-w-[25%]"> <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" @click.prevent="clickMenuBannerEvent('https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html', 'Parfum')" > <img class="h-full" loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_BESTS_Overlay_KV2_FR.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_BESTS_Overlay_KV2_FR.png" data-twic-transform="max=450" alt="Parfum" title="Parfum"/></a> </div></div> </div></div> <div @mouseenter="openSubNav( 'category-node-1369', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1369', 'block' : hoverPanelActiveId === 'category-node-1369' }"><div class="shadow-lg bg-white"> <div class="flex"><div class="pt-12 px-12 flex-1 max-w-[75%] pb-5"><div class="flex items-start gap-28"> <div class="w-fit"><span class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block">Sélections</span> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/soin-corps/nouveautes-soin-corps.html" title="Nouveautés" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/nouveautes-soin-corps.html', '3', 'Nouveautés')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nouveautés</span></a> <a href="https://www.adopt.com/fr/soin-corps/meilleures-ventes-soin-corps.html" title="Meilleures ventes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/meilleures-ventes-soin-corps.html', '3', 'Meilleures ventes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Meilleures ventes</span></a> <a href="https://www.adopt.com/fr/soin-corps/soins-d-exception-corps.html" title="Karité & Argan" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soins-d-exception-corps.html', '3', 'Karité & Argan')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Karité & Argan</span></a> <a href="https://www.adopt.com/fr/soin-corps/soins-corps-homme.html" title="Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soins-corps-homme.html', '3', 'Homme')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Homme</span></a> <a href="https://www.adopt.com/fr/soin-corps/beaute-d-orient.html" title="Beauté d'Orient" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/beaute-d-orient.html', '3', 'Beauté d\'Orient')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Beauté d'Orient</span></a> </div></div> <div class="gap-10 w-fit columns-4"> <div class="break-inside-avoid-column"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit.html" title="Par produit" class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block" >Par produit</a> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gel-douche-parfume.html" title="Gel douche parfumé" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gel-douche-parfume.html', '3', 'Gel douche parfumé')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Gel douche parfumé</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/creme-et-lait-corps.html" title="Crème & lait corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/creme-et-lait-corps.html', '3', 'Crème & lait corps')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Crème & lait corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/soin-des-mains.html" title="Crème mains" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/soin-des-mains.html', '3', 'Crème mains')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Crème mains</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gommage-corps.html" title="Gommage corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gommage-corps.html', '3', 'Gommage corps')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Gommage corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/brume-parfumee.html" title="Brume parfumée" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/brume-parfumee.html', '3', 'Brume parfumée')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Brume parfumée</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit.html" title="Par produit" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit.html', '3', 'Par produit')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"> <div class="h-4.5 mb-6"></div> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/deodorant.html" title="Déodorant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/deodorant.html', '3', 'Déodorant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Déodorant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/huile-corps.html" title="Huile corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/huile-corps.html', '3', 'Huile corps')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Huile corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gelee-corps.html" title="Gelée corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/gelee-corps.html', '3', 'Gelée corps')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Gelée corps</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/bombe-de-bain.html" title="Bombe de bain" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/bombe-de-bain.html', '3', 'Bombe de bain')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Bombe de bain</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/accessoires-corps.html" title="Accessoire corps" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-produit/accessoires-corps.html', '3', 'Accessoire corps')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Accessoire corps</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action.html" title="Par action" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action.html', '2','Par action')" data-parent-id="category-node-1369" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Par action</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-hydratant.html" title="Hydratant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-hydratant.html', '3', 'Hydratant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Hydratant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nourrissant.html" title="Nourrissant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nourrissant.html', '3', 'Nourrissant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nourrissant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-eclat.html" title="Éclat" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-eclat.html', '3', 'Éclat')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Éclat</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-exfoliant.html" title="Exfoliant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-exfoliant.html', '3', 'Exfoliant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Exfoliant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nettoyant.html" title="Nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action/soin-corps-nettoyant.html', '3', 'Nettoyant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-corps/soin-corps-par-action.html" title="Par action" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/soin-corps-par-action.html', '3', 'Par action')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume.html" title="Rituel soin parfumé" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume.html', '2','Rituel soin parfumé')" data-parent-id="category-node-1369" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Rituel soin parfumé</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-des-iles.html" title="Monoï des îles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-des-iles.html', '3', 'Monoï des îles')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Monoï des îles</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/tahiti-paradis.html" title="Tahiti Paradis" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/tahiti-paradis.html', '3', 'Tahiti Paradis')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Tahiti Paradis</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/blackstone.html" title="Blackstone" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/blackstone.html', '3', 'Blackstone')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Blackstone</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-blanc.html" title="Monoï blanc" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/monoi-blanc.html', '3', 'Monoï blanc')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Monoï blanc</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/vanille-coco.html" title="Vanille coco" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/vanille-coco.html', '3', 'Vanille coco')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Vanille coco</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/sunny-vibes.html" title="Sunny vibes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/sunny-vibes.html', '3', 'Sunny vibes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Sunny vibes</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/wonderful.html" title="Wonderful" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/wonderful.html', '3', 'Wonderful')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Wonderful</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/coeur-a-coeur.html" title="Cœur à cœur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/coeur-a-coeur.html', '3', 'Cœur à cœur')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Cœur à cœur</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/love-mood.html" title="Love mood" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume/love-mood.html', '3', 'Love mood')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Love mood</span></a> <a href="https://www.adopt.com/fr/soin-corps/rituel-soin-parfume.html" title="Rituel soin parfumé" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps/rituel-soin-parfume.html', '3', 'Rituel soin parfumé')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1369" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> </div></div></div> <div class="max-w-[25%]"> <a href="https://www.adopt.com/fr/soin-corps/beaute-d-orient.html" @click.prevent="clickMenuBannerEvent('https://www.adopt.com/fr/soin-corps/beaute-d-orient.html', 'Corps')" > <img class="h-full" loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Gamme_Orient_FR.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Gamme_Orient_FR.png" data-twic-transform="max=450" alt="Corps" title="Corps"/></a> </div></div> </div></div> <div @mouseenter="openSubNav( 'category-node-1343', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1343', 'block' : hoverPanelActiveId === 'category-node-1343' }"><div class="shadow-lg bg-white"> <div class="flex"><div class="pt-12 px-12 flex-1 max-w-[75%] pb-5"><div class="flex items-start gap-28"> <div class="w-fit"><span class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block">Sélections</span> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/soin-visage/nouveautes-soin-visage.html" title="Nouveautés" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/nouveautes-soin-visage.html', '3', 'Nouveautés')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nouveautés</span></a> <a href="https://www.adopt.com/fr/soin-visage/meilleures-ventes-soin-visage.html" title="Meilleures ventes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/meilleures-ventes-soin-visage.html', '3', 'Meilleures ventes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Meilleures ventes</span></a> </div></div> <div class="gap-10 w-fit columns-4"> <div class="break-inside-avoid-column"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html" title="Par produit" class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block" >Par produit</a> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/creme-visage-et-serum.html" title="Crème visage & sérum" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/creme-visage-et-serum.html', '3', 'Crème visage & sérum')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Crème visage & sérum</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/contour-des-yeux.html" title="Contour des yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/contour-des-yeux.html', '3', 'Contour des yeux')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Contour des yeux</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/demaquillant-et-nettoyant.html" title="Démaquillant & nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/demaquillant-et-nettoyant.html', '3', 'Démaquillant & nettoyant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Démaquillant & nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/lotion-visage.html" title="Lotion visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/lotion-visage.html', '3', 'Lotion visage')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Lotion visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html" title="Par produit" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html', '3', 'Par produit')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"> <div class="h-4.5 mb-6"></div> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/masque-visage.html" title="Masque visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/masque-visage.html', '3', 'Masque visage')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Masque visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/gommage-visage.html" title="Gommage visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/gommage-visage.html', '3', 'Gommage visage')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Gommage visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/accessoires-visage.html" title="Accessoires visage" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/accessoires-visage.html', '3', 'Accessoires visage')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Accessoires visage</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/produit-visage-homme.html" title="Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit/produit-visage-homme.html', '3', 'Homme')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Homme</span></a> </div></div> <div class="break-inside-avoid-column"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action.html" title="Par action" class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block" >Par action</a> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-hydratant.html" title="Hydratant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-hydratant.html', '3', 'Hydratant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Hydratant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-purifiant.html" title="Purifiant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-purifiant.html', '3', 'Purifiant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Purifiant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nourrissant.html" title="Nourrissant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nourrissant.html', '3', 'Nourrissant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nourrissant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-repulpant.html" title="Repulpant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-repulpant.html', '3', 'Repulpant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Repulpant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-eclat.html" title="Éclat" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-eclat.html', '3', 'Éclat')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Éclat</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action.html" title="Par action" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action.html', '3', 'Par action')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"> <div class="h-4.5 mb-6"></div> <div class="gap-2.5 mb-2.5 flex flex-col"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-exfoliant.html" title="Exfoliant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-exfoliant.html', '3', 'Exfoliant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Exfoliant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nettoyant.html" title="Nettoyant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-nettoyant.html', '3', 'Nettoyant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nettoyant</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-pollution.html" title="Anti-pollution" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-pollution.html', '3', 'Anti-pollution')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Anti-pollution</span></a> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-rides.html" title="Anti-rides" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-action/soin-visage-anti-rides.html', '3', 'Anti-rides')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1343" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Anti-rides</span></a> </div></div> </div></div></div> <div class="max-w-[25%]"> <a href="https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html" @click.prevent="clickMenuBannerEvent('https://www.adopt.com/fr/soin-visage/soin-visage-par-produit.html', 'Visage')" > <img class="h-full" loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Soins_corps_FR.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Soins_corps_FR.png" data-twic-transform="max=450" alt="Visage" title="Visage"/></a> </div></div> </div></div> <div @mouseenter="openSubNav( 'category-node-1443', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1443', 'block' : hoverPanelActiveId === 'category-node-1443' }"><div class="shadow-lg bg-white"> <div class="flex"><div class="pt-12 px-12 flex-1 max-w-[75%] pb-5"><div class="flex items-start gap-28"> <div class="w-fit"><span class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block">Sélections</span> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/maquillage/nouveautes-maquillage.html" title="Nouveautés" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/nouveautes-maquillage.html', '3', 'Nouveautés')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nouveautés</span></a> <a href="https://www.adopt.com/fr/maquillage/meilleures-ventes-maquillage.html" title="Meilleures ventes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/meilleures-ventes-maquillage.html', '3', 'Meilleures ventes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Meilleures ventes</span></a> </div></div> <div class="gap-10 w-fit columns-4"> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/maquillage/maquillage-teint.html" title="Teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint.html', '2','Teint')" data-parent-id="category-node-1443" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Teint</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/fond-de-teint.html" title="Fond de teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/fond-de-teint.html', '3', 'Fond de teint')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Fond de teint</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/anti-cernes-et-correcteur.html" title="Correcteur & anti-cernes" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/anti-cernes-et-correcteur.html', '3', 'Correcteur & anti-cernes')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Correcteur & anti-cernes</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/base-de-teint-et-fixateur.html" title="Base de teint & fixateur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/base-de-teint-et-fixateur.html', '3', 'Base de teint & fixateur')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Base de teint & fixateur</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/blush.html" title="Blush & enlumineur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/blush.html', '3', 'Blush & enlumineur')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Blush & enlumineur</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/poudre.html" title="Poudre" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/poudre.html', '3', 'Poudre')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Poudre</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint/accessoires-teint.html" title="Accessoire teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint/accessoires-teint.html', '3', 'Accessoire teint')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Accessoire teint</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint.html" title="Teint" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-teint.html', '3', 'Teint')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/maquillage/maquillage-yeux.html" title="Yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux.html', '2','Yeux')" data-parent-id="category-node-1443" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Yeux</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/mascara.html" title="Mascara" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/mascara.html', '3', 'Mascara')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Mascara</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/eyeliner.html" title="Eyeliner" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/eyeliner.html', '3', 'Eyeliner')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Eyeliner</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/crayon-pour-les-yeux.html" title="Crayon" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/crayon-pour-les-yeux.html', '3', 'Crayon')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Crayon</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/fard-a-paupieres.html" title="Fard à paupières" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/fard-a-paupieres.html', '3', 'Fard à paupières')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Fard à paupières</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/sourcil.html" title="Sourcils" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/sourcil.html', '3', 'Sourcils')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Sourcils</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/palette-yeux.html" title="Palette" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/palette-yeux.html', '3', 'Palette')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Palette</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux/accessoires-yeux.html" title="Accessoire yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux/accessoires-yeux.html', '3', 'Accessoire yeux')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Accessoire yeux</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-yeux.html" title="Yeux" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-yeux.html', '3', 'Yeux')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/maquillage/maquillage-levres.html" title="Lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres.html', '2','Lèvres')" data-parent-id="category-node-1443" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Lèvres</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/rouge-a-levres.html" title="Rouge à lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/rouge-a-levres.html', '3', 'Rouge à lèvres')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Rouge à lèvres</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/gloss.html" title="Gloss" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/gloss.html', '3', 'Gloss')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Gloss</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres/baume-a-levres.html" title="Baume à lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres/baume-a-levres.html', '3', 'Baume à lèvres')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Baume à lèvres</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-levres.html" title="Lèvres" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-levres.html', '3', 'Lèvres')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/maquillage/maquillage-ongles.html" title="Ongles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles.html', '2','Ongles')" data-parent-id="category-node-1443" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Ongles</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles/vernis-a-ongles.html" title="Vernis à ongles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles/vernis-a-ongles.html', '3', 'Vernis à ongles')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Vernis à ongles</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles/accessoires-manucure.html" title="Accessoire manucure" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles/accessoires-manucure.html', '3', 'Accessoire manucure')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Accessoire manucure</span></a> <a href="https://www.adopt.com/fr/maquillage/maquillage-ongles.html" title="Ongles" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage/maquillage-ongles.html', '3', 'Ongles')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1443" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> </div></div></div> <div class="max-w-[25%]"> <a href="https://www.adopt.com/fr/maquillage/maquillage-teint.html" @click.prevent="clickMenuBannerEvent('https://www.adopt.com/fr/maquillage/maquillage-teint.html', 'Maquillage')" > <img class="h-full" loading="lazy" src="https://adopt.twic.pics/media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/ECOMM_REFONTE_ROMIE_Overlay_Maquillage_FR.png" data-twic-transform="max=450" alt="Maquillage" title="Maquillage"/></a> </div></div> </div></div> <div @mouseenter="openSubNav( 'category-node-1428', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'category-node-1428', 'block' : hoverPanelActiveId === 'category-node-1428' }"><div class="shadow-lg bg-white"> <div class="flex"><div class="pt-12 px-12 flex-1 max-w-[75%] pb-5"><div class="flex items-start gap-28"> <div class="w-fit"><span class="uppercase text-pink text-xxs tracking-widest font-semibold mb-6 block">Sélections</span> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-coups-de-coeur.html" title="Nos coups de coeur" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-coups-de-coeur.html', '3', 'Nos coups de coeur')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Nos coups de coeur</span></a> <a href="https://www.adopt.com/fr/cadeaux/exclu-web.html" title="Exclu web" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/exclu-web.html', '3', 'Exclu web')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Exclu web</span></a> <a href="https://www.adopt.com/fr/cadeaux/emballage-cadeaux.html" title="Emballage cadeau" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/emballage-cadeaux.html', '3', 'Emballage cadeau')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428"><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Emballage cadeau</span></a> <a href="https://www.adopt.com/fr/guide-cadeaux-adopt" title="Guide cadeau" class="text-xxs font-medium uppercase gradient-text-purple tracking-[2.57px]" data-parent-id="category-node-1428" >Guide cadeau</a> </div></div> <div class="gap-10 w-fit columns-2"> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui.html" title="Pour qui" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui.html', '2','Pour qui')" data-parent-id="category-node-1428" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Pour qui</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-femme.html" title="Cadeau Femme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-femme.html', '3', 'Cadeau Femme')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Cadeau Femme</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-lui.html" title="Cadeau Homme" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-lui.html', '3', 'Cadeau Homme')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Cadeau Homme</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-enfant.html" title="Cadeau Enfant" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui/cadeaux-pour-enfant.html', '3', 'Cadeau Enfant')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Cadeau Enfant</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui.html" title="Pour qui" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-pour-qui.html', '3', 'Pour qui')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> <div class="break-inside-avoid-column"><a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix.html" title="Par prix" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix.html', '2','Par prix')" data-parent-id="category-node-1428" class="uppercase text-pink text-xxs tracking-spaced-lg font-semibold mb-6 block" >Par prix</a> <div class="flex flex-col gap-2.5 items-start mb-10"> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-moins-de-10-euros.html" title="Petits prix" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-moins-de-10-euros.html', '3', 'Petits prix')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Petits prix</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-10-et-20-euros.html" title="Moins de 20€" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-10-et-20-euros.html', '3', 'Moins de 20€')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Moins de 20€</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-20-et-30-euros.html" title="Entre 20 et 30€" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-entre-20-et-30-euros.html', '3', 'Entre 20 et 30€')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Entre 20 et 30€</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-plus-de-30-euros.html" title="Cadeau premium" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix/cadeaux-plus-de-30-euros.html', '3', 'Cadeau premium')" class="block text-anthracite text-sm group relative pb-1 group" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Cadeau premium</span></a> <a href="https://www.adopt.com/fr/cadeaux/cadeaux-par-prix.html" title="Par prix" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux/cadeaux-par-prix.html', '3', 'Par prix')" class="text-xxs uppercase font-bold group tracking-spaced text-anthracite inline-block" data-parent-id="category-node-1428" ><span class="relative pb-1 after:h-px after:bg-anthracite after:w-0 after:absolute after:left-0 after:bottom-0 after:transition-all after:duration-300 group-hover:after:w-full">Voir tout</span></a> </div></div> </div></div></div> <div class=""> <a href="https://www.adopt.com/fr/guide-cadeaux-adopt" @click.prevent="clickMenuBannerEvent('https://www.adopt.com/fr/guide-cadeaux-adopt', 'Cadeau')" > <img class="h-full" loading="lazy" src="https://adopt.twic.pics/media/catalog/category/V2_ECOMM_COFFRETS_Overlay_FR.png?twic=v1/output=preview" data-twic-src="image:media/catalog/category/V2_ECOMM_COFFRETS_Overlay_FR.png" data-twic-transform="max=450" alt="Cadeau" title="Cadeau"/></a> </div></div> </div></div> <div @mouseenter="openSubNav( 'cms-node-671711bf7ed8d', $refs )" @mouseleave="openSubNav(0, $refs)" class="subnav-content hidden overflow-y-auto w-fit m-auto" :class="{ 'hidden' : hoverPanelActiveId !== 'cms-node-671711bf7ed8d', 'block' : hoverPanelActiveId === 'cms-node-671711bf7ed8d' }"><div class="shadow-lg bg-white"><div class="p-1 flex items-stretch gap-5 w-full" x-data="initSliderMenuPage(4)"> <div class="overflow-hidden flex-1"><ul class="flex justify-between transition-all duration-300 gap-1" :style="calcSlider()"> <li class="w-1/4"><a class="block group relative" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/programme-colibri', '2', 'Les Programmes Colibri')" href="https://www.adopt.com/fr/programme-colibri" title="Les Programmes Colibri"><img loading="lazy" class="w-full rounded-[10px] h-[440px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/carr__0.jpg?twic=v1/output=preview" data-twic-src="image:media/picto/image/carr__0.jpg" data-twic-transform="max=500" alt="Les Programmes Colibri" title="Les Programmes Colibri"><button class="absolute bottom-5 btn btn-primary-white-cta min-h-[60px] mx-auto left-0 right-0 w-fit">Les Programmes Colibri</button></a></li> <li class="w-1/4"><a class="block group relative" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/nos-engagements', '2', 'Nos engagements')" href="https://www.adopt.com/fr/nos-engagements" title="Nos engagements"><img loading="lazy" class="w-full rounded-[10px] h-[440px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/nos_engagements.jpg_1__0.png?twic=v1/output=preview" data-twic-src="image:media/picto/image/nos_engagements.jpg_1__0.png" data-twic-transform="max=500" alt="Nos engagements" title="Nos engagements"><button class="absolute bottom-5 btn btn-primary-white-cta min-h-[60px] mx-auto left-0 right-0 w-fit">Nos engagements</button></a></li> <li class="w-1/4"><a class="block group relative" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/l-univers-adopt', '2', 'L\'univers adopt')" href="https://www.adopt.com/fr/l-univers-adopt" title="L'univers adopt"><img loading="lazy" class="w-full rounded-[10px] h-[440px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/ECOMM_BUZZMAN_Widget_Banniere_1080x1080_0.png?twic=v1/output=preview" data-twic-src="image:media/picto/image/ECOMM_BUZZMAN_Widget_Banniere_1080x1080_0.png" data-twic-transform="max=500" alt="L'univers adopt" title="L'univers adopt"><button class="absolute bottom-5 btn btn-primary-white-cta min-h-[60px] mx-auto left-0 right-0 w-fit">L'univers adopt</button></a></li> <li class="w-1/4"><a class="block group relative" @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/savoir-faire', '2', 'Savoir-faire')" href="https://www.adopt.com/fr/savoir-faire" title="Savoir-faire"><img loading="lazy" class="w-full rounded-[10px] h-[440px] object-cover object-center" src="https://adopt.twic.pics/media/picto/image/savoir-faire-adopt_1.jpg?twic=v1/output=preview" data-twic-src="image:media/picto/image/savoir-faire-adopt_1.jpg" data-twic-transform="max=500" alt="Savoir-faire" title="Savoir-faire"><button class="absolute bottom-5 btn btn-primary-white-cta min-h-[60px] mx-auto left-0 right-0 w-fit">Savoir-faire</button></a></li> </ul></div></div></div></div></div></div></div><script>
'use strict';
const initMenuDesktop_671711bf7e705 = () => {
return {
hoverPanelActiveId: null,
isOpenSubNav: false,
isMobile: window.outerWidth < 768,
hasOlfactiveSlider: false,
lastOlfactiveShow: 0,
childOlfactive: [],
numberChild: 0,
sliderPosition: 'start',
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
if (item.classList.contains('main-nav-link')) {
item.classList.add('current');
} else {
const parentId = item.getAttribute('data-parent-id');
const element = document.querySelector('#' + parentId);
element && element.classList.add('current');
}
});
},
clickMenuEntryEvent(url, level, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuniveau' + level,
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
},
clickMenuBannerEvent(url, label) {
window.dataLayer?.push({
'event': 'clicMenuBannière',
'text': label
});
window.location.href = url
},
openSubNav(idCat, $refs) {
this.hoverPanelActiveId = idCat;
const subnavWrapper = document.getElementById('subnav-wrapper');
const subnavContent = document.querySelectorAll('.subnav-content');
if (idCat !== 0) {
this.isOpenSubNav = true;
subnavWrapper.style.maxHeight = 'calc(100vh - ' + subnavWrapper.getBoundingClientRect().top + 'px - 2px)';
subnavContent.forEach(item => {
item.style.maxHeight = 'calc(100vh - ' + subnavWrapper.getBoundingClientRect().top + 'px - 2px)';
this.loadSliderOlfactive($refs);
})
window.dispatchEvent(
new CustomEvent('open-menu-subnav')
);
} else {
this.isOpenSubNav = false;
subnavWrapper.style.maxHeight = 'unset';
subnavContent.forEach(item => {
item.style.maxHeight = 'unset';
});
window.dispatchEvent(
new CustomEvent('close-menu-subnav')
);
}
},
loadSliderOlfactive($refs) {
if ($refs.olfactiveContent) {
if ($refs.olfactiveContent.offsetWidth > $refs.olfactiveWrapper.offsetWidth && !this.isMobile) {
this.hasOlfactiveSlider = true;
$refs.olfactiveNav.classList.remove('hidden');
}
$refs.olfactiveContent.dataset.translate = 0;
let child = []
$refs.olfactiveContent.childNodes.forEach(item => {
if (item.nodeType === 1) {
this.childOlfactive.push(item);
if ((item.offsetLeft + item.offsetWidth) > $refs.olfactiveWrapper.offsetWidth) {
item.classList.add('no-showed')
child.push(item);
}
}
})
this.numberChild = this.childOlfactive.length - 1;
this.lastOlfactiveShow = child[0];
}
},
prevOlfactive($refs) {
if ($refs.olfactiveContent.dataset.translate > 0 && this.lastOlfactiveShow.previousElementSibling !== null) {
this.lastOlfactiveShow = this.lastOlfactiveShow.previousElementSibling;
let translation = $refs.olfactiveContent.dataset.translate - this.lastOlfactiveShow.previousElementSibling.offsetWidth - 10;
$refs.olfactiveContent.style.marginLeft = "-" + translation + "px";
$refs.olfactiveContent.dataset.translate = translation;
this.sliderPosition = null
} else {
$refs.olfactiveContent.style.marginLeft = 0;
$refs.olfactiveContent.dataset.translate = 0;
this.sliderPosition = 'start';
}
},
nextOlfactive($refs) {
if (this.lastOlfactiveShow.nextElementSibling !== null) {
this.lastOlfactiveShow = this.lastOlfactiveShow.nextElementSibling;
let translation = this.lastOlfactiveShow.offsetWidth - ($refs.olfactiveWrapper.offsetWidth - this.lastOlfactiveShow.offsetLeft) + 10
$refs.olfactiveContent.style.marginLeft = "-" + translation + "px";
$refs.olfactiveContent.dataset.translate = translation;
this.sliderPosition = null
} else {
this.sliderPosition = "end"
}
}
}
}
function initSliderMenuPage(numberSlide) {
return {
currentSlide: 1,
sliderPosition: 0,
widthWrapper: 100,
gap: 24,
next() {
if (this.currentSlide < numberSlide && this.currentSlide < (numberSlide - 3)) {
this.currentSlide = this.currentSlide + 1;
} else {
this.currentSlide = 1;
}
},
prev() {
if (this.currentSlide <= 1) {
this.currentSlide = numberSlide - 3;
} else {
this.currentSlide = this.currentSlide - 1;
}
},
calcSlider() {
this.sliderPosition = (100 / 4) * this.currentSlide
this.widthWrapper = (100 / 4) * numberSlide;
return 'width: calc(' + this.widthWrapper + '%); margin-left: calc(-' + this.sliderPosition + '% + 25%)';
},
clickMenuEntryEvent(url, level, label) {
window.dataLayer?.push({
'event': 'clicMenuniveau' + level,
'text': label
});
window.location.href = url
}
}
}</script> <div class="flex items-center order-3 gap-2.5 menu-bp:gap-0.5"><!--Search Icon--><button id="menu-search-icon" class="hidden md:inline-block p-1 menu-bp:py-2 menu-bp:pl-3.75 menu-bp:pr-[36px] menu-bp:pr-[66px] no-underline rounded-full text-lavender hover:text-anthracite-400 menu-bp:border menu-bp:border-lavender menu-bp:border-opacity-30" :class="{ 'hidden': !isScrolled && !noSearchOpenMobile }" @click.prevent="toggleSearch()" ><span class="flex items-center justify-center"><span class="sr-only label">Rechercher</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="search" version="1.1" x="0px" y="0px" viewbox="0 0 23.9 23.9" enable-background="new 0 0 23.9 23.9" xml:space="preserve" class=""w-auto h-5.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.9,19.4c5.2,0,9.4-4.2,9.4-9.4 c0-5.2-4.2-9.4-9.4-9.4c-5.2,0-9.4,4.2-9.4,9.4C0.5,15.2,4.7,19.4,9.9,19.4z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.4,23.4l-6-6"/>
<title/></svg>
</span></button> <!-- Stores --><a aria-label="stores" class="inline-block no-underline p-1 md:p-2 text-lavender hover:text-anthracite-400 flex items-center justify-center" @click.prevent="clickIconHeaderEvent('Store locator', 'https://www.adopt.com/fr/store-locator')" href="https://www.adopt.com/fr/store-locator"> <span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="pin-shop" version="1.1" x="0px" y="0px" viewbox="0 0 21.3 23.9" enable-background="new 0 0 21.3 23.9" xml:space="preserve" class="w-auto h-5.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.7,0.5c2.2,0,4.3,0.6,6.2,1.8 c4.8,3,5.2,9.2,1.3,13.7c-2.3,2.7-4.8,5.2-7.5,7.4c-2.7-2.2-5.3-4.7-7.5-7.4C-0.7,11.4-0.4,5.3,4.4,2.3C6.3,1.1,8.5,0.5,10.7,0.5z M10.7,5.2c-2.4,0-4.4,1.9-4.4,4.3c0,2.4,1.9,4.3,4.4,4.3c2.4,0,4.4-1.9,4.4-4.3C15,7.1,13.1,5.2,10.7,5.2z"/>
<title/></svg>
</span></a> <!-- Wishlist --><a aria-label="wishlist" class="hidden md:flex p-1 no-underline md:p-2 text-lavender hover:text-anthracite-400 items-center justify-center w-fit h-fit" href="https://www.adopt.com/fr/wishlist" @click.prevent="clickIconHeaderEvent('wishlist', 'https://www.adopt.com/fr/wishlist')" > <span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="favorite" version="1.1" x="0px" y="0px" viewbox="0 0 26.3 22.8" enable-background="new 0 0 26.3 22.8" xml:space="preserve" class="w-auto h-5.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="0.948" d="M13.2,22.3c-24.4-13.5-7.3-28.2,0-18.9C20.5-5.9,37.6,8.8,13.2,22.3z"/>
<title/></svg>
</span></a> <!--Customer Icon & Dropdown--> <script>
function customerLocalStorage() {
let browserStorage = hyva.getBrowserStorage().getItem('mage-cache-storage');
let customer = "";
browserStorage = JSON.parse(browserStorage);
if (browserStorage) {
customer = browserStorage.customer;
} else {
customer = undefined;
}
return customer;
}
function initCustomerNav() {
return {
open: false,
immersiveColor: '',
isScrolled: false,
name: '',
isMobile: window.outerWidth < 768,
movementInterval: null,
openNav($event) {
if (this.isMobile) {
window.location.href = $event.target.href;
} else {
this.open = !this.open;
if (this.open) {
window.dispatchEvent(
new CustomEvent('open-mini-cart')
);
}
}
},
init($refs) {
if (window.pageYOffset > 0) {
this.isScrolled = true;
}
let intervalCustomer = setInterval(() => {
if (customerLocalStorage() !== undefined) {
this.name = customerLocalStorage().firstname;
clearInterval(intervalCustomer);
}
}, 500)
this.svgClean($refs);
if (!localStorage.getItem("animationLoginPellet") || (((localStorage.getItem("animationLoginPellet") / 1000) - (new Date().getTime() / 1000)) < -86400)) {
this.animationPellet();
}
},
clickIconHeaderEvent(label) {
localStorage.setItem("animationLoginPellet", new Date().getTime());
clearInterval(this.movementInterval);
window.dataLayer?.push({
'event': 'clic-icon-header',
'text': label
});
},
scroll($refs) {
this.isScrolled = window.pageYOffset > 0
},
svgClean($refs) {
if (this.$refs.reassurance) {
this.$refs.reassurance.querySelectorAll('svg').forEach(icon => {
icon.removeAttribute('width');
icon.removeAttribute('height')
})
}
if (this.$refs.nav) {
this.$refs.nav.querySelectorAll('svg').forEach(icon => {
icon.removeAttribute('width');
icon.removeAttribute('height')
})
}
},
closeNav() {
this.open = false;
window.dispatchEvent(
new CustomEvent('close-mini-cart')
);
},
movementPellet() {
this.$refs.pellet.style.top = '20%'
setTimeout(() => {
this.$refs.pellet.style.top = '70%'
}, "150");
setTimeout(() => {
this.$refs.pellet.style.top = '20%'
}, "300");
setTimeout(() => {
this.$refs.pellet.style.top = '50%'
}, "450");
},
animationPellet() {
clearInterval(this.movementInterval);
this.movementInterval = setInterval(() => {
this.movementPellet()
}, 6000)
},
}
}</script><div x-data="initCustomerNav()" x-init="init($refs)" @scroll.window.debounce.50ms="scroll($refs)" @resize.window.debounce.100="isMobile = window.outerWidth < 768;" class="relative inline-block" ><a href="https://www.adopt.com/fr/customer/account" type="button" class="block no-button-appearance text-lavender hover:text-anthracite" @click.prevent.stop="openNav($event); clickIconHeaderEvent('Mon compte')" aria-haspopup="true" aria-expanded="true" aria-label="Mon compte" > <span class="pointer-events-none p-0.5 md:p-1.5 flex justify-center items-center"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="compte" version="1.1" x="0px" y="0px" viewbox="0 0 22.8 23.9" enable-background="new 0 0 22.8 23.9" xml:space="preserve" class="w-auto h-5.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.4,11.9c3.2,0,5.7-2.6,5.7-5.7 s-2.6-5.7-5.7-5.7C8.3,0.4,5.7,3,5.7,6.2S8.3,11.9,11.4,11.9z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.3,23.4c-1.5-4.7-5.9-7.9-10.9-7.9 S2,18.7,0.5,23.4H22.3z"/>
<title/></svg>
</span> <span x-ref="pellet" class="block absolute pointer-events-none w-2 h-2 bg-pink rounded-full top-1/2 right-[15%] transition-all duration-300"></span> </a> <nav class="account-pop absolute right-0 z-20 hidden w-40 bg-white w-fit mt-2.5 md:min-w-[370px] border border-lilac text-anthracite" :class="{ 'hidden' : (!open && !isMobile) || isMobile }" @click.away.outside="closeNav()" aria-labelledby="customer-menu" > <div class="p-5 md:py-7.5 md:px-9 text-anthracite"><div class="pb-1.25 font-secondary text-2.75xl md:text-4.5xl tracking-spaced">Bonjour</div><div class="text-anthracite-400 text-smaller md:text-base md:leading-[21px]">Identifiez-vous pour une meilleure expérience</div><div class="pt-5 flex gap-2 items-center"><a class="btn btn-secondary px-5 py-1.25 text-xxs w-fit whitespace-nowrap" onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )" href="https://www.adopt.com/fr/customer/account/index">Identifiez-vous</a> <a class="btn btn-secondary px-5 py-1.25 text-xxs w-fit whitespace-nowrap" href="https://www.adopt.com/fr/customer/account/create" >Créer mon compte</a> </div><div x-ref="reassurance" class="flex flex-col gap-5.5 pt-7.5"><div class="flex items-center gap-5 uppercase text-xs-tiny md:text-tiny font-medium tracking-spaced"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="easy" version="1.1" x="0px" y="0px" viewbox="0 0 26.6 23.6" enable-background="new 0 0 26.6 23.6" xml:space="preserve" class="text-lavender w-5 min-w-[20px] h-auto" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.2,9.5l5-8c0.4-0.6,1.1-1,1.9-1 c0.6,0,1.2,0.2,1.6,0.6c0.4,0.4,0.7,1,0.7,1.6v5.7h8.6c0.6,0,1.3,0.3,1.7,0.8c0.4,0.5,0.6,1.1,0.5,1.8l-1.6,10.2 c-0.1,1.1-1.1,2-2.2,2H9.4c-0.6,0-1.2-0.1-1.8-0.4L6.2,22"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.2,9.5v12.4"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5,9.5h4.7v12.4H1.5c-0.5,0-1-0.4-1-1V10.5 C0.5,10,0.9,9.5,1.5,9.5z"/>
<title/></svg>
Simple & rapide</div><div class="flex items-center gap-5 uppercase text-xs-tiny md:text-tiny font-medium tracking-spaced"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="colis-shipping" version="1.1" x="0px" y="0px" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" class="text-lavender w-5 min-w-[20px] h-auto" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2,23.5c1,0,1.8-0.8,1.8-1.8 S11.2,20,10.2,20s-1.8,0.8-1.8,1.8S9.3,23.5,10.2,23.5z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.2,23.5c1,0,1.8-0.8,1.8-1.8 S19.2,20,18.2,20s-1.8,0.8-1.8,1.8S17.2,23.5,18.2,23.5z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.5,5.9c-0.7-3-3.4-5.2-6.4-5.4 C4.9,0.3,2.1,2.1,1,5s-0.2,6.2,2.2,8.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.6,7.6l2.7-2.7"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.1,16.4v-1.8H8.5c-2,0-3.5,1.6-3.5,3.5 v3.5"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5,21.7v-8.9c0-1-0.8-1.8-1.8-1.8h-8.9 c-1,0-1.8,0.8-1.8,1.8v3.5"/>
<title/></svg>
Suivez vos commandes</div><div class="flex items-center gap-5 uppercase text-xs-tiny md:text-tiny font-medium tracking-spaced"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="gift-box" version="1.1" x="0px" y="0px" viewbox="0 0 23.9 19.5" enable-background="new 0 0 23.9 19.5" xml:space="preserve" class="text-lavender w-5 min-w-[20px] h-auto" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="0.9936" stroke-linecap="round" stroke-linejoin="round" d="M23.4,4.4 c-0.1,1.2-0.7,2.2-1.7,2.8l-9.4,6.7c-0.2,0.1-0.4,0.1-0.6,0L2.2,7.2c-1-0.6-1.6-1.6-1.7-2.8c0-0.6,0.2-1.3,0.6-1.8 C3.3-0.3,10-0.4,12,3.4c2-3.8,8.7-3.7,10.8-0.7C23.2,3.2,23.4,3.8,23.4,4.4z"/>
<path fill="none" stroke="currentColor" stroke-width="0.9936" stroke-linecap="round" stroke-linejoin="round" d="M23.4,4.4v4.3 c0,1.4-0.7,2.7-1.8,3.6l-9.3,6.6c-0.2,0.1-0.4,0.1-0.6,0c-1.7-1.2-9.3-6.6-9.3-6.6c-1.1-0.8-1.8-2.1-1.8-3.6V4.4 c0.1,1.2,0.7,2.2,1.7,2.8l9.4,6.7c0.2,0.1,0.4,0.1,0.6,0l9.4-6.7C22.7,6.6,23.3,5.6,23.4,4.4z"/>
<title/></svg>
Parfum 30ml offert pour votre anniversaire</div></div></div><div style="background-image: url('https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/account/se-connecter.jpg')" class="min-h-[198px] bg-center bg-cover" ></div></nav></div> <!--Cart Icon--><a id="menu-cart-icon" @click.prevent.stop="$dispatch('toggle-cart',{});clickIconHeaderEvent('Panier')" class="relative inline-block p-1 no-underline md:p-2 text-lavender hover:text-anthracite h-10 w-10 flex items-center justify-center" href="https://www.adopt.com/fr/checkout/cart" aria-label="Panier" ><span class="sr-only label">Panier</span> <span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="bag" version="1.1" x="0px" y="0px" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" class="w-auto h-5.5" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.8,5.3c-0.5-2.8-2.7-4.8-5.3-4.8 c-2.6,0-4.8,2-5.3,4.8"/>
<path fill="none" stroke="currentColor" d="M10.1,5.3h3.8c5.3,0,9.6,4.3,9.6,9.6v8.6h-23v-8.6C0.5,9.6,4.8,5.3,10.1,5.3z"/>
<title/></svg>
</span> <span x-text="cart.summary_count" class="absolute top-0 right-0 hidden h-5 px-[7px] py-1.25 -mt-3 md:-mr-2 text-xs-tiny md:text-xs font-medium leading-none text-center text-white uppercase transform -translate-x-1 translate-y-1/2 rounded-full bg-pink-300" :class="{ 'hidden': !cart.summary_count, 'block': cart.summary_count }" ></span></a> </div></div><!--Search--><div id="search-container" class="absolute z-30 bg-transparent rounded-full md:rounded-none md:hidden w-full bg-container-lighter border-container-lighter md:subnav-content" :class="{ 'hidden' : (isScrolled && !searchOpen) || (noSearchOpenMobile && !searchOpen), 'md:block': searchOpen, 'md:hidden': !searchOpen }" @click.away.self="closeSearch()" x-cloak> <script>
function initMiniSearchComponent() {
"use strict";
return {
show: false,
currentCurrencySymbol: '€',
formSelector: "#search_mini_form",
url: 'https://search.nosto.com/v1/graphql',
minSearchLength: 4,
searchResults: {},
focusInput: false,
/**
* Get search results.
*/
getSearchResults: function () {
if (window.controller) {
window.controller.abort()
}
window.controller = new AbortController()
window.signal = window.controller.signal
let value = document.querySelector('#search').value.trim();
if (value.length < parseInt(this.minSearchLength, 10)) {
this.searchResults = {};
return false;
}
nostojs(api => {
api.search({
query: value,
products: {
fields: [
'productId',
'listPrice',
'price',
'description',
'imageUrl',
'url',
'name',
'customFields.key',
'customFields.value',
],
size: 8 }
}).then((result) => {
api?.recordSearch(
'autocomplete',
{
query: value,
products: {
sort: [],
filter: [],
}
},
{
products: result.products
}
);
this.show = result.length > 0;
if (result.products.hits.length > 0) {
result.products.hits.forEach((product) => {
let customFieldsObj = {};
product.customFields.forEach((field) => {
customFieldsObj[field.key] = field.value;
});
delete product.customFields;
Object.assign(product, customFieldsObj);
});
this.searchResults = result.products.hits;
if (window.matchMedia("(max-width: 1025px)").matches) {
document.body.style.overflow = 'hidden';
}
document.querySelector('#search-container').style.borderRadius = '0';
document.querySelector('#search_autocomplete').style.display = 'block';
if (window.scrollY >= 1) {
const headerPosition = document.querySelector('#header').offsetHeight + document.querySelector('#search').offsetHeight
+ parseInt(window.getComputedStyle(document.getElementById('search-box')).getPropertyValue("margin-top")) +
parseInt(window.getComputedStyle(document.getElementById('search-box')).getPropertyValue("margin-bottom"));
if (window.matchMedia("(max-width: 1025px)").matches) {
document.querySelector('#search_autocomplete').style.height = 'calc(100vh - ' + headerPosition + 'px)';
document.querySelector('.header').style.display = 'none';
}
} else {
const headerPosition = document.querySelector('.page-header').offsetHeight + document.querySelector('#search').offsetHeight
+ parseInt(window.getComputedStyle(document.getElementById('search-box')).getPropertyValue("margin-top")) +
parseInt(window.getComputedStyle(document.getElementById('search-box')).getPropertyValue("margin-bottom"));
if (window.matchMedia("(max-width: 1025px)").matches) {
document.querySelector('#search_autocomplete').style.height = 'calc(100vh - ' + headerPosition + 'px)';
}
}
} else {
this.searchResults = {};
}
}).catch((error) => {});
});
},
clickProductLink(data) {
nostojs(api => {
api.recordSearchClick(
'autocomplete',
{
productId: data.productId,
url: data.url
}
);
})
},
search() {
const search = document.querySelector('#search');
let term = document.querySelector('#search').value.trim();
if (term.length >= this.minSearchLength) {
document.querySelector('#search_mini_form').submit();
} else {
dispatchMessages([
{
type: "error",
text: "Veuillez saisir un terme de recherche valide."
}
], 5000);
search.focus();
}
},
clean() {
this.searchResults = {};
this.show = false;
}
}
}</script><div id="search-content" x-data="initMiniSearchComponent()" :class="{'bg-white': Object.values(searchResults).length > 0}"><div class="container px-0 py-0 md:py-2 mx-auto text-black" @click.away="show = false"><form class="form minisearch" id="search_mini_form" x-ref="form" action="https://www.adopt.com/fr/search" @submit.prevent="search()" method="get"><div id="search-box" class="relative bg-white mx-3 mt-2 mb-8 rounded-full"><label class="sr-only" for="search">Rechercher...</label> <input id="search" x-on:input="getSearchResults()" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Je trouve mon bonheur..." maxlength="128" class="text-[#9177D8] input-search w-full p-2 pl-10 leading-normal transition appearance-none bg-lilac-lighter border-none rounded-full focus:outline-none focus:border-transparent box-shadow-search-input focus:ring-0 focus:box-shadow-search-input" @focusout="setTimeout(function(){ focusInput = false },100);" @focusin="focusInput = true" /><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="search" version="1.1" x="0px" y="0px" viewbox="0 0 23.9 23.9" enable-background="new 0 0 23.9 23.9" xml:space="preserve" class="text-lavender w-4.5 h-auto absolute left-3 top-1/2 transform -translate-y-1/2" width="17" height="20" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.9,19.4c5.2,0,9.4-4.2,9.4-9.4 c0-5.2-4.2-9.4-9.4-9.4c-5.2,0-9.4,4.2-9.4,9.4C0.5,15.2,4.7,19.4,9.9,19.4z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.4,23.4l-6-6"/>
<title/></svg>
<button class="absolute right-4 top-1/2 transform -translate-y-1/2" :class="{ 'block': focusInput, 'hidden': !focusInput }" type="reset" @click="clean()" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="cross-menu" version="1.1" x="0px" y="0px" viewbox="0 0 15.5 15.5" enable-background="new 0 0 15.5 15.5" xml:space="preserve" class="text-pink w-3.5 h-3.5" width="16" height="16" role="img">
<path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M0.8,14.8l14-14"/>
<path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M14.8,14.8l-14-14"/>
<title/></svg>
</button> <template x-if="!show"><script>
document.querySelector('#search-container').style.borderRadius = '9999px';
document.querySelector('#search-container').style.background = 'none';
document.querySelector('#search_autocomplete').style.height = 'auto';
document.querySelector('.header').style.display = 'block';</script></template></div><div id="search_autocomplete" x-show="Object.values(searchResults).length > 0" class="search-autocomplete relative w-full overflow-scroll md:overflow-visible"><div class="absolute z-50 w-full grid grid-cols-1 md:p-10 md:pt-5 p-5 pt-0 gap-4 subnav-content bg-white"><div class="flex flex-col gap-3"><div class="font-semibold pt-2 uppercase text-xs-tiny md:text-xxs text-pink md:tracking-spaced-lg tracking-spaced-xs">Produits</div><div class="grid md:grid-cols-2 grid-cols-1 gap-3"><template x-for="product in Object.values(searchResults)"><a class="search-item flex flex-row md:gap-4 gap-3 items-start" @click="clickProductLink(product)" :href="product.url" :title="product.name"><img class="md:w-20 w-16" :src="product.imageUrl" :alt="product.name"><div class="flex flex-col w-full"><span class="text-purple font-semibold text-xs md:text-sm" x-text="product.name"></span> <span class="uppercase font-semibold text-pink text-very-tiny md:text-tiny tracking-spaced-2xs md:tracking-spaced" x-text="product.short_description"></span> <template x-if="product.listPrice == product.price"><span class="search-item__price text-purple font-semibold text-xs md:text-sm" x-html="hyva.formatPrice(product.price)"></span></template><template x-if="product.listPrice != product.price"><div class="price-box price-final_price horizontally-crossed font-semibold text-xs md:text-sm"><span class="special-price"><span class="price-container price-final_price"><span class="price-label">Prix Spécial</span> <span class="price font-semibold" x-html="hyva.formatPrice(product.price)"></span></span></span> <span class="old-price"><span class="price-container"><span class="price-label">Prix normal</span> <span class="price" x-html="hyva.formatPrice(product.listPrice)"></span></span></span></div></template></div></a></template></div></div></div></div></form></div></div> </div> <!--Cart Drawer--> <script>
function initCartDrawer() {
return {
open: false,
cart: {},
twicPicsUrl: 'https://adopt.twic.pics/media/',
getData(data) {
if (data.cart) {
this.cart = data.cart
this.freeShippingValue = this.cart.freeShippingAmount;
this.setCartItems();
}
},
cartItems: {},
setCartItems() {
this.cartItems = this.cart && this.cart.items.sort(function (a, b) {
return a.item_id - b.item_id
}) || {};
},
deleteItemFromCart(item, itemId) {
this.isLoading = true;
const itemToDelete = item;
const self = this;
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&item_id=" + itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(response => {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
window.dispatchMessages && window.dispatchMessages([{
type: 'warning',
text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
}]);
this.isLoading = false;
}
}).then(result => {
if (result.success) {
self.removeFromCartEvent(itemToDelete);
}
window.dispatchMessages && window.dispatchMessages([{
type: result.success ? 'success' : 'error',
text: result.success
? 'Vous\u0020avez\u0020supprim\u00E9\u0020l\u0027\u00E9l\u00E9ment.'
: result.error_message
}], result.success ? 5000 : 0)
window.dispatchEvent(
new CustomEvent(
'reload-customer-section-data',
{
detail: {
sections: ['cart', 'cart-tagging', 'messages']
}
}
)
);
});
},
removeFromCartEvent(item) {
let productData = {
'product_ean': item.product_sku,
'product_name': item.product_name,
'product_quantity': item.qty,
'product_id': item.product_id,
'product_family': item.product_family,
'product_rayon': item.product_rayon,
'product_size': item.product_size,
'product_color': item.product_color,
'product_unitprice_ati': item.product_unitprice_ati,
'product_unitprice_tf': item.product_unitprice_tf,
'product_discount_ati': item.product_discount_ati,
'product_discount_tf': item.product_discount_tf,
};
let removeFromCart = window.dataLayer?.filter(function (entry) {
return entry.event === 'removeFromCart' && entry.hasOwnProperty('productremoveFromCart');
})[0];
if (typeof removeFromCart === 'undefined') {
window.dataLayer?.push({
'event': 'removeFromCart',
'productremoveFromCart': [productData]
})
} else {
removeFromCart.productremoveFromCart.push(productData);
window.dataLayer?.push(removeFromCart);
}
},
openMiniCart() {
this.open = true;
window.dispatchEvent(
new CustomEvent('open-mini-cart')
);
document.body.style.overflow = 'hidden';
},
closeMiniCart() {
this.open = false;
window.dispatchEvent(
new CustomEvent('close-mini-cart')
);
document.body.style.removeProperty('overflow');
},
extractSubtotal() {
let subtotal = this.cart.subtotal;
subtotal = parseFloat(subtotal.replace(/(<([^>]+)>)/gi, "").replace("€", "").replace(",", "."));
return subtotal;
},
getCartImage(image) {
return this.twicPicsUrl + image + "?twic=v1/cover=80";
},
}
}</script><section id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData(event.detail.data)" @toggle-cart.window="openMiniCart()" @keydown.window.escape="closeMiniCart()" ><template x-if="cart && cart.summary_count >= 0"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.away.self="closeMiniCart()" class="fixed inset-y-0 right-0 z-30 flex max-w-full"><div class="backdrop" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="closeMiniCart()" aria-label="Close panel"></div><div class="relative w-screen max-w-md shadow-2xl" x-show="open" x-transition:enter="transform transition ease-in-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex px-6 py-5"><button @click="closeMiniCart();" aria-label="Close panel" class="p-2 text-anthracite-400 transition duration-150 ease-in-out hover:text-anthracite-600"><svg viewbox="0 0 15.5 15.5" class="w-3.5 h-auto"><g transform="translate(.75 .75)" fill="currentColor" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><line x2="14" y1="14"/><line transform="matrix(-1,0,0,1,14,0)" x2="14" y1="14"/></g></svg></button></div><div class="flex flex-col h-full bg-white shadow-xl"><header class="px-6 py-7 border-b border-lavender-400 flex gap-2.5 items-center"><div id="cart-drawer-title" class="font-medium text-xl leading-very-tiny uppercase tracking-spaced">Mon panier</div><span x-text="cart.summary_count" class="md:hidden text-white text-tiny md:text-xxs font-medium bg-anthracite-600 rounded-full leading-none flex justify-center items-center min-w-[25px] h-[25px] px-1.25"></span></header> <div x-show="cart.summary_count === 0"> <div class="relative flex items-center bg-lavender-300 text-anthracite-600 rounded-xl" x-data="initMiniCartSnackbarSlider()" x-init="sliderAuto($refs)"><div class="flex flex-row items-center overflow-hidden gap-4"><div class="w-full flex flex-row transition-all duration-300 leading-tightened" x-ref="snackWrapper"> <div class="flex flex-col w-full shrink-0 p-6 whitespace-pre-line justify-center"><span class="leading-none md:max-w-1/2 font-medium">Livraison OFFERTE dès 30€ d'achat </span></div> <div class="flex flex-col w-full shrink-0 p-6 whitespace-pre-line justify-center"><span class="leading-none md:max-w-1/2 font-medium"><a href='https://www.adopt.com/fr/offres-commerciales.html'>3 parfums achetés = le 4ème OFFERT (hors remisés*)</a>
</span></div></div></div><div class="px-6 flex flex-row"> <div @click="sliderMove($refs, 0)" class="px-1"><span class="rounded-full bg-anthracite-400 w-1 h-1 block cursor-pointer" :class="{ 'bg-anthracite': slideActive === 0, 'bg-anthracite/30': slideActive !== 0 }" ></span></div> <div @click="sliderMove($refs, 1)" class="px-1"><span class="rounded-full bg-anthracite-400 w-1 h-1 block cursor-pointer" :class="{ 'bg-anthracite': slideActive === 1, 'bg-anthracite/30': slideActive !== 1 }" ></span></div></div></div><script>
function initMiniCartSnackbarSlider() {
return {
slideActive: 0,
numberSlide: 2,
sliderMove($refs, slide) {
this.slideActive = slide;
const margin = -100 * slide;
this.$refs.snackWrapper.style.marginLeft = margin + "%";
},
sliderAuto($refs) {
const self = this;
function sliderBounce() {
self.slideActive = self.slideActive + 1;
if (self.slideActive > self.numberSlide - 1) {
self.slideActive = 0;
self.$refs.snackWrapper.style.marginLeft = 0;
} else {
const margin = -100 * self.slideActive;
self.$refs.snackWrapper.style.marginLeft = margin + "%";
}
}
setInterval(() => {
sliderBounce();
}, 3000)
}
}
}</script> <div class="flex flex-col justify-center px-6 pt-6 pb-9"><span class="text-3xl md:text-3.5xl font-secondary tracking-spaced">Votre panier est vide</span> <div class="flex flex-col pb-5 pt-3">Commencez votre shopping</div></div></div><div class="flex-1 overflow-y-auto overflow-x-hidden flex flex-col"> <div class="relative flex flex-col gap-9 bg-white border-container" x-show="cart.summary_count > 0" > <div class="relative flex items-center bg-lavender-300 text-anthracite-600 rounded-xl" x-data="initMiniCartSnackbarSlider()" x-init="sliderAuto($refs)"><div class="flex flex-row items-center overflow-hidden gap-4"><div class="w-full flex flex-row transition-all duration-300 leading-tightened" x-ref="snackWrapper"> <div class="flex flex-col w-full shrink-0 p-6 whitespace-pre-line justify-center"><span class="leading-none md:max-w-1/2 font-medium">Livraison OFFERTE dès 30€ d'achat </span></div> <div class="flex flex-col w-full shrink-0 p-6 whitespace-pre-line justify-center"><span class="leading-none md:max-w-1/2 font-medium"><a href='https://www.adopt.com/fr/offres-commerciales.html'>3 parfums achetés = le 4ème OFFERT (hors remisés*)</a>
</span></div></div></div><div class="px-6 flex flex-row"> <div @click="sliderMove($refs, 0)" class="px-1"><span class="rounded-full bg-anthracite-400 w-1 h-1 block cursor-pointer" :class="{ 'bg-anthracite': slideActive === 0, 'bg-anthracite/30': slideActive !== 0 }" ></span></div> <div @click="sliderMove($refs, 1)" class="px-1"><span class="rounded-full bg-anthracite-400 w-1 h-1 block cursor-pointer" :class="{ 'bg-anthracite': slideActive === 1, 'bg-anthracite/30': slideActive !== 1 }" ></span></div></div></div><script>
function initMiniCartSnackbarSlider() {
return {
slideActive: 0,
numberSlide: 2,
sliderMove($refs, slide) {
this.slideActive = slide;
const margin = -100 * slide;
this.$refs.snackWrapper.style.marginLeft = margin + "%";
},
sliderAuto($refs) {
const self = this;
function sliderBounce() {
self.slideActive = self.slideActive + 1;
if (self.slideActive > self.numberSlide - 1) {
self.slideActive = 0;
self.$refs.snackWrapper.style.marginLeft = 0;
} else {
const margin = -100 * self.slideActive;
self.$refs.snackWrapper.style.marginLeft = margin + "%";
}
}
setInterval(() => {
sliderBounce();
}, 3000)
}
}
}</script> <div class="pl-6 pr-4 pb-9 flex flex-col gap-2.5"><template x-for="item in cartItems"><div class="flex flex-row gap-3 md:gap-4.5"><a class="shrink-0" :href="item.product_url"><img class="xl:w-20 w-16" :src="getCartImage(item.product_image.src)" :width="item.product_image.width" :height="item.product_image.height" :alt="item.product_name" loading="lazy"/></a> <div class="relative flex flex-col w-full justify-between py-3.25"><a :href="item.product_url" class="flex flex-row gap-2 justify-between group"><div class="flex flex-col"><span class="font-medium leading-[1.1] transition duration-300 group-hover:text-anthracite-400"><span x-html="item.qty"></span> x <span x-html="item.product_name"></span></span> <span class="uppercase font-medium text-pink text-xs-tiny md:text-tiny tracking-spaced-lg leading-[1.2] mt-0.5 truncate-short" x-html="item.product_short_description"></span> <dl class="item-options w-full break-all text-sm clearfix"><div class="flex flex-row text-xxs"><dd x-html="item.displayed_label"></dd></div></dl></div><div class="flex flex-col"><span class="font-medium text-xs xl:text-smaller" :class="{ 'text-pink' : item.has_special_price || (item.product_discount_ati > 0 && !item.has_special_price), 'text-anthracite' : !item.has_special_price && item.product_discount_ati === 0 }" x-html="item.product_price"></span> <span class="text-tiny xl:text-xs line-through" x-show="item.has_special_price" x-html="item.original_price"></span> <template x-if="item.product_discount_ati > 0 && !item.has_special_price"><span class="text-tiny xl:text-xs line-through" x-text="hyva.formatPrice(item.product_discount_ati + item.product_unitprice_ati)"></span></template></div></a> <div class="absolute right-0 bottom-0 flex flex-row justify-end items-center"><button @click="deleteItemFromCart(item, item.item_id)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="trash" version="1.1" x="0px" y="0px" viewbox="0 0 21.6 23.3" enable-background="new 0 0 21.6 23.3" xml:space="preserve" class="text-lavender fat-icon hover:text-pink transition duration-300 w-3.75 h-auto" width="13" height="14" role="img">
<path fill="none" stroke="currentColor" stroke-width="0.9237" stroke-linecap="round" stroke-linejoin="round" d="M0.5,5.6h20.7"/>
<path fill="none" stroke="currentColor" stroke-width="0.9237" stroke-linecap="round" stroke-linejoin="round" d="M3,5.6h15.5v15.5 c0,1-0.8,1.7-1.7,1.7H4.8c-1,0-1.7-0.8-1.7-1.7L3,5.6z"/>
<path fill="none" stroke="currentColor" stroke-width="0.9237" stroke-linecap="round" stroke-linejoin="round" d="M6.5,5.6V4.8 c0-2.4,1.9-4.3,4.3-4.3c2.4,0,4.3,1.9,4.3,4.3v0.9"/>
<title/></svg>
</button></div></div></template></div></div> <div class="product-slider-minicart product-slider-minicart--nosto"> <div x-data="initNostoItems_6715e19acb07a()" x-defer="intersect" @nosto-init.window="getItemsData();" x-init="getItemsData();" ></div><div id="_6715e19acb07a"></div><script>
function initNostoItems_6715e19acb07a() {
return {
isLoaded: false,
itemCount: 0,
requestSended: false,
async getTemplate(products, title, nostoElementId) {
fetch(
'https://www.adopt.com/fr/catalog/nosto/slider'
+ '?product_ids=' + products
+ '&title=' + title
+ '&nosto_element_id=' + nostoElementId
+ '&slider_block_name=' + 'nosto.minicart.recommendation.crosssell'
+ '&template=' + 'Magento_Catalog::product/slider/product-slider-crosssell.phtml'
+ '&item_template=' + 'Magento_Catalog::product/list/item-crosssell.phtml'
+ '&container_limitation_class=' + ''
+ '&add_background_color=' + ''
+ '&background_color=' + ''
+ '&display_flags=' + 'false'
,
{}
).then(response => response.json()
).then(json => {
this.isLoaded = true;
document.getElementById("_6715e19acb07a").innerHTML = json.html
});
},
getItemsData() {
if (this.requestSended) {
return;
}
this.requestSended = true;
const self = this;
if (typeof nostojs === 'function') {
nostojs(api => {
let doNotTrackStatus = api.visit.isDoNotTrack();
api.visit.setDoNotTrack(doNotTrackStatus);
api.defaultSession()
.viewCart()
.setPlacements(['nosto-page-cart2'])
.load()
.then(response => {
let data = Object.values(response.campaigns.recommendations)[0];
if (data) {
let productIds = [];
data.products.forEach(function (product) {
productIds.push(product.product_id);
});
self.itemsData = data.products;
self.numberSlide = data.products.length;
self.getTemplate(productIds.toString(), data.title, data.result_id);
}
})
});
}
}
}
}</script></div> <div class="bg-lavender-300 flex-1 p-5 pb-7 md:px-10 md:pt-6"><div class="flex justify-between font-medium text-xs md:text-smaller"><span>Sous-total</span><span x-html="cart.subtotal"></span></div><div class="border-t border-lavender-400 pt-5.5 md:pt-7 mt-5"><div class="flex flex-row gap-4"><div class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="pin-shop" version="1.1" x="0px" y="0px" viewbox="0 0 21.3 23.9" enable-background="new 0 0 21.3 23.9" xml:space="preserve" class="text-lavender w-6 h-auto" width="25" height="25" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.7,0.5c2.2,0,4.3,0.6,6.2,1.8 c4.8,3,5.2,9.2,1.3,13.7c-2.3,2.7-4.8,5.2-7.5,7.4c-2.7-2.2-5.3-4.7-7.5-7.4C-0.7,11.4-0.4,5.3,4.4,2.3C6.3,1.1,8.5,0.5,10.7,0.5z M10.7,5.2c-2.4,0-4.4,1.9-4.4,4.3c0,2.4,1.9,4.3,4.4,4.3c2.4,0,4.4-1.9,4.4-4.3C15,7.1,13.1,5.2,10.7,5.2z"/>
<title/></svg>
<div class="flex flex-col text-sm font-medium"><span class="">Livré sous 1 à 4 jours</span> <span class="text-xxs text-anthracite-400">Livraison gratuite dès <span x-html="freeShippingValue"></span>€ d'achat</span></div></div></div></div></div></div> <div class="relative grid bg-white border-t border-lavender-400 pt-5 pb-3.5 px-6"><div x-data="initIncentiveCart" class="incentiveBar hidden flex flex-col gap-2" :class="{'hidden': isLoading}" @private-content-loaded.window="calcFreeShipping($event.detail.data.cart)"><div class="text-xs md:text-sm font-medium leading-none md:leading-none pb-2" x-show="amountStep > 0"><span class="text-lavender">Plus que <span x-html="amountStep" ></span> €</span> <span>pour votre <span x-text="labelShippingStep"></span></span></div><div class="text-xs md:text-sm font-medium leading-none md:leading-none flex flex-col gap-2"><div x-show="amountStep < 0 && !freeGift2Amount && !freeGift3Amount">Livraison offerte</div><div x-show="!freeGift2Amount && !freeGift3Amount" class="w-full flex flex-row"><span class="w-3/4 shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div x-show="freeGift2Amount && !freeGift3Amount" class="h-24 flex flex-col"><div class="text-xs md:text-sm font-medium leading-none md:leading-none my-auto"><div class="relative w-full flex"><div class="w-1/3 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] rounded-l-lg border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] rounded-l-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep1 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute left-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center">Livraison offerte</span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeShippingValue"></span></div></div><div class="w-2/3 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step2')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div class="w-1/3 relative"><div class="w-full flex flex-row"><span x-show="amountStep2 < 0" class="w-full shrink-0 block border-b-[7px] rounded-r-lg border-lavender transition-all" ></span> <span class="w-full block border-b-[7px] rounded-r-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep2 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute right-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift2Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift2Amount"></span></div></div></div></div></div><div x-show="freeGift2Amount && freeGift3Amount" class="h-24 flex flex-col"><div class="text-xs md:text-sm font-medium leading-none md:leading-none my-auto"><div class="relative w-full flex"><div class="w-1/4 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] rounded-l-lg border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] rounded-l-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep1 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute left-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center">Livraison offerte</span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeShippingValue"></span></div></div><div class="w-1/2 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step2')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div :class="{'text-lavender': amountStep2 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute mx-auto left-0 right-0 bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift2Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift2Amount"></span></div><div class="w-1/2 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step3')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div class="w-1/4 relative"><div class="w-full flex flex-row"><span x-show="amountStep3 < 0" class="w-full shrink-0 block border-b-[7px] rounded-r-lg border-lavender transition-all" ></span> <span class="w-full block border-b-[7px] rounded-r-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep3 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute right-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift3Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift3Amount"></span></div></div></div></div></div></div> <div class="pt-3.5"> <a href="https://www.adopt.com/fr/checkout/cart" class="inline-flex btn btn-primary w-full justify-center items-center py-5.5 leading-none">Voir le panier - <span x-html="cart.subtotal"></span></a> </div></div></div></div></div></template></section> <!--Authentication Pop-Up--> </nav></div></header><div class="top-container"> </div> <script>
'use strict';
function initAwRbslider(config) {
return {
options: Object.assign({
autoplay: true,
pauseTimeBetweenTransitions: 3000,
slideTransitionSpeed: 500,
isStopAnimationMouseOnBanner: true,
animation: 'fade',
isRandomOrderImage: false,
sliderListSelector: '.uk-slideshow',
sliderItemSelector: '.aw-rbslider-item',
$refs: null
}, config),
slideshow: {options: {}},
init() {
this.options.$refs = this.$refs;
},
initSlider($refs) {
this.slideshow = window.awRbslider(this.$el, {
autoplay: this.options.autoplay,
autoplayInterval: this.options.pauseTimeBetweenTransitions,
duration: this.options.slideTransitionSpeed,
pauseOnHover: this.options.isStopAnimationMouseOnBanner,
animation: this.options.animation,
$refs: this.options.$refs,
});
this.loadSlides($refs);
this.slideshow.resize = () => this.resizeBanner(this.slideshow);
if (this.options.bannerSchedule.length > 0) {
if (!this.timeValidator([this.options.bannerSchedule[0]])) {
this.delayedUpdate(this.options.bannerSchedule[0]);
}
if (this.timeValidator(this.options.bannerSchedule)) {
this.sendRequest(this.options.bannerId);
}
}
},
loadSlider($refs) {
if (!window.awRbslider) {
let callbacks = [];
window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
}
if (window.awRbslider['-isLoading']) {
window.awRbslider['-isLoading'](() => this.loadSlider($refs))
}
if (!window.awRbslider['-isLoading']) {
this.initSlider($refs);
}
},
pauseOnEnter() {
if (this.slideshow.options.pauseOnHover) {
this.slideshow.hovering = true;
}
},
resumeOnLeave() {
this.slideshow.hovering = false;
},
/**
* Recalculate the width and height of the banner
*/
resizeBanner(slideshow) {
if (slideshow.slides.length) {
let firstChild = slideshow.slides[slideshow.current];
if (firstChild.querySelector('.rbslider__video')) {
const video = firstChild.querySelector('video');
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = video.getBoundingClientRect().height;
slideshow.container.style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
document.querySelector('.wrapperVideo').style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
}
} else {
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = slideshow.slides[slideshow.current].getBoundingClientRect().height;
slideshow.container.style.height = height + 'px';
}
}
}
},
/**
* Lazy load slides
*/
loadSlides($refs) {
this.slideshow.slides.forEach((slideElem, index) => {
if (index) {
const slideImg = slideElem.querySelector('img.aw-rbslider__img');
if (slideImg && slideImg.dataset.src) {
slideImg.addEventListener('load', () => {
slideImg.classList.add('is-loaded');
});
slideImg.src = slideImg.dataset.src;
slideImg.removeAttribute('data-src');
}
}
});
},
clickSliderEvent(url, label) {
window.dataLayer?.push({
'event': 'clicSliderHP',
'text': label
});
window.location.href = url
},
/**
* Compare current time with schedule
*/
timeValidator(schedule) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
let isValid = false;
schedule.forEach(item => {
if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60)) {
isValid = true;
}
});
return isValid;
},
/**
* Send request for clean banner cache
*/
sendRequest(bannerId) {
const formKey = hyva.getFormKey();
fetch(this.options.cacheCleanUrl, {
method: 'post',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: "form_key=" + formKey + "&bannerId=" + bannerId,
mode: "cors",
credentials: "include"
});
},
/**
* Schedule call to sendRequest for future schedule item
*/
delayedUpdate(futureTime) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;
if (interval > 0) {
setTimeout(() => this.sendRequest(this.options.bannerId), interval);
}
},
/**
* @private
*/
_randomSort() {
const sliderListSelector = this.options.sliderListSelector,
sliderItemSelector = this.options.sliderItemSelector;
this.$el.querySelector(sliderListSelector)
.innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
.sort(() => Math.random() - 0.5)
.map(item => item.outerHTML)
.join('');
},
}
}</script> <script>
'use strict';
function initAwRbslider(config) {
return {
options: Object.assign({
autoplay: true,
pauseTimeBetweenTransitions: 3000,
slideTransitionSpeed: 500,
isStopAnimationMouseOnBanner: true,
animation: 'fade',
isRandomOrderImage: false,
sliderListSelector: '.uk-slideshow',
sliderItemSelector: '.aw-rbslider-item',
$refs: null
}, config),
slideshow: {options: {}},
init() {
this.options.$refs = this.$refs;
},
initSlider($refs) {
this.slideshow = window.awRbslider(this.$el, {
autoplay: this.options.autoplay,
autoplayInterval: this.options.pauseTimeBetweenTransitions,
duration: this.options.slideTransitionSpeed,
pauseOnHover: this.options.isStopAnimationMouseOnBanner,
animation: this.options.animation,
$refs: this.options.$refs,
});
this.loadSlides($refs);
this.slideshow.resize = () => this.resizeBanner(this.slideshow);
if (this.options.bannerSchedule.length > 0) {
if (!this.timeValidator([this.options.bannerSchedule[0]])) {
this.delayedUpdate(this.options.bannerSchedule[0]);
}
if (this.timeValidator(this.options.bannerSchedule)) {
this.sendRequest(this.options.bannerId);
}
}
},
loadSlider($refs) {
if (!window.awRbslider) {
let callbacks = [];
window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
}
if (window.awRbslider['-isLoading']) {
window.awRbslider['-isLoading'](() => this.loadSlider($refs))
}
if (!window.awRbslider['-isLoading']) {
this.initSlider($refs);
}
},
pauseOnEnter() {
if (this.slideshow.options.pauseOnHover) {
this.slideshow.hovering = true;
}
},
resumeOnLeave() {
this.slideshow.hovering = false;
},
/**
* Recalculate the width and height of the banner
*/
resizeBanner(slideshow) {
if (slideshow.slides.length) {
let firstChild = slideshow.slides[slideshow.current];
if (firstChild.querySelector('.rbslider__video')) {
const video = firstChild.querySelector('video');
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = video.getBoundingClientRect().height;
slideshow.container.style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
document.querySelector('.wrapperVideo').style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
}
} else {
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = slideshow.slides[slideshow.current].getBoundingClientRect().height;
slideshow.container.style.height = height + 'px';
}
}
}
},
/**
* Lazy load slides
*/
loadSlides($refs) {
this.slideshow.slides.forEach((slideElem, index) => {
if (index) {
const slideImg = slideElem.querySelector('img.aw-rbslider__img');
if (slideImg && slideImg.dataset.src) {
slideImg.addEventListener('load', () => {
slideImg.classList.add('is-loaded');
});
slideImg.src = slideImg.dataset.src;
slideImg.removeAttribute('data-src');
}
}
});
},
clickSliderEvent(url, label) {
window.dataLayer?.push({
'event': 'clicSliderHP',
'text': label
});
window.location.href = url
},
/**
* Compare current time with schedule
*/
timeValidator(schedule) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
let isValid = false;
schedule.forEach(item => {
if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60)) {
isValid = true;
}
});
return isValid;
},
/**
* Send request for clean banner cache
*/
sendRequest(bannerId) {
const formKey = hyva.getFormKey();
fetch(this.options.cacheCleanUrl, {
method: 'post',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: "form_key=" + formKey + "&bannerId=" + bannerId,
mode: "cors",
credentials: "include"
});
},
/**
* Schedule call to sendRequest for future schedule item
*/
delayedUpdate(futureTime) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;
if (interval > 0) {
setTimeout(() => this.sendRequest(this.options.bannerId), interval);
}
},
/**
* @private
*/
_randomSort() {
const sliderListSelector = this.options.sliderListSelector,
sliderItemSelector = this.options.sliderItemSelector;
this.$el.querySelector(sliderListSelector)
.innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
.sort(() => Math.random() - 0.5)
.map(item => item.outerHTML)
.join('');
},
}
}</script> <div class="hero-slider transition relative"><div x-data='initAwRbslider({"autoplay":3000,"pauseTimeBetweenTransitions":3000,"slideTransitionSpeed":500,"isStopAnimationMouseOnBanner":true,"animation":"fade","isRandomOrderImage":false,"bannerSchedule":["2024-10-03 08:00:00","2024-10-16 08:05:00","2024-10-16 10:27:00","2024-10-16 10:27:00","2024-10-16 10:28:00","2024-10-30 09:00:00","2024-10-30 09:04:00","2024-10-30 09:05:00","2024-10-30 09:07:00","2024-10-30 09:08:00"],"bannerId":"1","cacheCleanUrl":"https:\/\/www.adopt.com\/fr\/aw_rbslider\/cache\/clean"})' x-intersect="loadSlider($refs)" data-aw-rbslider-banner-id='1' class="aw-rbslider-container uk-slidenav-position" x-ref="wrapper"> <div class="uk-slideshow uk-overlay-active a-aspect-slider transition-all"> <div class="aw-rbslider-item absolute" data-bg=""><div class="aw-rbslider-img-wrapper"> <picture><source media="(max-width: 1023px)" srcset="https://adopt.twic.pics/media/aw_rbslider/slides/ECOMM_BUZZMAN_Sliders_MOB_KV1_FR_1.png?twic=v1/max=1280" class="aw-rbslider__img object-cover object-center transition-all is-loaded" title="instinct male et golden queen"/><source media="(min-width: 1024px)" srcset="https://adopt.twic.pics/media/aw_rbslider/slides/ECOMM_BUZZMAN_Sliders_DESK_KV1_FR_4.png?twic=v1/max=2500" class="aw-rbslider__img object-cover object-center transition-all is-loaded" title="instinct male et golden queen"/><img class="aw-rbslider__img object-cover object-center transition-all is-loaded" width="2880" height="1200" title="instinct male et golden queen" alt="instinct male et golden queen" /></picture> <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" @click.prevent="clickSliderEvent('https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html', 'instinct male et golden queen')" class="aw-rbslider-img-url" title="instinct male et golden queen" data-mage-init='{"awRbsliderSendClickStatistics":{"slideId":282,"bannerId":"1","url":"https:\/\/www.adopt.com\/fr\/aw_rbslider\/statistic\/click"}}' ></a> <div class="aw-rbslider-content-wrapper uk-overlay-panel flex items-end justify-center md:justify-start h-fit w-full top-auto bottom-0 text-anthracite-600"><div class="flex flex-col items-center md:items-start w-full md:px-8.5 pb-14 md:pb-12"> <div class="font-secondary text-4.5xl md:text-[4.375rem] leading-none px-0 text-center md:text-left md:block hidden"></div><div class="font-secondary text-4.5xl leading-none px-6 text-center md:hidden"></div> <div class="w-full flex md:justify-start justify-center"><div class="pt-4.5 md:pt-6 flex flex-wrap gap-2.5 justify-center md:justify-start px-6 md:px-0 relative z-[101]"> <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" class="btn btn-secondary-white text-lg whitespace-nowrap">Je découvre</a> </div></div></div></div></div></div></div></div></div> <main id="maincontent" class="page-main-full-width"> <span id="contentarea" tabindex="-1"></span><div class="page messages"> <script>
function initMessages() {
"use strict";
return {
messages: window.mageMessages || [],
init($refs) {
if(this.$refs.banner.closest('.page-main')) {
this.$refs.banner.closest('.page-main').style.background = 'none'
}
},
isEmpty() {
return this.messages.reduce(
function (isEmpty, message) {
return isEmpty && message === undefined
}, true
)
},
removeMessage(messageIndex) {
this.messages[messageIndex] = undefined;
},
addMessages(messages, hideAfter) {
messages.map((message) => {
this.messages = this.messages.concat(message);
let pageMessages = document.querySelector('.page.messages');
if (typeof message.class !== 'undefined') {
pageMessages.classList.add(message.class);
}
if (message.type === 'success' && message.text.toString().includes('checkout/cart')) {
pageMessages.classList.add("fixed");
}
if(window.location.pathname.includes("checkout/cart")) {
if(message.type === "error" && message.errorType === 'login') {
pageMessages.classList.add("fixed");
pageMessages.classList.add("w-full");
} else {
pageMessages.classList.remove("fixed");
}
}
if (hideAfter) {
this.setHideTimeOut(this.messages.length -1, hideAfter);
}
if(!hideAfter && message.type === "success") {
this.setHideTimeOut(this.messages.length -1, 3000);
}
});
},
setHideTimeOut(messageIndex, hideAfter) {
setTimeout((messageIndex) => {
this.removeMessage(messageIndex);
}, hideAfter, messageIndex);
},
eventListeners: {
['@messages-loaded.window']() {
this.addMessages(event.detail.messages, event.detail.hideAfter)
},
['@private-content-loaded.window'](event) {
const data = event.detail.data;
if (
data.messages &&
data.messages.messages &&
data.messages.messages.length
) {
this.addMessages(data.messages.messages);
}
},
['@clear-messages.window']() {
this.messages = [];
}
}
}
}</script><section id="messages" x-data="initMessages()" x-bind="eventListeners" x-ref="banner" x-init="init($refs)" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message" :class="message.type" :ui-id="'message-' + message.type" ><div class="flex items-center gap-2 md:gap-3.5"><svg x-show="message.type === 'success'" class="text-pink-lighter bg-white rounded-full box-content pt-1 pr-[3px] pb-1.5 pl-1 w-2.5 h-auto shrink-0 md:w-3" width="17" height="12.702" version="1.1" viewbox="0 0 17 12.702" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1,1)" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M 15,0 6.0879121,10.702128 M 6,10 0,5" stroke="currentColor" stroke-width="2"></path></g></svg><span x-html="message.text"></span></div><a href="#" class="close cursor-pointer" title="close" @click.prevent="removeMessage(index)"><svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18"><path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path></svg></a></div></template></div></template></div></div></template></section></div><div class="columns"><div class="column main"> <script>
'use strict';
function initAwRbslider(config) {
return {
options: Object.assign({
autoplay: true,
pauseTimeBetweenTransitions: 3000,
slideTransitionSpeed: 500,
isStopAnimationMouseOnBanner: true,
animation: 'fade',
isRandomOrderImage: false,
sliderListSelector: '.uk-slideshow',
sliderItemSelector: '.aw-rbslider-item',
$refs: null
}, config),
slideshow: {options: {}},
init() {
this.options.$refs = this.$refs;
},
initSlider($refs) {
this.slideshow = window.awRbslider(this.$el, {
autoplay: this.options.autoplay,
autoplayInterval: this.options.pauseTimeBetweenTransitions,
duration: this.options.slideTransitionSpeed,
pauseOnHover: this.options.isStopAnimationMouseOnBanner,
animation: this.options.animation,
$refs: this.options.$refs,
});
this.loadSlides($refs);
this.slideshow.resize = () => this.resizeBanner(this.slideshow);
if (this.options.bannerSchedule.length > 0) {
if (!this.timeValidator([this.options.bannerSchedule[0]])) {
this.delayedUpdate(this.options.bannerSchedule[0]);
}
if (this.timeValidator(this.options.bannerSchedule)) {
this.sendRequest(this.options.bannerId);
}
}
},
loadSlider($refs) {
if (!window.awRbslider) {
let callbacks = [];
window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
}
if (window.awRbslider['-isLoading']) {
window.awRbslider['-isLoading'](() => this.loadSlider($refs))
}
if (!window.awRbslider['-isLoading']) {
this.initSlider($refs);
}
},
pauseOnEnter() {
if (this.slideshow.options.pauseOnHover) {
this.slideshow.hovering = true;
}
},
resumeOnLeave() {
this.slideshow.hovering = false;
},
/**
* Recalculate the width and height of the banner
*/
resizeBanner(slideshow) {
if (slideshow.slides.length) {
let firstChild = slideshow.slides[slideshow.current];
if (firstChild.querySelector('.rbslider__video')) {
const video = firstChild.querySelector('video');
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = video.getBoundingClientRect().height;
slideshow.container.style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
document.querySelector('.wrapperVideo').style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
}
} else {
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = slideshow.slides[slideshow.current].getBoundingClientRect().height;
slideshow.container.style.height = height + 'px';
}
}
}
},
/**
* Lazy load slides
*/
loadSlides($refs) {
this.slideshow.slides.forEach((slideElem, index) => {
if (index) {
const slideImg = slideElem.querySelector('img.aw-rbslider__img');
if (slideImg && slideImg.dataset.src) {
slideImg.addEventListener('load', () => {
slideImg.classList.add('is-loaded');
});
slideImg.src = slideImg.dataset.src;
slideImg.removeAttribute('data-src');
}
}
});
},
clickSliderEvent(url, label) {
window.dataLayer?.push({
'event': 'clicSliderHP',
'text': label
});
window.location.href = url
},
/**
* Compare current time with schedule
*/
timeValidator(schedule) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
let isValid = false;
schedule.forEach(item => {
if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60)) {
isValid = true;
}
});
return isValid;
},
/**
* Send request for clean banner cache
*/
sendRequest(bannerId) {
const formKey = hyva.getFormKey();
fetch(this.options.cacheCleanUrl, {
method: 'post',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: "form_key=" + formKey + "&bannerId=" + bannerId,
mode: "cors",
credentials: "include"
});
},
/**
* Schedule call to sendRequest for future schedule item
*/
delayedUpdate(futureTime) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;
if (interval > 0) {
setTimeout(() => this.sendRequest(this.options.bannerId), interval);
}
},
/**
* @private
*/
_randomSort() {
const sliderListSelector = this.options.sliderListSelector,
sliderItemSelector = this.options.sliderItemSelector;
this.$el.querySelector(sliderListSelector)
.innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
.sort(() => Math.random() - 0.5)
.map(item => item.outerHTML)
.join('');
},
}
}</script> <div id="nosto_cart_tagging" class="hidden" x-data="nostoCartTagging()" @private-content-loaded.window="initTags($event.detail.data['cart-tagging'])" @nosto-init.window.debounce.1500="sendTagging()"></div><script>
function nostoCartTagging() {
return {
taggingItems: null,
itemCount: 0,
restoreCartUrl: '',
hcid: '',
initTags (tagging) {
this.taggingItems = tagging.items;
this.restoreCartUrl = tagging.restore_cart_url;
this.itemCount = tagging.itemCount;
this.hcid = tagging.hcid;
},
sendTagging () {
if (typeof nostojs === 'function') {
nostojs(api => {
if((this.itemCount > 0) && !api.visit.isDoNotTrack()) {
let cartContent = {};
if (this.taggingItems) {
let items = [];
this.taggingItems.forEach(function (item) {
items.push({
index: item.index,
name: item.name,
price_currency_code: item.price_currency_code,
product_id: item.product_id,
quantity: item.quantity,
sku_id: item.sku_id ? item.sku_id : item.product_id,
total_count: item.total_count,
unit_price: item.unit_price
});
});
cartContent = {
items: items,
hcid: this.hcid,
restore_link: this.restoreCartUrl
}
}
api.defaultSession()
.setCart(cartContent)
.viewCart()
.update({ trackEvents: false });
} else {
api.defaultSession()
.setCart({});
}
});
}
}
}
}</script> <div id="nosto_customer_tagging" class="hidden" x-data="nostoCustomerTagging()" @private-content-loaded.window="initTags($event.detail.data['customer-tagging'])" @nosto-init.window.debounce.1500="sendTagging()"></div><script>
function nostoCustomerTagging() {
return {
taggingData: {},
initTags (tagging) {
this.taggingData = tagging;
},
sendTagging () {
if (typeof nostojs === 'function') {
nostojs(api => {
if((typeof this.taggingData.first_name !== 'undefined') && !api.visit.isDoNotTrack()) {
api.defaultSession()
.setCustomer({
first_name: this.taggingData.first_name,
last_name: this.taggingData.last_name,
email: this.taggingData.email,
hcid: this.taggingData.hcid,
customer_reference: this.taggingData.customer_reference,
newsletter: this.taggingData.marketing_permission
});
} else {
api.defaultSession()
.setCustomer({});
}
});
}
}
}
}</script><style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}</style>
<p> <div x-data="initNostoSliderWidget_6715e19c86fb8()" x-defer="intersect" @nosto-init.window="getItemsData();" x-init="getItemsData();" ><div id="_6715e19c86fb8"></div></div><script>
function initNostoSliderWidget_6715e19c86fb8() {
return {
isLoaded: false,
itemCount: 0,
requestSended: false,
async getTemplate(products, title, nostoElementId) {
fetch(
'https://www.adopt.com/fr/catalog/nosto/slider'
+ '?product_ids=' + products
+ '&title=' + title
+ '&link_label=' + ''
+ '&category_link=' + ''
+ '&slider_block_name=' + 'nosto.widget._6715e19c86fb8'
+ '&nosto_element_id=' + nostoElementId
+ '&template=' + 'Magento_Catalog::product/slider/product-slider.phtml'
+ '&item_template=' + 'Magento_Catalog::product/list/item-widget.phtml'
+ '&container_limitation_class=' + 'none'
+ '&add_background_color=' + '0'
+ '&background_color=' + ''
+ '&display_flags=' + 'true'
,
{}
).then(response => response.json()
).then(json => {
this.isLoaded = true;
document.getElementById("_6715e19c86fb8").innerHTML = json.html
});
},
getItemsData() {
if (this.requestSended) {
return;
}
this.requestSended = true;
const self = this;
if (typeof nostojs === 'function') {
nostojs(api => {
let doNotTrackStatus = api.visit.isDoNotTrack();
api.visit.setDoNotTrack(doNotTrackStatus);
api.defaultSession()
.viewOther()
.setPlacements(['frontpage-nosto-1'])
.load()
.then(response => {
let data = Object.values(response.campaigns.recommendations)[0];
if (data) {
let productIds = [];
data.products.forEach(function (product) {
productIds.push(product.product_id);
});
self.sliderData = {
'title' : data.title
};
self.itemsData = data.products;
self.numberSlide = data.products.length;
this.getTemplate(productIds.toString(), data.title, data.result_id);
}
})
});
}
}
}
}</script> <div class="cms-widget widget-push-3-tiles-simple" ><div class="pt-6 md:pt-12 pb-6 md:pb-12 container--desktop"> <div class="flex flex-col md:flex-row gap-2 px-6 md:px-0" x-data="{ isMobile: window.innerWidth < 768, tileHeight: 0, minHeight() { if(!this.isMobile && this.tileHeight) { return 'min-height: ' + (this.tileHeight) + 'rem'; } else { return ''; } } }" @resize.window="isMobile = window.innerWidth < 768" > <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_BESTS_BlocActu.png?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_BESTS_BlocActu.png?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/ECOMM_BESTS_BlocActu.png" alt="Les Intenses" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> <div class="font-romie text-3.5xl leading-none text-center text-white drop-shadow-text">Nos best-sellers</div> <div class="font-medium text-lg leading-tight text-center pt-3 text-white drop-shadow-text">(Re)découvrez-les</div> <a class="link z-10 btn btn-primary-white mt-6" href="https://www.adopt.com/fr/parfum/meilleures-ventes-parfum.html" target="_self" >Je fonce</a> </div></span> <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/mexico-mi-amor-eau-de-parfum-8883701429832520-fr.html" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/OP_LES_VOYAGES-2024_Blocactu.png?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/OP_LES_VOYAGES-2024_Blocactu.png?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/OP_LES_VOYAGES-2024_Blocactu.png" alt="Mexico Mi Amor" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> <div class="font-romie text-3.5xl leading-none text-center text-white drop-shadow-text">Mexico Mi Amor</div> <div class="font-medium text-lg leading-tight text-center pt-3 text-white drop-shadow-text">Le nouveau parfum pour voyager</div> <a class="link z-10 btn btn-primary-white mt-6" href="https://www.adopt.com/fr/mexico-mi-amor-eau-de-parfum-8883701429832520-fr.html" target="_self" >Je fonce</a> </div></span> <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/calendrier-de-l-avent.html" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_CALENDRIER_BLOCACTU.png?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_CALENDRIER_BLOCACTU.png?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/ECOMM_CALENDRIER_BLOCACTU.png" alt="Calendriers" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> <div class="font-romie text-3.5xl leading-none text-center text-white drop-shadow-text">Calendriers de l'avent</div> <div class="font-medium text-lg leading-tight text-center pt-3 text-white drop-shadow-text">4 calendriers au choix</div> <a class="link z-10 btn btn-primary-white mt-6" href="https://www.adopt.com/fr/calendrier-de-l-avent.html" target="_self" >Je fonce</a> </div></span> </div></div></div> <div class="cms-widget widget-push-6-tiles-slider" ><div class="pt-0 md:pt-0 pb-6 md:pb-12" x-data="{ isDown: false, startX: 0, index: 0, startTime: null, endTime: null, maxSlide: 0, isMobile: window.outerWidth < 768, scrollLeft: undefined, slider: null, itemWidth: 0, showPrevious: false, showNext: true, prev() { let initialScrollLeft1, initialScrollLeft2; if((this.$refs.slider.scrollLeft > 0) && this.items[this.index].offsetLeft > 0) { this.index = this.index - 1; initialScrollLeft1 = this.items[this.index].offsetLeft - 30; initialScrollLeft2 = this.items[this.index].offsetLeft; this.$refs.slider.scrollLeft = this.items[this.index].offsetLeft - 30; } this.showPrevious = (Number.parseInt(initialScrollLeft1) > 0) && (Number.parseInt(this.items[0].offsetLeft) > 0); this.showNext = (Number.parseInt(initialScrollLeft2 + this.$refs.slider.offsetWidth + 50) < Number.parseInt(this.$refs.slider.scrollWidth)); }, next() { let initialScrollLeft1, initialScrollLeft2; if(this.$refs.slider.offsetWidth + this.$refs.slider.scrollLeft < this.$refs.slider.scrollWidth) { this.index = this.index + 1; initialScrollLeft1 = this.items[this.index].offsetLeft - 30; initialScrollLeft2 = this.items[this.index].offsetLeft; this.$refs.slider.scrollLeft = this.items[this.index].offsetLeft; } this.showNext = (Number.parseInt(initialScrollLeft2 + this.$refs.slider.offsetWidth + 50) < Number.parseInt(this.$refs.slider.scrollWidth)); this.showPrevious = (Number.parseInt(initialScrollLeft1) > 0) && (Number.parseInt(this.items[0].offsetLeft) > 0); }, init() { this.slider = this.$refs.slider; this.items = this.$refs.slider.querySelectorAll('a.tile-group'); this.maxSlide = this.items.length; this.itemWidth = this.$refs.slider.scrollWidth / this.items.length; let initialScrollLeft = this.items[this.index].offsetLeft; this.showNext = (Number.parseInt(initialScrollLeft + this.$refs.slider.offsetWidth + 50) < Number.parseInt(this.$refs.slider.scrollWidth)); }, mouseUpHandler(e) { this.isDown = false; this.slider.classList.remove('active'); this.endTime = +new Date(); }, clickHandler(e) { e.preventDefault(); const timeDiff = this.endTime - this.startTime; if(timeDiff < 200) { const tile = e.target.closest('.tile-group'); if(tile) { let url = tile.attributes.href?.value; let target = tile.attributes.target?.value; if (target && target === '_blank') { window.open(url, target); } else { window.location.href = url; } } } }, mouseDownHandler(e) { e.preventDefault(); this.startTime = +new Date(); this.isDown = true; this.slider.classList.add('active'); this.startX = e.pageX - this.slider.offsetLeft; this.scrollLeft = this.slider.scrollLeft; }, mouseMoveHandler(e) { if(!this.isDown) return; e.preventDefault(); const x = e.pageX - this.slider.offsetLeft; const walk = (x - this.startX) * 1.5; if(walk !== 0) { this.slider.scrollLeft = this.scrollLeft - walk; } }, resizeAction() { this.isMobile = window.outerWidth < 768; let initialScrollLeft = this.items[this.index].offsetLeft; this.showNext = (Number.parseInt(initialScrollLeft + this.$refs.slider.offsetWidth + 50) < Number.parseInt(this.$refs.slider.scrollWidth)); } }" x-init="init()" ><div class="px-7.5"> </div><div class="push-widget-slider__slider overflow-hidden mt-9 md:mt-16 relative" @resize.window.debounce.100="resizeAction()"><div class="flex overflow-auto hide-scrollbar scroll-smooth px-7.5 gap-1" x-ref="slider" @click="clickHandler($event);" @mousedown="mouseDownHandler($event);" @mouseleave="isDown = false; slider.classList.remove('active');" @mouseup.prevent="mouseUpHandler($event);" @mousemove="mouseMoveHandler($event)"> <a href="https://www.adopt.com/fr/parfum.html" target="_self" class="tile-group shrink-0 flex flex-col justify-end items-center h-[22.0625rem] md:h-[29rem] 2xl:h-[35rem] w-[85%] md:w-[21.625rem] 2xl:w-[27.625rem] relative pt-12 pb-[4.5625rem]"><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/recrop/OFFRE_MIX_30ML_100ML_1.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/recrop/OFFRE_MIX_30ML_100ML_1.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/recrop/OFFRE_MIX_30ML_100ML_1.jpg" alt="Parfums" width="442" height="560" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <button class="btn btn-primary-white relative py-5 px-7.5 leading-none">PARFUMS</button> </a> <a href="https://www.adopt.com/fr/soin-corps.html" target="_self" class="tile-group shrink-0 flex flex-col justify-end items-center h-[22.0625rem] md:h-[29rem] 2xl:h-[35rem] w-[85%] md:w-[21.625rem] 2xl:w-[27.625rem] relative pt-12 pb-[4.5625rem]"><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_GELEE_CREME_GOMMAGE_1.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_GELEE_CREME_GOMMAGE_1.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/recrop/MIX_GELEE_CREME_GOMMAGE_1.jpg" alt="SOINS CORPS" width="442" height="560" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <button class="btn btn-primary-white relative py-5 px-7.5 leading-none">SOINS CORPS</button> </a> <a href="https://www.adopt.com/fr/maquillage.html" target="_self" class="tile-group shrink-0 flex flex-col justify-end items-center h-[22.0625rem] md:h-[29rem] 2xl:h-[35rem] w-[85%] md:w-[21.625rem] 2xl:w-[27.625rem] relative pt-12 pb-[4.5625rem]"><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_MAKEUP_1.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_MAKEUP_1.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/recrop/MIX_MAKEUP_1.jpg" alt="MAQUILLAGE" width="442" height="560" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <button class="btn btn-primary-white relative py-5 px-7.5 leading-none">MAQUILLAGE</button> </a> <a href="https://www.adopt.com/fr/parfum/parfum-femme/coffret-parfum-femme.html" target="_self" class="tile-group shrink-0 flex flex-col justify-end items-center h-[22.0625rem] md:h-[29rem] 2xl:h-[35rem] w-[85%] md:w-[21.625rem] 2xl:w-[27.625rem] relative pt-12 pb-[4.5625rem]"><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_COFFRETS_1.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/recrop/MIX_COFFRETS_1.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/recrop/MIX_COFFRETS_1.jpg" alt="COFFRETS" width="442" height="560" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <button class="btn btn-primary-white relative py-5 px-7.5 leading-none">COFFRETS</button> </a> <a href="https://www.adopt.com/fr/soin-visage.html" target="_self" class="tile-group shrink-0 flex flex-col justify-end items-center h-[22.0625rem] md:h-[29rem] 2xl:h-[35rem] w-[85%] md:w-[21.625rem] 2xl:w-[27.625rem] relative pt-12 pb-[4.5625rem]"><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/Noel/OVERLAY_YESYOUGLOW_1.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/Noel/OVERLAY_YESYOUGLOW_1.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/Noel/OVERLAY_YESYOUGLOW_1.jpg" alt="SOINS VISAGE" width="442" height="560" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <button class="btn btn-primary-white relative py-5 px-7.5 leading-none">SOINS VISAGE</button> </a> </div><button class="push-widget-slider__button absolute z-10 top-1/2 border border-lavender-lightest bg-white rounded-full p-3.5 left-5 text-pink opacity-0 transition duration-300" type="button" title="Précédent" x-show="showPrevious" @click="prev()"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-4 h-auto filter drop-shadow-pink-lighter-icon -scale-x-100" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</button> <button class="push-widget-slider__button absolute z-10 top-1/2 border border-lavender-lightest bg-white rounded-full p-3.5 right-5 text-pink opacity-0 transition duration-300" type="button" x-show="showNext" title="Suivant" @click="next()"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-4 h-auto filter drop-shadow-pink-lighter-icon" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</button></div></div></div> <div class="cms-widget widget-push-3-tiles-simple" ><div class="pt-6 md:pt-12 pb-6 md:pb-12 container--desktop"> <div class="flex flex-col md:flex-row gap-2 px-6 md:px-0" x-data="{ isMobile: window.innerWidth < 768, tileHeight: 0, minHeight() { if(!this.isMobile && this.tileHeight) { return 'min-height: ' + (this.tileHeight) + 'rem'; } else { return ''; } } }" @resize.window="isMobile = window.innerWidth < 768" > <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/offres-commerciales.html" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/bloc-actu-melrose.jpg?twic=v1 1x" media="(min-width: 896px)"> <source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/bloc-actu-melrose.jpg?twic=v1 1x" media="(min-width: 300px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/bloc-actu-melrose.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/bloc-actu-melrose.jpg" alt="Parfums Offres" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> <div class="font-romie text-3.5xl leading-none text-center text-white drop-shadow-text">Nos offres</div> <a class="link z-10 btn btn-primary-white mt-6" href="https://www.adopt.com/fr/offres-commerciales.html" target="_self" >Je fonce</a> </div></span> <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/diagnostic-olfactif" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <video class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105" data-twic-src="media:video/media/wysiwyg/home/Bloc_actu/DIAG-OLF-2024_BlocActu_Test_avec_CTA-min_1_.gif" data-twic-transform="quality=95" data-twic-poster="media:video/media/wysiwyg/home/Bloc_actu/DIAG-OLF-2024_BlocActu_Test_avec_CTA-min_1_.gif" data-twic-poster-transform="cover-max=550x1100"></video> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> </div></span> <span class="widget-push-3-tiles-simple__item tile-group group overflow-hidden relative flex flex-col justify-end md:w-1/3 min-h-[24.375rem] md:min-h-[31.5rem] 2xl:min-h-[37.5rem]" :style="minHeight()" > <a href="https://www.adopt.com/fr/live-shopping" target="_self" class="absolute inset-0 w-full h-full z-10" > </a> <picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_LIVE_SHOPPING_CALENDRIERS_Bloc_Actu.png?twic=v1 1x" media="(min-width: 896px)"> <source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_LIVE_SHOPPING_CALENDRIERS_Bloc_Actu.png?twic=v1 1x" media="(min-width: 300px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_LIVE_SHOPPING_CALENDRIERS_Bloc_Actu.png?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/ECOMM_LIVE_SHOPPING_CALENDRIERS_Bloc_Actu.png" alt="Parrainage" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture> <div class="relative h-full flex flex-col items-center justify-end p-11 md:p-16"> <div class="font-romie text-3.5xl leading-none text-center text-white drop-shadow-none">Live Shopping</div> <div class="font-medium text-lg leading-tight text-center pt-3 text-white drop-shadow-none">Replay de nos calendriers</div> <a class="link z-10 btn btn-primary-white mt-6" href="https://www.adopt.com/fr/live-shopping" target="_self" >Je regarde</a> </div></span> </div></div></div> <div class="cms-widget widget-push-3-tiles-accordion overflow-hidden" x-data="{ isMobile: window.innerWidth < 768, tileOpened: window.innerWidth < 768 ? null : 1, resize() { this.isMobile = window.innerWidth < 768; this.tileOpened = window.innerWidth < 768 ? null : 1; }, toggle(tile) { if(this.tileOpened === tile) { this.tileOpened = null; } else { this.tileOpened = tile; } } }" @resize.window="resize()" ><div class="px-4 flex flex-col md:flex-row gap-2 pt-6 md:pt-12 pb-6 md:pb-12"><div class="widget-push-3-tiles-accordion__item relative transition-all duration-300 min-h-[12.5rem]" @click="if(isMobile) toggle(1);" @mouseenter="if(!isMobile) tileOpened = 1" :class="{ 'md:w-[calc(76%_-_4px)]': tileOpened === 1, 'md:w-[calc(44%_-_4px)]': tileOpened !== 1 }" ><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/pages_CMS/Tiare/DSC07513.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/pages_CMS/Tiare/DSC07513.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/pages_CMS/Tiare/DSC07513.jpg" alt="Les programmes Colibri" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture><div class="relative h-full md:min-h-[34.5rem] 2xl:min-h-[45.4375rem] flex flex-col items-start justify-end pt-[3.625rem] pb-7.5 px-7.5"> <div class="no-selection-text font-romie text-3xl text-white drop-shadow-text">Les programmes Colibri</div> <div class="overflow-hidden grid grid-rows-[0fr] transition-all" :class="{ 'grid-rows-[1fr]': tileOpened === 1, 'grid-rows-[0fr]': tileOpened !== 1 }" ><div class="min-h-0"><a href="https://www.adopt.com/be-fr/programme-colibri" class="link btn btn-primary-white mt-6" target="_self" >Je découvre</a></div></div></div></div> <div class="widget-push-3-tiles-accordion__item relative transition-all duration-300 min-h-[12.5rem]" @click="if(isMobile) toggle(2);" @mouseenter="if(!isMobile) tileOpened = 2" :class="{ 'md:w-[calc(44%_-_4px)]': tileOpened === 2, 'md:w-[calc(12%_-_4px)]': tileOpened !== 2 }" ><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/pages_CMS/Tiare/RSE_2.jpg?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/pages_CMS/Tiare/RSE_2.jpg?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/pages_CMS/Tiare/RSE_2.jpg" alt="Nos engagements" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture><div class="relative h-full md:min-h-[34.5rem] 2xl:min-h-[45.4375rem] flex flex-col items-start justify-end pt-[3.625rem] pb-7.5 px-7.5"> <div class="font-romie text-3xl text-white drop-shadow-none">Nos engagements</div> <div class="overflow-hidden grid grid-rows-[0fr] transition-all" :class="{ 'grid-rows-[1fr]': tileOpened === 2, 'grid-rows-[0fr]': tileOpened !== 2 }" ><div class="min-h-0"><a href="https://www.adopt.com/fr/nos-engagements" class="link btn btn-primary-white mt-6" target="_self" >Je découvre</a></div></div></div></div> <div class="widget-push-3-tiles-accordion__item relative transition-all duration-300 min-h-[12.5rem]" @click="if(isMobile) toggle(3);" @mouseenter="if(!isMobile) tileOpened = 3" :class="{ 'md:w-[calc(44%_-_4px)]': tileOpened === 3, 'md:w-[calc(12%_-_4px)]': tileOpened !== 3 }" ><picture><source type="image/jpeg" srcset="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_REFONTE_ROMIE_Visuel_Homepage_727x600_1_.png?twic=v1 1x" media="(min-width: 896px)"> <img src="https://adopt.twic.pics/media/wysiwyg/home/Bloc_actu/ECOMM_REFONTE_ROMIE_Visuel_Homepage_727x600_1_.png?twic=v1/output=preview" data-twic-src="image:media/wysiwyg/home/Bloc_actu/ECOMM_REFONTE_ROMIE_Visuel_Homepage_727x600_1_.png" alt="L'univers Adopt" width="360" height="360" loading="lazy" decoding="async" class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover transition-all group-hover:scale-105"></picture><div class="relative h-full md:min-h-[34.5rem] 2xl:min-h-[45.4375rem] flex flex-col items-start justify-end pt-[3.625rem] pb-7.5 px-7.5"> <div class="font-romie text-3xl text-white drop-shadow-none">L'univers Adopt</div> <div class="overflow-hidden grid grid-rows-[0fr] transition-all" :class="{ 'grid-rows-[1fr]': tileOpened === 3, 'grid-rows-[0fr]': tileOpened !== 3 }" ><div class="min-h-0"><a href="https://www.adopt.com/fr/l-univers-adopt" class="link btn btn-primary-white mt-6" target="_self" >Je découvre</a></div></div></div></div></div></div> <div class="flex"><div class="flex flex-col gap-12 w-full pr-0 overflow-hidden pt-6 md:pt-12 pb-6 md:pb-12"><h2 class="px-7.5 pr-0 md:text-start text-3xl md:text-4xl leading-[1.875rem] md:leading-[2.25rem] font-normal font-romie tracking-spaced text-anthracite-500"></h2><div class="aploze-widget px-7.5 pr-0" data-type="carousel" data-watchlist="zF8wgGeKG3qYDLdudrKp"></div></div></div></p>
<p> <div class="cms-widget widget-reviews widget-reviews--listing pt-6 md:pt-12 pb-6 md:pb-12 md:px-7.5 pl-7.5" style="background-color: #F5F5FD" ><div class=""><div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4.5 pb-9"> <h2 class="font-romie tracking-spaced text-3xl md:text-3.5xl leading-none md:leading-none text-anthracite-600">adopt dans vos coeurs !</h2> <a href="https://trustville.fr/avis-clients/pc/peruda/parfumerie/adopt_com" class="link btn btn-secondary bg-white" target="_blank" >Voir tous les avis</a> </div><div class="overflow-hidden"><div class="flex gap-12 overflow-auto hide-scrollbar"><div class="shrink-0 md:shrink w-[70%] md:w-1/3"><div class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
</div><div class="font-secondary text-lg text-anthracite-600 mt-3.5">Léa G.</div><div class="text-anthracite-400 font-medium mt-3.5">"Des conseillères de vente toujours souriantes, agréables et de bons conseils !"</div></div><div class="shrink-0 md:shrink w-[70%] md:w-1/3"><div class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
</div><div class="font-secondary text-lg text-anthracite-600 mt-3.5">Laure L.</div><div class="text-anthracite-400 font-medium mt-3.5">"Accueillantes et chaleureuses équipes, des produits français qui ont tout pour séduire ! J'en suis très satisfaite !"</div></div><div class="shrink-0 md:shrink w-[70%] md:w-1/3"><div class="flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4.5 h-auto" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
</div><div class="font-secondary text-lg text-anthracite-600 mt-3.5">Olivia H.</div><div class="text-anthracite-400 font-medium mt-3.5">"Parfums français agréables, longue tenue et abordables."</div></div></div></div></div></div></p> <form x-data="nostoRecobuy()" action="https://www.adopt.com/fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuYWRvcHQuY29tL2Zy/" method="post" id="nosto_addtocart_form"><input name="form_key" type="hidden" value="45TjECXQhSUiBPPs" /></form><!--suppress JSUnresolvedVariable, JSValidateTypes, JSUnresolvedFunction --><script>
window.Nosto = nostoRecobuy();
function nostoRecobuy() {
'use strict';
const Recobuy = {};
Recobuy.addProductToCart = function (productId, element, quantity = 1) {
const productData = {
productId: productId,
skuId: productId,
quantity: quantity
};
return Recobuy.addSkuToCart(productData, element);
};
Recobuy.addMultipleProductsToCart = function (products, element) {
if (Array.isArray(products)) {
return products.reduce(function(acc, product) {
return acc.then(function() {
return Recobuy.addSkuToCart(product, element)
})
} , Promise.resolve())
} else {
Promise.reject(new Error("Products is not type array"))
}
};
Recobuy.addSkuToCart = function (product, element) {
const quantity = product.quantity || 1;
const url = document.querySelector("#nosto_addtocart_form").getAttribute("action");
const formKey = document.querySelector("#nosto_addtocart_form > input[name='form_key']").getAttribute("value");
return new Promise(function (resolve, reject) {
var formKey = document.querySelector('input[name=form_key]').value;
fetch(url, {
form_key: formKey,
qty: quantity,
product: product.productId,
sku: product.skuId
}).then(function (response) {
Recobuy.sendCartEvent(element, product.productId)
return resolve();
}).catch((error) => {
return reject()
});
})
};
Recobuy.sendCartEvent = function (element, productId) {
if (typeof element === 'object' && element) {
const slotId = this.resolveContextSlotId(element);
if (slotId) {
nostojs(function (api) {
api.recommendedProductAddedToCart(productId, slotId);
});
}
}
}
Recobuy.resolveContextSlotId = function (element) {
const m = 20;
let n = 0;
let e = element;
while (typeof e.parentElement !== "undefined" && e.parentElement) {
++n;
e = e.parentElement;
if (e.getAttribute('class') === 'nosto_element' && e.getAttribute('id')) {
return e.getAttribute('id');
}
if (n >= m) {
return false;
}
}
return false;
};
return Recobuy;
};</script> <script>
'use strict';
function initAmScroll() {
return {
options: {
product_container: '.products.products-grid, .products.products-list, .products-grid.grid',
product_link: '.product-item-link',
footerSelector: '.page-footer'
},
type: 'auto',
is_loading: 0,
next_data_url: "",
prev_data_url: "",
next_data_cache: "",
flag_next_cache: 0,
prev_data_cache: "",
flag_prev_cache: 0,
pageFirst: 1,
pagesCount: 1,
pagesLoaded: [],
currentPage: 1,
last_scroll: 0,
disabled: 0,
additionalHeight: null,
classes: {
loadButton: 'amscroll-load-button',
loadingBlock: 'amscroll-loading-block',
loadingIcon: 'amscroll-loading-icon',
loading: '-amscroll-loading',
svgPathToFill: 'amscroll-fill-path',
backToTopButton: 'amscroll-backtotop-block',
backToTopEnabled: '-amscroll-backtotop-enabled',
active: '-amscroll-active',
text: 'amscroll-text',
animate: '-amscroll-animate',
pageNumber: 'amscroll-page-num'
},
pageSelector: '[amscroll-page="%1"]',
lastPageSelector: '.amscroll-page, .amscroll-pages',
totalAmountSelector: '.toolbar-amount',
totalNumberSelector: '.toolbar-number',
toolbarSelector: '.toolbar.toolbar-products',
amPageCountSelector: '#am-page-count',
cahShowAfter: false,
canShowBefore: false,
pagesBeforeButton: 0,
isReinitialized: false,
afterButton: null,
beforeButton: null,
insertedPages: 0,
afterStepBackData: null,
init() {
this.options = {"product_container":" .products.products-grid:not(.amasty-banners), .products.products-list:not(.amasty-banners)","product_link":".product-item-link","loadingImage":"https:\/\/www.adopt.com\/static\/version1729157891\/frontend\/Adopt\/hyva\/fr_FR\/Amasty_Scroll\/images\/loader.svg","pageNumbers":"0","pageNumberContent":"Page #","pageNumberStyle":"button","buttonColor":"#ffffff","buttonColorPressed":"#ffffff","loadingafterTextButton":"Voir plus de produits","loadingbeforeTextButton":"Voir les produits pr\u00e9c\u00e9dents","backToTop":{"enabled":"1","style_desktop":"text","style_mobile":"arrow","color":"#ffffff","styles":"background: #dadada;"},"backToTopText":"Back to Top","current_page":1,"footerSelector":".page-footer","actionMode":"button"};
if(document.querySelectorAll(this.options.product_container).length) {
this._initNodes();
this.initialize();
}
},
_initNodes() {
this.loadButtonElement = document.createElement('button');
this.loadButtonElement.setAttribute('class', 'btn btn-primary w-fit xl:px-20 px-14 ' + this.classes.loadButton);
this.loadButtonElement.setAttribute('style', this.options['loadNextStyle']);
this.loadButtonTextElement = document.createElement('span');
this.loadButtonTextElement.setAttribute('class', this.classes.text);
this.loaderImage = document.createElement('img');
this.loaderImage.setAttribute('src', this.options['loadingImage']);
this.loaderImage.setAttribute('class', this.classes.loadingIcon);
this.bodyElement = document.querySelector('body');
},
initialize() {
this.next_data_cache = "";
this.pagesLoaded = [];
this._initPagesCount();
this.disabled = 1;
if (!this._validate() && document.querySelectorAll(this.classes.backToTopButton).length > 0) {
document.querySelectorAll(this.classes.backToTopButton)[0].remove();
return;
}
this.disabled = 0;
this.type = this.options['actionMode'];
this.pagesBeforeButton = this.options['pages_before_button'];
this.currentPage = this._getCurrentPage();
this.pagesLoaded.push(this.currentPage);
if (this.type === 'button') {
this._generateButton('before');
this._generateButton('after');
}
this._preloadPages();
this._initBackToTop();
this.initPageStepForwardListener(this.currentPage);
this._pagePositionAfterStepBack();
},
_validate() {
switch (true) {
case !this.options['product_container'] || document.querySelectorAll(this.options['product_container']).length === 0 :
console.warn('Please specify "Products Group" DOM selector in module settings.');
return false;
case !this.options['product_link'] || document.querySelectorAll(this.options['product_link']).length === 0 :
console.warn('Please specify "Product Link" DOM selector in module settings.');
return false;
case !this.options['footerSelector'] || document.querySelectorAll(this.options['footerSelector']).length === 0 :
console.warn('Please specify "Footer Selector" DOM selector in module settings.');
return false;
case this.pagesCount <= 1 :
return false;
}
return true;
},
_externalAfterAjax() {
this.insertedPages++;
try {
if (document.getElementsByTagName('head')[0].innerHTML.indexOf('Infortis') > -1) {
document.dispatchEvent('last-swatch-found');
}
if (this.insertedPages >= this.pagesBeforeButton) {
switch (true) {
case this.type === 'auto' && this.options['origActionMode'] === 'combined':
this.changeType('button');
break;
case this.type === 'button' && this.options['origActionMode'] === 'combined_button_auto':
this.changeType('auto');
break;
}
}
} catch (e) {
console.warn(e);
}
},
beforeInsertProductBlock(productBlock) {
const formKey = hyva.getFormKey();
productBlock.querySelector('[name="form_key"]').value = formKey;
},
doAjax(requestUrl, successCallback) {
fetch(requestUrl, {
method: "GET",
headers: {
"X-Requested-With": "XMLHttpRequest",
},
})
.then(response => {
if (response.ok) {
return response.json();
} else {
console.warn("GET request failed", response);
this._stop();
}
})
.then(data => {
if (data) {
this.preprocessRawAjaxResponse(successCallback, data);
}
});
},
preprocessRawAjaxResponse(successCallback, response) {
if (typeof response === 'string' || response instanceof String) {
try {
response = JSON.parse(response)
} catch (e) {
return this.handleUnexpectedResponse(response);
}
}
if (response !== null
&& response.hasOwnProperty('categoryProducts')
&& response.hasOwnProperty('currentPage')
&& response.categoryProducts.trim().length !== 0
) {
successCallback.call(this, response);
} else {
this.handleUnexpectedResponse(response);
}
},
handleUnexpectedResponse(response) {
console.warn('Amasty_Scroll: invalid response from server.', {response: response});
this._stop();
},
_initPagesCount() {
const amPager = document.querySelector(this.amPageCountSelector);
let parent;
let childs;
let limit;
let allProducts;
let result;
this.pagesLoaded = [];
if (amPager) {
this.pagesCount = parseInt(amPager.innerHTML);
return;
}
parent = document.querySelectorAll(this.totalAmountSelector)[0];
if (parent) {
childs = parent.querySelectorAll(this.totalNumberSelector);
if (parent && childs.length >= 3) {
limit = document.querySelector('.limiter-options').value;
if (childs[2].textContent > 0 && limit) {
allProducts = childs[2].textContent;
result = Math.ceil(parseInt(allProducts) / parseInt(limit));
if (result > 1) {
this.pagesCount = result;
return;
}
}
}
}
this.pagesCount = 1;
},
changeType(type) {
if (this.isReinitialized) {
return;
}
switch (type) {
case 'button':
this.type = 'button';
this._generateButton('before');
this._generateButton('after');
break;
case 'auto':
this.type = 'auto';
break;
}
this.isReinitialized = true;
},
_preloadPages() {
const productContainer = document.querySelector(this.options['product_container']);
let pageNumEl;
productContainer.setAttribute('amscroll-page', this.currentPage);
productContainer.classList.add('amscroll-page');
pageNumEl = this._generatePageTitle(this.currentPage);
if (pageNumEl) {
productContainer.before(pageNumEl);
}
this._preloadPageAfter(this.currentPage);
this._preloadPageBefore(this.currentPage);
},
_getCurrentPage() {
let currentPage = parseInt(this.options['current_page']);
if (currentPage > this.pagesCount) {
currentPage = this.pagesCount;
}
return currentPage;
},
_preloadPageAfter(page) {
const nextPage = page + 1;
if (nextPage && nextPage <= this.pagesCount) {
this.next_data_url = this._generateUrl(nextPage, 1);
this.pagesLoaded.push(nextPage);
this.flag_next_cache = 1;
this.doAjax(this.next_data_url, (data) => {
this.flag_next_cache = 0;
this.next_data_cache = data;
this.showButton(this.afterButton);
});
this.next_data_url = '';
}
},
_preloadPageBefore(page) {
const prevPage = page - 1;
if (prevPage && prevPage >= 1) {
this.prev_data_url = this._generateUrl(prevPage, 1);
this.pagesLoaded.unshift(prevPage);
this.flag_prev_cache = 1;
this.doAjax(this.prev_data_url, (data) => {
this.flag_prev_cache = 0;
this.prev_data_cache = data;
this.showButton(this.beforeButton);
});
this.prev_data_url = '';
}
},
_stop() {
this.disabled = 1;
document.querySelector(`.${this.classes.loadingBlock}`).style.display = 'none';
},
_getAdditionalBlockHeight() {
if (this.additionalHeight === null) {
let height = 0;
const pageBottom = document.querySelectorAll('.page-bottom');
const blockAfterProducts = document.querySelectorAll('.main .products ~ .block-static-block');
if (blockAfterProducts.length) {
height += blockAfterProducts.offsetHeight;
}
if (document.querySelectorAll(this.options.footerSelector).length) {
document.querySelectorAll(this.options.footerSelector).forEach((footer) => {
height += footer.offsetHeight;
});
}
if (pageBottom.length > 0) {
height += pageBottom[0].offsetHeight;
}
this.additionalHeight = height;
}
return this.additionalHeight;
},
_initPaginator() {
if (this.disabled) {
return;
}
let scroll_pos = window.scrollY;
let diff = document.querySelector('body').offsetHeight - window.innerHeight;
diff -= this._getAdditionalBlockHeight();
diff = 0.8 * diff;
if (scroll_pos < this.lastScrollPos) {
this.isScrolledBack = true;
}
this.lastScrollPos = scroll_pos;
if (scroll_pos >= diff && this.is_loading === 0) {
this._loadFollowing();
}
if (scroll_pos <= this._getTopContainersHeight() && (this.is_loading === 0 && this._isScrolledBack())) {
this._loadPrevious();
}
this._calculateCurrentScrollPage(scroll_pos);
document.addEventListener("DOMContentLoaded", (event) => {
if (window.innerHeight > document.querySelector(this.options['product_container']).offsetHeight && '' !== this.next_data_url) {
this._loadFollowing();
}
});
},
_isScrolledBack() {
return this.isScrolledBack;
},
_calculateCurrentScrollPage(scroll_pos) {
if (Math.abs(scroll_pos - this.last_scroll) > window.innerHeight * 0.1) {
this.last_scroll = scroll_pos;
this._updateUrlAndCurrentPage();
}
},
_updateUrlAndCurrentPage() {
const productContainers = document.querySelectorAll(this.options['product_container']);
productContainers.forEach((container, index) => {
if (this._mostlyVisible(container, index)) {
var page = parseInt(container.getAttribute('amscroll-page'));
if (page && page !== this.currentPage) {
var newUrl = this._generateUrl(page, 0);
newUrl = newUrl.replace('?p=1', '');
newUrl = newUrl.replace('&p=1', '');
this.currentPage = page;
}
return false;
}
});
},
_loadFollowing() {
if (this.flag_next_cache && this.type !== 'button') {
this._createLoading('after');
}
if (this.next_data_url !== "" || this.next_data_cache) {
if (this.type !== 'button') {
this._createLoading('after');
}
if (this.next_data_cache) {
this.showFollowing(this.next_data_cache);
} else {
if (!this.flag_next_cache) {
this.is_loading = 1;
this.doAjax(this.next_data_url, (data) => {
this.showFollowing(data);
});
}
}
}
},
showFollowing(data) {
if (data.categoryProducts) {
if (this.type === 'button') {
if (this.cahShowAfter) {
this.is_loading = 0;
this.cahShowAfter = false;
} else {
return;
}
}
this.next_data_url = '';
this.next_data_cache = false;
this._insertNewProductBlock(data, 'after');
this._afterShowFollowing();
}
},
_afterShowFollowing() {
const nextPage = this.pagesLoaded[this.pagesLoaded.length - 1] + 1;
if (nextPage && nextPage <= this.pagesCount && this.pagesLoaded.indexOf(nextPage) === -1) {
this.next_data_url = this._generateUrl(nextPage, 1);
this.pagesLoaded.push(nextPage);
this.flag_next_cache = 1;
this.doAjax(this.next_data_url, (preview_data) => {
this.flag_next_cache = 0;
this.next_data_cache = preview_data;
window.dispatchEvent(new Event('scroll'));
this.showButton(this.afterButton);
});
}
this.is_loading = 0;
},
_loadPrevious() {
if (this.flag_prev_cache && this.type !== 'button') {
this._createLoading('before');
}
if (this.prev_data_url !== "" || this.prev_data_cache) {
if (this.type !== 'button') {
this._createLoading('before');
}
if (this.prev_data_cache) {
this.showPrevious(this.prev_data_cache);
} else {
if (!this.flag_prev_cache) {
this.is_loading = 1;
this.doAjax(this.prev_data_url, (data) => {
this.showPrevious(data);
});
}
}
}
},
showPrevious(data) {
if (data.categoryProducts) {
if (this.type === 'button') {
if (this.canShowBefore) {
this.is_loading = 0;
this.canShowBefore = false;
} else {
return;
}
}
this.prev_data_cache = false;
this.prev_data_url = '';
this._insertNewProductBlock(data, 'before');
this._afterShowPrevious();
}
},
_afterShowPrevious() {
const prevPage = this.pagesLoaded[0] - 1;
if (prevPage && prevPage <= this.pagesCount && this.pagesLoaded.indexOf(prevPage) === -1) {
this.prev_data_url = this._generateUrl(prevPage, 1);
this.pagesLoaded.unshift(prevPage);
this.flag_prev_cache = 1;
this.doAjax(this.prev_data_url, (preview_data) => {
this.flag_prev_cache = 0;
this.prev_data_cache = preview_data;
window.dispatchEvent(new Event('scroll'));
this.showButton(this.beforeButton);
});
}
this.is_loading = 0;
},
_createLoading(position) {
let element;
const elementSelector = `.${this.classes.loadingBlock}`;
const pageNumberSelector = `.${this.classes.pageNumber}`;
const productContainer = document.querySelectorAll(this.options['product_container']);
const lastProductContainer = productContainer[productContainer.length - 1];
const amScrollPages = document.querySelectorAll('.amscroll-page');
const lastAmScrollPage = amScrollPages[amScrollPages.length - 1];
const lastSelector = this.getNext(lastAmScrollPage, document.querySelector(elementSelector));
let loadingElement = document.createElement('div');
loadingElement.setAttribute('class', this.classes.loadingBlock);
loadingElement.append(this.loaderImage.cloneNode(true));
this.imgToSvg(loadingElement.querySelector(`.${this.classes.loadingIcon}`));
if ('after' === position && lastSelector.length === 0) {
lastProductContainer.insertAdjacentHTML('afterend',loadingElement);
} else if (Array.from(document.querySelectorAll(elementSelector)).filter(element => element === lastSelector).length !== 0) {
element = document.querySelectorAll(`${pageNumberSelector}, ${productContainer}`)[0];
lastProductContainer.insertAdjacentHTML('beforebegin', loadingElement);
}
},
_generateButton(position) {
if (this.type !== 'button') {
return;
}
if ((position === 'before' && this.pagesLoaded.indexOf(1) !== -1
&& (document.querySelector(this.pageSelector.replace('%1', this.pageFirst)) || this.currentPage === this.pageFirst))
) {
const beforeButton = document.querySelector(`.scroll-button${position}`);
if (beforeButton) {
beforeButton.remove();
}
return;
}
if (position === 'after' && this.pagesLoaded.indexOf(this.pagesCount) !== -1
&& (document.querySelector(this.pageSelector.replace('%1', this.pagesCount)) || this.currentPage === this.pagesCount)) {
return;
}
const buttonElement = this.loadButtonElement.cloneNode(true);
const textElement = this.loadButtonTextElement.cloneNode(true);
const color = this.options['buttonColor'];
textElement.textContent = this.options[`loading${position}TextButton`];
buttonElement.append(textElement);
buttonElement.style.color = color;
buttonElement.style.borderColor = color;
buttonElement.setAttribute('amscroll_type', position);
buttonElement.classList.add(`-${position}`);
buttonElement.style.didplay = 'none';
let classes = '';
if (position === 'after') {
classes = `flex flex-col items-center gap-4 scroll-button${position}`;
} else {
classes = `flex flex-col items-center gap-4 pb-6 scroll-button${position}`;
}
let buttonContainer = document.createElement( 'div' );
buttonContainer.setAttribute('class', classes);
buttonContainer.innerHTML = buttonElement.outerHTML;
if (position === 'after') {
const afterButton = document.querySelector(`.scroll-button${position}`);
if (afterButton) {
afterButton.remove();
}
this.afterButton = buttonContainer;
this._insertAfterButton(buttonContainer.outerHTML);
} else {
const beforeButton = document.querySelector(`.scroll-button${position}`);
if (beforeButton) {
beforeButton.remove();
}
this.beforeButton = buttonContainer;
this._insertBlockInTheBegin(buttonContainer.outerHTML);
}
this.$nextTick(() => {
const buttons = document.querySelectorAll(`.${this.classes.loadButton}[amscroll_type="${position}"]`);
buttons.forEach((button) => {
button.addEventListener('click', (event) => {
this.buttonClick(event);
});
});
});
},
showButton(buttonElement) {
if (buttonElement) {
buttonElement.style.display = 'block';
}
},
imgToSvg(image) {
const imgId = image.getAttribute('id');
const imgClass = image.getAttribute('class');
const imgUrl = image.getAttribute('src');
const classList = [imgClass, this.classes.animate];
let svgElement;
if (imgUrl.match(/.*\.svg$/)) {
image.style.display = 'none';
fetch(imgUrl)
.then(response => response.text())
.then(data => {
const parser = new DOMParser();
const svgDocument = parser.parseFromString(data, 'text/xml');
const svgElement = svgDocument.documentElement;
this.setSvgColor(svgElement);
if (typeof imgId !== 'undefined') {
svgElement.setAttribute('id', imgId);
}
if (typeof imgClass !== 'undefined') {
svgElement.setAttribute('class', classList.join(' '));
}
svgElement.removeAttribute('xmlns:a');
image.replaceWith(svgElement);
});
}
},
setSvgColor(element) {
var svgPathElement = element.querySelector(`.${this.classes.svgPathToFill}`);
if (svgPathElement) {
svgPathElement.setAttribute('fill', this.options['buttonColorPressed']);
}
},
buttonClick(event) {
const element = event.currentTarget;
const type = element.getAttribute('amscroll_type');
element.classList.add(this.classes.loading);
element.style.color = this.options['buttonColorPressed'];
if (type === 'after') {
this.cahShowAfter = true;
this._loadFollowing();
} else {
this.canShowBefore = true;
this._loadPrevious();
}
this.$nextTick(() => {
this._updateUrlAndCurrentPage();
});
},
_insertNewProductBlock(data, position) {
let htmlData = data.categoryProducts;
let tmp = document.createElement('div');
tmp.innerHTML = htmlData;
let html = tmp.querySelector('section');
this._removeToolbars(html);
const productContainer = html.querySelector(this.options['product_container']);
productContainer.classList.add('amscroll-pages');
productContainer.setAttribute('amscroll-page', data.currentPage);
this.beforeInsertProductBlock(productContainer);
var pageNumEl = this._generatePageTitle(data.currentPage);
if (pageNumEl) {
productContainer.before(pageNumEl);
}
if ('after' == position) {
const loadButtons = document.querySelectorAll(`.${this.classes.loadButton}`);
const loadingBlocks = document.querySelectorAll(`.${this.classes.loadingBlock}`);
const lastLoadButton = loadButtons[loadButtons.length - 1];
const lastLoadingBlock = loadingBlocks[loadingBlocks.length - 1];
if (lastLoadButton !== undefined) lastLoadButton.remove();
if (lastLoadingBlock !== undefined) lastLoadingBlock.remove();
this._moveScriptToTop(html);
this._removeButtonContainer(html);
this._insertBlockInTheEnd(html.innerHTML);
} else {
this._moveScriptToTop(html);
const element = this._insertBlockInTheBegin(html.innerHTML);
const itemHeight = element !== undefined ? element.offsetHeight : 0;
if (this.type != 'button') {
window.scrollTo(0, window.scrollTop + itemHeight);
}
}
this.$nextTick(() => {
const currentProductContainer = document.querySelector(`.amscroll-pages[amscroll-page="${data.currentPage}"]`);
this._addObserverToProductLink(currentProductContainer);
if (this.type == 'button') {
this._generateButton(position);
}
});
this.initPageStepForwardListener(data.currentPage);
},
_addObserverToProductLink(productContainer) {
this._externalAfterAjax();
const links = productContainer.querySelectorAll('.item a');
links.forEach((link) => {
link.addEventListener('click', (event) => {
try {
const parent = event.target.closest('.amscroll-pages');
const page = parent ? parent.getAttribute('amscroll-page') : null;
if (page) {
var newUrl = this._generateUrl(page, 0);
newUrl = newUrl.replace('?p=1', '');
newUrl = newUrl.replace('&p=1', '');
if (!window.history.state || newUrl !== window.history.state.url) {
window.history.replaceState(
{
url: newUrl
},
'',
newUrl
);
}
}
} catch (e) {
console.warn(e);
}
});
});
},
_generateUrl(page, addScroll) {
const parameters = addScroll > 0 ? `p=${page}&is_scroll=${addScroll}` : `p=${page}`;
const currentUrl = window.location.origin + window.location.pathname;
const urlHasArgument = currentUrl.includes('?');
const parameterType = urlHasArgument ? '&' : '?';
const currentParameters = new URLSearchParams(window.location.search);
const newParameters = new URLSearchParams(parameters);
const newUrlParams = new URLSearchParams({
...Object.fromEntries(currentParameters),
...Object.fromEntries(newParameters)
});
const url = `${currentUrl}${parameterType}${newUrlParams}`;
return url;
},
_hideToolbars() {
document.querySelector(this.totalAmountSelector).style.display = 'none';
document.querySelector('.products ~ ' + this.toolbarSelector).style.display = 'none';
},
_showToolbars() {
document.querySelector(this.totalAmountSelector).style.display = 'block';
document.querySelector(`.products ~ ${this.toolbarSelector}`).style.display = 'block';
},
_generatePageTitle(page) {
if (document.querySelector(`#amscroll-page-num${page}`)) {
return false;
}
const pageNumEl = document.createElement('div');
pageNumEl.setAttribute('class', `amscroll-page-num hidden -amscroll-${this.options['pageNumberStyle']}`);
pageNumEl.setAttribute('id', `#amscroll-page-num${page}`);
pageNumEl.textContent = `${this.options['pageNumberContent']}${page}`;
return pageNumEl;
},
_mostlyVisible(element, index) {
const visible = element.offsetParent !== null;
const scroll_pos = window.scrollY;
const window_height = window.innerHeight;
const el_top = element.offsetTop;
const el_height = element.offsetHeight;
const el_bottom = el_top + el_height;
const isVisible = ((el_bottom - el_height * 0.25 > scroll_pos)
&& (el_top < (scroll_pos + 0.5 * window_height))
&& visible) || (index == 0 && scroll_pos < el_top);
return ((el_bottom - el_height * 0.25 > scroll_pos)
&& (el_top < (scroll_pos + 0.5 * window_height))
&& visible) || (index == 0 && scroll_pos < el_top);
},
_getTopContainersHeight() {
if (!this.topContainersHeight) {
let result = document.querySelector('.page-header').offsetHeight;
if (document.querySelectorAll(".main .block-static-block ~ .products, .main .block-static-block ~ #amasty-shopby-product-list").length) {
result += document.querySelector(".main .block-static-block").offsetHeight;
}
this.topContainersHeight = 0.9 * result;
}
return this.topContainersHeight;
},
_initBackToTop() {
},
_scrollToTop() {
const items = document.querySelectorAll(`[amscroll-page="${currentPage}"] .product-item a`);
items.forEach((item) => {
item.addEventListener('click', (event) => {
var scrollPositionAfterStepBackData = {
pageUrl: this.getCurrentUrl(),
clickedProductLink: event.currentTarget.attributes.href.value
};
hyva.getBrowserStorage().setItem('am-scroll-go-back-data', JSON.stringify(scrollPositionAfterStepBackData));
});
});
},
_insertBlockInTheBegin(block) {
this.$nextTick(() => {
const element = document.querySelectorAll(`.${this.classes.pageNumber}`);
console.log(this.classes.pageNumber, element);
const loadingBlockSelector = `.${this.classes.loadingBlock}`;
const lastPageElement = document.querySelectorAll('.amscroll-page');
const lastPage = lastPageElement.length > 0 ? lastPageElement[lastPageElement.length - 1] : lastPageElement[0];
const lastLoadingBLock = this.getNext(lastPage, loadingBlockSelector);
const loadBlock = Array.from(document.querySelectorAll(loadingBlockSelector)).filter(element => element !== lastLoadingBLock) || [];
if(loadBlock.length > 0) loadBlock[0].remove();
element[0].insertAdjacentHTML('beforebegin', block);
return element[0];
});
},
getCurrentUrl() {
return location.href.split('?')[0];
},
getSavedAfterStepBackData () {
let savedData = hyva.getBrowserStorage().getItem('am-scroll-go-back-data');
if (savedData) {
savedData = JSON.parse(savedData);
this.afterStepBackData = savedData;
hyva.getBrowserStorage().removeItem('am-scroll-go-back-data');
}
return this.afterStepBackData;
},
initPageStepForwardListener(currentPage) {
const items = document.querySelectorAll(`[amscroll-page="${currentPage}"] .product-item a`);
items.forEach((item) => {
item.addEventListener('click', (event) => {
var scrollPositionAfterStepBackData = {
pageUrl: this.getCurrentUrl(),
clickedProductLink: event.currentTarget.attributes.href.value
};
hyva.getBrowserStorage().setItem('am-scroll-go-back-data', JSON.stringify(scrollPositionAfterStepBackData));
});
});
},
_pagePositionAfterStepBack() {
const savedScrollData = this.getSavedAfterStepBackData();
if (savedScrollData) {
const productItem = document.querySelector(`a[href="${savedScrollData.clickedProductLink}"]`);
history.scrollRestoration = 'auto';
if (productItem) {
history.scrollRestoration = 'manual';
productItem.scrollIntoView();
}
}
},
_insertAfterButton(block) {
const buttonContainer = document.querySelector('.next-page-component-button-container');
buttonContainer.innerHTML = block;
},
_insertBlockInTheEnd(block) {
const productContainer = document.querySelectorAll(this.options['product_container']);
productContainer[productContainer.length - 1].insertAdjacentHTML(
'afterend',
block
);
},
_moveScriptToTop(html) {
const htmlScripts = html.getElementsByTagName('script');
if (htmlScripts.length > 0) {
const scripts = [];
for (let i = 0; i < htmlScripts.length; i++) {
scripts.push(htmlScripts[i]);
}
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
scripts[i].parentNode.removeChild(scripts[i]);
}
}
},
_removeToolbars(html) {
const contentToolbars = html.querySelectorAll(this.toolbarSelector);
contentToolbars.forEach((toolbar) => {
toolbar.previousElementSibling.remove();
toolbar.remove();
});
},
_removeButtonContainer(html) {
const productContainer = document.querySelectorAll('#next-page-component');
productContainer[0]?.remove();
},
getNext(elem, selector) {
var nextElem = elem.nextElementSibling;
if (!selector) {
return nextElem;
}
if (nextElem && nextElem.matches(selector)) {
return nextElem;
}
return null;
}
};
}</script><div x-data="initAmScroll()" @scroll.window.debounce="_initPaginator()"></div><div class="notranslate" style="display:none"> <span class="nosto_page_type" style="display:none">front</span>
</div> <div class="nosto_element" id="frontpage-nosto-1"></div> <div class="nosto_element" id="frontpage-nosto-2"></div> <div class="nosto_element" id="frontpage-nosto-3"></div> <div class="nosto_element" id="frontpage-nosto-4"></div></div></div> <script>
function initLastAddedToCartPanel() {
return {
currentProduct: null,
open: false,
isMobile: window.outerWidth < 768,
setLastProductAddedToCart(detail) {
this.currentProduct = detail;
this.openMiniCart();
},
openMiniCart() {
this.open = true;
this.resizeHeight();
window.dispatchEvent(
new CustomEvent('open-mini-cart')
);
document.body.style.overflow = 'hidden';
},
closeMiniCart() {
this.open = false;
this.currentProduct = null;
window.dispatchEvent(
new CustomEvent('close-mini-cart')
);
document.body.style.removeProperty('overflow');
},
resizeHeight() {
this.$nextTick(() => {
if (this.isMobile && document.querySelector('.page-header')) {
this.$refs.minicart.style.maxHeight = (window.innerHeight - document.querySelector('.page-header').offsetHeight) + 'px';
}
})
}
}
}</script><section id="mini-cart" class="mini-cart 123"><div x-data="initLastAddedToCartPanel()" x-cloak class="fixed z-50" @last-added-cart-pannel.window="setLastProductAddedToCart($event.detail)" @keydown.window.escape="closeMiniCart()"><div class="backdrop" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="closeMiniCart()" aria-label="Close panel"></div><div class="minicart overflow-y-auto hide-scrollbar scroll-smooth fixed bottom-0 md:inset-y-0 right-0 z-50 max-h-full h-full w-full md:max-w-md w-full bg-white px-3.75 bg-white flex flex-col gap-3.75 md:gap-6 rounded-t-lg md:rounded-t-none" @click.away="closeMiniCart()" x-show="open" x-ref="minicart" x-transition:enter="transform transition ease-in-out duration-300" x-transition:enter-start="translate-y-full md:translate-y-0 md:translate-x-full" x-transition:enter-end="translate-y-0 md:translate-x-0" x-transition:leave="transform transition ease-in-out duration-300" x-transition:leave-start="translate-y-0 md:translate-x-0" x-transition:leave-end="translate-y-full md:translate-y-0 md:translate-x-full"><div class="flex items-center justify-between py-6"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="valide-colored" version="1.1" x="0px" y="0px" viewbox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" class="w-5 h-auto" width="24" height="24" role="img">
<path fill="#4BBFA7" d="M20,10c0-5.5-4.5-10-10-10C4.5,0,0,4.5,0,10c0,5.5,4.5,10,10,10C15.5,20,20,15.5,20,10z"/>
<path fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" d="M7.5,9.7l2,2l3-3.5"/>
<title/></svg>
<span class="uppercase text-anthracite-600 font-medium font-gotham text-base leading-4 tracking-spaced">Produit Ajouté</span></div><div class="cursor-pointer" @click="closeMiniCart()"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="cross-menu" version="1.1" x="0px" y="0px" viewbox="0 0 15.5 15.5" enable-background="new 0 0 15.5 15.5" xml:space="preserve" class="text-lavender w-4.5 h-auto" width="24" height="24" role="img">
<path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M0.8,14.8l14-14"/>
<path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M14.8,14.8l-14-14"/>
<title/></svg>
</div></div><template x-if="currentProduct != null"><div class="flex flex-row gap-4 -mt-6 md:py-3.75"><img class="w-[5.938rem] h-[5.938rem] object-center object-cover" :src="currentProduct.image" alt=""><div class="flex flex-col gap-3 font-gotham font-medium w-full"><div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2 text-anthracite-500"><span x-text="currentProduct.name" class="text-base leading-5"></span> <span class="uppercase text-tiny leading-[0.813rem]" x-text="currentProduct.short_description"></span></div><div class="flex flex-col gap-1"><span class="text-base leading-4" :class="{ 'text-pink': Number.parseFloat(currentProduct.old_price) > Number.parseFloat(currentProduct.final_price) }" x-text="hyva.formatPrice(currentProduct.final_price)"></span> <template x-if="Number.parseFloat(currentProduct.old_price) > Number.parseFloat(currentProduct.final_price)"><span class="text-anthracite-400 text-sm leading-[0.875rem] line-through" x-text="hyva.formatPrice(currentProduct.old_price)"></span></template></div></div></div></div></template><div class="flex flex-col gap-3.75"><div class="bg-lavender-300 rounded-[10px] px-3.5 py-3"><div x-data="initIncentiveCart" class="incentiveBar hidden flex flex-col gap-2" :class="{'hidden': isLoading}" @private-content-loaded.window="calcFreeShipping($event.detail.data.cart)"><div class="text-xs md:text-sm font-medium leading-none md:leading-none pb-2" x-show="amountStep > 0"><span class="text-lavender">Plus que <span x-html="amountStep" ></span> €</span> <span>pour votre <span x-text="labelShippingStep"></span></span></div><div class="text-xs md:text-sm font-medium leading-none md:leading-none flex flex-col gap-2"><div x-show="amountStep < 0 && !freeGift2Amount && !freeGift3Amount">Livraison offerte</div><div x-show="!freeGift2Amount && !freeGift3Amount" class="w-full flex flex-row"><span class="w-3/4 shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div x-show="freeGift2Amount && !freeGift3Amount" class="h-24 flex flex-col"><div class="text-xs md:text-sm font-medium leading-none md:leading-none my-auto"><div class="relative w-full flex"><div class="w-1/3 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] rounded-l-lg border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] rounded-l-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep1 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute left-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center">Livraison offerte</span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeShippingValue"></span></div></div><div class="w-2/3 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step2')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div class="w-1/3 relative"><div class="w-full flex flex-row"><span x-show="amountStep2 < 0" class="w-full shrink-0 block border-b-[7px] rounded-r-lg border-lavender transition-all" ></span> <span class="w-full block border-b-[7px] rounded-r-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep2 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute right-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift2Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift2Amount"></span></div></div></div></div></div><div x-show="freeGift2Amount && freeGift3Amount" class="h-24 flex flex-col"><div class="text-xs md:text-sm font-medium leading-none md:leading-none my-auto"><div class="relative w-full flex"><div class="w-1/4 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] rounded-l-lg border-lavender transition-all" :style="calcBarSize('step1')"></span> <span class="w-full block border-b-[7px] rounded-l-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep1 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute left-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center">Livraison offerte</span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeShippingValue"></span></div></div><div class="w-1/2 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step2')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div :class="{'text-lavender': amountStep2 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute mx-auto left-0 right-0 bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift2Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift2Amount"></span></div><div class="w-1/2 relative"><div class="w-full flex flex-row"><span class="shrink-0 block border-b-[7px] border-lavender transition-all" :style="calcBarSize('step3')"></span> <span class="w-full block border-b-[7px] border-lavender-400"></span></div></div><div class="w-1/4 relative"><div class="w-full flex flex-row"><span x-show="amountStep3 < 0" class="w-full shrink-0 block border-b-[7px] rounded-r-lg border-lavender transition-all" ></span> <span class="w-full block border-b-[7px] rounded-r-lg border-lavender-400"></span></div><div :class="{'text-lavender': amountStep3 < 0}" class="w-[70px] flex flex-col justify-center items-center absolute right-[calc(100%_-_35px)] bottom-[-28px]"><span class="text-center" x-text="cartDatas?.freeGift3Label"></span> <span class="text-2xl text-[#FFABFF]">|</span> <span x-text="freeGift3Amount"></span></div></div></div></div></div></div></div><a href="https://www.adopt.com/fr/checkout/cart" class="btn btn-primary flex justify-center min-h-[3.75rem] w-full md:mb-3.75">Voir le panier</a></div><div class="bg-lavender-300 h-full -mx-3.75"><div class="pl-3.75 py-6"> <div x-data="initNostoItems_6715e19adc33c()" x-defer="intersect" @nosto-init.window="getItemsData();" x-init="getItemsData();" ></div><div id="_6715e19adc33c"></div><script>
function initNostoItems_6715e19adc33c() {
return {
isLoaded: false,
itemCount: 0,
requestSended: false,
async getTemplate(products, title, nostoElementId) {
fetch(
'https://www.adopt.com/fr/catalog/nosto/slider'
+ '?product_ids=' + products
+ '&title=' + title
+ '&nosto_element_id=' + nostoElementId
+ '&slider_block_name=' + 'nosto.minicart-lastorder-crosssell'
+ '&template=' + 'Magento_Catalog::product/slider/product-slider-crosssell.phtml'
+ '&item_template=' + 'Magento_Catalog::product/list/item-crosssell.phtml'
+ '&container_limitation_class=' + ''
+ '&add_background_color=' + ''
+ '&background_color=' + ''
+ '&display_flags=' + 'false'
,
{}
).then(response => response.json()
).then(json => {
this.isLoaded = true;
document.getElementById("_6715e19adc33c").innerHTML = json.html
});
},
getItemsData() {
if (this.requestSended) {
return;
}
this.requestSended = true;
const self = this;
if (typeof nostojs === 'function') {
nostojs(api => {
let doNotTrackStatus = api.visit.isDoNotTrack();
api.visit.setDoNotTrack(doNotTrackStatus);
api.defaultSession()
.viewCart()
.setPlacements(['nosto-page-product2'])
.load()
.then(response => {
let data = Object.values(response.campaigns.recommendations)[0];
if (data) {
let productIds = [];
data.products.forEach(function (product) {
productIds.push(product.product_id);
});
self.itemsData = data.products;
self.numberSlide = data.products.length;
self.getTemplate(productIds.toString(), data.title, data.result_id);
}
})
});
}
}
}
}</script> </div></div></div></div></section></main><footer class="page-footer"> <script>
'use strict';
function initAwRbslider(config) {
return {
options: Object.assign({
autoplay: true,
pauseTimeBetweenTransitions: 3000,
slideTransitionSpeed: 500,
isStopAnimationMouseOnBanner: true,
animation: 'fade',
isRandomOrderImage: false,
sliderListSelector: '.uk-slideshow',
sliderItemSelector: '.aw-rbslider-item',
$refs: null
}, config),
slideshow: {options: {}},
init() {
this.options.$refs = this.$refs;
},
initSlider($refs) {
this.slideshow = window.awRbslider(this.$el, {
autoplay: this.options.autoplay,
autoplayInterval: this.options.pauseTimeBetweenTransitions,
duration: this.options.slideTransitionSpeed,
pauseOnHover: this.options.isStopAnimationMouseOnBanner,
animation: this.options.animation,
$refs: this.options.$refs,
});
this.loadSlides($refs);
this.slideshow.resize = () => this.resizeBanner(this.slideshow);
if (this.options.bannerSchedule.length > 0) {
if (!this.timeValidator([this.options.bannerSchedule[0]])) {
this.delayedUpdate(this.options.bannerSchedule[0]);
}
if (this.timeValidator(this.options.bannerSchedule)) {
this.sendRequest(this.options.bannerId);
}
}
},
loadSlider($refs) {
if (!window.awRbslider) {
let callbacks = [];
window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
}
if (window.awRbslider['-isLoading']) {
window.awRbslider['-isLoading'](() => this.loadSlider($refs))
}
if (!window.awRbslider['-isLoading']) {
this.initSlider($refs);
}
},
pauseOnEnter() {
if (this.slideshow.options.pauseOnHover) {
this.slideshow.hovering = true;
}
},
resumeOnLeave() {
this.slideshow.hovering = false;
},
/**
* Recalculate the width and height of the banner
*/
resizeBanner(slideshow) {
if (slideshow.slides.length) {
let firstChild = slideshow.slides[slideshow.current];
if (firstChild.querySelector('.rbslider__video')) {
const video = firstChild.querySelector('video');
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = video.getBoundingClientRect().height;
slideshow.container.style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
document.querySelector('.wrapperVideo').style.height = 'calc(100vh - ' + (document.querySelector('.page-header').offsetHeight - 2) + 'px)';
}
} else {
if (slideshow.options.height === 'auto' && slideshow.slides.length) {
slideshow.slides[slideshow.current].style.height = '';
const height = slideshow.slides[slideshow.current].getBoundingClientRect().height;
slideshow.container.style.height = height + 'px';
}
}
}
},
/**
* Lazy load slides
*/
loadSlides($refs) {
this.slideshow.slides.forEach((slideElem, index) => {
if (index) {
const slideImg = slideElem.querySelector('img.aw-rbslider__img');
if (slideImg && slideImg.dataset.src) {
slideImg.addEventListener('load', () => {
slideImg.classList.add('is-loaded');
});
slideImg.src = slideImg.dataset.src;
slideImg.removeAttribute('data-src');
}
}
});
},
clickSliderEvent(url, label) {
window.dataLayer?.push({
'event': 'clicSliderHP',
'text': label
});
window.location.href = url
},
/**
* Compare current time with schedule
*/
timeValidator(schedule) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
let isValid = false;
schedule.forEach(item => {
if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60)) {
isValid = true;
}
});
return isValid;
},
/**
* Send request for clean banner cache
*/
sendRequest(bannerId) {
const formKey = hyva.getFormKey();
fetch(this.options.cacheCleanUrl, {
method: 'post',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: "form_key=" + formKey + "&bannerId=" + bannerId,
mode: "cors",
credentials: "include"
});
},
/**
* Schedule call to sendRequest for future schedule item
*/
delayedUpdate(futureTime) {
const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;
if (interval > 0) {
setTimeout(() => this.sendRequest(this.options.bannerId), interval);
}
},
/**
* @private
*/
_randomSort() {
const sliderListSelector = this.options.sliderListSelector,
sliderItemSelector = this.options.sliderItemSelector;
this.$el.querySelector(sliderListSelector)
.innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
.sort(() => Math.random() - 0.5)
.map(item => item.outerHTML)
.join('');
},
}
}</script><div class="footer content"> <div class="bg-white overflow-auto hide-scrollbar"><div class="max-w-footer-container px-5 md:px-8.5 xl:px-0 py-12 md:py-20 m-auto flex flex-nowrap justify-between gap-x-13 lg:gap-x-5 items-start text-center"><div class="reassurance-item shrink-0 md:shrink grid grid-rows-[2.1875_1fr] gap-3.5 w-[10.656rem] md:w-1/5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="transport-standard" version="1.1" x="0px" y="0px" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" class="text-lavender shrink-0 w-8.75 h-auto mx-auto" width="20" height="22" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5,23.5c-1.1,0-2-0.9-2-2s0.9-2,2-2 s2,0.9,2,2S14.6,23.5,13.5,23.5z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5,23.5c-1.1,0-2-0.9-2-2s0.9-2,2-2 s2,0.9,2,2S6.6,23.5,5.5,23.5z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.5,6c0.7-3.1,3.4-5.3,6.5-5.5 c3.1-0.2,6,1.7,7.1,4.7c1.1,3,0.2,6.3-2.2,8.3"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.5,8.5l3-3"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5,16.2v-1.8h2.6c1.9,0,3.4,1.6,3.4,3.5 v3.5"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,22.5v-9.2c0-1,0.8-1.8,1.7-1.8h8.6 c0.9,0,1.7,0.8,1.7,1.8V17"/>
<title/></svg>
<div class="font-secondary text-anthracite-600 text-lg leading-[1.3]" style="word-break: break-word"><a href="https://www.adopt.com/fr/livraison-retours">Livraison offerte</a>
</div><div class="font-medium text-sm text-anthracite-400"><a href="https://www.adopt.com/fr/livraison-retours">dès 30€ d'achat</a> </div></div><div class="reassurance-item shrink-0 md:shrink grid grid-rows-[2.1875_1fr] gap-3.5 w-[10.656rem] md:w-1/5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="bank-card" version="1.1" x="0px" y="0px" viewbox="0 0 33 24" enable-background="new 0 0 33 24" xml:space="preserve" class="text-lavender shrink-0 w-8.75 h-auto mx-auto" width="20" height="22" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.1,0.8H3.5C2.1,0.8,1,1.9,1,3.3v17.5 c0,1.3,1.1,2.4,2.4,2.4h25.6c1.3,0,2.4-1.1,2.4-2.4V3.3C31.5,1.9,30.4,0.8,29.1,0.8z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1,6.9h30.5"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.1,13h11.2"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.1,17.1h7.1"/>
<title/></svg>
<div class="font-secondary text-anthracite-600 text-lg leading-[1.3]" style="word-break: break-word">Paiement sécurisé</div><div class="font-medium text-sm text-anthracite-400">par carte bancaire, paypal, amex, apple pay et klarna</div></div><div class="reassurance-item shrink-0 md:shrink grid grid-rows-[2.1875_1fr] gap-3.5 w-[10.656rem] md:w-1/5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="eclair" version="1.1" x="0px" y="0px" viewbox="0 0 16.7 23.7" enable-background="new 0 0 16.7 23.7" xml:space="preserve" class="text-lavender shrink-0 w-8.75 h-auto mx-auto" width="20" height="22" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.2,9.2l-9.6,14v-8.7H0.5l9.6-14v8.7H16.2z "/>
<title/></svg>
<div class="font-secondary text-anthracite-600 text-lg leading-[1.3]"><a href="https://www.adopt.com/fr/offres-commerciales.html">le 4ème offert</a></div><div class="font-medium text-sm text-anthracite-400"><a href="https://www.adopt.com/fr/offres-commerciales.html">3 parfums achetés, le 4ème offert</a></div></div><div class="reassurance-item shrink-0 md:shrink grid grid-rows-[2.1875_1fr] gap-3.5 w-[10.656rem] md:w-1/5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="help" version="1.1" x="0px" y="0px" viewbox="0 0 23.8 22.8" enable-background="new 0 0 23.8 22.8" xml:space="preserve" class="text-lavender shrink-0 w-8.75 h-auto mx-auto" width="20" height="22" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.9,0.5C5.6,0.5,0.5,4.7,0.5,9.9 c0.1,2.6,1.3,5.1,3.4,6.7l-2.4,5.7l6.3-3.6c1.3,0.4,2.7,0.6,4.1,0.6c6.3,0,11.4-4.2,11.4-9.4C23.3,4.7,18.2,0.5,11.9,0.5z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.9,7.4c0-1.5,1.1-2.7,2.6-2.9 c1.5-0.2,2.9,0.7,3.3,2.1c0.4,1.4-0.3,2.9-1.7,3.5c-0.7,0.3-1.2,1-1.2,1.8v0.4"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d=" M11.9,14.6c0.1,0,0.2,0.1,0.2,0.2s-0.1,0.2-0.2,0.2s-0.2-0.1-0.2-0.2S11.8,14.6,11.9,14.6z"/>
<title/></svg>
<div class="font-secondary text-anthracite-600 text-lg leading-[1.3]" style="word-break: break-word"><a href="tel:+33564211566">05 64 21 15 66</a></div><div class="font-medium text-sm text-anthracite-400">de 14h à 17h ou <a href="https://support.adopt.com/hc/fr/requests/new">via formulaire de contact</a>.</div></div><div class="reassurance-item shrink-0 md:shrink grid grid-rows-[2.1875_1fr] gap-3.5 w-[10.656rem] md:w-1/5"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="earth-2" version="1.1" x="0px" y="0px" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" class="text-lavender shrink-0 w-8.75 h-auto mx-auto" width="20" height="22" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5,12c0,2.3-0.7,4.5-1.9,6.4 c-1.3,1.9-3.1,3.4-5.2,4.2c-2.1,0.9-4.4,1.1-6.6,0.6c-2.2-0.4-4.3-1.5-5.9-3.2c-1.6-1.6-2.7-3.7-3.1-5.9C0.3,12,0.5,9.7,1.4,7.6 c0.9-2.1,2.3-3.9,4.2-5.2S9.7,0.5,12,0.5c1.5,0,3,0.3,4.4,0.9c1.4,0.6,2.7,1.4,3.7,2.5s1.9,2.3,2.5,3.7C23.2,9,23.5,10.5,23.5,12z"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.1,3.9l-1.2,3c-0.1,0.3-0.4,0.6-0.6,0.8 c-0.3,0.2-0.6,0.4-1,0.4l-2.1,0.3c-0.1,0-0.2,0-0.2,0.1c-0.1,0-0.1,0.1-0.2,0.2c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.2,0.1,0.2l0.5,1.1 c0,0.1,0.1,0.2,0.2,0.2c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6,0,0.8,0.2c0,0.1,0.1,0.2,0.1,0.2s0,0.2-0.1,0.2c-1.7,3.4-1.6,3.2-1.6,3.4 v2.4c0,0.3-0.1,0.6-0.2,0.8c-0.1,0.3-0.3,0.5-0.5,0.7l-1.9,1.6c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2,0s-0.1,0-0.2-0.1 c-0.1,0-0.1-0.1-0.2-0.1l-1.5-1.8c-0.2-0.2-0.3-0.5-0.4-0.8c-0.1-0.3-0.1-0.6,0-0.9l0.2-0.8c0-0.1,0-0.2,0-0.3l-0.8-1.6 c0-0.1-0.1-0.2-0.2-0.2c-0.1,0-0.2-0.1-0.3-0.1H7c-0.4,0-0.8-0.1-1.2-0.4c-0.3-0.3-0.6-0.6-0.7-1L4.4,9.9c0-0.1,0-0.2,0-0.2 c0-0.1,0.1-0.2,0.1-0.2l1.7-2c0.2-0.3,0.5-0.5,0.9-0.6c0.3-0.1,0.7-0.1,1-0.1L9.4,7C9.5,7,9.3,7,13,7c0.1,0,0.3-0.1,0.4-0.1 c0.1-0.1,0.1-0.2,0.1-0.4V5.4c0-0.4-0.1-0.8-0.3-1.1c-0.2-0.3-0.5-0.6-0.9-0.7C12,3.4,11.7,3.3,11.6,3c0-0.1,0-0.2,0.1-0.3 c0-0.1,0.1-0.2,0.2-0.2l2.8-1.6"/>
<title/></svg>
<div class="font-secondary text-anthracite-600 text-lg leading-[1.3]" style="word-break: break-word"><a href="https://www.adopt.com/fr/nos-engagements">Une démarche engagée</a></div><div class="font-medium text-sm text-anthracite-400">Savoir-faire parfumeur</div></div></div></div> <div class="footer bg-pink-100" x-data="initFooterSocialComponent()" > <div class="footer-socials pt-6 lg:pt-10 flex flex-row justify-center items-center"><a aria-label="instagram" @click.prevent="clickSocialLinkEvent('https://www.instagram.com/adoptparfums/', 'Instagram')" href="https://www.instagram.com/adoptparfums/" target="_blank" class="link flex justify-center items-center p-2.5 md:p-5 text-anthracite hover:text-pink" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="social-instagram" version="1.1" x="0px" y="0px" viewbox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve" class="w-auto h-7" width="24" height="24" role="img">
<path fill="currentColor" d="M19,5.6c0-1-0.2-1.7-0.4-2.3c-0.2-0.6-0.6-1.2-1.1-1.7c-0.5-0.5-1.1-0.9-1.7-1.1c-0.6-0.2-1.3-0.4-2.3-0.4 C12.4,0,12.1,0,9.5,0S6.6,0,5.6,0.1c-1,0-1.7,0.2-2.3,0.4C2.6,0.7,2.1,1.1,1.6,1.6C1.1,2.1,0.7,2.6,0.5,3.3C0.3,3.9,0.1,4.6,0.1,5.6 C0,6.6,0,6.9,0,9.5c0,2.6,0,2.9,0.1,3.9c0,1,0.2,1.7,0.4,2.3c0.2,0.6,0.6,1.2,1.1,1.7c0.5,0.5,1.1,0.9,1.7,1.1 c0.6,0.2,1.3,0.4,2.3,0.4c1,0,1.3,0.1,3.9,0.1c2.6,0,2.9,0,3.9-0.1c1,0,1.7-0.2,2.3-0.4C17,18,18,17,18.5,15.7 c0.2-0.6,0.4-1.3,0.4-2.3c0-1,0.1-1.3,0.1-3.9C19,6.9,19,6.6,19,5.6z M17.2,13.3c0,0.9-0.2,1.4-0.3,1.8c-0.3,0.8-1,1.5-1.8,1.8 c-0.3,0.1-0.8,0.3-1.8,0.3c-1,0-1.3,0.1-3.8,0.1c-2.5,0-2.8,0-3.8-0.1c-0.9,0-1.4-0.2-1.8-0.3c-0.4-0.2-0.8-0.4-1.1-0.7 c-0.3-0.3-0.6-0.7-0.7-1.1c-0.1-0.3-0.3-0.8-0.3-1.8c0-1-0.1-1.3-0.1-3.8c0-2.5,0-2.8,0.1-3.8c0-0.9,0.2-1.4,0.3-1.8 c0.2-0.4,0.4-0.8,0.7-1.1c0.3-0.3,0.7-0.6,1.1-0.7C4.2,2,4.7,1.8,5.7,1.8c1,0,1.3-0.1,3.8-0.1c2.5,0,2.8,0,3.8,0.1 c0.9,0,1.4,0.2,1.8,0.3c0.4,0.2,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.7,0.7,1.1c0.1,0.3,0.3,0.8,0.3,1.8c0,1,0.1,1.3,0.1,3.8 C17.3,12,17.3,12.3,17.2,13.3z"/>
<path fill="currentColor" d="M9.5,4.6c-2.7,0-4.9,2.2-4.9,4.9c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9C14.4,6.8,12.2,4.6,9.5,4.6z M9.5,12.7c-1.8,0-3.2-1.4-3.2-3.2c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2C12.7,11.3,11.3,12.7,9.5,12.7z"/>
<path fill="currentColor" d="M16,4.2c0,0.6-0.5,1.1-1.1,1.1s-1.1-0.5-1.1-1.1c0-0.6,0.5-1.1,1.1-1.1C15.4,3,16,3.6,16,4.2z"/>
<title/></svg>
</a> <a aria-label="tiktok" @click.prevent="clickSocialLinkEvent('https://www.tiktok.com/@adoptparfums', 'Tiktok')" href="https://www.tiktok.com/@adoptparfums" target="_blank" class="link flex justify-center items-center p-2.5 md:p-5 text-anthracite hover:text-pink" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="social-tik-tok" version="1.1" x="0px" y="0px" viewbox="0 0 17 19" enable-background="new 0 0 17 19" xml:space="preserve" class="w-auto h-7" width="24" height="24" role="img">
<path fill="currentColor" d="M9,0c-0.4,0-0.8,0.1-1,0.1C7.5,0.2,7.3,0.6,7.3,1L7,13.6v0c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5 c0-0.4,0.2-0.8,0.4-1c0.3-0.2,0.6-0.4,1-0.5c0.3,0,0.6-0.3,0.6-0.6L6.1,9c0-0.4-0.3-0.7-0.7-0.6C2.5,8.5,0,10.5,0,13.6 c0,3,2.4,5.4,5.5,5.4c3,0,5.5-2.4,5.5-5.4l-0.1-6.4c1.4,0.9,3.3,1.4,5.1,1.5c0.4,0,0.9-0.2,1-0.6C17,7.9,17,7.6,17,7.4 c0-0.3,0-0.5-0.1-0.7C16.8,6.2,16.3,6,16,6c-1.3-0.1-2.5-0.8-3.5-1.7c-1-0.9-1.6-2.1-1.8-3.3c-0.1-0.4-0.3-0.7-0.7-0.8 C9.7,0.1,9.4,0,9,0z"/>
<title/></svg>
</a> <a aria-label="facebook" @click.prevent="clickSocialLinkEvent('https://www.facebook.com/adoptparfumsdeFrance', 'Facebook')" href="https://www.facebook.com/adoptparfumsdeFrance" target="_blank" class="link flex justify-center items-center p-2.5 md:p-5 text-anthracite hover:text-pink" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="social-facebook" version="1.1" x="0px" y="0px" viewbox="0 0 10 20" enable-background="new 0 0 10 20" xml:space="preserve" class="w-auto h-7" width="24" height="24" role="img">
<path fill="currentColor" d="M2.2,11.1V20h4.2v-8.9h2.9L10,7.4H6.5V4.7c0-0.2,0-0.4,0.2-0.6C6.8,3.9,7,3.8,7.2,3.8h2.1V0H5.5 C3.7,0.3,2.4,1.7,2.2,3.5v3.8H0V11L2.2,11.1z"/>
<title/></svg>
</a> <a aria-label="youtube" @click.prevent="clickSocialLinkEvent('https://www.youtube.com/channel/UCCjIIgJBhO2I0OGh4soCFbw/featured', 'Youtube')" href="https://www.youtube.com/channel/UCCjIIgJBhO2I0OGh4soCFbw/featured" target="_blank" class="link flex justify-center items-center p-2.5 md:p-5 text-anthracite hover:text-pink" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="social-youtube" version="1.1" x="0px" y="0px" viewbox="0 0 23 16" enable-background="new 0 0 23 16" xml:space="preserve" class="w-auto h-5.5" width="24" height="24" role="img">
<path fill="currentColor" d="M15.9,0.1l0.5,0c1.7,0.1,3.4,0.2,4.1,0.4c1,0.3,1.8,1,2,2C23,4.1,23,7.1,23,7.9v0.2c0,0.4,0,3.8-0.5,5.5 c-0.3,1-1,1.8-2,2c-0.7,0.2-2.2,0.3-3.8,0.4l-0.5,0C14.3,16,12.6,16,11.8,16l-0.3,0c0,0,0,0,0,0h-0.1c0,0,0,0,0,0l-0.3,0 c-0.7,0-2.3,0-4-0.1l-0.5,0c-1.7-0.1-3.4-0.2-4.1-0.4c-1-0.3-1.8-1-2-2C0,11.9,0,8.7,0,8.1V7.9c0-0.4,0-1.7,0.1-3.1l0-0.5 C0.2,3.7,0.3,3,0.5,2.5c0.3-1,1.1-1.8,2-2c0.7-0.2,2.4-0.3,4.1-0.4l0.5,0C8.9,0,10.6,0,11.3,0l0.5,0C12.4,0,14.1,0,15.9,0.1z M9.2,4.6v6.9L15.3,8L9.2,4.6z"/>
<title/></svg>
</a></div> <div class="container px-7.5 lg:flex gap-10 xl:gap-20 pt-12 pb-13"><div class="flex flex-col h-full gap-6 lg:gap-12"> <div class="footer-newsletter bg-pink-150 p-6 pb-9" @click.away.outside="focusInput = false; errorMessage = ''" @click="focusInput = true" x-defer="intersect" x-data="initFooterNewsletterForm()"><form class="form subscribe xl:block" action="https://www.adopt.com/fr/newsletter/subscriber/index" method="post" @submit.prevent="submitForm()" autocomplete="off" id="footer-newsletter-validate-detail"><div class="font-secondary text-4.5xl">20% offert</div><div class="uppercase font-medium text-sm leading-tightened tracking-spaced-lg">en vous inscrivant à notre newsletter</div><div class="mt-7.5 relative"><label for="newsletter-subscribe" class="sr-only">Adresse email</label> <div class="field text required w-full no-label"><div class="control relative"><input type="hidden" name="is_subscribed" value="1" ><input name="email" type="email" required id="newsletter-subscribe" @input="hasChanges = true;" @input.debounce.1000="callSuggestionWebService()" placeholder="Mon e-mail" @focusin="onInputFocus()" class="bg-white rounded-full border-white w-full py-3.75 pl-6 pr-16 leading-none font-medium placeholder:text-anthracite-400" :class="{ 'border-red': errorMessage.length > 0 }" readonly autocomplete="off"><div class="flex flex-col w-full z-10 bg-white absolute color-red border-1 border-lavender-400" :class="{ 'block': focusInput, 'hidden': !focusInput }" x-show="propositions.length > 0"><div class="pl-2 pt-3 text-xs md:text-sm md:max-w-[22.5rem] block text-red" x-show="correctionMessage.length > 0" x-text="correctionMessage"></div><template x-for="prop in propositions"><div class="p-2 w-full cursor-pointer hover:bg-lavender-300" @click="setAutocompleteValue(prop.sMail)"><span x-text="prop.sMail"></span></div></template></div><div class="pl-2 pt-3 text-xs md:text-sm md:max-w-[22.5rem] block text-red" x-show="errorMessage.length > 0" x-text="errorMessage"></div><input name="form_key" type="hidden" value="Qx2u0jY5BL5kJ4l3" /> <button aria-label="newsletter button" :disabled="isLoading" class="absolute top-0 right-0 bg-anthracite text-white py-4.5 px-4 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-4.5" width="18" height="15" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</button></div><div class="pl-2 pt-3 text-xs md:text-sm md:max-w-[22.5rem]" :class="{ 'block': focusInput, 'hidden': !focusInput }"> <p>En indiquant votre adresse email ci-dessus, vous certifiez avoir 16 ans ou plus, vous acceptez la collecte et notre politique <a class="underline" href="https://www.adopt.com/fr/charte-de-confidentialite">de données personnelles</a> et consentez à recevoir nos propositions commerciales par voie électronique. Vous pouvez vous désinscrire ou modifier vos choix d’abonnement à tout moment à partir des liens de désinscription disponibles dans toutes nos communications ou via notre <a class="underline" href="https://support.adopt.com/hc/fr/requests/new">formulaire de contact.</a></p></div></div></div></form></div><script>
function initFooterNewsletterForm() {
return {
focusInput: false,
hasCaptchaToken: 0,
hasChanges: false,
errors: 0,
isLoading: false,
errorMessage: '',
correctionMessage: '',
propositions: [],
onInputFocus() {
this.focusInput = true;
if (this.$el.hasAttribute('readonly')) {
this.$el.blur();
this.$el.removeAttribute('readonly');
this.$el.focus();
}
},
callSuggestionWebService() {
this.isLoading = true;
if (window.capEmailController) {
}
window.capEmailController = new AbortController()
window.capEmailSignal = window.capEmailController.signal
const $form = document.querySelector('#footer-newsletter-validate-detail');
const formData = new FormData($form);
formData.append('request', 'SEARCH');
formData.append('sInput', formData.get('email'));
fetch('https://www.adopt.com/fr/cap/email/suggest', {
method: 'POST',
body: formData,
signal: capEmailSignal,
}).then(response =>
response.json()
).then(data=> {
if (!data.errors) {
this.isLoading = false;
this.propositions = {};
if (data.Mail && data.Mail.length > 0) {
this.propositions = data.Mail;
}
}
else {
this.propositions = {};
this.isLoading = false;
this.hasCaptchaToken = 0;
}
})
},
callValidationWebService() {
this.errorMessage = '';
this.correctionMessage = '';
this.isLoading = true;
if (window.capEmailController) {
window.capEmailController.abort()
}
window.capEmailController = new AbortController()
window.capEmailSignal = window.capEmailController.signal
const $form = document.querySelector('#footer-newsletter-validate-detail');
const formData = new FormData($form);
formData.append('request', 'PROP');
formData.append('sMail', formData.get('email'));
return fetch('https://www.adopt.com/fr/cap/email/suggest', {
method: 'POST',
body: formData,
signal: capEmailSignal,
}).then(response =>
response.json()
).then(data=> {
if (!data.errors) {
this.isLoading = false;
if (((data.iRet < 0) || ((data.iRet > 0) && (data.iRet != 2)))
||(data.iRet == 2 && ((data.sCodeTraitement == '40001') || (data.sCodeTraitement == '30X3X')))
) {
this.errorMessage = typeof data.sMessage === 'string'
? data.sMessage
: 'Une erreur s’est produite lors du traitement de votre formulaire. Veuillez réessayer ultérieurement.';
this.propositions = {};
return false;
}
if (data.iRet == 2 && (data.sCodeTraitement == '10010') && data.Mail[0]) {
this.correctionMessage = data.sMessage;
this.propositions = data.Mail;
return false;
}
return true;
}
})
},
setAutocompleteValue(value) {
this.hasChanges = true;
const $input = document.querySelector('#newsletter-subscribe');
$input.value = value;
$input.focus();
this.propositions = {};
},
sendFooterNewsletterSubscribeEvent() {
window.dataLayer?.push({
'event': 'newsletterSoumission',
'category': 'Footer'
});
},
submitForm() {
if (!this.hasChanges) {
return;
}
this.hasChanges = false;
const $form = document.querySelector('#footer-newsletter-validate-detail');
this.callValidationWebService().then((validationResult) => {
if (validationResult && (this.errors === 0)) {
window.dataLayer?.push({
'event': 'newsletterSoumission',
'category': 'Footer'
});
$form.submit();
}
});
}
}
}</script> <div class="footer-reviews flex flex-col"><div class="flex gap-4.5"><img class="" height="66" width="66" loading="lazy" src="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/images/label-truystville.svg" alt="Logo Trustville"><div class="flex flex-col w-full"><div class="font-secondary text-3xl leading-none"><span>4.5</span> <span>/5</span></div><div class="flex gap-1 mt-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-alone" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" enable-background="new 0 0 15 14" xml:space="preserve" class="text-pink w-4" width="24" height="24" role="img">
<path d="M15,5.3l-4.6,3.3l1.8,5.3l-4.6-3.3L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0l1.8,5.3H15z" fill="currentColor" stroke="none"/>
<title/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="star-half" version="1.1" x="0px" y="0px" viewbox="0 0 15 14" style="enable-background:new 0 0 15 14;" xml:space="preserve" class="text-pink w-4 h-auto" width="24" height="24" role="img">
<path d="M7.6,10.6L2.9,14l1.8-5.3L0,5.3h5.7L7.5,0L7.6,10.6z" fill="currentColor"/>
<g style="opacity:0.2988;">
<path d="M7.5,0l1.8,5.3H15l-4.6,3.3l1.8,5.3l-4.6-3.3L7.5,0z" fill="currentColor"/>
</g>
<title/></svg>
</div><div class="mt-2 text-anthracite-400 font-medium text-sm leading-tightened"><span class="">11829</span> <span class="">avis clients</span></div></div></div><div class="text-sm text-anthracite-400 mt-6">Nos clients aiment et recommandent adopt.</div><div><a href="https://trustville.fr/avis-clients/pc/peruda/parfumerie/adopt_com" class="link link-simple" target="_blank" rel="noopener noreferrer">Voir leurs avis</a></div></div></div> <div class="flex-1 flex flex-col md:items-end h-full gap-12 lg:gap-12"> <div class="footer-links w-full"><div class="pt-7.5 md:flex md:gap-5 md:justify-between xl:pt-0" > <div class="border-t border-pink-150 last-of-type:border-b md:border-none pt-5 md:w-1/3 xl:pt-0" x-data="footerComponent_67164e3e20465()" @resize.window.debounce.100="width = window.innerWidth;open = width > breakpoint" ><button class="pb-5 text-sm tracking-spaced-lg w-full font-medium uppercase flex justify-between items-center md:hidden" @click=" open ? open = false : open = true;" ><span>L'entreprise adopt</span> <span class="rotate-90" :class="{ '-rotate-90': open, 'rotate-90': !open }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-2.75 fat-icon md:hidden" width="15" height="15" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</span></button> <div class="pb-5 text-sm tracking-spaced-lg uppercase font-medium hidden md:block">L'entreprise adopt</div><div x-show="open" class="footer-block-links transition-transform ease-out overflow-hidden origin-top transform pb-5"><ul>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/nos-engagements', 'Nos engagements')" title="Nos engagements" href="https://www.adopt.com/fr/nos-engagements">Nos engagements</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://franchise.adopt.com/', 'Devenir franchisé')" title="Devenir franchisé" href="https://franchise.adopt.com/">Devenir franchisé</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/index-egalite-homme-femme', 'Index égalité Homme/Femme')" title="Index égalité Homme/Femme" href="https://www.adopt.com/fr/index-egalite-homme-femme">Index égalité Homme/Femme</a></li>
<li><a
@click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/charte-de-confidentialite', 'Charte de confidentialité')" title="Charte de confidentialité" href="https://www.adopt.com/fr/charte-de-confidentialite">Charte de confidentialité</a</li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/enable-cookies', 'Politique de cookies')" title="Politique de cookies" href="https://www.adopt.com/fr/enable-cookies">Politique de cookies</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/mentions-legales', 'Mentions légales')" title="Mentions légales" href="https://www.adopt.com/fr/mentions-legales">Mentions légales</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cgv', 'CGV')" title="CGV" href="https://www.adopt.com/fr/cgv">CGV</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://adopt.flatchr.io/fr/company/adopt', 'Nous rejoindre')" title="Nous rejoindre" href="https://adopt.flatchr.io/fr/company/adopt">Nous rejoindre</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/on-parle-de-nous', 'On parle de nous')" title="On parle de nous" href="https://www.adopt.com/fr/on-parle-de-nous">On parle de nous</a></li>
</ul></div></div><script>
function footerComponent_67164e3e20465() {
return {
width: window.innerWidth,
breakpoint: 640,
open: window.innerWidth > 640,
clickMenuEntryEvent(url, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuFooter',
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
}
}
}</script> <div class="border-t border-pink-150 last-of-type:border-b md:border-none pt-5 md:w-1/3 xl:pt-0" x-data="footerComponent_67164e3e2056e()" @resize.window.debounce.100="width = window.innerWidth;open = width > breakpoint" ><button class="pb-5 text-sm tracking-spaced-lg w-full font-medium uppercase flex justify-between items-center md:hidden" @click=" open ? open = false : open = true;" ><span>Infos pratiques</span> <span class="rotate-90" :class="{ '-rotate-90': open, 'rotate-90': !open }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-2.75 fat-icon md:hidden" width="15" height="15" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</span></button> <div class="pb-5 text-sm tracking-spaced-lg uppercase font-medium hidden md:block">Infos pratiques</div><div x-show="open" class="footer-block-links transition-transform ease-out overflow-hidden origin-top transform pb-5"><ul>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/store-locator', 'Nos boutiques')" title="Nos boutiques" href="https://www.adopt.com/fr/store-locator">Nos boutiques</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/offres-commerciales.html', 'Nos offres')" title="Nos offres" href="https://www.adopt.com/fr/offres-commerciales.html">Nos offres </a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.fr/sales/order/tracking', 'Suivre ma commande')" title="Suivre ma commande" href="https://www.adopt.fr/sales/order/tracking">Suivre ma commande</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://support.adopt.com/hc/fr', 'Aide et contact')" title="Aide et contact" href="https://support.adopt.com/hc/fr">Aide et contact</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/livraison-retours', 'Livraison et retours')" title="Livraison et retours" href="https://www.adopt.com/fr/livraison-retours">Livraison et retours</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/offre-de-parrainage', 'Offre de parrainage -20%')" title="Offre de parrainage -20%" href=" https://www.adopt.com/fr/offre-de-parrainage" </>Offre de parrainage -20%</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/live-shopping', 'Notre live shopping')" title="Nos lives shopping" href="https://www.adopt.com/fr/live-shopping">Nos lives shopping</a></li>
</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/nos-services-en-boutique', 'Nos services en boutique')" title="Nos services en boutique" href="https://www.adopt.com/fr/nos-services-en-boutique">Nos services en boutique</a></li>
</ul></div></div><script>
function footerComponent_67164e3e2056e() {
return {
width: window.innerWidth,
breakpoint: 640,
open: window.innerWidth > 640,
clickMenuEntryEvent(url, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuFooter',
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
}
}
}</script> <div class="border-t border-pink-150 last-of-type:border-b md:border-none pt-5 md:w-1/3 xl:pt-0" x-data="footerComponent_67164e3e2062f()" @resize.window.debounce.100="width = window.innerWidth;open = width > breakpoint" ><button class="pb-5 text-sm tracking-spaced-lg w-full font-medium uppercase flex justify-between items-center md:hidden" @click=" open ? open = false : open = true;" ><span>Nos produits</span> <span class="rotate-90" :class="{ '-rotate-90': open, 'rotate-90': !open }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="arrow-right" version="1.1" x="0px" y="0px" viewbox="0 0 17.1 14" enable-background="new 0 0 17.1 14" xml:space="preserve" class="w-2.75 fat-icon md:hidden" width="15" height="15" role="img">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5,7h16.1"/>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1,13.5L16.6,7l-6.5-6.5"/>
<title/></svg>
</span></button> <div class="pb-5 text-sm tracking-spaced-lg uppercase font-medium hidden md:block">Nos produits</div><div x-show="open" class="footer-block-links transition-transform ease-out overflow-hidden origin-top transform pb-5"><ul>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/parfum.html', 'Parfum')" title="Parfum" href="https://www.adopt.com/fr/parfum.html">Parfum</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-corps.html', 'Soin')" title="Soin corps" href="https://www.adopt.com/fr/soin-corps.html">Soin corps</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/soin-visage.html', 'Soin')" title="Soin visage" href="https://www.adopt.com/fr/soin-visage.html">Soin visage</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/maquillage.html', 'Maquillage')" title="Maquillage" href="https://www.adopt.com/fr/maquillage.html">Maquillage</a></li>
<li><a @click.prevent="clickMenuEntryEvent('https://www.adopt.com/fr/cadeaux.html', 'Cadeau')" title="Cadeau" href="https://www.adopt.com/fr/cadeaux.html">Cadeau</a></li>
</ul></div></div><script>
function footerComponent_67164e3e2062f() {
return {
width: window.innerWidth,
breakpoint: 640,
open: window.innerWidth > 640,
clickMenuEntryEvent(url, label, blank = false) {
window.dataLayer?.push({
'event': 'clicMenuFooter',
'text': label
});
if (blank) {
window.open(url, '_blank');
} else {
window.location.href = url
}
}
}
}</script></div></div> <div> <div x-data="initStoreSwitcherForm_67164e3f6b52c()" @private-content-loaded.window.debounce="onPrivateContentLoaded($event.detail.data)"><div :class="!isFromMobileMenu ? 'relative inline-block text-left' : ''"><template x-if="currentStoreCountryName && currentStoreLanguageCode && currentStoreSvg"><div><button @click.prevent="storeMenuMobile();" @keydown.window.escape="storeMenuMobile('close');" type="button" :class="isFromMobileMenu ? 'py-4 text-xs-tiny gap-6' : 'justify-center w-full focus:outline-none border-none p-0 flex-row-reverse gap-2'" class="flex items-center" aria-haspopup="true" aria-expanded="true" x-html='isFromMobileMenu ? currentStoreSvg + "<span>" + currentStoreCountryName.toUpperCase() + " (" + currentStoreLanguageCode.toUpperCase() + ")</span>" : "<span class=\"link link-simple \">" + currentStoreCountryName.toUpperCase() + " (" + currentStoreLanguageCode.toUpperCase() + ")</span> " + currentStoreSvg' ></button></div></template> <div class="stores-choice fixed inset-0 z-40 flex items-center justify-center overflow-auto bg-black bg-opacity-50" style="height: calc(100vh + 53px);display: none;"><div class="bg-white flex flex-col md:flex-row-reverse md:items-start md:max-w-product-container md:mx-auto relative md:h-[550px] mx-5 my-5 md:mx-20"><button type="button" class="z-50 absolute top-2 right-2 cursor-pointer hover:bg-anthracite hover:text-white rounded-full bg-white p-1.5" @click="storeMenuMobile('close');"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="white" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" d="M6 18L18 6M6 6l12 12"/></svg></button> <div class="max-w-[575px] md:w-[45%] h-[250px] md:h-full"><img class="z-41 h-full w-full object-cover" loading="lazy" src="https://adopt.twic.pics/media/adopt/modal/welcome/default/SM_PERF_BESTOF.jpg?twic=v1/output=preview" data-twic-src="image:media/adopt/modal/welcome/default/SM_PERF_BESTOF.jpg" data-twic-transform="cover-max=575" alt=""></div> <div class="flex-1 flex flex-col items-center pt-4 md:justify-center md:h-full"><div class="w-5/6 md:w-2/3 flex flex-col aspect-square items-center justify-center text-center"><div class="flex justify-center text-lg leading-tightened tracking-[1.5px] w-full uppercase z-10 font-semibold text-anthracite-600"><span x-html="translatedWordings.modalTitle[userLanguageCode] ?? translatedWordings.modalTitle['en']"></span></div><div class="flex px-3 py-4 z-10 w-full justify-center"><span x-html="translatedWordings.modalDescription[userLanguageCode] ?? translatedWordings.modalDescription['en']"></span></div><form class="items-center justify-between z-10 w-full" id="store-switcher-form" action="https://www.adopt.com/fr/inter/store/switcher" @submit.prevent="submitForm()" ><div class="field w-full pb-4"><div x-data="{ open: false }" class="relative"><button x-on:click="open = true" class="flex items-center bg-white focus:bg-gray-400 text-gray-700 focus:text-gray-900 font-semibold rounded focus:outline-none focus:shadow-inner w-full form-select py-2 px-4" type="button"><span class="mr-1"><template x-if="selectedStore"><span class="flex"><span class="pt-1" x-html="svgTemplate.replace('%1', selectedStore.country_code.toLowerCase()).replace('%2', (selectedStore.country_label[userLanguageCode] ?? selectedStore.country_label['en']) + ' flag')"></span> <span class="pl-2" x-html="(selectedStore.country_label[userLanguageCode] ?? selectedStore.country_label['en']) + ' (' + selectedStore.locale_label + ')'"></span></span></template><span x-show="!selectedStore" x-html="translatedWordings.selectTitle[userLanguageCode] ?? translatedWordings.selectTitle['en']"></span></span></button> <ul x-show="open" x-on:click.away="open = false" class="bg-white text-gray-700 rounded shadow-lg absolute py-2 mt-1 max-h-60 overflow-y-auto z-50 w-full" style="min-width:15rem"><template x-for="(website, index) in websites" :key="index"><li :value="website.store_code" :data-country-code="website.country_code"><a @click.prevent="selectStore(website); open = false" class="flex cursor-pointer hover:bg-gray-200 whitespace-no-wrap py-2 px-4"><img :alt="website.country_label + ' flag'" :src="svgBaseUrl + '/' + website.country_code.toLowerCase() + '.svg'" height="20" width="20"><span class="pl-2" x-html="(website.country_label[userLanguageCode] ?? website.country_label['en']) + ' (' + website.locale_label + ')'"></span></a></li></template></ul></div></div><template x-if="selectedStore"><div><input type="hidden" name="store_code" :value="selectedStore.store_code"><input type="hidden" name="country" :value="selectedStore.country_code"><input type="hidden" name="destination_url" :value="destinationUrl"></div></template><button class="btn btn-primary btn-size-sm w-full md:py-4 py-3 md:px-30 px-6 justify-center"><span x-html="translatedWordings.modalButton[userLanguageCode] ?? translatedWordings.modalButton['en']"></span></button></form></div></div></div></div></div></div><script>
function initStoreSwitcherForm_67164e3f6b52c() {
return {
currentCountrySvg: null,
currentStoreCountryCode: 'FR',
currentStoreCountryName: '',
currentStoreLanguageCode: 'fr',
currentStoreSvg: null,
destinationUrl: null,
directoryData: null,
geoIpCountryCode: hyva.getCookie('select-store-user-country-code'),
isFromMobileMenu: 0,
selectedStore: null,
svgBaseUrl: 'https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Hyva_Theme/svg/flag',
svgTemplate: '<img src="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Hyva_Theme/svg/flag/%1.svg" alt="%2" height="20" width="20">',
translatedWordings: {"modalTitle":{"fr":"Bienvenue sur Adopt.com","en":"Welcome on Adopt.com","es":"Bienvenido a Adopt.com"},"selectTitle":{"fr":"Pays de livraison","en":"Shipping country","es":"Pa\u00eds de entrega","nl":"Land van levering"},"modalDescription":{"fr":"Veuillez choisir votre <b>pays de livraison<\/b>","en":"Please choose your <b>delivery country<\/b>","es":"Elija su pa\u00eds de <b>entrega<\/b>"},"modalButton":{"fr":"Appliquer","en":"Apply","es":"Solicitar"}},
userLanguageCode: window.navigator.language.indexOf("-") > 0 ? window.navigator.language.substring(0, window.navigator.language.indexOf("-")) : window.navigator.language,
websites: [{"country_code":"FR","country_label":{"fr":"France","es":"Francia","en":"France","nl":"Frankrijk"},"locale_code":"default","locale_label":"fr","store_code":"fr","destinationUrl":"https:\/\/www.adopt.com\/fr\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"FR","locale_label":"fr","store_code":"be-fr","destinationUrl":"https:\/\/www.adopt.com\/be-fr\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"NL","locale_label":"nl","store_code":"be-nl","destinationUrl":"https:\/\/www.adopt.com\/be-nl\/"},{"country_code":"BE","country_label":{"fr":"Belgique","es":"B\u00e9lgica","en":"Belgium","nl":"Belgi\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"CA","country_label":{"fr":"Canada","es":"Canad\u00e1","en":"Canada","nl":"Canada"},"locale_code":"default","locale_label":"fr","store_code":"ca-fr","destinationUrl":"https:\/\/www.adopt.com\/ca-fr\/"},{"country_code":"DE","country_label":{"fr":"Allemagne","es":"Alemania","en":"Germany","nl":"Duitsland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"AT","country_label":{"fr":"Autriche","es":"Austria","en":"Austria","nl":"Oostenrijk"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"HR","country_label":{"fr":"Croatie","es":"Croacia","en":"Croatia","nl":"Kroati\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"DK","country_label":{"fr":"Danemark","es":"Dinamarca","en":"Denmark","nl":"Denemarken"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"ES","country_label":{"fr":"Espagne","es":"Espa\u00f1a","en":"Spain","nl":"Spanje"},"locale_code":"default","locale_label":"es","store_code":"es","destinationUrl":"https:\/\/www.adopt.com\/es\/"},{"country_code":"EE","country_label":{"fr":"Estonie","es":"Estonia","en":"Estonia","nl":"Estland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"FI","country_label":{"fr":"Finlande","es":"Finlandia","en":"Finland","nl":"Finland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"GR","country_label":{"fr":"Gr\u00e8ce","es":"Grecia","en":"Greece","nl":"Griekenland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"HU","country_label":{"fr":"Hongrie","es":"Hungr\u00eda","en":"Hungary","nl":"Hongarije"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"IE","country_label":{"fr":"Irlande","es":"Irlanda","en":"Ireland","nl":"Ierland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"IT","country_label":{"fr":"Italie","es":"Italia","en":"Italy","nl":"Itali\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LV","country_label":{"fr":"Lettonie","es":"Letonia","en":"Latvia","nl":"Letland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LT","country_label":{"fr":"Lituanie","es":"Lituania","en":"Lithuania","nl":"Litouwen"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"LU","country_label":{"fr":"Luxembourg","es":"Luxemburgo","en":"Luxembourg","nl":"Luxemburg"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"NL","country_label":{"fr":"Pays-Bas","es":"Pa\u00edses Bajos","en":"Netherlands","nl":"Nederland"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"PL","country_label":{"fr":"Pologne","es":"Polonia","en":"Poland","nl":"Polen"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"PT","country_label":{"fr":"Portugal","es":"Portugal","en":"Portugal","nl":"Portugal"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"RO","country_label":{"fr":"Roumanie","es":"Ruman\u00eda","en":"Romania","nl":"Roemeni\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SK","country_label":{"fr":"Slovaquie","es":"Eslovaquia","en":"Slovakia","nl":"Slowakije"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SI","country_label":{"fr":"Slov\u00e9nie","es":"Eslovenia","en":"Slovenia","nl":"Sloveni\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"SE","country_label":{"fr":"Su\u00e8de","es":"Suecia","en":"Sweden","nl":"Zweden"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"},{"country_code":"CZ","country_label":{"fr":"Tch\u00e9quie","es":"Chequia","en":"Czechia","nl":"Tsjechi\u00eb"},"locale_code":"default","locale_label":"en","store_code":"en","destinationUrl":"https:\/\/www.adopt.com\/en\/"}],
initComponent() {
this.$watch('geoIpCountryCode', (value) => {
this.openModaleIfNeeded(value);
});
this.initDefaultValues();
if (!this.hasUserChoice() && !this.geoIpCountryCode) {
this.getCountryFromHeader();
}
this.openModaleIfNeeded(this.geoIpCountryCode);
},
onPrivateContentLoaded(data) {
if (data['directory-data']) {
this.directoryData = data['directory-data'];
this.initComponent()
}
},
openModaleIfNeeded(geoIpCountryCode) {
if (!geoIpCountryCode) {
return;
}
if (!this.hasUserChoice() && (geoIpCountryCode != this.currentStoreCountryCode)) {
this.selectStoreBasedOnUser(geoIpCountryCode);
if (this.selectedStore) {
this.storeMenuMobile();
}
}
},
selectStoreBasedOnUser(geoIpCountryCode) {
let defaultStoreForCountry = null;
this.websites.forEach(element => {
if (element.country_code.toLowerCase() == geoIpCountryCode.toLowerCase()) {
if (element.locale_code.toLowerCase() == 'default') {
defaultStoreForCountry = element;
}
if (element.locale_code.toLowerCase() == this.userLanguageCode.toLowerCase()) {
this.selectedStore = element;
}
}
})
if (!this.selectedStore) {
this.selectedStore = defaultStoreForCountry;
}
if (this.selectedStore) {
const hrefElement = document.getElementById('alternate-url-' + this.selectedStore.store_code);
this.destinationUrl = hrefElement ? hrefElement.getAttribute('href') : this.selectedStore.destinationUrl;
}
},
selectStore(website) {
this.selectedStore = website;
const hrefElement = document.getElementById('alternate-url-' + this.selectedStore.store_code);
this.destinationUrl = hrefElement ? hrefElement.getAttribute('href') : this.selectedStore.destinationUrl;
},
initDefaultValues() {
const selectedCountry = hyva.getCookie('selected_country');
if (selectedCountry) {
this.currentStoreCountryCode = selectedCountry;
}
if (this.directoryData) {
this.currentStoreCountryName = this.directoryData[this.currentStoreCountryCode].name;
this.currentStoreSvg = this.svgTemplate
.replace('%1', this.currentStoreCountryCode.toLowerCase())
.replace('%2', this.currentStoreCountryName + ' flag');
}
},
remindUserChoice() {
hyva.setCookie('select-store-user-choice', true, 365, true);
},
hasUserChoice() {
return hyva.getCookie('select-store-user-choice') !== null;
},
getCountryFromHeader() {
const client = new XMLHttpRequest();
client.open("HEAD", window.location, true);
client.send(null);
client.onreadystatechange = () => {
if (client.readyState === client.HEADERS_RECEIVED) {
const disCountry = client.getResponseHeader("X-Dis-Country");
if (disCountry) {
hyva.setCookie('select-store-user-country-code', disCountry, 7, true);
this.geoIpCountryCode = disCountry;
}
client.abort();
}
};
},
submitForm() {
const $form = document.querySelector('#store-switcher-form');
window.dataLayer?.push({
'event': 'selectionPaysLivraison',
'pays': this.selectedStore.country_label['en'],
'langue': this.selectedStore.store_code.toUpperCase(),
});
this.remindUserChoice();
$form.submit();
},
storeMenuMobile($close) {
const storeSelectorModale = document.querySelector('.stores-choice');
if (storeSelectorModale) {
if ($close) {
this.remindUserChoice();
storeSelectorModale.style.display = 'none';
} else {
storeSelectorModale.style.display = 'flex';
}
}
}
}
}</script></div></div></div> <div class="footer-seo bg-[#FFE0E6] px-7.5 py-12 text-sm"> Créateur de parfums depuis 40 ans, Adopt développe une gamme de fragrances de qualité, uniques, addictives, accessibles à toutes et à tous à partir de 10.95€, exclusivement créées et fabriquées en France. Plus de 100 eaux de parfums joyeuses, féminines, masculines ou mixtes, fruitées, florales, boisées ou chyprées, qui répondent à votre humeur, à vos envies, à votre style, et à tous les moments de la journée. Avec Adopt parfums, c’est tout un univers de parfums aux ingrédients nobles et précieux qui s’ouvre à vous !
Pour prolonger l’expérience, Adopt parfums propose des rituels de soins végans, soins corps, soins visage, soins cheveux, aux formules gorgées d’ingrédients naturels. Et pourquoi pas opter pour un coffret parfumé, combinant parfums et soins coordonnés ?
Idées cadeaux pour faire ou se faire plaisir, best-sellers, parfums iconiques, nouveautés, visitez l’univers Adopt parfums. Avec Adopt parfums, c'est comme vous le sentez !</div></div><script>
'use strict';
function initFooterSocialComponent() {
return {
clickSocialLinkEvent(url, label) {
window.dataLayer?.push({
'event': 'clicSociauxRéseaux',
'text': label
});
window.open(url, '_blank').focus();
},
}
}</script> </div></footer> <script type="text/x-magento-init">
{
"body": {
"awRbsliderAjax": {"url":"https:\/\/www.adopt.com\/fr\/aw_rbslider\/statistic\/view"} }
}</script> <script>
document.addEventListener('APLOZE_PLAYER_PRODUCT_ADDED_TO_CART', function (event) {
let product = event.detail.product;
let formData = new FormData();
formData.append('uenc', hyva.getUenc());
formData.append('form_key', hyva.getFormKey());
formData = new URLSearchParams(formData);
fetch('https://www.adopt.com/fr/checkout/cart/add' + '/uenc/' + hyva.getUenc() + '/product/' + product.id, {
method: 'POST',
body: formData,
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest'
}
}).then(res => {
Aploze.sendCartFeedback(true);
window.dispatchEvent(new CustomEvent('product-addtocart-success'));
window.dispatchEvent(
new CustomEvent(
'reload-customer-section-data',
{
detail: {
sections: ['cart', 'cart-tagging', 'messages']
}
}
)
);
return res;
}).catch(err => {
if (err.type === "out-of-stock") {
Aploze.sendCartFeedback({success: false, error: 'out-of-stock'})
} else {
Aploze.sendCartFeedback(false)
}
}).finally(() => {
try {
let messages = hyva.getCookie('mage-messages');
messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
setTimeout(() => {
messages.forEach(message => {
setMessage(message);
});
}, 1000);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
return;
}
});
})</script> <script>
let time = null,
readableTime = null,
productUrl = null,
productTitle = null,
productDescription = null,
title = null;
document.addEventListener("APLOZE_PLAYER_LOADED", function (event) {
const eventData = event.detail.event;
time = eventData.time;
readableTime = eventData.readableTime;
title = eventData.title;
});
document.addEventListener("APLOZE_WIDGET_GALLERY_EVENT_CLICKED", function (event) {
window.dataLayer?.push({
'event': 'widget_gallery_event_clicked',
'title': title,
'time': time,
'readableTime': readableTime
});
})
document.addEventListener('APLOZE_WIDGET_PRODUCT_EVENT_CLICKED', function (event) {
window.dataLayer?.push({
'event': 'widget_product_event_clicked',
'title': title,
'time': time,
'readableTime': readableTime
});
});
document.addEventListener("APLOZE_PLAYER_OPENED", function (event) {
window.dataLayer?.push({
'event': 'player_opened',
'title': title,
'time': time,
'readableTime': readableTime
});
});
document.addEventListener("APLOZE_PLAYER_PAGE_VIEWED", function (event) {
window.dataLayer?.push({
'event': 'player_page_viewed'
});
});
document.addEventListener("APLOZE_PLAYER_SUBSCRIBE_CLICKED", function (event) {
window.dataLayer?.push({
'event': 'player_subscribe_clicked'
});
});
document.addEventListener("APLOZE_PLAYER_EVENT_ADDED_TO_CALENDAR", function (event) {
window.dataLayer?.push({
'event': 'player_event_added_to_calendar'
});
});
document.addEventListener("APLOZE_PLAYER_EVENT_SUBSCRIBED_BY_SMS", function (event) {
window.dataLayer?.push({
'event': 'player_event_subscribed_by_sms',
'firstname': event.detail.user.firstname,
'phoneCountryCode': event.detail.user.phoneCountryCode
});
});
document.addEventListener("APLOZE_PLAYER_EVENT_SHARED", function (event) {
window.dataLayer?.push({
'event': 'player_event_shared',
'type': event.detail.type
});
});
document.addEventListener('APLOZE_PLAYER_CART_CLICKED', function (event) {
window.dataLayer?.push({
'event': 'player_cart_clicked'
});
});
document.addEventListener('APLOZE_PLAYER_PRODUCT_CLICKED', function (event) {
productTitle = event.detail.product.title;
productUrl = event.detail.product.link.url;
productDescription = event.detail.product.description;
window.dataLayer?.push({
'event': 'player_product_clicked',
'product': [{
'description' : productDescription,
'id' : event.detail.product.id,
'url' : productUrl,
'title' : productTitle,
}]
});
});
document.addEventListener('APLOZE_PLAYER_PRODUCT_ADDED_TO_CART', function (event) {
window.dataLayer?.push({
'event': 'player_product_added_to_cart',
'product': [{
'description' : productDescription,
'id' : event.detail.product.id,
'url' : productUrl,
'title' : productTitle,
}]
});
});
document.addEventListener('APLOZE_PLAYER_PRODUCT_PAGE_CLICKED', function (event) {
window.dataLayer?.push({
'event': 'player_product_page_clicked',
'product': [{
'description' : productDescription,
'id' : event.detail.id,
'url' : productUrl,
'title' : productTitle,
}]
});
});
document.addEventListener('APLOZE_PLAYER_LIKE_CLICKED', function (event) {
window.dataLayer?.push({
'event': 'player_like_clicked'
});
});</script> <script>
(() => {
function src_default(Alpine) {
Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
let evaluate = evaluateLater(expression);
let options = {
rootMargin: getRootMargin(modifiers),
threshold: getThreshhold(modifiers)
};
let observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting === (value === "leave"))
return;
evaluate();
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
cleanup(() => {
observer.disconnect();
});
});
}
function getThreshhold(modifiers) {
if (modifiers.includes("full"))
return 0.99;
if (modifiers.includes("half"))
return 0.5;
if (!modifiers.includes("threshold"))
return 0;
let threshold = modifiers[modifiers.indexOf("threshold") + 1];
if (threshold === "100")
return 1;
if (threshold === "0")
return 0;
return Number(`.${threshold}`);
}
function getLengthValue(rawValue) {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
return match ? match[1] + (match[2] || "px") : void 0;
}
function getRootMargin(modifiers) {
const key = "margin";
const fallback = "0px 0px 0px 0px";
const index = modifiers.indexOf(key);
if (index === -1)
return fallback;
let values = [];
for (let i = 1; i < 5; i++) {
values.push(getLengthValue(modifiers[index + i] || ""));
}
values = values.filter((v) => v !== void 0);
return values.length ? values.join(" ").trim() : fallback;
}
document.addEventListener("alpine:init", () => {
window.Alpine.plugin(src_default);
});
})();</script> <script>
for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","#notice-cookie-block":"intersect"})) {
document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
}</script> <script>
(function () {
"use strict";
const hasAlpine = new Promise(resolve => {
window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
});
const hasInteract = new Promise(resolve => {
(events => {
const onInteract = () => {
resolve();
events.forEach(type => window.removeEventListener(type, onInteract));
}
events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
});
const onIntersect = (el) => {
return new Promise(resolve => {
const observer = new IntersectionObserver(entries => {
for (const entry of entries) {
if (entry.isIntersecting) {
observer.disconnect()
resolve();
}
}
}, {});
observer.observe(el);
});
}
function runComponent(el) {
hasAlpine.then(() => {
el.removeAttribute('x-ignore');
queueMicrotask(() => Alpine.initTree(el));
});
}
function initDeferredComponents() {
document.querySelectorAll('[x-data][x-defer]').forEach(el => {
el.setAttribute('x-ignore', '');
const deferUntil = (el.getAttribute('x-defer') || '').trim();
switch (deferUntil) {
case 'interact':
hasInteract.then(() => runComponent(el));
break;
case 'intersect':
onIntersect(el).then(() => runComponent(el))
break;
case 'idle':
window.requestIdleCallback
? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
: setTimeout(() => runComponent(el), 4000);
break;
case 'eager':
runComponent(el);
break;
default:
if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
}
}
});
}
window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
})()</script> <script type="module"
src="https://www.adopt.com/static/version1729157891/frontend/Adopt/hyva/fr_FR/Hyva_Theme/js/alpine3.min.js"
defer
crossorigin
></script> <script>
'use strict';
function dispatchMessages(messages, hideAfter) {
const messagesEvent = new CustomEvent("messages-loaded", {
detail: {
messages: messages,
hideAfter: hideAfter
}
});
window.dispatchEvent(messagesEvent);
}
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
(function( hyva, undefined ) {
hyva.initFormKey = () => {
const inputSelector = 'input[name="form_key"]',
formKey = hyva.getFormKey();
Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
input.value = formKey
});
}
hyva.initMessages = () => {
try {
const messages = hyva.getCookie('mage-messages');
window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
dispatchMessages(window.mageMessages);
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
hyva.alpineInitialized(hyva.initMessages)
}( window.hyva = window.hyva || {} ));</script> <script>
'use strict';
{
const private_content_key = 'mage-cache-storage';
const private_content_expire_key = 'mage-cache-timeout';
const private_content_version_key = 'private_content_version';
const section_data_ids_key = 'section_data_ids';
const mage_cache_session_id_key = 'mage-cache-sessid';
const last_visited_store_key = 'last_visited_store';
const ttl = 3600;
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
function loadSectionData (sections = []) {
if (typeof sections == 'object' && typeof sections.target != 'undefined') {
sections = [];
}
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Please enable LocalStorage in your browser."
}]
);
return;
}
try {
let isInvalid = false;
if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
isInvalid = true;
}
hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
if (!hyva.getCookie(mage_cache_session_id_key)) {
isInvalid = true;
browserStorage.removeItem(private_content_key);
const skipSetDomain = true;
const days = false;
hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
}
const cookieVersion = hyva.getCookie(private_content_version_key);
const storageVersion = browserStorage.getItem(private_content_version_key);
if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
isInvalid = true;
}
const privateContentExpires = browserStorage.getItem(private_content_expire_key);
if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
browserStorage.removeItem(private_content_key);
}
if (isInvalid && cookieVersion) {
fetchPrivateContent(sections);
} else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
if (
privateContent &&
privateContentExpires &&
privateContent.cart &&
privateContent.customer
) {
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent(sections);
}
} else {
if (document.getElementById('default-section-data')) {
const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
dispatchPrivateContent(privateContent);
} else {
dispatchPrivateContent({});
}
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
hyva.alpineInitialized(loadSectionData)
window.addEventListener('reload-customer-section-data', (event) => {
loadSectionData(event?.detail?.sections || [])
});
function dispatchPrivateContent(data) {
const privateContentEvent = new CustomEvent("private-content-loaded", {
detail: {
data: data
}
});
window.dispatchEvent(privateContentEvent);
}
function fetchPrivateContent(sections) {
fetch(`${BASE_URL}customer/section/load?sections=${encodeURIComponent(sections.join(','))}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(
data => {
if (data) {
try {
const browserStorage = hyva.getBrowserStorage();
const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
delete oldSectionData['checkout-data'];
}
const newSectionData = Object.assign(oldSectionData, data);
dispatchPrivateContent(newSectionData);
if (newSectionData.messages && newSectionData.messages.messages ) {
newSectionData.messages.messages = [];
}
browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
browserStorage.setItem(private_content_expire_key, expiresAt);
const newCookieVersion = hyva.getCookie(private_content_version_key);
browserStorage.setItem(private_content_version_key, newCookieVersion);
hyva.setCookie(
section_data_ids_key,
JSON.stringify(
Object.keys(data).reduce((sectionDataIds, sectionKey) => {
sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
return sectionDataIds;
}, {})
),
false,
true
);
} catch (error) {
console.warn("Couldn't store privateContent", error);
}
}
}
);
}
}</script><script>
(() => {
document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
})()</script> <script>
(events => {
const dispatchUserInteractionEvent = () => {
events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
window.dispatchEvent(new Event('init-external-scripts'))
};
events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script> <script async defer src="https://adopt.twic.pics/?v1"></script> <script>
function initWishlist() {
return {
isInWishlist(productId) {
productId = productId.toString();
let browserStorage = hyva.getBrowserStorage().getItem('mage-cache-storage');
browserStorage = JSON.parse(browserStorage);
if (browserStorage) {
if ((typeof browserStorage.customer !== 'undefined') && typeof browserStorage.customer.fullname !== 'undefined'){
let wishlistItemIds = [];
let wishlistItems = browserStorage.wishlist.items;
wishlistItems.forEach(function(item){
wishlistItemIds.push(item.product_id);
});
return wishlistItemIds.includes(productId);
}
}
let cookieValue = hyva.getCookie('guest_wishlist');
if (cookieValue !== null) {
cookieValue = decodeURIComponent(cookieValue);
let cookieWishlistIds = cookieValue.split(',');
if (cookieWishlistIds) {
return cookieWishlistIds.includes(productId);
}
}
return false
},
toggleWishlist(productId, productData) {
if (!this.isInWishlist(productId)) {
this.addToWishlist(productId, productData);
} else {
this.removeFromWishlist(productId);
}
},
addToWishlist(productId, productData) {
const self = this;
let wishlistIcon = document.querySelectorAll('[data-wishlist="' + productId + '"]');
wishlistIcon.forEach((arrayElement, index) => {
wishlistIcon[index].classList.add('in-favorite');
wishlistIcon[index].querySelector('svg').classList.add('in-favorite');
})
const formKey = hyva.getFormKey();
fetch(BASE_URL + "wishlist/index/add?ajax=1", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.ok) {
return response.json();
} else if (response.redirected) {
window.location.href = response.url;
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Could not add item to wishlist."
}], 5000
);
}
}).then(function (response) {
if (!response) { return }
self.sendAddToWishlistEvent(productData);
let cookieValue = hyva.getCookie('guest_wishlist');
if (cookieValue !== null) {
if (typeof response.success !== "undefined") {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: (response.success) ? "success" : "error",
text: (response.success)
? "Le produit a été ajouté à votre liste de souhaits."
: ''
}], 5000
);
}
}
const reloadCustomerDataEvent = new CustomEvent(
'reload-customer-section-data',
{
detail: {
sections: ['wishlist', 'messages']
}
}
);
window.dispatchEvent(reloadCustomerDataEvent);
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
},
getItemId(productId) {
productId = productId.toString();
let browserStorage = hyva.getBrowserStorage().getItem('mage-cache-storage');
browserStorage = JSON.parse(browserStorage);
if (browserStorage) {
let wishlistItems = browserStorage.wishlist.items;
let itemToDelete;
wishlistItems.forEach(function (item) {
if (item.product_id == productId) {
itemToDelete = item.item_id;
}
});
return itemToDelete;
}
},
sendAddToWishlistEvent(productData) {
window.dataLayer?.push({
'event': 'productAddWishlist',
'productAddWishlist': [productData]
})
},
removeFromWishlist(productId) {
let wishlistIcon = document.querySelectorAll('[data-wishlist="' + productId + '"]');
wishlistIcon.forEach((arrayElement, index) => {
wishlistIcon[index].classList.remove('in-favorite');
wishlistIcon[index].querySelector('svg').classList.remove('in-favorite');
})
let itemId = this.getItemId(productId);
const formKey = hyva.getFormKey();
fetch(BASE_URL + "wishlist/index/remove?ajax=1", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&productId=" + productId + "&uenc=" + btoa(window.location.href) + '&item=' + itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.ok) {
return response.json();
} else if (response.redirected) {
window.location.href = response.url;
}
}).then(function (response) {
if (!response) { return }
const reloadCustomerDataEvent = new CustomEvent(
'reload-customer-section-data',
{
detail: {
sections: ['wishlist', 'messages']
}
}
);
window.dispatchEvent(reloadCustomerDataEvent);
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
}
}</script> <script>
function initConfigurableOptions(productId, optionConfig) {
function findPathParam(key) {
const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL;
const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
for (let i = 0; i < pathParts.length; i += 2) {
if (pathParts[i] === key && pathParts.length > i) {
return pathParts[i + 1];
}
}
}
return {
optionConfig,
productId,
itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
allowedAttributeOptions: [],
selectedValues: [],
attribueOptionsLength: 0,
attributeMapping: {"contenance":{" ":"","200g":"6715","250ml":"6713","32 g":"6683","400ml":"6714","8ml":"6678","5 ml":"6525","10 ml":"349","15 ml":"914","30 ml":"350","40 ml":"5382","50 ml":"913","60 ml":"5383","75 ml":"912","100 ml":"351","125 ml":"707","150 ml":"911","200 ml":"706","250 ml":"466","290 ml":"705","400 ml":"5384","9 ml":"6568","4,5 ml":"6569","12 ml":"6570","26,5 ml":"6571","5,5 ml":"6572","16 ml":"6595","8 g":"6614","3,5 g":"6746"}},
isProductPage: document.body.classList.contains('catalog-product-view'),
isCategoryPage: document.body.classList.contains('catalog-category-view'),
isCmsPage: document.body.classList.contains('cms-page-view'),
init() {
this.findAllowedAttributeOptions();
this.preselectQuerystringItems();
this.preselectLocationHashItems();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(optionId, value + '');
}
}
});
},
findSimpleIndex() {
this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
},
calculateSimpleIndexForPartialSelection(selectedValues) {
if (selectedValues.length === 0) return 0;
let productIndexIds = Object.keys(this.optionConfig.index);
Object.keys(this.optionConfig.attributes).forEach((attribute) => {
const productsWithAttributeMatch = selectedValues[attribute]
? productIndexIds.filter((productIndex) => {
return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
})
: [];
productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
})
return productIndexIds[0];
},
calculateSimpleIndexForFullSelection(selectedValues) {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).find(productIndex => {
const productCandidateOptions = productIndexes[productIndex];
for (const productOption in productCandidateOptions) {
if (
!selectedValues[productOption] ||
selectedValues[productOption] !== productCandidateOptions[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
this.attribueOptionsLength = this.allowedAttributeOptions[Object.keys(this.allowedAttributeOptions)[0]].length
},
calculateAllowedAttributeOptions(selectedValues) {
const allAttributes = this.optionConfig.attributes;
const allAttributesSorted = Object.values(allAttributes).sort((a, b) => {
return a.position - b.position
});
const productIndexes = this.optionConfig.index;
let previousOption = false;
let availableIndexes = Object.keys(productIndexes);
const newAllowedAttributeOptions = [];
allAttributesSorted.forEach(attribute => {
if (previousOption && selectedValues[previousOption]) {
availableIndexes = availableIndexes.filter(availableIndex => {
return productIndexes[availableIndex][previousOption] ===
selectedValues[previousOption]
})
}
newAllowedAttributeOptions[attribute.id] =
allAttributes[attribute.id].options.filter(option => {
return !!option.products.find(product => {
return availableIndexes.includes(product);
})
});
previousOption = attribute.id;
});
return newAllowedAttributeOptions;
},
findAttributeByOptionId(optionId) {
for (const attributeId in this.optionConfig.attributes) {
const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
if (attributeOptions.find(option => option.id === optionId)) {
return attributeId;
}
}
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
getProductIdsForOption(option) {
const attributeId = this.findAttributeByOptionId(option.id);
const allOptions = this.optionConfig.attributes[attributeId];
const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
return opt && opt.products
? opt.products
: [];
},
findProductIdsForPartialSelection(optionSelection) {
const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
const newCandidates = this.getProductIdsForOption({id: optionId});
return candidates === null
? newCandidates
: candidates.filter(productId => newCandidates.includes(productId));
}, null);
return candidateProducts || [];
},
findCheapestProductForPartialSelection(optionSelection) {
const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
return candidateProducts.reduce((cheapest, simpleIdx) => {
if (!this.optionConfig.optionPrices[cheapest]) return simpleIdx;
const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
? simpleIdx
: cheapest;
}, 0)
},
findProductIdToUseForOptionPrice(option) {
const attributeId = this.findAttributeByOptionId(option.id);
const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
},
getAttributeOptionLabel(option) {
const optionProduct = this.findProductIdToUseForOptionPrice(option);
if ((!optionProduct) || (optionProduct === this.productIndex)) {
return option.label;
}
const currentPrice = this.getOptionPriceAdjustmentBasePrice();
if (this.optionConfig.optionPrices[optionProduct]) {
const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
if (optionPrice !== currentPrice) {
return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
}
}
return option.label;
},
getOptionPriceAdjustmentBasePrice() {
if (this.optionConfig.optionPrices[this.productIndex]) {
return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
}
const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
return this.optionConfig.optionPrices[cheapestForSelection]
? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
: this.optionConfig.prices.finalPrice.amount;
},
changeDisabledOption(optionId, value, skipUpdateGallery, attributeCode, optionLabel, updateUrl = true, parentId = 0) {
if (value === '') {
this.selectedValues = this.selectedValues.reduce((newSelection, val, opt) => {
if (opt !== optionId) {
newSelection[opt] = val;
}
return newSelection;
}, []);
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateShortDescription();
this.updateGallery();
if (updateUrl) {
this.updateCurrentUrl(value, optionLabel);
}
this.$nextTick(() => {
window.dispatchEvent(new CustomEvent('stock-alert-modal-open-' + parentId, {detail: {productId: this.productIndex}}));
});
},
changeOption(optionId, value, skipUpdateGallery, attributeCode, optionLabel, updateUrl = true, parentId = 0) {
if (value === '') {
this.selectedValues = this.selectedValues.reduce((newSelection, val, opt) => {
if (opt !== optionId) {
newSelection[opt] = val;
}
return newSelection;
}, []);
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateShortDescription();
this.updateGallery();
if (updateUrl) {
this.updateCurrentUrl(value, optionLabel);
}
window.dispatchEvent(
new CustomEvent(
'configurable-selection-changed',
{
detail: {
productId: this.productId,
optionId: this.optionId,
value: this.value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
flagsData: this.optionConfig.flags_data
? this.optionConfig.flags_data[this.productIndex]
: false,
}
}
)
);
window.dispatchEvent(new CustomEvent('stock-alert-modal-close-' + parentId, {productId: this.productIndex}));
},
calculateIsMinimalPrice() {
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updateCurrentUrl(value, optionLabel) {
let newParamValue = false;
let currentAttributeCode = false;
Object.values(this.optionConfig.attributes).map(attribute => {
attribute.options.map(option => {
if (option.id === value) {
currentAttributeCode = attribute.code;
newParamValue = option.label;
}
});
});
if (newParamValue && currentAttributeCode && typeof optionLabel !== 'undefined' && !optionLabel.includes('30 ')) {
const url = new URL(window.location.href);
const params = new URLSearchParams(url.search);
params.set(currentAttributeCode, newParamValue);
url.search = params.toString();
window.history.replaceState({}, '', url.toString());
}
if (typeof optionLabel !== 'undefined' && optionLabel.includes('30 ')) {
const url = new URL(window.location.href);
const params = new URLSearchParams(url.search);
params.delete(currentAttributeCode);
url.search = params.toString();
window.history.replaceState({}, '', url.toString());
}
},
updatePrices() {
const value = this.productIndex ?
this.optionConfig.optionPrices[this.productIndex] :
this.optionConfig.prices;
this.$nextTick(() => {
window.dispatchEvent(
new CustomEvent(
"update-prices-" + this.productId,
{
detail: Object.assign(
value,
{isMinimalPrice: this.calculateIsMinimalPrice()}
)
}
)
);
})
},
updateShortDescription() {
const value = this.optionConfig.short_description
? this.optionConfig.short_description[this.productIndex]
: false;
if (value) {
this.$nextTick(() => {
window.dispatchEvent(
new CustomEvent(
"update-short-description-" + this.productId,
{
detail: Object.assign(
value
)
}
)
);
});
}
},
updateGallery() {
if (this.productIndex) {
const images = this.optionConfig.images
? this.optionConfig.images[this.productIndex]
: false;
if (images) {
window.dispatchEvent(new CustomEvent(
"update-gallery",
{detail: this.sortImagesByPosition(images)}
));
return
}
}
window.dispatchEvent(new Event("reset-gallery"));
},
sortImagesByPosition(images) {
return images.sort((x, y) => {
return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
});
},
preselectQuerystringItems() {
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
Object.values(attribute.options).map(option => {
if (option.label === urlQueryParams.get(attribute.code)) {
if (option.disabled === true) {
this.changeDisabledOption(attribute.id, option.id, false, attribute.code, option.label, true, this.productId);
} else {
this.changeOption(attribute.id, option.id);
}
}
});
});
},
preselectLocationHashItems() {
const urlHashParams = new URLSearchParams(window.location.hash.replace('#', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlHashParams.get(attribute.id) &&
this.changeOption(attribute.id, urlHashParams.get(attribute.id));
});
}
}
}</script> <script>
function initSwatchOptions(swatchConfig) {
return {
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
getAllAttributeOptions(attributeId) {
return (
this.optionConfig.attributes[attributeId] &&
this.optionConfig.attributes[attributeId].options
) || []
},
optionIsActive(attributeId, optionId) {
return !!this.getAllowedAttributeOptions(attributeId).find(
option => option.id === optionId
)
},
optionIsEnabled(attributeId, optionId) {
for (const productId in this.optionConfig.index) {
if (this.optionConfig.index[productId][attributeId] === optionId) {
return true;
}
}
return false;
},
mapSwatchTypeNumberToTypeCode(typeNumber) {
switch ("" + typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
getTypeOfFirstOption(attributeId) {
for (const optionId in this.swatchConfig[attributeId]) {
const option = this.swatchConfig[attributeId][optionId];
if (typeof option.type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(option.type);
}
}
},
getVisualSwatchType(attributeId, targetOptionId) {
const config = this.swatchConfig[attributeId];
if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
}
return this.getTypeOfFirstOption(attributeId);
},
getSwatchType(attributeId, optionId) {
if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
}
const type = this.swatchConfig[attributeId] &&
this.swatchConfig[attributeId].details &&
this.swatchConfig[attributeId].details.swatch_input_type ||
"empty";
return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
},
isTextSwatch(attributeId, optionId) {
return this.getSwatchType(attributeId, optionId) === 'text';
},
isVisualSwatch(attributeId, optionId) {
const type = this.getSwatchType(attributeId, optionId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value;
} else if (type === "image") {
return "background: #ffffff url('" + config.value + "') no-repeat center; background-size: cover;";
} else {
return '';
}
},
getSwatchText(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
},
getOptionLabelFromOptionConfig(attributeId, optionId) {
const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
return option && option[0] && option[0].label ||'';
},
getSwatchConfig(attributeId, optionId) {
return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
? this.swatchConfig[attributeId][optionId]
: false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
isTooltipVisible() {
return this.activeTooltipItem &&
this.getSwatchConfig(
this.activeTooltipItem.attribute,
this.activeTooltipItem.item
);
},
getTooltipImageStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value + '; width: 104px; height: 62px;';
} else if (type === "image") {
return "background: #ffffff url('" + config.thumb +
"') center center no-repeat; width: 104px; height: 62px;";
} else {
return 'display:none';
}
},
getTooltipPosition() {
return this.tooltipPositionElement ?
`top: ${this.tooltipPositionElement.offsetTop}px;` +
`left: ${
this.tooltipPositionElement.offsetLeft - (
this.tooltipPositionElement.closest('.snap') &&
this.tooltipPositionElement.closest('.snap').scrollLeft ||
0
)
}px;` : ''
},
getTooltipLabel() {
return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
},
focusedLabel: false,
focusLabel(optionId) {
this.focusedLabel = optionId;
},
blurLabel() {
this.focusedLabel = false;
},
showSwatches: false,
initShowSwatchesIntersect() {
if ('IntersectionObserver' in window && !window.scrollY) {
const io = new IntersectionObserver(
entries => {
entries.map(entry => {
if (entry.isIntersecting) {
this.showSwatches = true;
io.unobserve(this.$el);
}
})
}
);
io.observe(this.$el);
} else {
this.showSwatches = true
}
}
}
}</script> <!-- Account type: 'Google Tag Manager' is not supported --> <script>
'use strict';
(function () {
const modals = [];
const excludedFromFocusTrapping = new Set();
function loadInertPolyfill(callback) {
if (window.hyva.modal.disableInertPolyfill) {
callback && callback();
} else {
const polyfill = document.createElement('script');
polyfill.src = 'https\u003A\u002F\u002Fwww.adopt.com\u002Fstatic\u002Fversion1729157891\u002Ffrontend\u002FAdopt\u002Fhyva\u002Ffr_FR\u002FHyva_Theme\u002Fjs\u002Fwicg\u002Dinert\u002D3.1.1\u002Finert.min.js';
callback && polyfill.addEventListener('load', callback);
const firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(polyfill, firstScriptTag);
}
}
let isInertPolyfillLoaded = 0;
function setSiblingsInert(dialogElement, toState) {
if (isInertPolyfillLoaded === 0) {
isInertPolyfillLoaded = 1;
loadInertPolyfill(() => {
isInertPolyfillLoaded = 2;
setSiblingsInert(dialogElement, toState)
})
return;
}
if (isInertPolyfillLoaded === 1) {
return;
}
let el = dialogElement;
while (el && (el = el.parentElement)) {
if (el === document.body || el.parentElement === null) continue;
Array.from(el.parentElement.children).forEach(sibling => {
if (sibling !== el) {
sibling.inert = toState;
}
})
}
(function setChildrenInert(el, toState) {
if (el) {
el.inert = toState;
Array.from(el.children).forEach(child => setChildrenInert(child, toState));
}
})(findParentWithOverlaySpread(dialogElement), ! toState)
excludedFromFocusTrapping.forEach(selector => {
Array.from(document.querySelectorAll(selector)).map(el => el.inert = false);
})
}
function findParentWithOverlaySpread(el) {
while (el && (el = el.parentElement)) {
if (el === document.body || el.parentElement === null) continue;
if (el.hasAttribute('x-bind') && el.getAttribute('x-bind').indexOf('overlay(') !== -1) {
return el;
}
}
}
function freeFocusFromModalTrap(modal) {
const dialogElement = modal.viewModel.$refs[modal.name];
isOverlayDisabled(dialogElement) || modal.viewModel.$nextTick(() => setSiblingsInert(dialogElement, false));
}
function trapFocusInNextModalWithOverlay() {
for (let idx = modals.length -1; idx >= 0; idx--) {
const nextOnStack = modals[idx];
const nextDialogElement = nextOnStack.viewModel.$refs[nextOnStack.name];
if (! isOverlayDisabled(nextDialogElement)) {
nextOnStack.viewModel.$nextTick(() => setSiblingsInert(nextDialogElement, true));
break;
}
}
}
function focusables(dialogElement) {
const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
return Array.from(dialogElement.querySelectorAll(selector))
.filter(el => !el.hasAttribute('disabled'));
}
function firstVisible(elements) {
const a = Array.from(elements);
for (let i = 0; i < a.length; i++) {
if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
}
return null;
}
function isInViewport(element) {
const rect = element && element.getBoundingClientRect();
return rect &&
rect.top >= 0 &&
rect.left >= 0 &&
rect.right <= window.innerWidth &&
rect.bottom <= window.innerHeight;
}
function setFocusAfterTransition(dialogElement, duration) {
window.setTimeout(() => {
const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
focusables(dialogElement)[0] ||
null;
focusElement && isInViewport(focusElement) && focusElement.focus();
}, duration + 1);
}
function ucFirst(s) {
return s.substr(0, 1).toUpperCase() + s.substr(1);
}
function isOpenProp(dialogName) {
return 'is' + ucFirst(dialogName) + 'Open';
}
function determineTrigger($refs, dialog, trigger) {
if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target && dialog.target.focus) {
return dialog.target;
}
if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target && trigger.target.focus) {
return trigger.target;
}
if (typeof trigger === 'string' && $refs[trigger]) {
return $refs[trigger];
} else {
return null;
}
}
function isOverlayDisabled(dialog) {
return dialog && dialog.hasAttribute('x-no-overlay')
}
function areRemainingModalsWithoutOverlay(modals)
{
const overflowDisabled = modals.map(modal => modal.viewModel.$refs[modal.name]).filter(isOverlayDisabled);
return overflowDisabled.length === modals.length;
}
window.hyva.modal = function(options) {
const config = Object.assign({
dialog: 'dialog',
duration: 300,
transitionEnter: 'transition ease-out duration-300',
transitionEnterStart: 'opacity-0',
transitionEnterEnd: 'opacity-100',
transitionLeave: 'transition ease-in duration-300',
transitionLeaveStart: 'opacity-100',
transitionLeaveEnd: 'opacity-0',
}, options);
let lastHide = 0;
return {
show(dialog, trigger) {
const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
const name = typeof dialog === 'string' ? dialog : config.dialog;
const dialogElement = this.$refs[name];
const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
dialogElement.scrollTop = 0;
if (this[isOpenProp(name)]) {
return;
}
this[isOpenProp(name)] = true;
useOverlay && this.$nextTick(() => setSiblingsInert(dialogElement, true));
setFocusAfterTransition(dialogElement, config.duration);
modals.push({name, viewModel: this, focusTarget: focusTargetAfterHide, time: Date.now()});
if (useOverlay) {
document.body.classList.add('overflow-hidden');
}
},
hide() {
if (Date.now() - lastHide < config.duration) {
return;
}
lastHide = Date.now();
const modal = modals.pop() || {};
const name = modal.name;
this[isOpenProp(name)] = false;
freeFocusFromModalTrap(modal)
trapFocusInNextModalWithOverlay();
const nextFocusAfterHide = modal.focusTarget;
nextFocusAfterHide && this.$nextTick(() => nextFocusAfterHide.focus());
if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
document.body.classList.remove('overflow-hidden');
}
},
[isOpenProp(config.dialog)]: false,
overlay(dialog) {
const name = typeof dialog === 'string' ? dialog : config.dialog;
return {
['x-show']() {
return this[isOpenProp(name)];
},
['x-transition:enter']: config.transitionEnter,
['x-transition:enter-start']: config.transitionEnterStart,
['x-transition:enter-end']: config.transitionEnterEnd,
['x-transition:leave']: config.transitionLeave,
['x-transition:leave-start']: config.transitionLeaveStart,
['x-transition:leave-end']: config.transitionLeaveEnd,
};
}
};
}
window.hyva.modal.pop = function () {
if (modals.length > 0) {
const modal = modals[modals.length -1];
modal.viewModel.hide();
}
}
window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
typeof selectors === 'string' || selectors instanceof String
? excludedFromFocusTrapping.add(selector)
: selectors.map(selector => excludedFromFocusTrapping.add(selector));
}
document.addEventListener('keydown', function (event) {
if (event.key === 'Escape') {
window.hyva.modal.pop();
}
});
document.addEventListener('click', function(e) {
let onetrustDarkFilter = document.querySelector('#onetrust-consent-sdk > div.onetrust-pc-dark-filter')
if (modals.length > 0 && (!onetrustDarkFilter || onetrustDarkFilter.style.display === 'none')) {
const modal = modals[modals.length -1];
const dialog = modal.viewModel.$refs[modal.name];
if (modal.time + 10 < Date.now() &&
! isOverlayDisabled(dialog) &&
! dialog.contains(e.target)) {
modal.viewModel.hide();
}
}
});
})();</script><script>
document.addEventListener('alpine:init', () => {
Alpine.data("initIncentiveCart", () => ({
isLoading: true,
cartDatas: '',
amount: '',
step1Reached: false,
step2Reached: false,
freeShippingValue: '',
freeGift2Amount: '',
freeGift3Amount: '',
labelShippingStep: '',
currentAmountCart: '',
amountStep: '',
amountStep1: '',
amountStep2: '',
amountStep3: '',
cartDatasLocalStorage() {
let browserStorage = hyva.getBrowserStorage().getItem('mage-cache-storage');
let cart = "";
browserStorage = JSON.parse(browserStorage);
if (browserStorage) {
cart = browserStorage.cart;
} else {
cart = undefined;
}
this.cartDatas = cart;
},
calcFreeShipping(data) {
let subtotalAmount;
if (typeof data !== 'undefined') {
subtotalAmount = data.subtotalAmount
this.cartDatas = data
} else {
subtotalAmount = this.cartDatas.subtotalAmount
}
this.freeShippingValue = this.cartDatas.freeShippingAmount
let amount = this.freeShippingValue - subtotalAmount;
amount = amount.toFixed(2);
if (amount > 0) {
amount = amount.replace('.', ',');
} else {
amount = 0
}
this.amount = amount;
this.isLoading = false;
return amount;
},
calcBarSize(step) {
this.cartDatasLocalStorage();
if (typeof this.cartDatas === 'undefined') {
return;
}
this.calcFreeShipping();
this.freeShippingValue = this.cartDatas.freeShippingAmount;
this.freeGift2Amount = this.cartDatas.freeGift2Amount;
this.freeGift3Amount = this.cartDatas.freeGift3Amount;
this.currentAmountCart = this.cartDatas.subtotalAmount;
this.amountStep1 = this.freeShippingValue - this.currentAmountCart;
this.amountStep2 = this.freeGift2Amount - this.currentAmountCart;
this.amountStep3 = this.freeGift3Amount - this.currentAmountCart;
let widthBar = 100;
if (step === 'step1') {
if (this.amountStep1 > 0) {
widthBar = 100 - (this.amountStep1 * 100 / this.freeShippingValue);
widthBar = this.getWidthBar(widthBar);
this.step1Reached = false;
} else {
widthBar = 100;
this.step1Reached = true;
}
this.amountStep = this.amountStep1.toFixed(2);
this.labelShippingStep = "Livraison offerte"
}
if (step === 'step2' && this.freeGift2Amount) {
if (this.amountStep2 > 0) {
widthBar = 100 - (this.amountStep2 * 100 / (this.freeGift2Amount - this.freeShippingValue));
widthBar = this.getWidthBar(widthBar);
this.step2Reached = false;
} else {
widthBar = 100;
this.step2Reached = true;
}
if(this.amountStep1 < 0) {
this.amountStep = this.amountStep2.toFixed(2);
this.labelShippingStep = this.cartDatas.freeGift2Label;
}
if (!this.step1Reached) {
widthBar = 0;
}
}
if (step === 'step3' && this.freeGift3Amount) {
if (this.amountStep3 > 0) {
widthBar = 100 - (this.amountStep3 * 100 / (this.freeGift3Amount - this.freeGift2Amount));
widthBar = this.getWidthBar(widthBar);
} else {
widthBar = 100;
}
if(this.amountStep2 < 0) {
this.amountStep = this.amountStep3.toFixed(2);
this.labelShippingStep = this.cartDatas.freeGift3Label;
}
if (!this.step2Reached) {
widthBar = 0;
}
}
return 'width: ' + widthBar + '%';
},
getWidthBar(widthBar) {
if (widthBar >= 0 && widthBar < 20) {
widthBar = 20;
} else if (widthBar >= 20 && widthBar < 40) {
widthBar = 40;
} else if (widthBar >= 40 && widthBar < 66) {
widthBar = 66;
} else if (widthBar >= 66 && widthBar < 100) {
widthBar = 90;
}
return widthBar;
}
}));
});</script> <style> .is-loading > :not(.loader) { visibility: hidden; }</style><script>
window.setAjaxCart = (
selectors = '.product_addtocart_form, #product_addtocart_form, .item-widget-add-to-cart, .ritual-addtocart, .category-add-to-cart-form-product, .add-to-cart-form-product-wishlist',
recursive = true
) => {
const addToCartForms = document.querySelectorAll(selectors);
const delay = parseInt('1500', 10);
addToCartForms.forEach(form => {
if (!form.hasEventListener) {
form.hasEventListener = true;
form.addEventListener('submit', e => {
e.preventDefault();
const data = new URLSearchParams(new FormData(form)),
buttons = form.querySelectorAll('.added-to-cart');
let cancelSubmit = false;
buttons.forEach(button => {
let backUrl = false;
let swatchAttributeWrapper = form.querySelector('.swatch-attribute-wrapper');
let checkedInput = swatchAttributeWrapper ? swatchAttributeWrapper.querySelector('input:checked') : false;
if (swatchAttributeWrapper && !checkedInput) {
cancelSubmit = true;
window.dispatchEvent(new CustomEvent('product-addtocart-error'));
setMessage({
text: 'Vous devez choisir des options pour votre article.',
type: 'error',
class: 'fixed'
});
}
if (!button.classList.contains('force-show')) {
button.classList.remove('hidden');
button.disabled = true;
}
if (!cancelSubmit) {
cancelSubmit = true;
fetch(e.currentTarget.action, {
method: 'POST',
body: data,
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest'
}
}).then(res => {
if (!res.ok) {
form.submit();
}
return res.json();
}).then(res => {
if (res.backUrl) {
backUrl = res.backUrl;
} else {
window.dispatchEvent(new CustomEvent('product-addtocart-success-' + data.get('product')));
window.dispatchEvent(new CustomEvent('product-addtocart-success'));
window.dispatchEvent(
new CustomEvent(
'reload-customer-section-data',
{
detail: {
sections: ['cart', 'cart-tagging', 'messages']
}
}
)
);
}
}).catch(err => {
console.log(err);
window.dispatchEvent(new CustomEvent('product-addtocart-error'));
setMessage({
text: 'There was a problem adding your item to the cart.',
type: 'error'
});
}).finally(() => {
try {
var messages = hyva.getCookie('mage-messages');
messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
return;
}
setTimeout(() => {
buttons.forEach(button => {
if (!button.classList.contains('force-show')) {
button.classList.add('hidden');
button.disabled = false;
}
});
messages.forEach(message => {
setMessage(message);
});
if (backUrl && (window.location.href !== backUrl)) {
window.location.href = backUrl;
}
}, delay);
});
}
})
});
}
});
}
/**
* Set Message
*/
function setMessage(message) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[message], 5000
);
}
/** Init on pageload */
window.setAjaxCart();</script> <script type="application/json" id="default-section-data">
{"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":{"summary_count":0,"subtotalAmount":0,"originalSubtotalAmount":0,"subtotal":"<span class=\"price\">0,00\u00a0\u20ac<\/span>","possible_onepage_checkout":true,"items":[],"extra_actions":"","isGuestCheckoutAllowed":false,"website_id":"1","storeId":"1","freeShippingAmount":30,"freeGift2Amount":0,"freeGift2Label":null,"freeGift3Amount":0,"freeGift3Label":null,"minimumShippingAmount":"4.5","isKlarnaEnabled":"1","cartId":"","storeViewCode":"fr","cart_empty_message":"","subtotal_incl_tax":"<span class=\"price\">0,00\u00a0\u20ac<\/span>","subtotal_excl_tax":"<span class=\"price\">0,00\u00a0\u20ac<\/span>","data_id":1729567670},"directory-data":{"AT":{"name":"Autriche","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"Belgique","regions":{"493":{"code":"VAN","name":"Antwerpen"},"494":{"code":"WBR","name":"Brabant wallon"},"495":{"code":"BRU","name":"Brussels-Capital Region"},"496":{"code":"WHT","name":"Hainaut"},"498":{"code":"WLG","name":"Li\u00e8ge"},"497":{"code":"VLI","name":"Limburg"},"499":{"code":"WLX","name":"Luxembourg"},"500":{"code":"WNA","name":"Namur"},"501":{"code":"VOV","name":"Oost-Vlaanderen"},"502":{"code":"VBR","name":"Vlaams-Brabant"},"503":{"code":"VWV","name":"West-Vlaanderen"}}},"BG":{"name":"Bulgarie","regions":{"663":{"code":"BG-01","name":"Blagoevgrad"},"664":{"code":"BG-02","name":"Burgas"},"670":{"code":"BG-08","name":"Dobrich"},"669":{"code":"BG-07","name":"Gabrovo"},"688":{"code":"BG-26","name":"Haskovo"},"671":{"code":"BG-09","name":"Kardzhali"},"672":{"code":"BG-10","name":"Kyustendil"},"673":{"code":"BG-11","name":"Lovech"},"674":{"code":"BG-12","name":"Montana"},"675":{"code":"BG-13","name":"Pazardzhik"},"676":{"code":"BG-14","name":"Pernik"},"677":{"code":"BG-15","name":"Pleven"},"678":{"code":"BG-16","name":"Plovdiv"},"679":{"code":"BG-17","name":"Razgrad"},"680":{"code":"BG-18","name":"Ruse"},"689":{"code":"BG-27","name":"Shumen"},"681":{"code":"BG-19","name":"Silistra"},"682":{"code":"BG-20","name":"Sliven"},"683":{"code":"BG-21","name":"Smolyan"},"684":{"code":"BG-22","name":"Sofia City"},"685":{"code":"BG-23","name":"Sofia Province"},"686":{"code":"BG-24","name":"Stara Zagora"},"687":{"code":"BG-25","name":"Targovishte"},"665":{"code":"BG-03","name":"Varna"},"666":{"code":"BG-04","name":"Veliko Tarnovo"},"667":{"code":"BG-05","name":"Vidin"},"668":{"code":"BG-06","name":"Vratsa"},"690":{"code":"BG-28","name":"Yambol"}}},"CZ":{"name":"Tch\u00e9quie","regions":{"1028":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"1036":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"1030":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"1035":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"1033":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"1032":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"1039":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"1037":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"1034":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"1029":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"1026":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"1027":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"1031":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"1038":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Allemagne","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DK":{"name":"Danemark","regions":{"707":{"code":"DK-84","name":"Hovedstaden"},"708":{"code":"DK-82","name":"Midtjylland"},"709":{"code":"DK-81","name":"Nordjylland"},"710":{"code":"DK-85","name":"Sj\u00e6lland"},"711":{"code":"DK-83","name":"Syddanmark"}}},"EE":{"name":"Estonie","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"ES":{"name":"Espagne","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finlande","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"France","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"1018":{"code":"98","name":"Monaco"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"1017":{"code":"OM","name":"Outre-Mer"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GR":{"name":"Gr\u00e8ce","regions":{"749":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"736":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"737":{"code":"GR-I","name":"Attik\u00ed"},"738":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"739":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"740":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"741":{"code":"GR-D","name":"\u00cdpeiros"},"742":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"743":{"code":"GR-M","name":"Kr\u00edti"},"744":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"745":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"746":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"747":{"code":"GR-E","name":"Thessal\u00eda"},"748":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"HR":{"name":"Croatie"},"HU":{"name":"Hongrie"},"IE":{"name":"Irlande"},"IT":{"name":"Italie","regions":{"768":{"code":"AG","name":"Agrigento"},"769":{"code":"AL","name":"Alessandria"},"770":{"code":"AN","name":"Ancona"},"771":{"code":"AO","name":"Aosta"},"773":{"code":"AR","name":"Arezzo"},"774":{"code":"AP","name":"Ascoli-Piceno"},"775":{"code":"AT","name":"Asti"},"776":{"code":"AV","name":"Avellino"},"777":{"code":"BA","name":"Bari"},"778":{"code":"BT","name":"Barletta-Andria-Trani"},"779":{"code":"BL","name":"Belluno"},"780":{"code":"BN","name":"Benevento"},"781":{"code":"BG","name":"Bergamo"},"782":{"code":"BI","name":"Biella"},"783":{"code":"BO","name":"Bologna"},"784":{"code":"BZ","name":"Bolzano"},"785":{"code":"BS","name":"Brescia"},"786":{"code":"BR","name":"Brindisi"},"787":{"code":"CA","name":"Cagliari"},"788":{"code":"CL","name":"Caltanissetta"},"789":{"code":"CB","name":"Campobasso"},"790":{"code":"CI","name":"Carbonia Iglesias"},"791":{"code":"CE","name":"Caserta"},"792":{"code":"CT","name":"Catania"},"793":{"code":"CZ","name":"Catanzaro"},"794":{"code":"CH","name":"Chieti"},"795":{"code":"CO","name":"Como"},"796":{"code":"CS","name":"Cosenza"},"797":{"code":"CR","name":"Cremona"},"798":{"code":"KR","name":"Crotone"},"799":{"code":"CN","name":"Cuneo"},"800":{"code":"EN","name":"Enna"},"801":{"code":"FM","name":"Fermo"},"802":{"code":"FE","name":"Ferrara"},"803":{"code":"FI","name":"Firenze"},"804":{"code":"FG","name":"Foggia"},"805":{"code":"FC","name":"Forli-Cesena"},"806":{"code":"FR","name":"Frosinone"},"807":{"code":"GE","name":"Genova"},"808":{"code":"GO","name":"Gorizia"},"809":{"code":"GR","name":"Grosseto"},"810":{"code":"IM","name":"Imperia"},"811":{"code":"IS","name":"Isernia"},"772":{"code":"AQ","name":"L'Aquila"},"812":{"code":"SP","name":"La-Spezia"},"813":{"code":"LT","name":"Latina"},"814":{"code":"LE","name":"Lecce"},"815":{"code":"LC","name":"Lecco"},"816":{"code":"LI","name":"Livorno"},"817":{"code":"LO","name":"Lodi"},"818":{"code":"LU","name":"Lucca"},"819":{"code":"MC","name":"Macerata"},"820":{"code":"MN","name":"Mantova"},"821":{"code":"MS","name":"Massa-Carrara"},"822":{"code":"MT","name":"Matera"},"823":{"code":"VS","name":"Medio Campidano"},"824":{"code":"ME","name":"Messina"},"825":{"code":"MI","name":"Milano"},"826":{"code":"MO","name":"Modena"},"827":{"code":"MB","name":"Monza-Brianza"},"828":{"code":"NA","name":"Napoli"},"829":{"code":"NO","name":"Novara"},"830":{"code":"NU","name":"Nuoro"},"831":{"code":"OG","name":"Ogliastra"},"832":{"code":"OT","name":"Olbia Tempio"},"833":{"code":"OR","name":"Oristano"},"834":{"code":"PD","name":"Padova"},"835":{"code":"PA","name":"Palermo"},"836":{"code":"PR","name":"Parma"},"837":{"code":"PV","name":"Pavia"},"838":{"code":"PG","name":"Perugia"},"839":{"code":"PU","name":"Pesaro-Urbino"},"840":{"code":"PE","name":"Pescara"},"841":{"code":"PC","name":"Piacenza"},"842":{"code":"PI","name":"Pisa"},"843":{"code":"PT","name":"Pistoia"},"844":{"code":"PN","name":"Pordenone"},"845":{"code":"PZ","name":"Potenza"},"846":{"code":"PO","name":"Prato"},"847":{"code":"RG","name":"Ragusa"},"848":{"code":"RA","name":"Ravenna"},"849":{"code":"RC","name":"Reggio-Calabria"},"850":{"code":"RE","name":"Reggio-Emilia"},"851":{"code":"RI","name":"Rieti"},"852":{"code":"RN","name":"Rimini"},"853":{"code":"RM","name":"Roma"},"854":{"code":"RO","name":"Rovigo"},"855":{"code":"SA","name":"Salerno"},"856":{"code":"SS","name":"Sassari"},"857":{"code":"SV","name":"Savona"},"858":{"code":"SI","name":"Siena"},"859":{"code":"SR","name":"Siracusa"},"860":{"code":"SO","name":"Sondrio"},"861":{"code":"TA","name":"Taranto"},"862":{"code":"TE","name":"Teramo"},"863":{"code":"TR","name":"Terni"},"864":{"code":"TO","name":"Torino"},"865":{"code":"TP","name":"Trapani"},"866":{"code":"TN","name":"Trento"},"867":{"code":"TV","name":"Treviso"},"868":{"code":"TS","name":"Trieste"},"869":{"code":"UD","name":"Udine"},"870":{"code":"VA","name":"Varese"},"871":{"code":"VE","name":"Venezia"},"872":{"code":"VB","name":"Verbania"},"873":{"code":"VC","name":"Vercelli"},"874":{"code":"VR","name":"Verona"},"875":{"code":"VV","name":"Vibo-Valentia"},"876":{"code":"VI","name":"Vicenza"},"877":{"code":"VT","name":"Viterbo"}}},"LT":{"name":"Lituanie","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxembourg"},"LV":{"name":"Lettonie","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"},"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"MC":{"name":"Monaco"},"NL":{"name":"Pays-Bas"},"PL":{"name":"Pologne","regions":{"602":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"603":{"code":"PL-04","name":"kujawsko-pomorskie"},"604":{"code":"PL-06","name":"lubelskie"},"605":{"code":"PL-08","name":"lubuskie"},"608":{"code":"PL-14","name":"mazowieckie"},"607":{"code":"PL-12","name":"ma\u0142opolskie"},"609":{"code":"PL-16","name":"opolskie"},"610":{"code":"PL-18","name":"podkarpackie"},"611":{"code":"PL-20","name":"podlaskie"},"612":{"code":"PL-22","name":"pomorskie"},"613":{"code":"PL-24","name":"\u015bl\u0105skie"},"614":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"615":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"616":{"code":"PL-30","name":"wielkopolskie"},"617":{"code":"PL-32","name":"zachodniopomorskie"},"606":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PT":{"name":"Portugal","regions":{"922":{"code":"PT-01","name":"Aveiro"},"923":{"code":"PT-02","name":"Beja"},"924":{"code":"PT-03","name":"Braga"},"925":{"code":"PT-04","name":"Bragan\u00e7a"},"926":{"code":"PT-05","name":"Castelo Branco"},"927":{"code":"PT-06","name":"Coimbra"},"928":{"code":"PT-07","name":"\u00c9vora"},"929":{"code":"PT-08","name":"Faro"},"930":{"code":"PT-09","name":"Guarda"},"931":{"code":"PT-10","name":"Leiria"},"932":{"code":"PT-11","name":"Lisboa"},"933":{"code":"PT-12","name":"Portalegre"},"934":{"code":"PT-13","name":"Porto"},"941":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"940":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"935":{"code":"PT-14","name":"Santar\u00e9m"},"936":{"code":"PT-15","name":"Set\u00fabal"},"937":{"code":"PT-16","name":"Viana do Castelo"},"938":{"code":"PT-17","name":"Vila Real"},"939":{"code":"PT-18","name":"Viseu"}}},"RO":{"name":"Roumanie","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"SE":{"name":"Su\u00e8de","regions":{"952":{"code":"SE-K","name":"Blekinge l\u00e4n"},"953":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"955":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"954":{"code":"SE-I","name":"Gotlands l\u00e4n"},"956":{"code":"SE-N","name":"Hallands l\u00e4n"},"957":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"958":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"959":{"code":"SE-H","name":"Kalmar l\u00e4n"},"960":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"961":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"971":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"972":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"962":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"964":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"963":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"965":{"code":"SE-C","name":"Uppsala l\u00e4n"},"966":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"967":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"968":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"969":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"970":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SI":{"name":"Slov\u00e9nie"},"SK":{"name":"Slovaquie"},"data_id":1729567670},"captcha":[],"wishlist":{"items":[]},"instant-purchase":[],"loggedAsCustomer":[],"multiplewishlist":[],"persistent":[],"review":[],"browsing-data":{"env_work":"prod","locale":"fr_FR","env_country":"FR","env_currency":"EUR","env_language":"fr","user_logged":"not logged","user_identification_tool":"guest","data_id":1729567670},"ammessages":[],"customer-tagging":[],"cart-tagging":{"items":[],"restore_cart_url":""},"active-variation-tagging":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script></div></body></html>
