<!doctype html>
<html class="no-js" lang="fr" dir="ltr">
<head><script>
(function () {
function tag(f) {
if (f && f.tagName === 'FORM' && !f.hasAttribute('data-nocaptcha')) {
f.setAttribute('data-nocaptcha', 'true');
}
}
try {
new MutationObserver(function (muts) {
for (var i = 0; i < muts.length; i++) {
var added = muts[i].addedNodes;
for (var j = 0; j < added.length; j++) {
var n = added[j];
if (!n || n.nodeType !== 1) continue;
if (n.tagName === 'FORM') tag(n);
else if (n.querySelectorAll) { var fs = n.querySelectorAll('form'); for (var k = 0; k < fs.length; k++) tag(fs[k]); }
}
}
}).observe(document.documentElement, { childList: true, subtree: true });
} catch (e) {}
document.addEventListener('DOMContentLoaded', function () {
var fs = document.querySelectorAll('form');
for (var i = 0; i < fs.length; i++) tag(fs[i]);
}, true);
})();
</script>
<!-- PERFORMANCE: DNS prefetch for third-party domains -->
<link rel="dns-prefetch" href="https://cdn.shopify.com">
<link rel="dns-prefetch" href="https://connect.facebook.net">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<!-- FIX: TikTok & Instagram in-app browser compatibility -->
<meta http-equiv="X-Requested-With" content="XMLHttpRequest">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link
rel="canonical"
href="https://beautica.tn/"
canonical-url="https://beautica.tn/"
><link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
><title>
Beautica – Le parfum qui fait tourner les têtes ✨
</title>
<meta name="description" content="Beautica.tn vous propose des parfums, soins corps, dupes premium et fragrances authentiques. Qualité supérieure, prix avantageux, livraison rapide partout en Tunisie. Paiement à la livraison.">
<meta property="og:site_name" content="Beautica.tn">
<meta property="og:url" content="https://beautica.tn/">
<meta property="og:title" content="Beautica.tn – Votre boutique beauté & parfums en ligne">
<meta property="og:type" content="website">
<meta property="og:description" content="Beautica.tn vous propose des parfums, soins corps, dupes premium et fragrances authentiques. Qualité supérieure, prix avantageux, livraison rapide partout en Tunisie. Paiement à la livraison."><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Beautica.tn – Votre boutique beauté & parfums en ligne">
<meta name="twitter:description" content="Beautica.tn vous propose des parfums, soins corps, dupes premium et fragrances authentiques. Qualité supérieure, prix avantageux, livraison rapide partout en Tunisie. Paiement à la livraison.">
<style data-shopify>
@font-face {
font-family: Cabin;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//beautica.tn/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2") format("woff2"),
url("//beautica.tn/cdn/fonts/cabin/cabin_n4.8c16611b00f59d27f4b27ce4328dfe514ce77517.woff") format("woff");
}
@font-face {
font-family: Cabin;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//beautica.tn/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2") format("woff2"),
url("//beautica.tn/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff");
}
@font-face {
font-family: Cabin;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//beautica.tn/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"),
url("//beautica.tn/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff");
}
@font-face {
font-family: Cabin;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//beautica.tn/cdn/fonts/cabin/cabin_i4.d89c1b32b09ecbc46c12781fcf7b2085f17c0be9.woff2") format("woff2"),
url("//beautica.tn/cdn/fonts/cabin/cabin_i4.0a521b11d0b69adfc41e22a263eec7c02aecfe99.woff") format("woff");
}
@font-face {
font-family: Cabin;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//beautica.tn/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"),
url("//beautica.tn/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff");
}
:root,
.color-scheme-1 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(128 128 128 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-border-rgb: 198 198 198;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-color-rgb: 30 60 50;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(var(--color-background-rgb));
--arrow-background-rgb: 0 0 0;
--arrow-border: rgb(0 0 0 / 0.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
--pagination-active-color-rgb: 198 198 198;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-2 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(38 38 38 / 1.0);
--color-foreground-rgb: 38 38 38;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(38 38 38 / 1.0);
--color-primary-rgb: 38 38 38;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(243 243 243 / 1.0);
--color-primary-button-text-rgb: 243 243 243;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-color-rgb: 30 60 50;
--arrow-color-hover: rgb(30 60 50 / 1.0);
--arrow-color-hover-rgb: 30 60 50;
--arrow-background: rgb(var(--color-background-rgb));
--arrow-background-rgb: 0 0 0;
--arrow-border: rgb(0 0 0 / 0.0);
--arrow-background-hover: rgb(250 250 250 / 1.0);
--arrow-background-hover-rgb: 250 250 250;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-3 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(18 18 18 / 1.0);
--color-foreground-rgb: 18 18 18;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(33 33 33 / 1.0);
--color-primary-rgb: 33 33 33;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-4 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 0.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-5 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-6 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-border-rgb: 198 198 198;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-color-rgb: 30 60 50;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(var(--color-background-rgb));
--arrow-background-rgb: 0 0 0;
--arrow-border: rgb(0 0 0 / 0.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
--pagination-active-color-rgb: 198 198 198;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-7 {
/* Background */
--color-background: rgb(249 202 230 / 1.0);
--color-background-rgb: 249 202 230;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(249 202 230);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-8 {
/* Background */
--color-background: rgb(248 248 248 / 1.0);
--color-background-rgb: 248 248 248;
/* Body */
--color-foreground: rgb(60 60 60 / 1.0);
--color-foreground-rgb: 60 60 60;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(60 60 60 / 1.0);
--color-primary-rgb: 60 60 60;
--color-primary-hover: rgb(35 35 35 / 1.0);
--color-primary-hover-rgb: 35 35 35;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(248 248 248);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-9 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-border-rgb: 0 0 0;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-color-rgb: 51 51 51;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-background-rgb: 255 255 255;
--arrow-border: rgb(51 51 51 / 1.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
--pagination-active-color-rgb: 51 51 51;
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-10 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
/* Shadow */
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-text-rgb: 0 0 0;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-border-rgb: 198 198 198;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-color-rgb: 30 60 50;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(var(--color-background-rgb));
--arrow-background-rgb: 0 0 0;
--arrow-border: rgb(0 0 0 / 0.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
--pagination-active-color-rgb: 198 198 198;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
.color-scheme-11 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(236 46 165 / 1.0);
--color-foreground-rgb: 236 46 165;
/* Heading */
--color-foreground-heading: rgb(236 46 165 / 1.0);
--color-foreground-heading-rgb: 236 46 165;
/* Link */
--color-primary: rgb(236 46 165 / 1.0);
--color-primary-rgb: 236 46 165;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(236 46 165 / 1.0);
--color-primary-button-text-rgb: 236 46 165;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(236 46 165 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-border-rgb: 198 198 198;
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-color-rgb: 30 60 50;
--arrow-color-hover: rgb(51 51 51 / 1.0);
--arrow-color-hover-rgb: 51 51 51;
--arrow-background: rgb(var(--color-background-rgb));
--arrow-background-rgb: 0 0 0;
--arrow-border: rgb(0 0 0 / 0.0);
--arrow-background-hover: rgb(255 255 255 / 1.0);
--arrow-background-hover-rgb: 255 255 255;
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
--pagination-active-color-rgb: 198 198 198;
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
@media screen and (max-width: 749px){
:root,
.color-mobile-scheme-1 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(128 128 128 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-1 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(128 128 128 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-2 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(38 38 38 / 1.0);
--color-foreground-rgb: 38 38 38;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(38 38 38 / 1.0);
--color-primary-rgb: 38 38 38;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(243 243 243 / 1.0);
--color-primary-button-text-rgb: 243 243 243;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-2 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(38 38 38 / 1.0);
--color-foreground-rgb: 38 38 38;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(38 38 38 / 1.0);
--color-primary-rgb: 38 38 38;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(243 243 243 / 1.0);
--color-primary-button-text-rgb: 243 243 243;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-3 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(18 18 18 / 1.0);
--color-foreground-rgb: 18 18 18;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(33 33 33 / 1.0);
--color-primary-rgb: 33 33 33;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-3 {
/* Background */
--color-background: rgb(250 250 250 / 1.0);
--color-background-rgb: 250 250 250;
/* Body */
--color-foreground: rgb(18 18 18 / 1.0);
--color-foreground-rgb: 18 18 18;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(33 33 33 / 1.0);
--color-primary-rgb: 33 33 33;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(250 250 250);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-4 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 0.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-4 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 0.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-5 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-5 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-6 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-6 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-7 {
/* Background */
--color-background: rgb(249 202 230 / 1.0);
--color-background-rgb: 249 202 230;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(249 202 230);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-7 {
/* Background */
--color-background: rgb(249 202 230 / 1.0);
--color-background-rgb: 249 202 230;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(249 202 230);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-8 {
/* Background */
--color-background: rgb(248 248 248 / 1.0);
--color-background-rgb: 248 248 248;
/* Body */
--color-foreground: rgb(60 60 60 / 1.0);
--color-foreground-rgb: 60 60 60;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(60 60 60 / 1.0);
--color-primary-rgb: 60 60 60;
--color-primary-hover: rgb(35 35 35 / 1.0);
--color-primary-hover-rgb: 35 35 35;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(248 248 248);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-8 {
/* Background */
--color-background: rgb(248 248 248 / 1.0);
--color-background-rgb: 248 248 248;
/* Body */
--color-foreground: rgb(60 60 60 / 1.0);
--color-foreground-rgb: 60 60 60;
/* Heading */
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
/* Link */
--color-primary: rgb(60 60 60 / 1.0);
--color-primary-rgb: 60 60 60;
--color-primary-hover: rgb(35 35 35 / 1.0);
--color-primary-hover-rgb: 35 35 35;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(255 0 0 / 1.0);
--color-primary-button-text-rgb: 255 0 0;
--color-primary-button-background: rgb(18 18 18 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(248 248 248);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-9 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-9 {
/* Background */
--color-background: rgb(0 0 0 / 0.0);
--color-background-rgb: 0 0 0;
/* Body */
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
/* Border */
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
/* Shadow */
--color-shadow: rgb(18 18 18 / 1.0);
--color-shadow-rgb: 18 18 18;
/* Button primary */
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-text-rgb: 0 0 0;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 0.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(18 18 18 / 1.0);
--color-secondary-button-text-rgb: 18 18 18;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(0 0 0);
/* Arrows */
--arrow-color: rgb(51 51 51 / 1.0);
--arrow-background: rgb(255 255 255 / 1.0);
--arrow-border: rgb(51 51 51 / 1.0);
/* Pagination */
--pagination-color: rgb(206 206 206 / 1.0);
--pagination-active-color: rgb(51 51 51 / 1.0);
/* Opacity */
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-10 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
/* Shadow */
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-text-rgb: 0 0 0;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-10 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
/* Heading */
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
/* Link */
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
/* Border */
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
/* Shadow */
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
/* Button primary */
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-text-rgb: 255 255 255;
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-text-rgb: 0 0 0;
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (max-width: 749px){
.color-mobile-scheme-11 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(236 46 165 / 1.0);
--color-foreground-rgb: 236 46 165;
/* Heading */
--color-foreground-heading: rgb(236 46 165 / 1.0);
--color-foreground-heading-rgb: 236 46 165;
/* Link */
--color-primary: rgb(236 46 165 / 1.0);
--color-primary-rgb: 236 46 165;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(236 46 165 / 1.0);
--color-primary-button-text-rgb: 236 46 165;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(236 46 165 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
.color-tablet-scheme-11 {
/* Background */
--color-background: rgb(255 255 255 / 1.0);
--color-background-rgb: 255 255 255;
/* Body */
--color-foreground: rgb(236 46 165 / 1.0);
--color-foreground-rgb: 236 46 165;
/* Heading */
--color-foreground-heading: rgb(236 46 165 / 1.0);
--color-foreground-heading-rgb: 236 46 165;
/* Link */
--color-primary: rgb(236 46 165 / 1.0);
--color-primary-rgb: 236 46 165;
--color-primary-hover: rgb(236 46 165 / 1.0);
--color-primary-hover-rgb: 236 46 165;
/* Border */
--color-border: rgb(169 169 169 / 1.0);
--color-border-rgb: 169 169 169;
/* Shadow */
--color-shadow: rgb(128 128 128 / 1.0);
--color-shadow-rgb: 128 128 128;
/* Button primary */
--color-primary-button-text: rgb(236 46 165 / 1.0);
--color-primary-button-text-rgb: 236 46 165;
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(236 46 165 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
/* Button secondary */
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-text-rgb: 255 255 255;
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
/* Input */
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(198 198 198 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
/* Payment Terms */
--payment-terms-background-color: rgb(255 255 255);
/* Arrows */
--arrow-color: rgb(30 60 50 / 1.0);
--arrow-background: rgb(0 0 0 / 0.0);
--arrow-border: rgb(0 0 0 / 0.0);
/* Pagination */
--pagination-color: rgb(0 0 0 / 1.0);
--pagination-active-color: rgb(198 198 198 / 1.0);
/* Opacity */
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
/* Disabled */
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11 {
color: var(--color-foreground);
background: var(--color-background);
}
:root {
/* Hot stock */
--color-hot-stock: rgb(214 40 40 / 1.0);
/* Badges */
--color-sale-badge-foreground: rgb(255 255 255 / 1.0);
--color-sale-badge-background: rgb(214 40 40 / 1.0);
--color-sale-badge-border:
rgb(214 40 40 / 1.0)
;
--color-sold-out-badge-foreground: rgb(0 0 0 / 1.0);
--color-sold-out-badge-background: rgb(255 255 255 / 1.0);
--color-sold-out-badge-border:
rgb(0 0 0 / 1.0)
;
--color-new-badge-foreground: rgb(0 0 0 / 1.0);
--color-new-badge-background: rgb(255 255 255 / 1.0);
--color-new-badge-border:
rgb(0 0 0 / 1.0)
;
--color-custom-badge-foreground: rgb(0 0 0 / 1.0);
--color-custom-badge-background: rgb(255 255 255 / 1.0);
--color-custom-badge-border:
rgb(0 0 0 / 1.0)
;
/* Product card actions */
--wishtlist-button-color: #000000;
--wishtlist-button-background: #ffffff;
--quickview-button-color: #000000;
--quickview-button-background: #ffffff;
--compare-button-color: #000000;
--compare-button-background: #ffffff;
/* Arrows */
--arrow-width: 6.5rem;
--arrow-height: 3.4rem;
--arrow-icon-size: 4.1rem;
--arrow-radius: 0.0rem;
--arrow-border-thickness: 0.1rem;
/* Section Heights */
--section-height-small: 24rem;
--section-height-medium: 40rem;
--section-height-large: 55rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Line height / Leading */
--body-3xl-font-size: 2.8rem; /* 28px */
--body-2xl-font-size: 2.4rem; /* 24px */
--body-xl-font-size: 2.0rem; /* 20px */
--body-l-font-size: 1.8rem; /* 18px */
--body-m-font-size: 1.6rem; /* 16px */
--body-s-font-size: 1.4rem; /* 14px */
--body-xs-font-size: 1.2rem; /* 12px */
--body-xxs-font-size: 1.0rem; /* 10px */
--body-3xl-line-height: 4.2rem; /* 42px */
--body-2xl-line-height: 3.6rem; /* 36px */
--body-xl-line-height: 3.0rem; /* 30px */
--body-l-line-height: 2.6rem; /* 26px */
--body-m-line-height: 2.4rem; /* 24px */
--body-s-line-height: 2rem; /* 20px */
--body-xs-line-height: 1.8rem; /* 18px */
--body-xxs-line-height: 1.4rem; /* 14px */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */--font-size--paragraph: 1.6rem;--font-size--paragraph-md: calc(1.6rem + 0.2rem);--font-size--paragraph-sm: clamp(1rem, calc(1.6rem - 0.2rem), 1.6rem);--font-size--h1: clamp(5.0rem, 9.6vw, 6.0rem);--font-size--h2: clamp(3.0rem, 8.0vw, 5.0rem);--font-size--h3: 4.0rem;--font-size--h4: 3.0rem;--font-size--h5: 2.0rem;--font-size--h6: 1.6rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: ;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: ;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: ;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: ;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: ;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-heading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);--font-h6--case: ;--font-h6--line-height: var(--line-height--display-normal);/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em; /* -0.3px */
--letter-spacing--display-normal: 0; /* 0px */
--letter-spacing--display-loose: 0.03em; /* 0.3px */
--letter-spacing--heading-tight: -0.03em; /* -0.3px */
--letter-spacing--heading-normal: 0; /* 0px */
--letter-spacing--heading-loose: 0.03em; /* 0.3px */
--letter-spacing--body-tight: -0.03em; /* -0.3px */
--letter-spacing--body-normal: 0; /* 0px */
--letter-spacing--body-loose: 0.03em; /* 0.3px */
/* Text transform */
--text-transform--none: none;
--text-transform--uppercase: uppercase;
--text-transform--capitalize: capitalize;
/* Font body */
--font-body--family: Cabin, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-body--size: 1.6rem;
--font-body--line-height: var(--line-height--body-normal);
/* Font subheading */
--font-subheading--family: Cabin, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
/* Font heading */
--font-heading--family: Cabin, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 400;
/* Font size */
--font-size--3xs: 1.0rem; /* 10px */
--font-size--2xs: 1.2rem; /* 12px */
--font-size--xs: 1.3rem; /* 13px */
--font-size--sm: 1.4rem; /* 14px */
--font-size--md: 1.6rem; /* 16px */
--font-size--lg: 1.8rem; /* 18px */
--font-size--xl: 2rem; /* 20px */
--font-size--2xl: 2.4rem; /* 24px */
--font-size--3xl: 3.2rem; /* 32px */
--font-size--4xl: 4rem; /* 40px */
--font-size--5xl: 4.8rem; /* 48px */
--font-size--6xl: 5.6rem; /* 56px */
/* Margin sizes */
--font-h1--spacing: 0.25em; /* 2.5px */
--font-h2--spacing: 0.25em; /* 2.5px */
--font-h3--spacing: 0.25em; /* 2.5px */
--font-h4--spacing: 0.25em; /* 2.5px */
--font-h5--spacing: 0.25em; /* 2.5px */
--font-h6--spacing: 0.25em; /* 2.5px */
--font-paragraph--spacing: 0; /* 0px */
/* Page layout */
--page-margin: 1rem; /* 10px */
--page-content-width: 177rem;
--page-width: calc(var(--page-content-width) + var(--page-margin) * 2);
--sidebar-width: 25rem; /* 250px */
--side-cart-width: 34rem; /* 340px */
--narrow-content-width: 36rem; /* 360px */
--normal-content-width: 42rem; /* 420px */
--wide-content-width: 46rem; /* 460px */
--narrow-page-width: 90rem; /* 900px */
--normal-page-width: 120rem; /* 1200px */
--wide-page-width: 150rem; /* 1500px */
/* Product card */
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-border-width: 0.0rem;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
/* Badge */
--badge-corner-radius: 0.0rem;
/* Grid */
--grid-desktop-vertical-spacing: 3.0rem;
--grid-desktop-horizontal-spacing: 3.0rem;
--grid-mobile-vertical-spacing: 1.5rem;
--grid-mobile-horizontal-spacing: 1.5rem;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-buttons-primary: 0.0rem;
--style-border-radius-buttons-secondary: 0.0rem;
--style-border-width-primary: 0.1rem;
--style-border-width-secondary: 0.1rem;
/* Buttons */
--button-font-family-primary: var(--font-subheading--family);
--button-font-family-secondary: var(--font-subheading--family);
--button-font-size-primary: 1.6rem;
--button-font-size-secondary: 1.6rem;
--button-font-weight-primary: 500;
--button-font-weight-secondary: default;
--button-text-case-primary: uppercase;
--button-text-case-secondary: uppercase;
--buttons-shadow-horizontal-offset: 0.0rem;
--buttons-shadow-vertical-offset: 0.0rem;
--buttons-shadow-blur-radius: 0.0rem;
--button-padding-vertical: 1.2rem;
--button-padding-vertical-mobile: 1.2rem;
--button-padding-horizontal: 3.2rem;
--button-padding-horizontal-mobile: 1.6rem;
--minimum-touch-target: 4.5rem; /* 45px */
--button-size: var(--minimum-touch-target);
/* Focus */
--focus-outline-width: 0.09375rem; /* 0.9375px */
--focus-outline-offset: 0.2em; /* 2px */
/* Icons */
--icon-size-2xs: 0.8rem; /* 8px */
--icon-size-xs: 1.2rem; /* 12px */
--icon-size-sm: 1.6rem; /* 16px */
--icon-size-md: 2rem; /* 20px */
--icon-size-lg: 2.4rem; /* 24px */
--icon-size-xl: 3.2rem; /* 32px */
--icon-stroke-width: 1.5px; /* 1px, 2px, 1.5px */
/* Inputs */
--inputs-radius: 0.0rem;
--inputs-border-width: 0.1rem;
--inputs-shadow-horizontal-offset: 0.0rem;
--inputs-shadow-vertical-offset: 0.0rem;
--inputs-shadow-blur-radius: 0.0rem;
--inputs-radius-outset: 0px;
/* Variant pills */
--variant-pills-radius: 0.0rem;
--variant-pills-border-width: 0.1rem;
--variant-pills-shadow-horizontal-offset: 0.0rem;
--variant-pills-shadow-vertical-offset: 0.0rem;
--variant-pills-shadow-blur-radius: 0.0rem;
/* Swatch input */
--swatch-input--size: 2.0rem;
/* Localization */
--localization-radius: 0.0rem;
--localization-border-width: 0.1rem; /* 1px */
--localization-corner-radius: 1rem; /* 10px */
--localization-shadow: 0 1rem 2rem rgb(40 40 40 / var(--opacity-8));
/* Popover */
--modal-max-width: 90dvw;
--modal-max-height: 90dvh;
--style-border-width-popover: 0.0rem;
--style-border-radius-popover: 0.0rem;
--style-border-popover: var(--style-border-width-popover) normal rgb(var(--color-border-rgb) / 50%);
/* Quantity */
--quantity-color-background: var(--color-foreground-rgb);
--quantity-radius: 0.0rem;
--quantity-border-width: 0.1rem; /* 1px */
--quantity-shadow: none;
/* Size */
--size-1: 0.1rem; /* 1px */
--size-2: 0.2rem; /* 2px */
--size-3: 0.3rem; /* 3px */
--size-4: 0.4rem; /* 4px */
--size-5: 0.5rem; /* 5px */
--size-6: 0.6rem; /* 6px */
--size-7: 0.7rem; /* 7px */
--size-8: 0.8rem; /* 8px */
--size-9: 0.9rem; /* 9px */
--size-10: 1rem; /* 10px */
--size-11: 1.1rem; /* 11px */
--size-12: 1.2rem; /* 12px */
--size-13: 1.3rem; /* 13px */
--size-14: 1.4rem; /* 14px */
--size-15: 1.5rem; /* 15px */
--size-16: 1.6rem; /* 16px */
--size-17: 1.7rem; /* 17px */
--size-18: 1.8rem; /* 18px */
--size-19: 1.9rem; /* 19px */
--size-20: 2rem; /* 20px */
--size-21: 2.1rem; /* 21px */
--size-22: 2.2rem; /* 22px */
--size-23: 2.3rem; /* 23px */
--size-24: 2.4rem; /* 24px */
--size-25: 2.5rem; /* 25px */
--size-26: 2.6rem; /* 26px */
--size-27: 2.7rem; /* 27px */
--size-28: 2.8rem; /* 28px */
--size-29: 2.9rem; /* 29px */
--size-30: 3rem; /* 30px */
--size-31: 3.1rem; /* 31px */
--size-32: 3.2rem; /* 32px */
--size-33: 3.3rem; /* 33px */
--size-34: 3.4rem; /* 34px */
--size-35: 3.5rem; /* 35px */
--size-36: 3.6rem; /* 36px */
--size-37: 3.7rem; /* 37px */
--size-38: 3.8rem; /* 38px */
--size-39: 3.9rem; /* 39px */
--size-40: 4rem; /* 40px */
--size-41: 4.1rem; /* 41px */
--size-42: 4.2rem; /* 42px */
--size-43: 4.3rem; /* 43px */
--size-44: 4.4rem; /* 44px */
--size-45: 4.5rem; /* 45px */
--size-46: 4.6rem; /* 46px */
--size-47: 4.7rem; /* 47px */
--size-48: 4.8rem; /* 48px */
/* Spacing */
--padding-3xs: 0.2rem; /* 2px */
--padding-2xs: 0.4rem; /* 4px */
--padding-xs: 0.8rem; /* 8px */
--padding-sm: 1rem; /* 10px */
--padding-md: 1.2rem; /* 12px */
--padding-lg: 1.6rem; /* 16px */
--padding-xl: 2rem; /* 20px */
--padding-2xl: 2.4rem; /* 24px */
--padding-3xl: 2.8rem; /* 28px */
--padding-4xl: 3.2rem; /* 32px */
--padding-5xl: 4.8rem; /* 48px */
--padding-6xl: 6.4rem; /* 64px */
--gap-3xs: 0.125rem; /* 1.25px */
--gap-2xs: 0.3rem; /* 3px */
--gap-xs: 0.5rem; /* 5px */
--gap-sm: 0.7rem; /* 7px */
--gap-md: 0.9rem; /* 9px */
--gap-lg: 1rem; /* 10px */
--gap-xl: 1.5rem; /* 15px */
--gap-2xl: 2rem; /* 20px */
--gap-3xl: 2.5rem; /* 25px */
--gap-4xl: 3rem; /* 30px */
--margin-3xs: 0.2rem; /* 2px */
--margin-2xs: 0.4rem; /* 4px */
--margin-xs: 0.8rem; /* 8px */
--margin-sm: 1rem; /* 10px */
--margin-md: 1.2rem; /* 12px */
--margin-lg: 1.6rem; /* 16px */
--margin-xl: 2rem; /* 20px */
--margin-2xl: 2.4rem; /* 24px */
--margin-3xl: 2.8rem; /* 28px */
--margin-4xl: 3.2rem; /* 32px */
--margin-5xl: 4.8rem; /* 48px */
--margin-6xl: 8rem; /* 80px */
--spacing-sections-desktop: 0.0rem;
--spacing-sections-mobile: 0px;
--spacing-scale-sm: 0.5;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-raised: 2;
--layer-base: 0;
--layer-flat: 1;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-sidebar: 19;
--layer-temporary: 20;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--ease-out-smooth: cubic-bezier(0.61, 0.22, 0.23, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-slowest: 0.35s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-slowest-smooth: var(--animation-speed-slowest) var(--ease-out-smooth);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* multi-level-category */
--color-label-multiLevel-categories: #232323;
--bg-label-multiLevel-categories: #ffffff;
--color-button-multiLevel-categories: #ffffff;
--bg-button-multiLevel-categories: #ff8b21;
--border-button-multiLevel-categories: transparent;
--hover-color-button-multiLevel-categories: #ffffff;
--hover-bg-button-multiLevel-categories: #ff8b21;
/* Opacity */
--opacity-0: 0;
--opacity-1: 0.01;
--opacity-4: 0.04;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-35: 0.35;
--opacity-40: 0.4;
--opacity-45: 0.45;
--opacity-50: 0.5;
--opacity-55: 0.55;
--opacity-60: 0.6;
--opacity-65: 0.65;
--opacity-70: 0.7;
--opacity-75: 0.75;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-95: 0.95;
--opacity-100: 1;
--opacity-subdued-text: var(--opacity-70);
/* Colors */
--color-black: #000000;
--color-black-rgb: 0 0 0;
--color-white: #ffffff;
--color-white-rgb: 255 255 255;
--color-success-text: #28a745;
--color-success-background: #d4edda;
--color-error-text: #dc3545;
--color-error-background: #f8d7da;
--color-info-text: #17a2b8;
--color-info-background: #d1ecf1;
--color-warning-text: #5c4425;
--color-warning-background: #fbf8e5;
--bg-light-gray: #fafafa;
--bg-medium-gray: #cccccc;
--bg-dark-gray: #333333;
--color-error-strikethrough: #e95144;
--color-new-arrivals: #427AE8;
--color-hot: #E85342;--free-shipping-height : 10px;
--free-shipping-border-radius : 10px;
--free-shipping-color : #808080;
--free-shipping-bg : #a9a9a9;
--free-shipping-bg-1: #ec2ea5;
--free-shipping-bg-2: #ff5431;
--free-shipping-bg-3: #69c69c;
--free-shipping-bg-4: #69c69c;
--free-shipping-min-height : 20.0px;}
@media screen and (min-width: 750px) {
:root {
--page-margin: 4rem;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 62.5%;
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: auto;
margin: 0;
font-size: var(--font-body--size);
line-height: var(--font-body--line-height);
font-family: var(--font-body--family);
font-style: var(--font-body--style);
font-weight: var(--font-body--weight);
}
</style>
<link rel="preload" as="font" href="//beautica.tn/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//beautica.tn/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//beautica.tn/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2" type="font/woff2" crossorigin>
<link href="//beautica.tn/cdn/shop/t/13/assets/vendor.css?v=125514756949995026771784258017" rel="stylesheet" type="text/css" media="all" /><link href="//beautica.tn/cdn/shop/t/13/assets/base.css?v=55854884744254751661784257901" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/section.css?v=172299611464518051501784258008" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-slider.css?v=145491944365060270871784257917" media="print" onload="this.media='all'"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-card-countdown.css?v=168361723157625986991784257904" media="print" onload="this.media='all'"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-calculator-shipping.css?v=55976318009202526311784257903" media="print" onload="this.media='all'"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-swatch.css?v=58085827403482072441784257918" media="print" onload="this.media='all'"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-predictive-search.css?v=92453539712908328361784257912" media="print" onload="this.media='all'"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-card.css?v=94790051058845870401784257904" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-price.css?v=2772200096757936741784257912" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart-items.css?v=80755328119924338401784257905" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/animation.css?v=88245835038501500411784257898" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/section.css?v=172299611464518051501784258008">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-slider.css?v=145491944365060270871784257917"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-card-countdown.css?v=168361723157625986991784257904"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-calculator-shipping.css?v=55976318009202526311784257903"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-swatch.css?v=58085827403482072441784257918"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-predictive-search.css?v=92453539712908328361784257912"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-card.css?v=94790051058845870401784257904">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-price.css?v=2772200096757936741784257912">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart-items.css?v=80755328119924338401784257905">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/animation.css?v=88245835038501500411784257898">
</noscript>
<link href="//beautica.tn/cdn/shop/t/13/assets/beautica-custom.css?v=59056772404973488811786299378" rel="stylesheet" type="text/css" media="all" />
<script src="//beautica.tn/cdn/shop/t/13/assets/vendor.js?v=173475408311710871421784258017" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/global.js?v=95222016038169885941784257929" defer="defer"></script><script src="//beautica.tn/cdn/s/javascripts/currencies.js" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/free-shipping-message.js?v=88741166287870702821784257928" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/edit-cart.js?v=149950548967368495351784257925" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/countdown.js?v=50308607292380154501784257922" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/animations.js?v=62449766046873123401784257899" defer="defer"></script><script src="//beautica.tn/cdn/shop/t/13/assets/text-animation.js?v=80153670801686326571784258014" defer="defer"></script><script>
/* console.log removed for performance */
window.shopUrl = "https:\/\/beautica.tn";
window.routes = {
shop_origin: "https:\/\/beautica.tn",
root: null,
root_url: "\/",
cart_add_url: "\/cart\/add",
cart_change_url: "\/cart\/change",
cart_update_url: "\/cart\/update",
cart_url: "\/cart",
collection_all: "\/collections\/all",
predictive_search_url: "\/search\/suggest",
search_url: "\/search"
};
window.inventory_text = {
hotStock: "Dépêchez-vous ! Seulement [inventory] restants",
warningQuantity: "Quantité maximale : [inventory]"
};
window.button_load_more = {
default: "Afficher plus",
loading: "Chargement...",
view_all: "Tout voir",
no_more: "Plus de produits",
no_more_collection: "Plus de produits dans cette collection"
};
window.cartStrings = {
error: "Une erreur s\u0026#39;est produite lors de la mise à jour de votre panier. Veuillez réessayer.",
quantityError: "Vous ne pouvez ajouter que [quantity] de cet article à votre panier.",
item: "[count] article",
items: "[count] articles",
item_99: "99+"
};
window.variantStrings = {
addToCart: "Ajouter au panier",
addToCart_message: "Vous devez sélectionner au moins un produit pour l\u0026#39;ajouter au panier!",
addingToCart: "Ajout au panier...",
chooseOptions: "Choisir les options",
preOrder: "Précommande",
soldOut: "Épuisé",
soldOut_message: "La variante est épuisée!",
unavailable: "Indisponible",
unavailable_message: "La variante est indisponible!",
unavailable_with_option: "[value] - Indisponible"
};
window.quickOrderListStrings = {
itemsAdded: "[quantity] articles ajoutés",
itemAdded: "[quantity] article ajouté",
itemsRemoved: "[quantity] articles supprimés",
itemRemoved: "[quantity] article supprimé",
viewCart: "Voir le panier",
each: "[money]\/pièce",
min_error: "Cet article a un minimum de [min]",
max_error: "Cet article a un maximum de [max]",
step_error: "Vous ne pouvez ajouter cet article qu’avec des multiples de [step]"
};
window.accessibilityStrings = {
imageAvailable: "Image [index] désormais disponible en mode galerie",
shareSuccess: "Lien copié dans le presse-papier",
pauseSlideshow: "Mettre le diaporama en pause",
playSlideshow: "Lire le diaporama",
recipientFormExpanded: "Formulaire du bénéficiaire de la carte-cadeau développé",
recipientFormCollapsed: "Formulaire du bénéficiaire de la carte-cadeau réduit",
countrySelectorSearchCount: "[count] pays\/régions trouvés"
};
window.shippingCalculatorStrings = {
error: "Une ou plusieurs erreurs sont survenues lors de la récupération des tarifs de livraison :",
not_found: "Désolé, nous ne livrons pas à votre adresse.",
one_result: "Un tarif de livraison existe pour votre adresse :",
multiple_results: "Plusieurs tarifs de livraison existent pour votre adresse :"
};
window.countdown = {
day: "J",
hour: "H",
min: "Min",
sec: "sec",
days: "Jours",
hours: "Heures",
mins: "Minutes",
secs: "secs",
d: "j",
h: "h",
m: "m",
s: "s"
};
window.dynamicBrowserTitle = {
show: true,
text: "🌸 Your signature scent is waiting"
};
window.floatingIcons = {
show: false,
icons: "❆,❆",
speed: 100
};
window.free_shipping_price = 190;
window.free_shipping_default_currency = "TND";
window.free_shipping_text = {
free_shipping_message: "Livraison gratuite pour toute commande supérieure à",
free_shipping_message_1: "Vous bénéficiez de la livraison gratuite !",
free_shipping_message_2: "Il ne vous manque que",
free_shipping_message_3: "avant",
free_shipping_message_4: "livraison gratuite",
free_shipping_1: "Gratuit",
free_shipping_2: "À venir"
};
window.wishlist = {
add: "Ajouter à la liste de souhaits",
added: "Ajouté à la liste de souhaits",
empty: "Aucun produit n\u0026#39;a été ajouté à votre liste de souhaits",
continue_shopping: "Continuer les achats",
remove: "Retirer"
};
window.compare = {
show: true,
add: "Ajouter à la comparaison",
added: "Ajouté à la comparaison",
message: "Vous devez sélectionner au moins deux produits pour comparer !"
};
window.money_format = "\u003cspan class=money\u003e{{amount}} TND\u003c\/span\u003e";
window.info = {
name: 'ELLA Theme',
version: 'v7.0.5 - 2026/01/19'
};
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="KPyvCOZVWUoyoQVY-cLK_mAjyEkFs1KMaNsok92D7AQ">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74023403833/digital_wallets/dialog">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=fr-TN"></script>
<script id="shopify-features" type="application/json">{"accessToken":"3ff657ae93aaf54436f97ad3baf44cb1","betas":["rich-media-storefront-analytics"],"domain":"beautica.tn","predictiveSearch":true,"shopId":74023403833,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "barbie-tn.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"TND","rate":"1.0"};
Shopify.country = "TN";
Shopify.theme = {"name":"claude theme","id":188407808313,"schema_name":"Ella","schema_version":"7.0.5","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "beautica.tn/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":74023403833,"offset":7200,"reqid":"f9ff14f6-72c7-498a-9c3a-b1e1f9189f29-1790365310","pageurl":"beautica.tn\/?srsltid=AU7gw4WcbR7eL_Ms4pNQbzPN3af3-xmgb2Vr9TizdleYVOI7li3Zhhqp","u":"5655eb703745","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//beautica.tn/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//beautica.tn/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "barbie-tn.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/beautica.tn\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/beautica.tn\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
</script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- PERFORMANCE: Preconnect to critical third-party origins -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<style>
/* 1. Prevent the preloader from ever having 'opacity: 1' after the first load */
.preload-screen:not([loaded]) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* 2. Ensure the body is always visible even if the theme tries to hide it */
body.off, body:not(.loaded) {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
/* 3. Disable any fade-in animations that cause a 'loading' delay */
.loading-css, [data-cc-animate] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
</style>
<script>
(function() {
// Performance: Delay non-critical third-party scripts
var delayed = false;
function loadDelayedScripts() {
if (delayed) return;
delayed = true;
// Remove this listener
document.removeEventListener('scroll', loadDelayedScripts);
document.removeEventListener('mousemove', loadDelayedScripts);
document.removeEventListener('touchstart', loadDelayedScripts);
document.removeEventListener('click', loadDelayedScripts);
document.removeEventListener('keydown', loadDelayedScripts);
// Load any delayed scripts
document.querySelectorAll('script[data-delayed-src]').forEach(function(el) {
var script = document.createElement('script');
script.src = el.getAttribute('data-delayed-src');
if (el.async) script.async = true;
if (el.defer) script.defer = true;
document.body.appendChild(script);
el.remove();
});
}
// Trigger on first user interaction
['scroll', 'mousemove', 'touchstart', 'click', 'keydown'].forEach(function(evt) {
document.addEventListener(evt, loadDelayedScripts, { once: true, passive: true });
});
// Fallback: load after 5 seconds regardless
setTimeout(loadDelayedScripts, 5000);
})();
</script><!-- BEGIN app block: shopify://apps/easysell-cod-form/blocks/app-embed/7bfd0a95-6839-4f02-b2ee-896832dbe67e --><!-- BEGIN app snippet: coverage -->
<script defer src="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/COUNTRIES-TN.js"></script>
<!-- END app snippet -->
<script type="application/javascript">
window.ES_COUNTRY_PROMISE = fetch("/browsing_context_suggestions.json")
.then((r) => r.json())
.then((d) => (window.ES_COUNTRY = window.ES_COUNTRY || d.detected_values.country.handle))
.catch(() => null);
</script>
<link rel="preload" href="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/easysell.css" as="style">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/easysell.css" media="print" onload="this.media='all'">
<link rel="preload" as="image" href="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/discount.svg">
<link rel="preload" as="image" href="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/loading.svg">
<script type="application/javascript">
var ES_ASSETS_URL = "https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/";
var EASYSELL_CONFIG = {"active":true,"fields":[{"hide":true,"size":"18","type":"title","style":{"color":"#000000","fontSize":"18","textAlign":"left","fontWeight":"900"},"title":"Veuillez remplir le formulaire pour commander","value":"header","weight":"600","alignment":"center"},{"type":"cart_content","label":"Cart content","value":"cart_content"},{"type":"order_summary","label":"Order summary","style":{"color":"#4a1942","borderColor":"#f9a8d4","backgroundColor":"#fce7f3"},"value":"order_summary","labels":{"total":"Total","discount":"Remise","shipping":"Expédition","subtotal":"Sous-total","taxMessage":"Toutes taxes comprises"}},{"type":"shipping_options","label":"Shipping options","value":"shipping_options","labels":{"free":"Gratuit","shipping_options":"Options d'expédition"}},{"icon":"bi-person-circle","type":"text","error":null,"label":"First Name","title":"Name","value":"first_name","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"placeholder":"Nom et prénom (الاسم واللقب)","isRestricted":false},{"icon":"bi-telephone-fill","type":"text","error":null,"label":"Phone","title":"Téléphone","value":"phone","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"onlyDigits":true,"placeholder":"Téléphone (رقم الهاتف)","isRestricted":false},{"icon":"bi-geo-alt-fill","type":"text","error":null,"label":"Address","title":"Adresse","value":"address","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"placeholder":"Adresse (العنوان)","isRestricted":false},{"hide":false,"icon":"bi-geo-alt-fill","type":"text","error":null,"label":"City","title":"Region","value":"city","required":true,"enableIcon":true,"placeholder":"Gouvernorat (الولاية)","prepopulate":true,"provinceDisabled":true},{"type":"button","color":"#ffffff","style":{"color":"#ffffff","fontSize":16,"fontStyle":"normal","background":"linear-gradient(135deg, #db2777, #f472b6)","fontWeight":"700","borderColor":"#db2777","borderStyle":"solid","borderWidth":0,"borderRadius":12,"boxShadowOpacity":20},"title":"Je confirme ma commande ✅","value":"cta","animation":"pulse","backgroundColor":"#000000"}],"translations":null,"settings":{"css":".es-cta-group {\n display: flex !important;\n flex-direction: column !important;\n}\n\n.es-checkout_9764-group {\n order: 2 !important;\n}\n\n.es-cta-group {\n order: 1 !important;\n}","fee":{"type":"fixed","value":0,"enabled":false,"taxable":false},"apply":"all","active":false,"sticky":false,"hidebuy":false,"coverage":[],"cpbStyle":{"color":"#ffffff","fontSize":16,"animation":"shakeLeftRight","fontStyle":"normal","background":"linear-gradient(135deg, #ec4899 0%, #fb7185 100%)","fontWeight":"700","borderColor":"#ec4899","borderStyle":"solid","borderWidth":0,"borderRadius":20,"boxShadowOpacity":26},"cpb_icon":"bag-fill","cpb_text":"Commander maintenant","endpoint":null,"hide_atc":false,"hide_cta":true,"products":[],"purchase":null,"formStyle":{"color":"#000000","fontSize":16,"background":"#ffffff","borderColor":"#000000","borderStyle":"solid","borderWidth":0,"borderRadius":10,"boxShadowOpacity":0},"form_type":"popup","otp_first":false,"placement":"both","redirects":"custom","cpb_button":true,"formConfig":{"rtl":false,"hideLabel":true,"enableIcon":true,"labelsAlignment":"auto","disableAutocomplete":true},"cod_gateway":true,"collections":[],"draft_order":false,"eligibility":{"enabled":false,"showMessage":false},"cpb_subtitle":"Paiement à la livraison","redirect_url":"https://barbie-tn.myshopify.com/pages/merci?order={{order.number}}&total={{order.total}}","send_receipt":true,"translations":[],"formCountries":["TN"],"hide_checkout":false,"singleProduct":false,"thankyou_text":"<h3>🎉 Votre commande a été passée avec succès 🎉</h3>\n<h4>🎉 Merci de faire vos achats chez nous 🎉</h4>","excluded_pages":[],"shippingConfig":{"type":"custom","rates":{"id":469851177273,"name":"Local","countries":[{"id":588789383481,"tax":0.18,"code":"TN","name":"Tunisia","tax_name":"VAT","provinces":[],"shipping_zone_id":469851177273}],"profile_id":"gid://shopify/DeliveryProfile/100935467321","location_group_id":"gid://shopify/DeliveryLocationGroup/102118031673","admin_graphql_api_id":"gid://shopify/DeliveryZone/469851177273","price_based_shipping_rates":[{"id":670418862393,"name":"Standard","price":"7.000","shipping_zone_id":469851177273,"max_order_subtotal":null,"min_order_subtotal":null}],"weight_based_shipping_rates":[]},"enabled":true,"customRates":[{"id":"de9waq","name":"Livraison Express","type":null,"price":8,"products":["9694501896505","9697214038329","9697219379513","9697223737657","9697228751161","9697233371449","9697239335225","9697244545337","9697246642489","9697248706873"],"condition":null,"countries":["TN"],"shopifyId":"gid://shopify/DeliveryMethodDefinition/670418862393","description":null,"hasCondition":false,"limitCountries":true},{"id":"01ui29","name":"Livraison Express","type":"price","price":0,"products":["9694501896505","9697214038329","9697219379513","9697223737657","9697228751161","9697233371449","9697239335225","9697244545337","9697246642489","9697248706873"],"condition":{"min":"190.0"},"countries":["TN"],"shopifyId":"gid://shopify/DeliveryMethodDefinition/670418862393?source=RateRangeCondition&source_id=321826881849","description":null,"hasCondition":true,"limitCountries":true}]},"single_product":false,"abandonedConfig":{"klaviyo":{"apiKey":null,"enabled":false},"omnisend":{"apiKey":null,"enabled":false}},"fullScreenPopup":false,"limit_countries":false,"sticky_position":"bottom","disable_autofill":false,"native_placement":"after","disable_abandoned":false,"include_client_ip":false,"order_tag_enabled":true,"sticky_persistent":false,"auto_detect_pixels":true,"disable_on_soldout":true,"disable_auto_discount":false,"original_phone_format":false,"customerBlockedMessage":"Désolé, vous n'êtes pas autorisé à passer plus de commandes, veuillez réessayer plus tard","send_fulfillment_receipt":false},"shop":"barbie-tn.myshopify.com","google_autocomplete":false};
var EASYSELL_QUANTITY_OFFERS = [];
var EASYSELL_UPSELLS = [];
var EASYSELL_DOWNSELLS = [];
var ES_CSS_URL = "https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/easysell.css";
var ES_CURRENT_PAGE = "index"
var ES_WEIGHT_UNIT = "0.0 kg";
var ES_MONEY_FORMAT = '<span class=money>{{amount}} TND</span>';
var ES_CURRENCY = "TND";
var ES_PRODUCT_COLLECTIONS = null;
var ES_CUSTOMER_ADDRESSES = null;
var ES_CUSTOMER_EMAIL = "";
</script>
<script id="es-custom-js" type="application/javascript">
window.ES_ADD_TO_CART_BTN_SELECTOR = '[name="add"]';
</script>
<style id="es-css">
.es-cta-group {
display: flex !important;
flex-direction: column !important;
}
.es-checkout_9764-group {
order: 2 !important;
}
.es-cta-group {
order: 1 !important;
}
</style>
<script type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/helpers.js"></script>
<script type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/vendor.js"></script>
<script id="es-script" type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a0b0b9-c255-7a91-a770-c0324a959906/easysell-cod-form-523/assets/easysell.js"></script>
<!-- BEGIN app snippet: trans --><script>
var ES_I18N = {
bumps: {},
offers: {},
bundles: {},
upsells: {},
downsells: {},
fields: {},
settings: {}
};
var ES_TRANS_LABELS={free:{ar:"مجاني",en:"Free",fr:"Gratuit",es:"Gratis",de:"Kostenlos",it:"Gratuito",pt:"Grátis",nl:"Gratis",pl:"Darmowe",ru:"Бесплатно",ja:"無料",zh:"免费",ko:"무료",sv:"Gratis",da:"Gratis",fi:"Ilmainen",no:"Gratis",tr:"Ücretsiz",cs:"Zdarma",el:"Δωρεάν",hu:"Ingyenes",ro:"Gratuit",sk:"Zdarma",th:"ฟรี",bg:"Безплатно",ca:"Lliure",hr:"Besplatno",id:"Gratis",lt:"Nemokamas",lv:"Bezmaksas",sr:"Бесплатно",uk:"Безкоштовно",vi:"Miễn phí",sl:"Brezplačno",et:"Tasuta",mt:"B'għad",sq:"Falas",bs:"Besplatno",mk:"Бесплатно",af:"Gratis"},soldout:{ar:"نفذت",en:"Sold Out",fr:"Épuisé",es:"Agotado",de:"Ausverkauft",it:"Esaurito",pt:"Esgotado",nl:"Uitverkocht",pl:"Wyprzedane",ru:"Распродано",ja:"売り切れ",zh:"售罄",ko:"품절",sv:"Slutsåld",da:"Udsolgt",fi:"Loppuunmyyty",no:"Utsolgt",tr:"Tükendi",cs:"Vyprodáno",el:"Εξαντλήθηκε",hu:"Eladva",ro:"Epuizat",sk:"Vypredané",th:"ขายหมด",bg:"Изчерпано",ca:"Esgotat",hr:"Rasprodano",id:"Habis",lt:"Išparduota",lv:"Izpārdots",sr:"Rasprodato",uk:"Розпродано",vi:"Bán hết",sl:"Razprodano",et:"Müüdud",mt:"Mbiegħ",sq:"Shitur",bs:"Prodano",mk:"Продадено",af:"Uitverkoop"}};
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: pixels -->
<!-- END app snippet -->
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 74023403833,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 74023403833,storefrontBaseUrl: "https://beautica.tn",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://beautica.tn/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2434498873","configuration":"{\"pixel_id\":\"867063775602559\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2198765881","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\",\\\"GT-NGK4X8XM\\\"],\\\"target_country\\\":\\\"TN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/zmtSCKf0qdQbENH-j7BC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/7IFYCOf1qdQbENH-j7BC\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-LC2FZHS4EY\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/9ei3CKj1qdQbENH-j7BC\\\",\\\"MC-5XGVG3ZJJC\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-LC2FZHS4EY\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/tQNHCKT0qdQbENH-j7BC\\\",\\\"MC-5XGVG3ZJJC\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/9EUxCK30qdQbENH-j7BC\\\",\\\"MC-5XGVG3ZJJC\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-LC2FZHS4EY\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/GLV6COr1qdQbENH-j7BC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-LC2FZHS4EY\\\",\\\"AW-17817665361\\\/bKEfCKr0qdQbENH-j7BC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-LC2FZHS4EY\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Beautica.tn","paymentSettings":{"currencyCode":"TND"},"myshopifyDomain":"barbie-tn.myshopify.com","countryCode":"TN","storefrontUrl":"https:\/\/beautica.tn"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9698501296441","handle":"libre-intense-ysl-extait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403486986553","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9699897606457","handle":"kayali-eden-sparkling-lychee-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403436753209","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9697244545337","handle":"evidence-yves-rocher-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403529716025","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9786950123833","handle":"prada-paradoxe-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403392483641","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9698400239929","handle":"delina-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403508482361","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9846027223353","handle":"kayali-yum-boujee-marshmallow-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51434590241081","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9698380808505","handle":"yara-rose-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403510022457","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9698447393081","handle":"le-parful-elie-saab-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403496587577","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9846028992825","handle":"kayali-vanilla-candy-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374916075833","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9753236963641","handle":"idole-lancome-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374920991033","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9699911532857","handle":"devotion-intense-dolce-gabbana-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403429609785","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9753285787961","handle":"miss-dior-blooming-bouquet-dior-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374918336825","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9698484519225","handle":"good-girl-extait-de-parfum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403491934521","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9753230967097","handle":"hypnotic-poison-dior-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403398447417","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9719385063737","handle":"coco-vanille-extrait-de-parfum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403425874233","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9846006219065","handle":"valentino-donna-born-in-roma-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374916763961","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9697248706873","handle":"gucci-bloom-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51403525357881","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9997486522681","handle":"vanilla-powder-matiere-premiere-extrait-de-parfum-unisex","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374912405817","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10160282468665","handle":"beautica-power-you-parfum-femme-intense","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52056863801657","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9786947174713","handle":"yara-rose-extrait-de-parfum-pour-femme-copy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374917845305","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9997487145273","handle":"idole-now-lancome-pour-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374910832953","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10331649704249","handle":"beautica-the-one-_parfum-femme-intense-copy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54440408121657","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9977857638713","handle":"ella-ella-cacharel-extrait-de-parfum-pour-femme","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51374913519929","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10290720473401","handle":"beautica-rose-amira-_parfum-femme-intense","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54210026307897","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10290431656249","handle":"beautica-celebration-_parfum-femme-intense","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54208946405689","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349152272697","handle":"bracelet-jonc-chevron","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516031291705","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349152207161","handle":"bracelet-jonc-trefle-coeur","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516031226169","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349152108857","handle":"pack-piercings-bouquet-dore","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516031062329","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349152043321","handle":"pack-piercings-graphiques-dores","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030996793","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349152010553","handle":"collier-cercle-pave-dore","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030964025","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151912249","handle":"bracelet-battement-de-coeur","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030865721","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151879481","handle":"collier-anneau-poli-dore","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030832953","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151781177","handle":"pack-piercings-papillon-argentes","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030734649","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151748409","handle":"bracelet-double-rang-trefles","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030701881","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151650105","handle":"pack-piercings-fleur-coeur-dores","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030603577","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151584569","handle":"collier-corne-porte-bonheur","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030538041","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151519033","handle":"bracelet-medailles","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030439737","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151453497","handle":"collier-cercle-argente","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030374201","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151387961","handle":"bracelet-jonc-pointes","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030308665","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151289657","handle":"pack-piercings-pastille-fleur-dores","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030210361","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151256889","handle":"bracelet-perles-trefle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516030177593","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10349151060281","handle":"collier-cinq-trefles","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54516029358393","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://beautica.tn/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188407808313","themePublished":"true","eventMetadataId":"bd83ebf5-dcc0-4b7d-b603-3e424ffb65b4","pageType":"home","shopId":"74023403833","storefrontBaseUrl":"https:\/\/beautica.tn","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'TND';
var meta = {"page":{"pageType":"home","requestId":"f9ff14f6-72c7-498a-9c3a-b1e1f9189f29-1790365310"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (method == 'track' || method == 'page') {
var pageUrl;
try {
pageUrl = window.location.href;
} catch (e) {}
var pageReferrer;
try {
pageReferrer = document.referrer;
} catch (e) {}
try {
if (window.__TREKKIE_SHIM_QUEUE == null) {
window.__TREKKIE_SHIM_QUEUE = [];
}
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1),
pageContext: {
url: pageUrl,
referrer: pageReferrer
}
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 74023403833,
theme_id: 188407808313,
app_name: "storefront",
context_url: window.location.href,
source_url: "//beautica.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//beautica.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//beautica.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74023403833,"isMerchantRequest":null,"themeId":188407808313,"themeCityHash":"10745911942593386413","contentLanguage":"fr","currency":"TND","eventMetadataId":"bd83ebf5-dcc0-4b7d-b603-3e424ffb65b4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"f9ff14f6-72c7-498a-9c3a-b1e1f9189f29-1790365310","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//beautica.tn/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://beautica.tn/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
data-application="storefront-renderer"
data-shop-id="74023403833"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="188407808313"
data-theme-name="Ella"
data-theme-version="7.0.5"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://beautica.tn/api/collect"
></script>
<meta name="shopify-y" content="fd655ae3-556b-4b55-b3ef-3544160ce27a" data-expiration="1821922910000"><meta name="shopify-s" content="861b449e-91b0-4526-99a5-e50324f768d4" data-expiration="1790367110000"><meta name="new-cookie-storage-activated" content="t">
</head>
<body
class="template-index card-hover--subtle-zoom button-hover--effect"
>
<a
class="skip-to-content-link button visually-hidden"
href="#MainContent"
>
Aller au contenu
</a>
<script src="//beautica.tn/cdn/shop/t/13/assets/details-disclosure.js?v=175343101440171279401784257924" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/details-modal.js?v=80196261892624041141784257924" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/search-form.js?v=111987362970892267951784258002" defer="defer"></script>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27367619133753__announcement_bar_qq7Ljr" class="shopify-section shopify-section-group-header-group section-header section-announcement-bar"><announcement-bar
class="group-block block page-width group-block--sections--27367619133753__announcement_bar_qq7Ljr color-scheme-7"
style=" --pt:15px; --pb:15px; "
>
<div
class="group-block group-block--AMDY0WEVMRXRQZzJ5S__group_announcement_bar_awNNMP page-width utility-bar__grid flex-section w-full flex flex-column flex-wrap items-center justify-center utility-bar"
style=" --pl:0px; --pr:0px; --pt:0px; --pb:0px; --gap-x: 0px; --gap-y: 0px; "
>
<div
class="group-block w-full group-block--ANER6VFhSSEJyQjQzU__group_announcement_UPPBej scroll-trigger animate--slide-in"
style=" --width-header-col: 100%; "
>
<swiper-component
class="announcement-bar"
role="region"
aria-roledescription="Carrousel"
aria-label="Barre d'annonce"
data-slide-autoplay="true"
aria-live="polite"
data-swiper-autoplay="5"
data-pagination-type=""
data-slides-per-view="1"
data-watch-slides-progress="true"
data-effect="fade">
<div class="announcement-bar-slider swiper">
<div
class="swiper-wrapper grid grid-layout grid-layout--1 list-unstyled"
id="Slider-ANER6VFhSSEJyQjQzU__group_announcement_UPPBej"
aria-live="polite"
aria-atomic="true"
>
<div
class="swiper-slide"
id="Slide-ARUJHM0N6VS94YXJDb__announcement_text_UjVLdn"
role="group"
aria-roledescription="Annonce"
aria-label="Annonce"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
style="--font-announcement-text: var(--font-body--family); --font-announcement-text-size: 1.4rem; "
>
<p class="announcement-bar__message" style="font-weight: 600; text-align: center; ">
<span><strong> LIVRAISON OFFERTE DÈS 190 TND 💌 </strong></span>
</p>
</div>
</div>
<div
class="swiper-slide"
id="Slide-AdEpFS1A0ZVNPL0g0R__announcement_text_XKHmzh"
role="group"
aria-roledescription="Annonce"
aria-label="Annonce"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
style="--font-announcement-text: var(--font-body--family); --font-announcement-text-size: 1.4rem; "
>
<p class="announcement-bar__message" style="font-weight: 600; text-align: center; ">
<span><strong>IMPOSSIBLE À IGNORER </strong>💎</span>
</p>
</div>
</div>
<div
class="swiper-slide"
id="Slide-AVmRkb1pxNlZBSys5R__announcement_text_DJCEWj"
role="group"
aria-roledescription="Annonce"
aria-label="Annonce"
>
<div
class="announcement-bar__announcement"
role="region"
aria-label="Annonce"
style="--font-announcement-text: var(--font-body--family); --font-announcement-text-size: 1.4rem; "
>
<p class="announcement-bar__message" style="font-weight: 600; text-align: center; ">
<span><strong>Livraison 24–48h partout en Tunisie ⚡ </strong></span>
</p>
</div>
</div>
</div>
<hover-button class="swiper-button swiper-button-prev">
<span class="fill-bg absolute" data-fill-bg></span>
<span class="svg-wrapper"><svg class="icon icon-arrow" viewbox="0 0 75 40" fill="none">
<path d="M71.1652 21.1223C71.014 21.1167 70.9329 21.1121 70.8517 21.1121C59.2833 21.1158 12.9398 21.1195 1.37044 21.1251C1.03083 21.1251 0.701476 21.1075 0.422506 20.882C0.0483687 20.5796 -0.0925158 20.099 0.0614309 19.6519C0.221909 19.1834 0.623103 18.8986 1.14932 18.8977C2.60202 18.894 60.639 18.8884 70.8162 18.8847C70.9077 18.8847 70.9991 18.88 71.1689 18.8763L70.9217 18.6305C65.3516 13.0921 59.7815 7.55179 54.2077 2.01616C53.9213 1.73135 53.7431 1.41779 53.7851 1.0096C53.8299 0.561512 54.0687 0.243308 54.4895 0.0818872C54.9084 -0.0776786 55.2984 -0.00160658 55.6427 0.288766C55.6838 0.324019 55.7211 0.363911 55.7593 0.401947C62.0385 6.64542 68.3176 12.8889 74.5968 19.1324C75.0306 19.5638 75.1193 20.0759 74.8412 20.562C74.7881 20.6547 74.7153 20.7392 74.6397 20.8143C68.3298 27.0903 62.0189 33.3662 55.7071 39.6403C55.2798 40.0652 54.65 40.119 54.2021 39.7785C53.7478 39.4343 53.6265 38.8007 53.9325 38.3016C54.0118 38.1717 54.1284 38.0632 54.2376 37.9547C59.7946 32.4274 65.3525 26.901 70.9105 21.3756L71.1642 21.1232L71.1652 21.1223Z" fill="currentColor"/>
</svg>
</span>
</hover-button>
<hover-button class="swiper-button swiper-button-next">
<span class="fill-bg absolute" data-fill-bg></span><span class="svg-wrapper"><svg class="icon icon-arrow" viewbox="0 0 75 40" fill="none">
<path d="M71.1652 21.1223C71.014 21.1167 70.9329 21.1121 70.8517 21.1121C59.2833 21.1158 12.9398 21.1195 1.37044 21.1251C1.03083 21.1251 0.701476 21.1075 0.422506 20.882C0.0483687 20.5796 -0.0925158 20.099 0.0614309 19.6519C0.221909 19.1834 0.623103 18.8986 1.14932 18.8977C2.60202 18.894 60.639 18.8884 70.8162 18.8847C70.9077 18.8847 70.9991 18.88 71.1689 18.8763L70.9217 18.6305C65.3516 13.0921 59.7815 7.55179 54.2077 2.01616C53.9213 1.73135 53.7431 1.41779 53.7851 1.0096C53.8299 0.561512 54.0687 0.243308 54.4895 0.0818872C54.9084 -0.0776786 55.2984 -0.00160658 55.6427 0.288766C55.6838 0.324019 55.7211 0.363911 55.7593 0.401947C62.0385 6.64542 68.3176 12.8889 74.5968 19.1324C75.0306 19.5638 75.1193 20.0759 74.8412 20.562C74.7881 20.6547 74.7153 20.7392 74.6397 20.8143C68.3298 27.0903 62.0189 33.3662 55.7071 39.6403C55.2798 40.0652 54.65 40.119 54.2021 39.7785C53.7478 39.4343 53.6265 38.8007 53.9325 38.3016C54.0118 38.1717 54.1284 38.0632 54.2376 37.9547C59.7946 32.4274 65.3525 26.901 70.9105 21.3756L71.1642 21.1232L71.1652 21.1223Z" fill="currentColor"/>
</svg>
</span>
</hover-button>
</div>
</swiper-component>
</div>
</div>
</announcement-bar>
</div><header id="shopify-section-sections--27367619133753__header_default" class="shopify-section shopify-section-group-header-group header-section"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-search.css?v=147114294266399329691784257916" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-list-menu.css?v=96236445775633628771784257909" media="print" onload="this.media='all'">
<noscript>
</noscript><side-drawer
id="Drawer-Account"
class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
data-drawer-direction="right"
>
<div id="Drawer-Overlay-Account" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
<div
class="drawer__inner-wrapper color-"
data-drawer-content
style="--drawer-max-width: var(--normal-content-width);"
>
<div
class="drawer__inner cus-scrollbar"
role="dialog"
aria-modal="true"
aria-label="Account Drawer"
tabindex="-1"
>
<div
class="drawer__header flex justify-between items-center relative"
style="--gap-x: 1rem;--p: var(--padding-xs) 0;"
>
<h2 class="drawer__heading break m-0 h5">Login</h2>
<button
class="drawer__close block t-button bor-none rounded-full cursor-pointer"
type="button"
onclick="this.closest('side-drawer').close()"
aria-label="Close Account Drawer"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
<div class="drawer__wrapper relative h-full cus-scrollbar motion-reduce" style="--p: 1.5rem 0 0;">
<div class="drawer__content">
<div class="drawer__content-inner">
<form method="post" action="/account/login" id="CustomerLoginForm" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="customer-drawer__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem;">
<label for="CustomerEmail">
E-mail
</label>
<input
class="field__input"
type="email"
name="customer[email]"
id="CustomerEmail"
autocomplete="email"
autocorrect="off"
autocapitalize="off"
required
placeholder="E-mail"
>
</div><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem; --mt: 1.2rem;">
<label for="CustomerPassword">
Mot de passe
</label>
<input
class="field__input"
type="password"
value=""
name="customer[password]"
id="CustomerPassword"
autocomplete="current-password"
required
placeholder="Mot de passe"
>
</div><div class="flex flex-column items-center gap-2xl" style="--mt: var(--margin-2xl)">
<button class="button w-full" type="submit">
<span
class="button-overflow relative overflow-hidden"
data-button-text="Connexion"
>
<span class="button-text-main inline-block relative z-1">
Connexion
</span>
</span>
</button>
<a class="link link--hover-underline paragraph" href="https://beautica.tn/customer_authentication/redirect?locale=fr®ion_country=TN#recover">
<span class="text">
Mot de passe oublié ?
</span>
</a>
</div>
<div style="--mt: var(--margin-2xl);">
<a
href="https://shopify.com/74023403833/account?locale=fr&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJiYXJiaWUtdG4ubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkwOTcwMTEwLCJuYmYiOjE3OTAzNjUzMTB9.3zIGbeb7BbTcEjJxnmL2z3QHBWVD-BMGW5gqco1EU3g"
class="size-style button-secondary w-full"
style="--button-text-case: uppercase;"
>
<span
class="button-overflow relative overflow-hidden"
data-button-text="Créer un compte"
>
<span class="button-text-main inline-block relative z-1">
Créer un compte
</span>
</span>
</a>
</div></form>
</div>
</div>
</div>
</div>
</div>
</side-drawer>
<header-component
class="header-wrapper header"
data-sticky-type="always"
id="header-component"
>
<div class="row-group"
style=" --padding-block-start-top: 20px; --padding-block-end-top: 20px; --padding-block-start-bottom: 0px; --padding-block-end-bottom: 0px; --button-font-size-link: 1.6rem;--button-font-weight-link: 500; --text-transform: uppercase; --button-font-size-link-2: 1.6rem;--button-font-weight-link-2: 600; --text-transform-link-2: uppercase; --button-font-size-link-3: 1.6rem;--button-font-weight-link-3: default; --text-transform-link-3: none; --gap-items: 12px; "
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width color-tablet-scheme-1 color-mobile-scheme-1">
<div class="header__columns items-center spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<side-drawer-opener
class="lg:none header__icon--menu"
data-side-drawer="#Drawer-Menu"
>
<button
class="header__icon header__icon--menu header__icon--icon header__icon--summary button flex items-center justify-center"
type="button"
aria-haspopup="dialog"
aria-label="Menu"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewbox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
</span>
</button>
</side-drawer-opener>
<div
class="header-block grid__itemblock search-action lg:none"
>
<div class="header__search">
<div>
<side-drawer-opener data-side-drawer="#Drawer-Search">
<button
class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Rechercher"
>
<span class="header__icon header__icon--icon">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span></span>
</button>
</side-drawer-opener>
<side-drawer
id="Drawer-Search"
class="search-drawer drawer__container search-drawer-- drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
data-drawer-direction="right"
data-mobile-drawer-direction="left"
>
<div id="Drawer-Overlay-Search" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
<div
id="Drawer-Search-Content"
class="search-drawer-content color-scheme-1"
data-drawer-content
>
<div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);">
<h2 class="drawer__heading break m-0 h5">Rechercher</h2>
<side-drawer-close class="drawer__close block t-button bor-none rounded-full cursor-pointer" data-side-drawer="#Drawer-Search">
<button class="button--drawer focus-inset">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
<span class="visually-hidden">Fermer</span>
</button>
</side-drawer-close>
</div>
<div
class="search-drawer__inner drawer__inner"
role="dialog"
aria-modal="true"
aria-label="Rechercher"
tabindex="-1"
><predictive-search class="search-drawer__form" data-loading-text="Chargement..."><form action="/search" method="get" role="search" class="search search-drawer__form">
<div class="predictive-search--center">
<div class="field">
<button class="search__button field__button" aria-label="Rechercher">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
<input
class="search__input field__input field__input--focus"
id="Search-In-Modal-Mobile"
type="search"
name="q"
value=""
placeholder=" ">
<label class="field__label" for="Search-In-Modal-Mobile">Rechercher</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Effacer le terme recherché"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div><div
class="predictive-search predictive-search--header predictive-search--center cus-scrollbar"
tabindex="-1"
data-predictive-search
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
</div>
</div>
</div><div class="btq-zs" data-btq-search-zero><section class="btq-zs__block">
<h3 class="btq-zs__title">Recherches populaires</h3>
<ul class="btq-zs__pills list-unstyled" role="list"><li>
<a class="btq-zs__pill" href="/search?q=coffret&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>coffret</span>
</a>
</li><li>
<a class="btq-zs__pill" href="/search?q=parfum+femme&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>parfum femme</span>
</a>
</li><li>
<a class="btq-zs__pill" href="/search?q=parfum+homme&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>parfum homme</span>
</a>
</li><li>
<a class="btq-zs__pill" href="/search?q=vanille&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>vanille</span>
</a>
</li><li>
<a class="btq-zs__pill" href="/search?q=oud&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>oud</span>
</a>
</li><li>
<a class="btq-zs__pill" href="/search?q=musc+blanc&options[prefix]=last">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span>musc blanc</span>
</a>
</li></ul>
</section><section class="btq-zs__block">
<h3 class="btq-zs__title">Par famille olfactive</h3>
<ul class="btq-zs__fams list-unstyled" role="list"><li>
<a class="btq-zs__fam" href="/collections/parfums-floraux">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--flower" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3"/><path d="M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5"/><path d="M12 7.5V9"/><path d="M7.5 12H9"/><path d="M16.5 12H15"/><path d="M12 16.5V15"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Floral</span>
<span class="btq-zs__fam-count">48 parfums</span>
</span>
</a>
</li><li>
<a class="btq-zs__fam" href="/collections/parfums-gourmands">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Gourmand</span>
<span class="btq-zs__fam-count">23 parfums</span>
</span>
</a>
</li><li>
<a class="btq-zs__fam" href="/collections/parfums-vanilles">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--droplet" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Vanillé</span>
<span class="btq-zs__fam-count">18 parfums</span>
</span>
</a>
</li><li>
<a class="btq-zs__fam" href="/collections/parfums-orientaux">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Oriental</span>
<span class="btq-zs__fam-count">10 parfums</span>
</span>
</a>
</li><li>
<a class="btq-zs__fam" href="/collections/parfums-boises">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--layers" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Boisé</span>
<span class="btq-zs__fam-count">16 parfums</span>
</span>
</a>
</li><li>
<a class="btq-zs__fam" href="/collections/parfums-musques">
<span class="btq-zs__fam-icon">
<svg class="btq-icon btq-icon--wind" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12.8 19.6A2 2 0 1 0 14 16H2"/><path d="M17.5 8a2.5 2.5 0 1 1 2 4H2"/><path d="M9.8 4.4A2 2 0 1 1 11 8H2"/></svg>
</span>
<span class="btq-zs__fam-text">
<span class="btq-zs__fam-name">Musqué</span>
<span class="btq-zs__fam-count">7 parfums</span>
</span>
</a>
</li></ul>
<a class="btq-zs__more" href="/collections">
Voir toutes les familles
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
</section><a class="btq-zs__finder" href="/pages/trouvez-votre-parfum">
<span class="btq-zs__finder-icon">
<svg class="btq-icon btq-icon--sparkles" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>
</span>
<span class="btq-zs__finder-text">
<strong>Vous ne savez pas quoi chercher ?</strong>
<small>5 questions · 45 secondes · 3 parfums pour vous</small>
</span>
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a><a class="btq-zs__deals" href="/collections/bon-plan">
<svg class="btq-icon btq-icon--percent" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><line x1="19" x2="5" y1="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>
<span>Bons plans — 4 parfums en promo</span>
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
</div>
</side-drawer>
</div>
</div>
</div>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<div
class="header-block header-logo grid__item block"
data-main-logo
style=" --header-logo-spacing-left: 0px; --header-logo-spacing-right: 0px; --aspect-ratio: 3.9799107142857144; "
>
<h1 class="header__heading">
<a href="/" class="header__heading-link inline-block link link--text focus-inset" data-logo-page aria-label="Beautica.tn" rel="preload" as="image">
<div class="header__heading-logo-wrapper w-full inline-block relative" style="--header-logo-image-width: 285px;--header-logo-image-width-mobile: 110px; --header-logo-image-height: 72px; --header-logo-image-height-mobile: 28px; --aspect-ratio: 3.9799107142857144;"><span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//beautica.tn/cdn/shop/files/beautica_perfume.png?format=webp&height=448&v=1754412104" alt="Image" loading="eager" class="header-logo__image" srcset="//beautica.tn/cdn/shop/files/beautica_perfume.png?format=webp&height=448&v=1754412104 1x, //beautica.tn/cdn/shop/files/beautica_perfume.png?format=webp&height=896&v=1754412104 2x, //beautica.tn/cdn/shop/files/beautica_perfume.png?format=webp&height=1344&v=1754412104 3x" sizes="auto, (min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="--header-logo-image-width: 285px;--header-logo-image-width-mobile: 110px; --header-logo-image-height: 72px; --header-logo-image-height-mobile: 28px; --aspect-ratio: 3.9799107142857144;">
</span>
</div>
</a>
</h1></div>
<div class="header-block header-menu grid__item flex items-center"><div class="header__menu-wrapper" data-main-menu>
<nav class="header__inline-menu">
<ul class="list-menu list-menu-desktop list-menu--inline" style="--gap-x: 0px;" role="list"><li><a
id="HeaderMenu-nouveautes"
href="/collections/all?sort_by=created-descending"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Nouveautés</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-best-sellers"
href="/collections/meilleures-ventes-%F0%9F%94%A5"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Best Sellers</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-parfums-femme"
href="/collections/extrait-parfum-femme"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Parfums Femme</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-parfums-homme"
href="/collections/extrait-parfum-homme"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Parfums Homme</span>
<div class="label-wrapper"></div>
</a></li><li><details
id="Details-HeaderMenu-5"
class="details--dropdown mega-menu"
is="mega-menu-details"
data-mega-menu-item
activate-event="hover"
data-index="0"
>
<section-fetcher data-section-id="sections--27367619133753__header_default" data-target-id="MegaMenu-Content-sections--27367619133753__header_default-5-MainMenu" data-activate="interaction"></section-fetcher>
<summary
id="HeaderMenu-par-famille"
class="details__summary list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline">
<a
class="text"
href="/collections/parfums-floraux"
>Par famille</a>
<div class="label-wrapper"></div>
</summary>
<div
class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
tabindex="-1"
>
<div
class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
tabindex="-1"
id="MegaMenu-Content-sections--27367619133753__header_default-5-MainMenu"
></div></div>
</details></li><li><details
id="Details-HeaderMenu-6"
class="details--dropdown mega-menu"
is="mega-menu-details"
data-mega-menu-item
activate-event="hover"
data-index="0"
>
<section-fetcher data-section-id="sections--27367619133753__header_default" data-target-id="MegaMenu-Content-sections--27367619133753__header_default-6-MainMenu" data-activate="interaction"></section-fetcher>
<summary
id="HeaderMenu-par-occasion"
class="details__summary list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline">
<a
class="text"
href="/pages/trouvez-votre-parfum"
>Par occasion</a>
<div class="label-wrapper"></div>
</summary>
<div
class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
tabindex="-1"
>
<div
class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
tabindex="-1"
id="MegaMenu-Content-sections--27367619133753__header_default-6-MainMenu"
></div></div>
</details></li><li><a
id="HeaderMenu-accessoires"
href="/collections/accessoires"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Accessoires</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-trouvez-votre-parfum-✨"
href="/pages/trouvez-votre-parfum"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Trouvez votre parfum ✨</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-faq"
href="/pages/faqs"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>FAQ</span>
<div class="label-wrapper"></div>
</a></li><li><a
id="HeaderMenu-contact"
href="/pages/contact"
class="header__menu-item list-menu__item link link--text focus-inset link--hover-underline"
style=""
>
<span
class="text"
>Contact</span>
<div class="label-wrapper"></div>
</a></li></ul>
</nav>
</div>
</div>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<div class="header-message custom-typography custom-font-size max-md:hidden" style="--color: ;--font-size: clamp(1.1rem, 1.2vw, 1.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);">
</div>
<side-drawer-opener class="account-actions" data-side-drawer="#Drawer-Account">
<button class="button focus-inset account-actions header__icon header__icon--account header__icon--icon" type="button" aria-haspopup="dialog" aria-label="Se connecter">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span>
</button>
</side-drawer-opener>
<div
class="header-block grid__itemblock search-action max-md:hidden"
>
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Rechercher"
>
<span class="header__icon header__icon--icon">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span></span>
</summary>
<div
class="search-modal search-modal--full modal__content color-scheme-1"
role="dialog"
aria-modal="true"
aria-label="Rechercher"
>
<div id="Details-Modal-Overlay" class="modal-overlay"></div>
<div
class="details-modal__content search-modal__content search-modal__content-bottom"
tabindex="-1"
><predictive-search class="search-modal__form" data-loading-text="Chargement..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="predictive-search--center">
<div class="field">
<button class="search__button field__button" aria-label="Rechercher">
<span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
</span>
</button>
<input
class="search__input field__input"
id="Search-In-Modal"
type="search"
name="q"
value=""
placeholder=" ">
<label class="field__label" for="Search-In-Modal">Rechercher</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button reset__button--text field__button hidden"
aria-label="Effacer le terme recherché"
>
Effacer
</button>
<button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
</div><div
class="predictive-search predictive-search--header predictive-search--center cus-scrollbar"
tabindex="-1"
data-predictive-search
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
</div>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
</div></details>
</details-modal>
</div>
<side-drawer-opener
class="no-js-hidden header-actions"
data-side-drawer="#Cart-Drawer"
>
<button
class="header__icon button relative focus-inset cart-icon--drawer header__icon--icon header__icon--cart"
type="button"
aria-haspopup="dialog"
aria-label="0 article"
id="cart-icon-bubble"
>
<span class="svg-wrapper">
<svg width="24" height="25" viewbox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg">
<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/>
</svg>
</span></button>
</side-drawer-opener>
<noscript>
<a
href="/cart"
class="header__icon button relative focus-inset cart-icon--drawer header-actions header__icon--icon header__icon--cart"
aria-label="0 article"
><span class="svg-wrapper">
<svg width="24" height="25" viewbox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg">
<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/>
</svg>
</span></a>
</noscript>
</div>
</div>
</div>
</div>
</header-component>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Beautica.tn",
"logo": "https:\/\/beautica.tn\/cdn\/shop\/files\/beautica_perfume.png?v=1754412104\u0026width=500",
"sameAs": [
"",
"https:\/\/www.facebook.com\/beautica.tn",
"",
"https:\/\/www.instagram.com\/beautica.tn.officiel",
"https:\/\/www.tiktok.com\/@beautica.tn",
"",
"",
"",
""
],
"url": "https:\/\/beautica.tn"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Beautica.tn",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/beautica.tn\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/beautica.tn"
}
</script>
</header><div id="shopify-section-sections--27367619133753__header_mobile_MqfLk9" class="shopify-section shopify-section-group-header-group">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-menu-drawer.css?v=166048201573744498291784257910" media="print" onload="this.media='all'"><side-drawer
class="drawer__container drawer drawer--menu drawer--menu-multi-tab fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
id="Drawer-Menu"
data-drawer-direction="left"
>
<div id="Drawer-Overlay-Menu" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
<div class="side-drawer" data-drawer-content data-breakpoint="tablet">
<div
class="drawer__inner d-flex flex-column h-full"
role="dialog"
aria-modal="true"
aria-label="Menu"
tabindex="-1"
>
<div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);">
<button
class="drawer__close block t-button bor-none cursor-pointer"
type="button"
onclick="this.closest('side-drawer').close()"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div><div class="btq-menu"><div id="shopify-block-AY1lIcnZOSXZSYUVNV__promo_hero" class="shopify-block"><a
class="btq-menu__promo btq-menu__promo--hero"
href="/collections/parfum-dete"
style="--promo-bg: #FDF2F8; --promo-fg: #1A1A1A; --promo-bd: #F9D5E8;"
><span class="btq-menu__promo-icon">
<svg class="btq-icon btq-icon--sun" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</span><span class="btq-menu__promo-text"><span class="btq-menu__promo-kicker">La sélection du moment</span><strong class="btq-menu__promo-title">Parfums d'été ☀️</strong><small class="btq-menu__promo-sub">Découvrir la collection</small></span>
<span class="btq-menu__promo-arrow">
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</span>
</a>
</div>
<div id="shopify-block-ATDhnSittbVFjajVne__promo_deals" class="shopify-block"><a
class="btq-menu__promo"
href="/collections/bon-plan"
style="--promo-bg: #FDF2F8; --promo-fg: #1A1A1A; --promo-bd: #EBE6EA;"
><span class="btq-menu__promo-icon">
<svg class="btq-icon btq-icon--percent" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><line x1="19" x2="5" y1="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>
</span><span class="btq-menu__promo-text"><strong class="btq-menu__promo-title">Bons plans</strong><small class="btq-menu__promo-sub">Prix réduits sur une sélection</small></span>
<span class="btq-menu__promo-arrow">
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</span>
</a>
</div>
<div id="shopify-block-AaHAvMHNGbVVDNXRHU__promo_finder" class="shopify-block"><a
class="btq-menu__promo"
href="/pages/trouvez-votre-parfum"
style="--promo-bg: #C2117E; --promo-fg: #FFFFFF; --promo-bd: #C2117E;"
><span class="btq-menu__promo-icon">
<svg class="btq-icon btq-icon--search" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</span><span class="btq-menu__promo-text"><strong class="btq-menu__promo-title">Trouvez votre parfum ✨</strong><small class="btq-menu__promo-sub">5 questions · 45 secondes</small></span>
<span class="btq-menu__promo-arrow">
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</span>
</a>
</div>
<nav class="btq-menu__primary" aria-label="Navigation principale">
<a href="/collections/all?sort_by=created-descending">
<svg class="btq-icon btq-icon--sparkles" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>
Nouveautés</a>
<a href="/collections/meilleures-ventes-%F0%9F%94%A5">
<svg class="btq-icon btq-icon--crown" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M11.6 3.5a.5.5 0 0 1 .8 0l2.7 3.9a1 1 0 0 0 1.3.3l3.9-2.1a.5.5 0 0 1 .7.6l-2.3 8a1 1 0 0 1-.9.7H6.5a1 1 0 0 1-1-.7l-2.3-8a.5.5 0 0 1 .7-.6l3.9 2.1a1 1 0 0 0 1.3-.3z"/><path d="M5 21h14"/></svg>
Best Sellers</a>
<a href="/collections/extrait-parfum-femme">
<svg class="btq-icon btq-icon--flower" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3"/><path d="M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5"/><path d="M12 7.5V9"/><path d="M7.5 12H9"/><path d="M16.5 12H15"/><path d="M12 16.5V15"/></svg>
Parfums Femme</a>
<a href="/collections/extrait-parfum-homme">
<svg class="btq-icon btq-icon--spray" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 3h.01"/><path d="M7 5h.01"/><path d="M11 7h.01"/><path d="M3 7h.01"/><path d="M7 9h.01"/><path d="M3 11h.01"/><rect width="4" height="4" x="15" y="5"/><path d="m19 9 1.4 1.4a2 2 0 0 1 .6 1.4V21a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8.8a2 2 0 0 1 .6-1.4L15 9"/><path d="M13 13h6"/></svg>
Parfums Homme</a>
<a href="/collections/parfums-unisex">
<svg class="btq-icon btq-icon--shopping-bag" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
Parfums Unisexe</a>
<a href="/collections/coffrets">
<svg class="btq-icon btq-icon--gift" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg>
Coffrets & Cadeaux</a>
<a href="/collections/accessoires">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
Accessoires</a>
</nav>
<div class="btq-menu__footer">
<a href="/account">
<svg class="btq-icon btq-icon--heart" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>
Mon compte</a>
<a href="/pages/faqs">
<svg class="btq-icon btq-icon--message-circle" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/></svg>
FAQ</a>
<a href="/pages/contact">
<svg class="btq-icon btq-icon--banknote" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>
Contact</a>
<p class="btq-menu__reassure">💳 Paiement à la livraison · 🚚 24–48h partout en Tunisie</p>
</div>
</div>
<div class="drawer__wrapper menu-drawer relative h-full motion-reduce color-">
<div class="header-mobile mobile--multi-tab">
<section-fetcher
data-section-id="sections--27367619133753__header_mobile_MqfLk9"
data-target-id="SiteNavMobile-Content-sections--27367619133753__header_mobile_MqfLk9"
data-activate="interaction"
></section-fetcher><div class="section-resource-list" id="SiteNavMobile-Content-sections--27367619133753__header_mobile_MqfLk9">
</div></div>
</div>
</div>
</div>
</side-drawer>
</div>
<!-- END sections: header-group -->
</div><!-- BEGIN sections: popup-group -->
<section id="shopify-section-sections--27367619166521__multitasking_bar_AY9KgF" class="shopify-section shopify-section-group-popup-group section-multitasking-bar"><multitasking-bar
class="multitasking-bar fixed h-auto z-3 no-js-hidden"
id="multitasking-bar"
style=" --right: 0.5%; --color-background: 255 255 255 / 1.0; --color-background-rgb: 255 255 255; --color-foreground: 0 0 0 / 1.0; --color-foreground-rgb: 0 0 0; --secondary-icon-background: 249 202 230 / 1.0; --secondary-icon: 255 255 255 / 1.0; "
>
<div class="multi-t__wrap relative flex flex-column gap-xs" id="multitasking-wrap">
<side-drawer-opener
class="target-block product-popup-modal__opener inline-block"
data-side-drawer="#popup-recently-viewed"
>
<button
class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
data-target="multitasking-recently-viewed"
type="button"
aria-haspopup="dialog"
aria-label="Produits récemment consultés"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 511.1 479.39"
class="icon icon-recently-viewed"
aria-hidden="true"
focusable="false"
role="presentation"
>
<path fill="currentColor" d="M250.58,479.39c-8.32-1.31-16.7-2.36-25-4-58.29-11.37-105.26-40.94-141.09-88.24-6.86-9-6-18.73,1.94-24.57,7.7-5.66,17.09-3.57,23.74,5.32A197.18,197.18,0,0,0,285.56,446.7c72.16-6.1,127.32-40.21,164.81-101.93,22.25-36.62,30.95-76.91,28.1-119.78C473.08,143.56,418.19,68.58,336,42.73,264,20.1,197.59,33,138.89,80.58c-39.2,31.76-62.43,73.51-71.65,123.08a18.25,18.25,0,0,0,0,2.25c3.3-3.35,6-6.23,8.87-9,7-6.73,16.75-6.83,23.16-.32s6.29,16-.37,22.79q-19.62,19.91-39.52,39.51c-7.84,7.69-18.7,6.59-24.91-2.55Q18.49,232.88,3,209.09c-5.28-8.05-3.26-17.8,4.37-22.77,7.4-4.82,16.78-2.75,22.34,5,1.69,2.35,3.28,4.77,4.95,7.2,3.88-13.53,6.68-26.87,11.5-39.44C77.69,76.7,136.3,23.79,222.64,5.76,310-12.48,385.78,12.89,447.42,77.41c35.21,36.85,55.29,81.56,61.78,132.24.56,4.41,1.26,8.8,1.9,13.21v33.93c-.4,2.94-.85,5.87-1.2,8.81-5.35,45.62-21.73,86.8-50.45,122.74q-56,70.11-144.41,87.05c-8.78,1.66-17.68,2.68-26.53,4Z"/>
<path fill="currentColor" d="M247.61,175.92q0-35.19,0-70.37c0-10.53,6.54-17.52,16.19-17.43,9.28.1,15.7,7.19,15.7,17.45q0,64.62-.07,129.25a8.58,8.58,0,0,0,3.86,7.83c27.65,20.75,55.29,41.54,82.66,62.66A24.82,24.82,0,0,1,374,316.64c2.14,6.68-1.19,13.35-6.94,16.69-6.18,3.6-12.43,3.38-18.23-.89-10.44-7.69-20.78-15.53-31.15-23.31-20.74-15.56-41.43-31.21-62.26-46.66a18.08,18.08,0,0,1-7.9-15.69C247.68,223.16,247.61,199.54,247.61,175.92Z"/>
</svg>
</button>
<span class="target-block--tooltip">Produits récemment consultés</span>
</side-drawer-opener>
<side-drawer
class="multi-t__products drawer__container drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
id="popup-recently-viewed"
data-drawer-direction="right"
>
<link href="//beautica.tn/cdn/shop/t/13/assets/quick-add.css?v=111603181540343972631784257998" rel="stylesheet" type="text/css" media="all" />
<div id="Drawer-Overlay-Multitasking-Bar" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
<div
class="drawer__inner-wrapper"
data-drawer-content
style="--drawer-max-width: var(--normal-content-width);"
>
<div
class="drawer__inner"
role="dialog"
aria-modal="true"
aria-label="Vu récemment"
tabindex="-1"
>
<div class="drawer__header flex justify-between items-center relative" style="--p: 1.5rem 0;">
<h2 class="drawer__heading break m-0 h5">Vu récemment</h2>
<side-drawer-close
class="drawer__close block t-button bor-none rounded-full cursor-pointer"
data-side-drawer="#popup-recently-viewed"
>
<button class="button--drawer focus-inset">
<span class="visually-hidden">Close</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</button>
</side-drawer-close>
</div>
<recently-viewed-products
class="recently-viewed-products collection cus-scrollbar"
id="recently-viewed-drawer-sections--27367619166521__multitasking_bar_AY9KgF"
data-url="/search?section_id=sections--27367619166521__multitasking_bar_AY9KgF&type=product&q="
data-limit="6"
data-id="sections--27367619166521__multitasking_bar_AY9KgF"
><div class="recently-viewed__warnings flex flex-column flex-1 justify-center center">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 455 455"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="icon icon-no-product"
aria-hidden="true"
focusable="false"
role="presentation"
xml:space="preserve"
>
<path d="M360.967,130.599c-4.06-0.818-8.018,1.8-8.841,5.86c-0.823,4.06,1.801,8.018,5.86,8.841 c1.147,0.232,2.013,1.286,2.013,2.45v160c0,1.355-1.145,2.5-2.5,2.5H179.676c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5H357.5 c9.649,0,17.5-7.851,17.5-17.5v-160C375,139.46,369.099,132.247,360.967,130.599z"></path>
<path d="M274.824,130.25H97.5c-9.649,0-17.5,7.851-17.5,17.5v160c0,8.063,5.48,15.046,13.326,16.982 c0.604,0.149,1.208,0.221,1.803,0.221c3.369,0,6.432-2.287,7.276-5.705c0.992-4.021-1.463-8.086-5.484-9.078 c-0.955-0.235-1.92-1.143-1.92-2.42v-160c0-1.355,1.145-2.5,2.5-2.5h177.324c4.142,0,7.5-3.357,7.5-7.5 S278.966,130.25,274.824,130.25z"></path>
<path d="M235.363,170.798c-2.655-0.363-5.3-0.548-7.863-0.548c-31.706,0-57.5,25.794-57.5,57.5c0,2.563,0.185,5.209,0.548,7.863 c0.515,3.759,3.731,6.483,7.421,6.483c0.339,0,0.682-0.023,1.027-0.07c4.104-0.562,6.975-4.345,6.413-8.448 c-0.271-1.982-0.409-3.943-0.409-5.828c0-23.435,19.065-42.5,42.5-42.5c1.884,0,3.845,0.138,5.828,0.409 c4.108,0.564,7.886-2.309,8.448-6.413C242.338,175.143,239.467,171.359,235.363,170.798z"></path>
<path d="M219.127,284.636c2.789,0.407,5.605,0.614,8.373,0.614c31.706,0,57.5-25.794,57.5-57.5c0-2.77-0.207-5.587-0.613-8.373 c-0.599-4.099-4.408-6.934-8.505-6.337c-4.099,0.599-6.936,4.406-6.337,8.505c0.303,2.071,0.456,4.158,0.456,6.205 c0,23.435-19.065,42.5-42.5,42.5c-2.044,0-4.132-0.153-6.205-0.456c-4.099-0.6-7.907,2.238-8.505,6.337 S215.028,284.037,219.127,284.636z"></path>
<path d="M318.5,203.25c9.098,0,16.5-7.402,16.5-16.5c0-8.318-6.227-15.355-14.484-16.37c-2.293-0.277-4.585,0.509-6.218,2.142 l-10.027,10.027c-1.633,1.632-2.422,3.926-2.141,6.217C303.145,197.023,310.183,203.25,318.5,203.25z"></path>
<path d="M117.5,114.75h30c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5h-30c-4.142,0-7.5,3.357-7.5,7.5 S113.358,114.75,117.5,114.75z"></path>
<path d="M388.367,66.633C345.397,23.664,288.268,0,227.5,0S109.603,23.664,66.633,66.633C23.664,109.603,0,166.732,0,227.5 s23.664,117.897,66.633,160.867C109.603,431.336,166.732,455,227.5,455s117.897-23.664,160.867-66.633 C431.336,345.397,455,288.268,455,227.5S431.336,109.603,388.367,66.633z M15,227.5C15,110.327,110.327,15,227.5,15 c55.894,0,106.807,21.703,144.783,57.11L72.11,372.283C36.703,334.307,15,283.395,15,227.5z M227.5,440 c-55.894,0-106.807-21.703-144.783-57.11L382.89,82.717C418.297,120.693,440,171.606,440,227.5C440,344.673,344.673,440,227.5,440z "></path>
</svg>
<span class="text">Désolé, il n’y a aucun produit.</span>
</div></recently-viewed-products>
</div>
</div>
</side-drawer>
<div class="target-block relative">
<button
class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
data-target="multitasking-social-media"
type="button"
aria-haspopup="dialog"
aria-label="Réseaux sociaux"
>
<span class="svg-wrapper">
<svg width="28" height="28" fill="none" class="icon icon-social" aria-hidden="true" focusable="false" role="presentation" viewbox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5919 18.834C20.2504 18.834 19.0417 19.4134 18.2028 20.3349L10.6574 15.6617C10.8589 15.1461 10.9706 14.5859 10.9706 14C10.9706 13.4138 10.8589 12.8537 10.6574 12.3382L18.2028 7.66478C19.0417 8.58635 20.2504 9.1659 21.5919 9.1659C24.1191 9.1659 26.175 7.11 26.175 4.58285C26.175 2.05569 24.1191 0 21.5919 0C19.0648 0 17.0088 2.0559 17.0088 4.58306C17.0088 5.16903 17.1208 5.72915 17.322 6.24483L9.77687 10.918C8.93797 9.99647 7.7293 9.41691 6.38775 9.41691C3.86059 9.41691 1.80469 11.473 1.80469 14C1.80469 16.5271 3.86059 18.583 6.38775 18.583C7.7293 18.583 8.93797 18.0037 9.77687 17.0819L17.322 21.7551C17.1208 22.2708 17.0088 22.8309 17.0088 23.4171C17.0088 25.944 19.0648 27.9999 21.5919 27.9999C24.1191 27.9999 26.175 25.944 26.175 23.4171C26.175 20.8899 24.1191 18.834 21.5919 18.834ZM18.68 4.58306C18.68 2.97747 19.9863 1.67117 21.5919 1.67117C23.1975 1.67117 24.5038 2.97747 24.5038 4.58306C24.5038 6.18865 23.1975 7.49495 21.5919 7.49495C19.9863 7.49495 18.68 6.18865 18.68 4.58306ZM6.38775 16.9119C4.78195 16.9119 3.47564 15.6056 3.47564 14C3.47564 12.3944 4.78195 11.0881 6.38775 11.0881C7.99333 11.0881 9.29942 12.3944 9.29942 14C9.29942 15.6056 7.99333 16.9119 6.38775 16.9119ZM18.68 23.4169C18.68 21.8113 19.9863 20.505 21.5919 20.505C23.1975 20.505 24.5038 21.8113 24.5038 23.4169C24.5038 25.0225 23.1975 26.3288 21.5919 26.3288C19.9863 26.3288 18.68 25.0225 18.68 23.4169Z" fill="currentColor"/>
</svg>
</span>
</button>
<div class="multi-t__wrapper multi-t__social pointer-events-none absolute top-0">
<link href="//beautica.tn/cdn/shop/t/13/assets/component-list-social.css?v=13730622090596776651784257910" rel="stylesheet" type="text/css" media="all" />
<div class="flex flex-wrap justify-center flex-column h-full">
<ul
class="list-unstyled list-social flex flex-wrap justify-end sm\:justify-center multi-t__list"
role="list"
style="--gap-x: 1.1rem; --gap-y: 1.1rem;"
><li class="list-social__item social__item--effect">
<a href="https://www.facebook.com/beautica.tn" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-facebook" viewbox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
<svg class="icon icon-facebook" viewbox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
</span>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item social__item--effect">
<a href="https://www.instagram.com/beautica.tn.officiel" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-instagram" viewbox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
<svg class="icon icon-instagram" viewbox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
</span>
<span class="visually-hidden">Instagram</span>
</a>
</li><li class="list-social__item social__item--effect">
<a href="https://www.tiktok.com/@beautica.tn" class="list-social__link link">
<span class="svg-wrapper"><svg class="icon icon-tiktok" viewbox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
<svg class="icon icon-tiktok" viewbox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
</span>
<span class="visually-hidden">TikTok</span>
</a>
</li></ul>
</div></div>
<span class="target-block--tooltip">Réseaux sociaux</span>
</div>
<div
class="target-block relative button__back-to-top hide"
>
<button
class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
data-target="back-to-top"
role="button"
aria-haspopup="dialog"
aria-label="Retour en haut"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewbox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
<svg class="progress-circle progress-circle-fill svg-content absolute inset-0" width="100%" height="100%" viewbox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
</svg>
</span>
</button>
<span class="target-block--tooltip">Retour en haut</span>
</div>
<script src="//beautica.tn/cdn/shop/t/13/assets/back-to-top-progress.js?v=58821228533285910701784257900" defer="defer"></script>
<span class="glider absolute flex rounded-full"></span>
</div>
</multitasking-bar>
<script src="//beautica.tn/cdn/shop/t/13/assets/multitasking-bar.js?v=126658097558579621991784257989" defer="defer"></script>
</section><section id="shopify-section-sections--27367619166521__cart_drawer_PFLQy3" class="shopify-section shopify-section-group-popup-group section-cart-drawer"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart-drawer.css?v=145065958075122386701784257905" media="print" fetchpriority="low" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart.css?v=126975925752820387781784257906" media="print" fetchpriority="low" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-totals.css?v=65700457759007518761784257919" media="print" fetchpriority="low" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/quantity-popover.css?v=48766266399209775371784257997" media="print" fetchpriority="low" onload="this.media='all'">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-discounts.css?v=136859639673735941111784257908" media="print" fetchpriority="low" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart-drawer.css?v=145065958075122386701784257905">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-cart.css?v=126975925752820387781784257906">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-totals.css?v=65700457759007518761784257919">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/quantity-popover.css?v=48766266399209775371784257997">
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-discounts.css?v=136859639673735941111784257908">
</noscript>
<style>
#CartDrawer, cart-drawer {
--btq-appbtn-h: 54px;
--btq-appbtn-r: 10px;
--btq-appbtn-fs: 14px;
--btq-appbtn-fw: 600;
--btq-appbtn-bg: #c2117e;
--btq-appbtn-fg: #ffffff;
--btq-appbtn-gap: 8px;
--btq-appbtn-shadow: 0 2px 10px rgba(26,26,26,.14);
--btq-appbtn-w: 100%;
}
</style>
<div
class="btq-cart-checkout-mode"
data-btq-checkout-mode="app"
data-btq-app-sticky="false"
hidden
></div><cart-drawer
id="Cart-Drawer"
class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden is-empty"
data-moved="false"
data-drawer-direction="right"
data-section-id="sections--27367619166521__cart_drawer_PFLQy3"
>
<div id="CartDrawer-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
<div
id="CartDrawer"
class="cart-drawer color-scheme-1"
data-drawer-content
style="--drawer-max-width: var(--normal-content-width);"
>
<div
class="drawer__inner cus-scrollbar"
role="dialog"
aria-modal="true"
aria-label="Votre panier"
tabindex="-1"
><div class="drawer__inner-empty h-full overflow-hidden flex flex-column" style="--p: 0 1.5rem;">
<div class="drawer__header flex justify-end items-center relative" style="--p: var(--padding-xs) 0;">
<button
class="drawer__close block t-button bor-none rounded-full cursor-pointer"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Fermer la boîte de dialogue"
style="--top: 0.3rem; --right: 0.3rem;"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewbox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
</span>
</button>
</div>
<div class="cart-drawer__warnings flex flex-column flex-1 justify-center center">
<div class="cart-drawer__empty-content">
<h4 class="cart__empty-text">Votre panier est vide</h4>
<a href="/collections/all" class="button">
Continuer les achats
</a><p class="cart__login-title h4">Vous avez un compte ?</p>
<p class="cart__login-paragraph">
<a href="https://beautica.tn/customer_authentication/redirect?locale=fr®ion_country=TN" class="link link--underline">Connectez-vous</a> pour commander plus rapidement.
</p></div>
</div></div><cart-drawer-items
class="h-full is-empty"
data-section-id="sections--27367619166521__cart_drawer_PFLQy3"
>
<div class="section--main-cart h-full">
<div class="loading__spinner hidden cart-drawer__loading-spinner absolute-c-c">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewbox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
</div>
<form
action="/cart"
id="CartDrawer-Form"
class="cart__contents cart-drawer__form flex-grow flex flex-wrap"
method="post"
>
<div id="CartDrawer-CartItems" class="drawer__contents flex-grow flex flex-column js-contents overflow-hidden">
<div id="shopify-block-AdHNYcnJ4ZE9HdUpFc__cart-popular-products" class="shopify-block">
</div>
<p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
Chargement...
</p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form><div class="drawer__footer">
<div class="drawer--function-blocks"><button
class="function-block function-block--cart-note button focus-inset"
type="button"
aria-haspopup="dialog"
aria-label="Commentaires supplémentaires"
data-drawer-toggle="#Drawer-CartNote"
>
<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="clipboard" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="icon icon-note"><path fill="currentColor" d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16z" class=""></path></svg></span>
<span class="btq-fn-label">Note</span>
</button>
<button
type="button"
aria-haspopup="dialog"
aria-label="Calculer la livraison"
class="function-block function-block--cart-shipping button focus-inset"
data-drawer-toggle="#Drawer-CartShipping"
>
<span class="svg-wrapper" style="width: 3.2rem; height: 3.2rem;"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="shipping-fast" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="icon icon-shipping"><path fill="currentColor" d="M280 192c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240zm352 192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2 32 64 52.9 64 78.6V96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1 7.8-14.6 17.4-14.6h253.2c9.6 0 17.4 6.5 17.4 14.6V384H207.6C193 364.7 170 352 144 352c-18.1 0-34.6 6.2-48 16.4V288H64v144c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1 5.2-1.6 10.5-1.6 16 0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H632c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-488 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm272-320h44.1c8.4 0 16.7 3.4 22.6 9.4l83.9 83.9c.8.8 1.1 1.9 1.8 2.8H416V160zm80 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4C545 364.7 522 352 496 352s-49 12.7-63.6 32H416v-96h160v96zM256 248v-16c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8z" class=""></path></svg></span>
</button><button
type="button"
aria-haspopup="dialog"
aria-label="Ajouter un coupon"
class="function-block function-block--cart-coupon button focus-inset"
data-drawer-toggle="#Drawer-CartCoupon"
>
<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="icon icon-coupon"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z" class=""></path></svg></span>
<span class="btq-fn-label">Code promo</span>
</button><section-fetcher
data-section-id="sections--27367619166521__cart_drawer_PFLQy3"
data-target-id="CartDrawer-Content-sections--27367619166521__cart_drawer_PFLQy3"
data-activate="interaction"
></section-fetcher><div class="section-resource-list" id="CartDrawer-Content-sections--27367619166521__cart_drawer_PFLQy3">
</div></div>
<div class="cart-drawer__footer" >
<div></div>
<div class="totals" role="status">
<h2 class="totals__total">Total estimé</h2>
<p class="totals__total-value">0 TND</p>
</div>
<small class="tax-note caption-large rte">Taxes incluses. Remises et <a href="/policies/shipping-policy">livraison</a> calculées à la caisse.
</small>
<div class="cart__ctas cart__ctas-drawer" >
<button
type="submit"
id="CartDrawer-Checkout"
class="cart__checkout-button button button--full-width"
name="checkout"
form="CartDrawer-Form"
disabled
>
<span class="button-overflow relative overflow-hidden" data-button-text="Commander — paiement à la livraison">
<span class="button-text-main inline-block relative z-1">Commander — paiement à la livraison</span>
</span>
</button>
<a
href="/cart"
id="CartDrawer-Viewcart"
class="cart__viewcart-button button-secondary button--full-width"
>
<span class="button-overflow relative overflow-hidden" data-button-text="Voir le panier">
<span class="button-text-main inline-block relative z-1">Voir le panier</span>
</span>
</a>
</div>
</div>
</div>
</div>
</cart-drawer-items>
</div>
</div>
</cart-drawer>
<script src="//beautica.tn/cdn/shop/t/13/assets/cart.js?v=175321277585864407491784257902" defer="defer"></script>
<script src="//beautica.tn/cdn/shop/t/13/assets/cart-drawer.js?v=92300357632842052011784257902" defer="defer"></script></section><section id="shopify-section-sections--27367619166521__toolbar_mobile_3HBwAV" class="shopify-section shopify-section-group-popup-group shopify-section--popup section--toolbar-mobile"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/toolbar-mobile.css?v=177774062987669657031784258015" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/toolbar-mobile.css?v=177774062987669657031784258015">
</noscript>
<toolbar-mobile
class="toolbar-mobile toolbar-mobile-col--4 element-spacing-all fixed left-0 right-0 bottom-0 w-full flex z-3 color-scheme-1 gradient lg:none no-js-hidden"
style=" --padding-top: 4px; --padding-bottom: 4px; --icon-size: 20px; "
><a
href="/"
class="toolbar__item flex-grow shrink-0 flex justify-center items-center flex-column center decoration-none link linkfulltext"
aria-label="Accueil"
>
<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="home-lg-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" class="svg-inline--fa fa-home-lg-alt fa-w-18 fa-3x"><path fill="currentColor" d="M573.48 219.91L310.6 8a35.85 35.85 0 0 0-45.19 0L2.53 219.91a6.71 6.71 0 0 0-1 9.5l14.2 17.5a6.82 6.82 0 0 0 9.6 1L64 216.72V496a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V216.82l38.8 31.29a6.83 6.83 0 0 0 9.6-1l14.19-17.5a7.14 7.14 0 0 0-1.11-9.7zM240 480V320h96v160zm240 0H368V304a16 16 0 0 0-16-16H224a16 16 0 0 0-16 16v176H96V190.92l187.71-151.4a6.63 6.63 0 0 1 8.4 0L480 191z" class=""></path></svg>
</span><span class="text">Accueil</span></a><side-drawer-opener
class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
data-side-drawer="#Drawer-Search"
>
<button
class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full"
type="button"
aria-haspopup="dialog"
aria-label="Rechercher"
>
<span class="svg-wrapper"><svg style="transform: scale(1.2);" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" class="icon icon-search"><path d="M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z"></path></svg>
</span><span class="text">Rechercher</span></button>
</side-drawer-opener><side-drawer-opener
class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
data-side-drawer="#Drawer-Account"
>
<button
class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full"
type="button"
aria-haspopup="dialog"
aria-label="Se connecter"
>
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewbox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
</span><span class="text">Compte</span></button>
</side-drawer-opener><side-drawer-opener
class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
data-side-drawer="#Cart-Drawer"
>
<button
class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full relative"
type="button"
aria-haspopup="dialog"
aria-label="Panier avec 0 articles"
>
<div class="count-bubble relative">
<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-cart icon-cart-classy" width="26" height="26" viewbox="0 0 26 26" aria-hidden="true" focusable="false" role="presentation" fill="none">
<path d="M1.00391 24.9929C1.00391 18.982 1.00391 13.0027 1.00391 6.99882C2.09001 6.99882 3.14437 6.99882 4.19873 6.99882C5.22841 6.99882 6.25809 6.98118 7.28777 7.00587C7.71445 7.01645 7.84493 6.9071 7.85904 6.52259C7.88725 5.73947 7.86961 4.92461 8.10235 4.18029C8.63129 2.47295 9.98187 1.43937 11.9636 1.10072C13.9666 0.758547 15.6522 1.29121 16.9851 2.65285C17.7009 3.38659 18.0113 4.26142 18.0783 5.20681C18.11 5.63012 18.0959 6.05696 18.0994 6.48379C18.1029 6.98471 18.11 6.99529 18.6707 6.99529C20.6031 6.99529 22.532 7.00587 24.4644 6.98823C24.877 6.98471 25.0039 7.08701 25.0039 7.45034C24.9933 13.1509 24.9969 18.8514 24.9969 24.5485C24.9969 24.806 25.0039 25 24.5808 25C16.7347 24.9894 8.89929 24.9929 1.00391 24.9929ZM18.0924 12.1879C17.2672 12.2655 17.2672 12.2655 17.2672 11.6305C17.2672 10.4417 17.2672 9.2494 17.2672 8.06061C17.2672 7.95126 17.2531 7.84543 17.2425 7.71138C17.0909 7.71138 16.978 7.71138 16.8652 7.71138C14.3192 7.71138 11.7732 7.71138 9.23077 7.71138C8.67008 7.71138 8.67008 7.71138 8.67008 8.20877C8.67008 9.42226 8.66303 10.6393 8.67361 11.8527C8.67714 12.1208 8.59603 12.2231 8.26456 12.2302C7.89782 12.2373 7.83787 12.0997 7.83787 11.8281C7.84493 10.5899 7.83083 9.34818 7.84846 8.11C7.85198 7.79957 7.73914 7.70433 7.38298 7.70786C5.71152 7.72197 4.03652 7.71491 2.36506 7.71491C1.7938 7.71491 1.79379 7.71491 1.79379 8.20877C1.79379 13.3943 1.79379 18.5798 1.79379 23.7654C1.79379 24.2768 1.79379 24.2768 2.38974 24.2768C9.45292 24.2768 16.5161 24.2768 23.5793 24.2768C24.1717 24.2768 24.1717 24.2768 24.1717 23.7548C24.1717 20.4106 24.1717 17.0665 24.1717 13.7224C24.1717 11.8704 24.1646 10.0149 24.1788 8.16291C24.1823 7.82427 24.0624 7.70786 23.6604 7.71138C21.9607 7.72902 20.2575 7.72549 18.5543 7.71138C18.1946 7.70786 18.0747 7.81368 18.0853 8.12058C18.1065 8.73438 18.0924 9.34818 18.0924 9.96197C18.0924 10.6957 18.0924 11.433 18.0924 12.1879ZM12.9686 6.99529C14.2557 6.99529 15.5428 6.98823 16.8264 6.99882C17.1579 7.00234 17.2919 6.91415 17.2707 6.61431C17.2425 6.12751 17.2601 5.63717 17.239 5.15037C17.2073 4.40253 16.9146 3.71818 16.3786 3.14671C15.2219 1.91559 13.7092 1.43937 11.9425 1.81329C10.3733 2.14488 9.25898 3.00561 8.87814 4.40958C8.68772 5.10451 8.74061 5.84883 8.66656 6.56845C8.63129 6.90004 8.7794 7.00587 9.15319 7.00234C10.4262 6.98823 11.6992 6.99529 12.9686 6.99529Z" fill="currentColor" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
</svg>
</span><div class="leading-none absolute rounded-full flex justify-center items-center cart-count-bubble cart-icon-bubble">
<span aria-hidden="true" data-cart-count>0</span>
<span class="visually-hidden" data-cart-text>0 article</span>
</div></div><span class="text">Panier</span></button>
</side-drawer-opener></toolbar-mobile>
<script src="//beautica.tn/cdn/shop/t/13/assets/toolbar-mobile.js?v=101042659985946627461784258016" defer="defer"></script>
</section>
<!-- END sections: popup-group --><!-- BEGIN sections: general-group -->
<div id="shopify-section-sections--27367619100985__color_swatches_wJV8Fg" class="shopify-section shopify-section-group-general-group color-swatches-section"><style data-shopify>.color-swacth-color--blue {background: #1199bb !important;}.color-swacth-color--beige {background-image: linear-gradient(to bottom right, #c8ae7e, #c8ae7e 50%, #fafdf3 50%, #fafdf3) !important;}.color-swacth-color--darkorange {background-image: linear-gradient(to bottom right, #383030, #383030 50%, #df753a 50%, #df753a) !important;}</style>
</div>
<!-- END sections: general-group --><main
id="MainContent"
class="content-for-layout focus-none relative z-2"
role="main"
tabindex="-1"
>
<div id="shopify-section-template--27367617921337__slideshow_tyrRgz" class="shopify-section section--has-background slide-wrapper"><link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-slideshow.css?v=93140147921812597461784257917" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="//beautica.tn/cdn/shop/t/13/assets/component-slideshow.css?v=93140147921812597461784257917">
</noscript><div
class="section section--full-width color-scheme-9 color-mobile-scheme-9 spacing-style"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
data-index="1"
>
<div
id="slideshow-template--27367617921337__slideshow_tyrRgz"
class="slideshow slideshow--adapt_image slideshow-mb--medium slideshow--custom-height-mb"
style=" --hero-min-height-mb: var(--section-height-medium); "
>
<swiper-component
class="slideshow__container"
data-space-between="0"
data-slide-autoplay="true"
aria-live="polite"
data-swiper-autoplay="5"
data-parallax="true"
data-speed="800"
data-pagination-type="bullets"
>
<div class="swiper slideshow__slides w-full" style="--swiper-speed: 800ms;">
<div class="swiper-wrapper w-full">
<div id="shopify-block-ATEdycHNGNWp5Y2Q0d__slide_qdHJRj" class="shopify-block swiper-slide">
<div
id="slide-ATEdycHNGNWp5Y2Q0d__slide_qdHJRj"
class="slideshow__slide flex relative justify-center size-full color-scheme-custom"
aria-hidden="false"
>
<style data-shopify>
#slideshow-template--27367617921337__slideshow_tyrRgz.slideshow--has-right-banner .slideshow__slides {
aspect-ratio: 1.75;
}
#slideshow-template--27367617921337__slideshow_tyrRgz:not(.slideshow--has-right-banner, .slideshow--has-left-banner) .slideshow__slides {
aspect-ratio: 1.75;
}
@media screen and (max-width: 749px){#slideshow-template--27367617921337__slideshow_tyrRgz.slideshow--has-right-banner.slideshow.slideshow--stack-mobile .slideshow__slides,
#slideshow-template--27367617921337__slideshow_tyrRgz.slideshow.slideshow--stack-mobile:not(.slideshow--has-right-banner, .slideshow--has-left-banner) .slideshow__slides {
aspect-ratio: auto;
}
#slideshow-template--27367617921337__slideshow_tyrRgz.slideshow.slideshow--stack-mobile .slideshow__slide#slide-ATEdycHNGNWp5Y2Q0d__slide_qdHJRj .media {
/* aspect-ratio: 0.3333333333333333; */
aspect-ratio: 0.6666666666666666;
}
#slideshow-template--27367617921337__slideshow_tyrRgz.slideshow--has-right-banner:not(.slideshow.slideshow--stack-mobile) .slideshow__slides {
aspect-ratio: 0.6666666666666666;
}
#slideshow-template--27367617921337__slideshow_tyrRgz:not(.slideshow--has-right-banner, .slideshow--has-left-banner, .slideshow.slideshow--stack-mobile) .slideshow__slides {
aspect-ratio: 0.6666666666666666;
}}
--color-background: rgb(255 255 255 / 1.0);--color-background-rgb: 255 255 255;--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
</style>
<div class="slide__image-container flex size-full overflow-hidden absolute">
<div
class="slide__img-wrapper grid w-full">
<picture
class="media media--transparent h-full"
data-swiper-parallax="35%"
>
<source
media="(max-width: 749px)"
sizes="100vw"
srcset=" //beautica.tn/cdn/shop/files/beautica_look.jpg?v=1772465465&width=360 360w, //beautica.tn/cdn/shop/files/beautica_look.jpg?v=1772465465&width=480 480w, //beautica.tn/cdn/shop/files/beautica_look.jpg?v=1772465465&width=600 600w, //beautica.tn/cdn/shop/files/beautica_look.jpg?v=1772465465&width=750 750w, //beautica.tn/cdn/shop/files/beautica_look.jpg?v=1772465465&width=828 828w"
width="832"
height="1248"
><img src="//beautica.tn/cdn/shop/files/luxury-perfume-beautica.png?v=1772974155&width=1344" srcset="//beautica.tn/cdn/shop/files/luxury-perfume-beautica.png?v=1772974155&width=375 375w, //beautica.tn/cdn/shop/files/luxury-perfume-beautica.png?v=1772974155&width=550 550w, //beautica.tn/cdn/shop/files/luxury-perfume-beautica.png?v=1772974155&width=750 750w, //beautica.tn/cdn/shop/files/luxury-perfume-beautica.png?v=1772974155&width=1100 1100w" height="768" loading="eager" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
</picture>
</div>
</div>
<div class="page-width page-width--full h-fit"><a
href="/collections/extrait-parfum-homme"
class="slide__link"
aria-label="Slide Link"
></a><div
class="relative size-full slide__content"
>
<div
class="group-block relative group-block--height-fill group-block--width-fill spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: 100%;--size-style-height: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: max(0px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<a
href="/collections/extrait-parfum-homme"
class="size-style button button--AOUlmalljcEN3MEtCN__button_nm8tkf"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --button-border-width: 0.1rem;--button-border-radius: 10.0rem;--button-font-family: var(--font-body--family);--button-font-size: 1.2rem;--button-font-weight: default;--button-text-case: default;--shadow-horizontal-offset: 0.0rem;--shadow-vertical-offset: 0.0rem;--shadow-blur-radius: 0.0rem; "
><span class="button-overflow relative overflow-hidden" data-button-text="Découvrir les parfums homme">
<span class="button-text-main inline-block relative z-1">
Découvrir les parfums homme
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="shopify-block-AdisvNElTWFFyMWhBe__slide_3UKqHy" class="shopify-block swiper-slide">
<div
id="slide-AdisvNElTWFFyMWhBe__slide_3UKqHy"
class="slideshow__slide flex relative justify-center size-full color-scheme-custom"
aria-hidden="true"
>
<style data-shopify>
--color-background: rgb(255 255 255 / 1.0);--color-background-rgb: 255 255 255;--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
</style>
<div class="slide__image-container flex size-full overflow-hidden absolute">
<div
class="slide__img-wrapper grid w-full">
<picture
class="media media--transparent h-full"
data-swiper-parallax="35%"
>
<source
media="(max-width: 749px)"
sizes="100vw"
srcset=" //beautica.tn/cdn/shop/files/BEAUTICA_INSTAGRAM.png?v=1782179520&width=360 360w, //beautica.tn/cdn/shop/files/BEAUTICA_INSTAGRAM.png?v=1782179520&width=480 480w, //beautica.tn/cdn/shop/files/BEAUTICA_INSTAGRAM.png?v=1782179520&width=600 600w, //beautica.tn/cdn/shop/files/BEAUTICA_INSTAGRAM.png?v=1782179520&width=750 750w, //beautica.tn/cdn/shop/files/BEAUTICA_INSTAGRAM.png?v=1782179520&width=828 828w"
width="1044"
height="1506"
><img src="//beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=1880" srcset="//beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=375 375w, //beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=550 550w, //beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=750 750w, //beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=1100 1100w, //beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=1500 1500w, //beautica.tn/cdn/shop/files/Beautica_tunisie_1.png?v=1773436258&width=1780 1780w" height="720" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="low">
</picture>
</div>
</div>
<div class="page-width page-width--full h-fit"><a
href="/collections/bon-plan"
class="slide__link"
aria-label="Slide Link"
></a><div
class="relative size-full slide__content"
>
<div
class="group-block relative group-block--height-fill group-block--width-fill spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: 100%;--size-style-height: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><a
href="/collections"
class="group-block__link"
aria-label="Group Block Link"
></a><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: max(20px, calc(var(--spacing-scale) * 24px));--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: max(0px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<a
href="/collections/bon-plan"
class="size-style button button--AODdFSHBHcWp4UTBhV__button_Qef7Ch"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --button-border-width: 0.1rem;--button-border-radius: 10.0rem;--button-font-family: var(--font-body--family);--button-font-size: 1.2rem;--button-font-weight: default;--button-text-case: default;--shadow-horizontal-offset: 0.0rem;--shadow-vertical-offset: 0.0rem;--shadow-blur-radius: 0.0rem; "
><span class="button-overflow relative overflow-hidden" data-button-text="Voir les bons plans">
<span class="button-text-main inline-block relative z-1">
Voir les bons plans
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-actions swiper-actions--center_vert w-full">
<div
class="swiper-btns-wrap center_vert"
style="--button-gap: 0px;"
>
<hover-button class="swiper-button swiper-button-prev">
<span class="fill-bg absolute" data-fill-bg></span>
<span class="svg-wrapper"><svg class="icon icon-arrow" viewbox="0 0 75 40" fill="none">
<path d="M71.1652 21.1223C71.014 21.1167 70.9329 21.1121 70.8517 21.1121C59.2833 21.1158 12.9398 21.1195 1.37044 21.1251C1.03083 21.1251 0.701476 21.1075 0.422506 20.882C0.0483687 20.5796 -0.0925158 20.099 0.0614309 19.6519C0.221909 19.1834 0.623103 18.8986 1.14932 18.8977C2.60202 18.894 60.639 18.8884 70.8162 18.8847C70.9077 18.8847 70.9991 18.88 71.1689 18.8763L70.9217 18.6305C65.3516 13.0921 59.7815 7.55179 54.2077 2.01616C53.9213 1.73135 53.7431 1.41779 53.7851 1.0096C53.8299 0.561512 54.0687 0.243308 54.4895 0.0818872C54.9084 -0.0776786 55.2984 -0.00160658 55.6427 0.288766C55.6838 0.324019 55.7211 0.363911 55.7593 0.401947C62.0385 6.64542 68.3176 12.8889 74.5968 19.1324C75.0306 19.5638 75.1193 20.0759 74.8412 20.562C74.7881 20.6547 74.7153 20.7392 74.6397 20.8143C68.3298 27.0903 62.0189 33.3662 55.7071 39.6403C55.2798 40.0652 54.65 40.119 54.2021 39.7785C53.7478 39.4343 53.6265 38.8007 53.9325 38.3016C54.0118 38.1717 54.1284 38.0632 54.2376 37.9547C59.7946 32.4274 65.3525 26.901 70.9105 21.3756L71.1642 21.1232L71.1652 21.1223Z" fill="currentColor"/>
</svg>
</span>
</hover-button>
<hover-button class="swiper-button swiper-button-next">
<span class="fill-bg absolute" data-fill-bg></span><span class="svg-wrapper"><svg class="icon icon-arrow" viewbox="0 0 75 40" fill="none">
<path d="M71.1652 21.1223C71.014 21.1167 70.9329 21.1121 70.8517 21.1121C59.2833 21.1158 12.9398 21.1195 1.37044 21.1251C1.03083 21.1251 0.701476 21.1075 0.422506 20.882C0.0483687 20.5796 -0.0925158 20.099 0.0614309 19.6519C0.221909 19.1834 0.623103 18.8986 1.14932 18.8977C2.60202 18.894 60.639 18.8884 70.8162 18.8847C70.9077 18.8847 70.9991 18.88 71.1689 18.8763L70.9217 18.6305C65.3516 13.0921 59.7815 7.55179 54.2077 2.01616C53.9213 1.73135 53.7431 1.41779 53.7851 1.0096C53.8299 0.561512 54.0687 0.243308 54.4895 0.0818872C54.9084 -0.0776786 55.2984 -0.00160658 55.6427 0.288766C55.6838 0.324019 55.7211 0.363911 55.7593 0.401947C62.0385 6.64542 68.3176 12.8889 74.5968 19.1324C75.0306 19.5638 75.1193 20.0759 74.8412 20.562C74.7881 20.6547 74.7153 20.7392 74.6397 20.8143C68.3298 27.0903 62.0189 33.3662 55.7071 39.6403C55.2798 40.0652 54.65 40.119 54.2021 39.7785C53.7478 39.4343 53.6265 38.8007 53.9325 38.3016C54.0118 38.1717 54.1284 38.0632 54.2376 37.9547C59.7946 32.4274 65.3525 26.901 70.9105 21.3756L71.1642 21.1232L71.1652 21.1223Z" fill="currentColor"/>
</svg>
</span>
</hover-button>
</div>
</div>
</div>
</swiper-component>
</div>
</div>
</div><div id="shopify-section-template--27367617921337__marquee_FHbd48" class="shopify-section">
<marquee-component
class="block w-full overflow-hidden relative spacing-style gap-style color-scheme-7"
style=" --marquee-direction: normal;--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));; --marquee-gap: 24px; "
data-speed-factor="10"
data-movement-direction="normal"
>
<div
class="marquee__wrapper flex w-fit whitespace-nowrap"
>
<div class="marquee__content flex">
<div class="marquee__repeated-items flex-center">
<div
class="size-style spacing-style text-block max-w-full flex text-block--Ad0dlU3lLOGV5aERhY__text_b6fLBF flex-column custom custom-typography custom-font-size custom-color"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(1.6rem, 2.2vw, 2.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: nowrap; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight);"
>
<p>🚚 Livraison 24–48h</p>
</div>
<div
class="size-style spacing-style text-block max-w-full flex text-block--AWUxkU0hWN2FURU1aR__text_79jLXn flex-column custom custom-typography custom-font-size custom-color"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(1.6rem, 2.2vw, 2.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: nowrap; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight);"
>
<p>💳 Paiement à la livraison</p>
</div>
<div
class="size-style spacing-style text-block max-w-full flex text-block--AQXdnS05ZcVNneVpBL__text_GRWMyJ flex-column custom custom-typography custom-font-size custom-color"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(1.6rem, 2.2vw, 2.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: nowrap; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight);"
>
<p>🎀 Produit authentique</p>
</div>
<div
class="size-style spacing-style text-block max-w-full flex text-block--AQ3UwVXJkcWtGWXZFT__text_wWQGwn flex-column custom custom-typography custom-font-size custom-color"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: clamp(1.6rem, 2.2vw, 2.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: nowrap; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight);"
>
<p>❤️ Satisfait ou remboursé</p>
</div>
</div>
</div>
</div>
</marquee-component>
</div><section id="shopify-section-template--27367617921337__custom_liquid_cJcc7q" class="shopify-section section"><div class="color-scheme-1">
<div class="spacing"
style=" --p-spacing-t: 0px; --p-spacing-b: 0px; "
>
<div class="btq-finder-cta">
<h2>Perdue parmi nos parfums ? 🌸</h2>
<p>Répondez à 5 questions — on vous propose 3 parfums faits pour vous, en 45 secondes.</p>
<a class="btq-btn btq-btn--primary" href="/pages/trouvez-votre-parfum">Trouvez votre parfum ✨</a>
</div>
</div>
</div>
</section><div id="shopify-section-template--27367617921337__beautica_categories" class="shopify-section">
<div class="btq-cats" style="padding-block: 24px;"><div class="btq-cats__head">
<h2 class="btq-cats__title">Nos catégories</h2><a class="btq-cats__all" href="/collections/all">Voir tout
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a></div><div class="btq-cats__row"><a class="btq-cats__item" href="/collections/extrait-parfum-femme" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--flower" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3"/><path d="M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5"/><path d="M12 7.5V9"/><path d="M7.5 12H9"/><path d="M16.5 12H15"/><path d="M12 16.5V15"/></svg>
</span>
<span class="btq-cats__label">Femme</span>
</a><a class="btq-cats__item" href="/collections/extrait-parfum-homme" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--spray" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 3h.01"/><path d="M7 5h.01"/><path d="M11 7h.01"/><path d="M3 7h.01"/><path d="M7 9h.01"/><path d="M3 11h.01"/><rect width="4" height="4" x="15" y="5"/><path d="m19 9 1.4 1.4a2 2 0 0 1 .6 1.4V21a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-8.8a2 2 0 0 1 .6-1.4L15 9"/><path d="M13 13h6"/></svg>
</span>
<span class="btq-cats__label">Homme</span>
</a><a class="btq-cats__item" href="/collections/coffrets" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--gift" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg>
</span>
<span class="btq-cats__label">Coffrets</span>
</a><a class="btq-cats__item" href="/collections/musc-tahara" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--droplet" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"/></svg>
</span>
<span class="btq-cats__label">Musc</span>
</a><a class="btq-cats__item" href="/collections/beautica-essence" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--sparkles" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>
</span>
<span class="btq-cats__label">Essence</span>
</a><a class="btq-cats__item" href="/collections/bon-plan" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--percent" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><line x1="19" x2="5" y1="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>
</span>
<span class="btq-cats__label">Bons plans</span>
</a><a class="btq-cats__item" href="/collections/accessoires" >
<span class="btq-cats__circle">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
</span>
<span class="btq-cats__label">Accessoires</span>
</a></div>
</div>
</div><div id="shopify-section-template--27367617921337__beautica_occasions" class="shopify-section">
<link href="//beautica.tn/cdn/shop/t/13/assets/beautica-occasions.css?v=2531" rel="stylesheet" type="text/css" media="all" />
<div class="btq-moments" style="--btq-moments-pad: 24px;"><div class="btq-moments__head"><h2 class="btq-moments__title">Pour chaque moment</h2><p class="btq-moments__sub">Trouvez le parfum parfait pour chaque occasion.</p></div><div class="btq-moments__grid"><a class="btq-moments__card" href="/collections/coffrets" >
<span class="btq-moments__tile">
<svg class="btq-icon btq-icon--gift" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg>
</span>
<span class="btq-moments__text">
<span class="btq-moments__label">Offrir</span><span class="btq-moments__desc">Idées cadeaux</span></span>
</a><a class="btq-moments__card" href="/collections/parfum-dete" >
<span class="btq-moments__tile">
<svg class="btq-icon btq-icon--sun" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</span>
<span class="btq-moments__text">
<span class="btq-moments__label">Été</span><span class="btq-moments__desc">Frais & lumineux</span></span>
</a><a class="btq-moments__card" href="/collections/all?sort_by=created-descending" >
<span class="btq-moments__tile">
<svg class="btq-icon btq-icon--sparkles" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>
</span>
<span class="btq-moments__text">
<span class="btq-moments__label">Nouveautés</span><span class="btq-moments__desc">Nouveaux parfums</span></span>
</a><a class="btq-moments__card" href="/collections/musc-tahara" >
<span class="btq-moments__tile">
<svg class="btq-icon btq-icon--moon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</span>
<span class="btq-moments__text">
<span class="btq-moments__label">Musc</span><span class="btq-moments__desc">Muscs & Tahara</span></span>
</a><a class="btq-moments__card" href="/collections/parfums-orientaux" >
<span class="btq-moments__tile">
<svg class="btq-icon btq-icon--clock" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
</span>
<span class="btq-moments__text">
<span class="btq-moments__label">Longue tenue</span><span class="btq-moments__desc">Tenue prolongée</span></span>
</a></div>
</div>
</div><div id="shopify-section-template--27367617921337__beautica_merch_ete" class="shopify-section">
</div><div id="shopify-section-template--27367617921337__beautica_bestsellers" class="shopify-section">
<div class="btq-grid-section" style="padding-block: 24px;"><div class="btq-grid-section__head">
<div>
<h2 class="btq-grid-section__title">Meilleures ventes 🔥</h2><p class="btq-grid-section__sub">Les parfums préférés de nos clientes</p></div><a class="btq-grid-section__all" href="/collections/meilleures-ventes-%F0%9F%94%A5">Voir tout
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a></div><div class="btq-grid">
<article class="btq-card">
<a class="btq-card__link" href="/products/libre-intense-ysl-extait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge">Best Seller</span><img src="//beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=800" alt="Libre intense YSL-Extait de parfum pour femme BEAUTICA" srcset="//beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=200 200w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=300 300w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=400 400w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=600 600w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMlibreintense.png?v=1731072880&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="libre-intense-ysl-extait-de-parfum-pour-femme" data-btq-tenue="16h" data-btq-famille="Floral" data-btq-sous="Floral blanc" data-btq-projection="Forte" aria-label="Aperçu rapide de libra intense">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">libra intense</h3>
<span class="btq-card__price">Dès 9 TND<span class="btq-card__size"> · 10ml</span></span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/kayali-eden-sparkling-lychee-extrait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge">Best Seller</span><img src="//beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=800" alt="Kayali Eden Sparkling Lychee- Extrait de Parfum pour femme BEAUTICA" srcset="//beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=200 200w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=300 300w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=400 400w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=600 600w, //beautica.tn/cdn/shop/files/EXTRAITDEPARFUMkayali.png?v=1731273151&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="kayali-eden-sparkling-lychee-extrait-de-parfum-pour-femme" data-btq-tenue="12h" data-btq-famille="Fruite" data-btq-sous="Fruite sucre" data-btq-projection="Moderee" aria-label="Aperçu rapide de lychee sparkle">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">lychee sparkle</h3>
<span class="btq-card__price">Dès 18 TND<span class="btq-card__size"> · 30ml</span></span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card btq-card--out">
<a class="btq-card__link" href="/products/evidence-yves-rocher-extrait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge btq-card__badge--out">Épuisé</span><img src="//beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=800" alt="Narciso Rodriguez for Her Extrait de Parfum pour femme BEAUTICA" srcset="//beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=200 200w, //beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=300 300w, //beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=400 400w, //beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=600 600w, //beautica.tn/cdn/shop/files/Untitleddesign-2024-11-07T123503.925.png?v=1730979409&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
</div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">narissa rose</h3>
<span class="btq-card__price">Dès 9 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/prada-paradoxe-extrait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge">Best Seller</span><img src="//beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=800" alt="BEAUTICA PARADOXE – PARFUM FEMME INTENSE" srcset="//beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=200 200w, //beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=300 300w, //beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=400 400w, //beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=600 600w, //beautica.tn/cdn/shop/files/pradaparadoxe.png?v=1739536897&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="prada-paradoxe-extrait-de-parfum-pour-femme" data-btq-tenue="12h" data-btq-famille="Floral" data-btq-sous="Floral blanc" data-btq-projection="Moderee" aria-label="Aperçu rapide de paradoxe">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">paradoxe</h3>
<span class="btq-card__price">Dès 18 TND<span class="btq-card__size"> · 30ml</span></span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/delina-extrait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge">Best Seller</span><img src="//beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=800" alt="DELINA - Extrait de Parfum pour femme BEAUTICA" srcset="//beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=200 200w, //beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=300 300w, //beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=400 400w, //beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=600 600w, //beautica.tn/cdn/shop/files/MaisonFrancisKurkdjian_4.png?v=1731068616&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="delina-extrait-de-parfum-pour-femme" data-btq-tenue="16h" data-btq-famille="Floral" data-btq-sous="Rose" data-btq-projection="Forte" aria-label="Aperçu rapide de deline">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">deline</h3>
<span class="btq-card__price">Dès 18 TND<span class="btq-card__size"> · 30ml</span></span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/kayali-yum-boujee-marshmallow-extrait-de-parfum-pour-femme">
<div class="btq-card__media"><span class="btq-card__badge">Best Seller</span><img src="//beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=800" alt="BEAUTICA MARSHMALLOW -PARFUM FEMME INTENSE" srcset="//beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=200 200w, //beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=300 300w, //beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=400 400w, //beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=600 600w, //beautica.tn/cdn/shop/files/Untitleddesign-2025-04-15T110537.270.png?v=1744718006&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="kayali-yum-boujee-marshmallow-extrait-de-parfum-pour-femme" data-btq-tenue="10h" data-btq-famille="Gourmand" data-btq-sous="Vanille gourmande" data-btq-projection="Douce" aria-label="Aperçu rapide de marshmallow">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">marshmallow</h3>
<span class="btq-card__price">Dès 9 TND<span class="btq-card__size"> · 10ml</span></span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
</div>
</div>
</div><div id="shopify-section-template--27367617921337__beautica_accessoires" class="shopify-section">
<div class="btq-grid-section" style="padding-block: 24px;"><div class="btq-grid-section__head">
<div>
<h2 class="btq-grid-section__title">Accessoires</h2><p class="btq-grid-section__sub">Bijoux et packs piercings pour compléter votre style</p></div><a class="btq-grid-section__all" href="/collections/accessoires">Voir tout
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a></div><div class="btq-grid">
<article class="btq-card">
<a class="btq-card__link" href="/products/bracelet-jonc-chevron">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=800" alt="Bracelet jonc doré fermé à bandes ciselées se rejoignant en pointe, sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=200 200w, //beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=300 300w, //beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=400 400w, //beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=600 600w, //beautica.tn/cdn/shop/files/e-x-t-e-r-n-a-l_-i-m-a-g-e_-t-o_-i-m-a-g-e-dd7eeabc-1e75-477b-8c7d-3c9ec1811c9b.jpg?v=1790001320&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="bracelet-jonc-chevron" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de bracelet jonc chevron">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">bracelet jonc chevron</h3>
<span class="btq-card__price">Dès 35 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/bracelet-jonc-trefle-coeur">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=800" alt="Bracelet jonc ouvert doré avec trefle en nacre et coeur sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=200 200w, //beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=300 300w, //beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=400 400w, //beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=600 600w, //beautica.tn/cdn/shop/files/image-43768d27-6230-45fb-a7f9-d92aea9a8e60.jpg?v=1789985344&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="bracelet-jonc-trefle-coeur" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de bracelet jonc trèfle & cœur">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">bracelet jonc trèfle & cœur</h3>
<span class="btq-card__price">Dès 25 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/pack-piercings-bouquet-dore">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=800" alt="Pack de trois piercings dorés : éventail, fleur sur tige feuillue et grappe, sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=200 200w, //beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=300 300w, //beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=400 400w, //beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=600 600w, //beautica.tn/cdn/shop/files/image-47e2c5f5-20cf-4fc4-944c-02b2528fb170.jpg?v=1790001314&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="pack-piercings-bouquet-dore" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de pack piercings bouquet doré">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">pack piercings bouquet doré</h3>
<span class="btq-card__price">Dès 30 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/pack-piercings-graphiques-dores">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=800" alt="Pack de trois piercings dorés : barrette sertie, arc de pierres et éventail, sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=200 200w, //beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=300 300w, //beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=400 400w, //beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=600 600w, //beautica.tn/cdn/shop/files/image-d187572a-7438-4ec9-a8a9-cee00a5c3905.jpg?v=1790001309&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="pack-piercings-graphiques-dores" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de pack piercings graphiques dorés">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">pack piercings graphiques dorés</h3>
<span class="btq-card__price">Dès 25 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/collier-cercle-pave-dore">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=800" alt="Collier doré pendentif cercle entierement pave de pierres sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=200 200w, //beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=300 300w, //beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=400 400w, //beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=600 600w, //beautica.tn/cdn/shop/files/image-90b092d1-4cd8-47a0-96d6-9f07392c1148.jpg?v=1789985335&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="collier-cercle-pave-dore" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de collier cercle pavé doré">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">collier cercle pavé doré</h3>
<span class="btq-card__price">Dès 35 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
<article class="btq-card">
<a class="btq-card__link" href="/products/bracelet-battement-de-coeur">
<div class="btq-card__media"><img src="//beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=800" alt="Bracelet doré motif battement de coeur et petit coeur sur fond ivoire" srcset="//beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=200 200w, //beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=300 300w, //beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=400 400w, //beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=600 600w, //beautica.tn/cdn/shop/files/image-f819b784-40fa-4162-a087-2f1d4caec725.jpg?v=1789985333&width=800 800w" width="800" height="800" loading="lazy" sizes="(min-width:750px) 25vw, 45vw">
<button type="button" class="btq-card__add" data-btq-qv="bracelet-battement-de-coeur" data-btq-tenue="" data-btq-famille="" data-btq-sous="" data-btq-projection="" aria-label="Aperçu rapide de bracelet battement de cœur">
<svg class="btq-icon btq-icon--eye" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/><circle cx='12' cy='12' r='3'/></svg>
</button></div>
<div class="btq-card__body">
<span class="btq-card__brand">Beautica</span>
<h3 class="btq-card__name">bracelet battement de cœur</h3>
<span class="btq-card__price">Dès 25 TND</span>
<span class="btq-card__trust">
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span>Certifié</span></span>
<span class="btq-card__trust-sep" aria-hidden="true"></span>
<span class="btq-card__trust-item">
<svg class="btq-icon btq-icon--gem" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg>
<span>Qualité premium</span></span>
</span>
</div>
</a>
</article>
</div>
</div>
</div><div id="shopify-section-template--27367617921337__section_XMawhC" class="shopify-section section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--full-width color-scheme-2"
style=""
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px;"
><div
class="spacing-style layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper"
style="--flex-direction: column;--flex-wrap: no-wrap;--flex-direction-mobile: column;--gap: 12px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
data-testid="section-content"
>
<div
class="group-block relative group-block--height-fit group-block--width-fit-content spacing-style size-style shadow-style group-block--content-overlay"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><div class="group-block__media-wrapper">
<div
class="background-image-container animate--"
style="--ratio: 1.5;"
data-speed="0.6"
data-axis="y"
data-range="25%"
data-offset="start end, end start"
>
<img src="//beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=1536" alt="" srcset="//beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=300 300w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=450 450w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=600 600w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=750 750w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=900 900w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=1050 1050w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=1200 1200w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=1350 1350w, //beautica.tn/cdn/shop/files/beautica_summer.png?v=1782181928&width=1500 1500w" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="object-position: center;" class="background-image-img">
</div>
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: 0px;--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<swiper-component
class="collection-carousel-swiper-component w-full block"
data-space-between="0"
data-centered-slides="true"
data-pagination-type="progressbar"
data-slides-per-view="1.3"
data-breakpoints='{ "768": { "slidesPerView": 1 }, "1024": { "slidesPerView": 1 }, "1400": { "slidesPerView": 1 } }'>
<div class="swiper w-full" style="--swiper-navigation-top-offset: 50%;">
<ul
id="Slider-AbkhIREFjdG9LcjIwS__testimonial_ndDeXn"
data-id="AbkhIREFjdG9LcjIwS__testimonial_ndDeXn"
class="swiper-wrapper grid-layout-no-js list-unstyled lg:grid-layout--1 md:grid-layout--3 grid--1.3-col-mobile"
>
<li id="Slide-AcDVWQ0c2MTRlWUF6N__testimonial_item_8PXD7i-1" class="grid__item swiper-slide scroll-trigger animate--slide-in"
style="--animation-order: 1;"
>
<div
class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; --size-style-width: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: 0px;--shadow-horizontal-offset: 0px;--shadow-blur: 0px;--shadow-color: rgb(0 0 0 / 0.0);--shadow-spread-radius: 0px; "
data-testid="group-block"
><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: 0px;--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</li>
</ul></div>
</swiper-component>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--27367617921337__beautica_notes" class="shopify-section">
<div class="btq-notes" style="padding-block: 32px;">
<div class="btq-notes__head">
<h2 class="btq-notes__title">Par famille olfactive</h2><p class="btq-notes__sub">Trouvez votre note préférée — chaque famille a son caractère.</p></div>
<div class="btq-notes__grid"><a class="btq-notes__tile" href="/collections/parfums-floraux" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--flower" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3"/><path d="M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5"/><path d="M12 7.5V9"/><path d="M7.5 12H9"/><path d="M16.5 12H15"/><path d="M12 16.5V15"/></svg>
</span>
<span class="btq-notes__name">Florale</span>
<span class="btq-notes__desc">rose · jasmin · élégance</span>
</a><a class="btq-notes__tile" href="/collections/parfums-gourmands" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--sparkles" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>
</span>
<span class="btq-notes__name">Gourmande</span>
<span class="btq-notes__desc">vanille · caramel · douceur</span>
</a><a class="btq-notes__tile" href="/collections/parfums-boises" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--layers" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/></svg>
</span>
<span class="btq-notes__name">Boisée</span>
<span class="btq-notes__desc">santal · oud · caractère</span>
</a><a class="btq-notes__tile" href="/collections/parfums-ambres" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--sun" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</span>
<span class="btq-notes__name">Ambrée</span>
<span class="btq-notes__desc">ambre · épices · chaleur</span>
</a><a class="btq-notes__tile" href="/collections/parfums-frais" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--wind" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12.8 19.6A2 2 0 1 0 14 16H2"/><path d="M17.5 8a2.5 2.5 0 1 1 2 4H2"/><path d="M9.8 4.4A2 2 0 1 1 11 8H2"/></svg>
</span>
<span class="btq-notes__name">Fraîche</span>
<span class="btq-notes__desc">agrumes · légèreté</span>
</a><a class="btq-notes__tile" href="/collections/parfums-musques" >
<span class="btq-notes__icon">
<svg class="btq-icon btq-icon--droplet" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"/></svg>
</span>
<span class="btq-notes__name">Musquée</span>
<span class="btq-notes__desc">musc · coton · peau propre</span>
</a></div></div>
</div><div id="shopify-section-template--27367617921337__blog_posts_nwXLAG" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" --section-min-height: 28svh; --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px;"
>
<div
class="blog-posts-section spacing-style layout-panel-flex layout-panel-flex--column tablet-column mobile-column section-content-wrapper"
style=" --flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px; --gap: calc(var(--gap-scale, 1.0) * 20px); "
data-testid="section-content"
>
<div class="section-resource-list__header">
<div
class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --shadow-vertical-offset: px;--shadow-horizontal-offset: px;--shadow-blur: px;--shadow-color: rgb();--shadow-spread-radius: px; "
data-testid="group-block"
><div class="group-block__media-wrapper media--empty none">
</div>
<div
class="group-block-content relative layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="size-style spacing-style text-block max-w-full flex text-block--ARU9WKzNmUjhYL29oS__text_FwKRy6 flex-column rte rte"
style=" --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<h4>L'univers des <highlight-text class="highlight_text--content highlight_text--text" style="--color: #ec2ea5;">parfums</highlight-text> et des cosmétiques</h4>
</rte-formatter>
</div>
</div>
</div>
<div class="blog-posts-block w-full">
<swiper-component
class="blog-posts-carousel-swiper-component size-full block"
data-space-between="16"
data-loop="true"
data-pagination-type="bullets"
data-dynamic-bullets="true"
data-slides-per-view="1"
data-breakpoints='{ "750": { "slidesPerView": 3, "space_between": 12.0 }, "1024": { "slidesPerView": 2, "space_between": 8.0 } }'>
<div class="swiper size-full" style="--swiper-navigation-top-offset: 50%; ">
<ul
id="Slider-template--27367617921337__blog_posts_nwXLAG"
data-id="template--27367617921337__blog_posts_nwXLAG"
class="swiper-wrapper grid-layout-no-js list-unstyled lg:grid-layout--2 md:grid-layout--3 grid--1-col-mobile"
style="--card-grid-per-row-desktop: 2; --card-grid-per-row-tablet: 3; --card-grid-per-row-mobile: 1;"
>
<li class="blog-post-item swiper-slide">
<div id="shopify-block-AUFd4ZkVaVFRaRUhhW__static-blog-post-block" class="shopify-block"><div class="blog-post-block border-style spacing-style layout-panel-flex layout-panel-flex--column mobile-column"
style=" --flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: 12px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; "
>
<div class="blog-post-block__image-container relative w-full">
<a href="/blogs/conseils-beaute/comment-choisir-le-parfum-qui-vous-convient">
<div id="shopify-block-AMTdTbW9wQWwyVHRhY__image" class="shopify-block">
<div
class="image-block image-block--AMTdTbW9wQWwyVHRhY__image image-block--height-fill size-style spacing-style border-style"
style=" --ratio: 1.75; --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%;--size-style-width-mobile-min: 100%; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px;"
>
<img src="//beautica.tn/cdn/shop/articles/Design_sans_titre_12.png?format=webp&height=1512&v=1762860529" alt="Comment choisir le parfum qui vous convient ?" width="2646" loading="lazy" class="image-block__image" srcset="//beautica.tn/cdn/shop/articles/Design_sans_titre_12.png?format=webp&height=1512&v=1762860529 1x, //beautica.tn/cdn/shop/articles/Design_sans_titre_12.png?format=webp&height=3024&v=1762860529 2x, //beautica.tn/cdn/shop/articles/Design_sans_titre_12.png?format=webp&height=4536&v=1762860529 3x" sizes="auto, (min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="">
</div>
</div>
</a>
</div>
<div class="blog-post-block__content">
<div class="card--block-title"><div class="card__heading">
<a
href="/blogs/conseils-beaute/comment-choisir-le-parfum-qui-vous-convient"
id="StandardCardNoMediaLink--605292757305"
class="full-unstyled-link card-title-change"
aria-labelledby="StandardCardNoMediaLink--605292757305 NoMediaStandardBadge--605292757305"
>
<div
class="size-style spacing-style text-block max-w-full flex text-block--AUkNkTlZ6R1B0SVZ4U__card_article_title_flex_6VA8Db flex-column h5"
style=" --padding-block-start: 0px; --padding-block-end:24px; --padding-inline-start:0px; --padding-inline-end:0px; --color: ;"
><div
class="text inline-block relative z-1 w-auto max-w-full"
>
<span class="link--hover-underline">
Comment choisir le parfum qui vous convient ?
</span>
</div></div>
</a>
</div>
</div>
<div id="shopify-block-AOWxNRWJGVHVySllyW__card_article_description_flex_7HqrHa" class="shopify-block"><div class="blog-post-description custom">
<div
class="size-style spacing-style text-block max-w-full flex text-block--AOWxNRWJGVHVySllyW__card_article_description_flex_7HqrHa flex-column custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal);"
>
Comment choisir le parfum qui vous convient ? Choisir un parfum, c’est bien plus qu’une simple question d’odeur : c’est une manière d’exprimer qui vous êtes, de révéler votre personnalité...
</div>
</div>
</div>
</div>
</div>
</div>
</li><li class="blog-post-item swiper-slide">
<div id="shopify-block-AUFd4ZkVaVFRaRUhhW__static-blog-post-block-1" class="shopify-block"><div class="blog-post-block border-style spacing-style layout-panel-flex layout-panel-flex--column mobile-column"
style=" --flex-direction: column;--flex-wrap: nowrap;--flex-direction-mobile: column;--gap: 12px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px; "
>
<div class="blog-post-block__image-container relative w-full">
<a href="/blogs/conseils-beaute/florale-bois-e-orientale-quelle-famille-olfactive-vous-correspond">
<div id="shopify-block-AMTdTbW9wQWwyVHRhY__image-1" class="shopify-block">
<div
class="image-block image-block--AMTdTbW9wQWwyVHRhY__image-1 image-block--height-fill size-style spacing-style border-style"
style=" --ratio: 1.75; --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%;--size-style-width-mobile-min: 100%; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px;--border-style: none;--border-color: rgb(var(--color-border-rgb) / 1.0);--border-radius: 0px;"
>
<img src="//beautica.tn/cdn/shop/articles/Design_sans_titre_8.png?format=webp&height=1512&v=1762859294" alt="Florale, boisée, orientale… Quelle famille olfactive vous correspond ?" width="2646" loading="lazy" class="image-block__image" srcset="//beautica.tn/cdn/shop/articles/Design_sans_titre_8.png?format=webp&height=1512&v=1762859294 1x, //beautica.tn/cdn/shop/articles/Design_sans_titre_8.png?format=webp&height=3024&v=1762859294 2x, //beautica.tn/cdn/shop/articles/Design_sans_titre_8.png?format=webp&height=4536&v=1762859294 3x" sizes="auto, (min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="">
</div>
</div>
</a>
</div>
<div class="blog-post-block__content">
<div class="card--block-title"><div class="card__heading">
<a
href="/blogs/conseils-beaute/florale-bois-e-orientale-quelle-famille-olfactive-vous-correspond"
id="StandardCardNoMediaLink--605093069113"
class="full-unstyled-link card-title-change"
aria-labelledby="StandardCardNoMediaLink--605093069113 NoMediaStandardBadge--605093069113"
>
<div
class="size-style spacing-style text-block max-w-full flex text-block--AUkNkTlZ6R1B0SVZ4U__card_article_title_flex_6VA8Db-1 flex-column h5"
style=" --padding-block-start: 0px; --padding-block-end:24px; --padding-inline-start:0px; --padding-inline-end:0px; --color: ;"
><div
class="text inline-block relative z-1 w-auto max-w-full"
>
<span class="link--hover-underline">
Florale, boisée, orientale… Quelle famille olfactive vous correspond ?
</span>
</div></div>
</a>
</div>
</div>
<div id="shopify-block-AOWxNRWJGVHVySllyW__card_article_description_flex_7HqrHa-1" class="shopify-block"><div class="blog-post-description custom">
<div
class="size-style spacing-style text-block max-w-full flex text-block--AOWxNRWJGVHVySllyW__card_article_description_flex_7HqrHa-1 flex-column custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal);"
>
Les grandes familles olfactives : découvrez l’univers fascinant des parfums Le monde du parfum est vaste et captivant. Derrière chaque fragrance se cache une composition complexe d’essences naturelles et de...
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul><div class="swiper-pagination"></div></div>
</swiper-component>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27367619068217__beautica_footer" class="shopify-section shopify-section-group-footer-group btq-ft-section">
<footer class="btq-ft" role="contentinfo">
<div class="btq-ft__inner"><h2 class="btq-ft__sr">Nos engagements</h2>
<ul class="btq-ft__promise" role="list"><li >
<span class="btq-ft__promise-icon" aria-hidden="true">
<svg class="btq-icon btq-icon--banknote" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>
</span>
<span>
<b>Paiement à la livraison</b><small>Vous payez à réception</small></span>
</li><li >
<span class="btq-ft__promise-icon" aria-hidden="true">
<svg class="btq-icon btq-icon--truck" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
</span>
<span>
<b>Livraison 24–48h</b><small>Partout en Tunisie</small></span>
</li><li >
<span class="btq-ft__promise-icon" aria-hidden="true">
<svg class="btq-icon btq-icon--shield-check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
</span>
<span>
<b>Qualité contrôlée</b><small>Conforme aux normes cosmétiques</small></span>
</li><li >
<span class="btq-ft__promise-icon" aria-hidden="true">
<svg class="btq-icon btq-icon--refresh" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>
</span>
<span>
<b>Retour sous 7 jours</b><small>Si le flacon est scellé</small></span>
</li></ul><div class="btq-ft__mid"><nav class="btq-ft__nav" aria-label="Liens du pied de page" data-btq-ft-nav></nav>
</div><section class="btq-ft__contact" aria-labelledby="btq-ft-contact-h">
<div class="btq-ft__contact-grid">
<div>
<h2 class="btq-ft__eyebrow" id="btq-ft-contact-h">
Une question ?
</h2><a class="btq-ft__wa" href="https://wa.me/21624950088" rel="noopener">
<span class="btq-ft__wa-mark" aria-hidden="true">
<svg class="btq-icon btq-icon--message-circle" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/></svg>
</span>
<span>
<b>Écrivez-nous sur WhatsApp</b>
<small>+216 24 950 088</small>
</span>
</a><div class="btq-ft__social"><a href="https://www.instagram.com/beautica.tn.officiel" rel="noopener" target="_blank">
<span class="btq-ft__sr">Instagram</span>
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg>
</a><a href="https://www.facebook.com/beautica.tn" rel="noopener" target="_blank">
<span class="btq-ft__sr">Facebook</span>
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 8.5V7a1.5 1.5 0 0 1 1.5-1.5H17V3h-2.2A3.8 3.8 0 0 0 11 6.8v1.7H9V11h2v10h3V11h2.2l.4-2.5H14Z"/></svg>
</a><a href="https://www.tiktok.com/@beautica.tn" rel="noopener" target="_blank">
<span class="btq-ft__sr">TikTok</span>
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 3v11.2a3.3 3.3 0 1 1-2.6-3.2"/><path d="M14 3a5 5 0 0 0 5 5"/></svg>
</a></div></div><div class="btq-ft__news"><p class="btq-ft__news-note">Nouveautés et offres en avant-première.</p><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="btq-ft__news-form" data-nocaptcha="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
<label class="btq-ft__sr" for="btq-ft-email">
Votre e-mail
</label>
<div class="btq-ft__news-row">
<input
id="btq-ft-email"
type="email"
name="contact[email]"
autocomplete="email"
autocorrect="off"
autocapitalize="off"
placeholder="Votre e-mail"
required>
<button type="submit" name="commit">S'inscrire</button>
</div></form></div></div>
</section><div class="btq-ft__base"><ul class="btq-ft__legal" role="list"><li><a href="/policies/refund-policy">Politique de remboursement</a></li><li><a href="/policies/privacy-policy">Politique de confidentialité</a></li><li><a href="/policies/terms-of-service">Conditions d’utilisation</a></li><li><a href="/policies/shipping-policy">Politique d’expédition</a></li><li><a href="/policies/contact-information">Coordonnées</a></li></ul><p class="btq-ft__copy">
© 2026 Beautica.tn. Tous droits réservés.
</p>
</div>
</div>
</footer><script>
(function () {
var nav = document.querySelector('[data-btq-ft-nav]');
if (!nav) return;
var panels = nav.querySelectorAll('details.btq-ft__col');
var wide = window.matchMedia('(min-width: 750px)');
function sync() {
for (var i = 0; i < panels.length; i++) {
// Above 750px every column is open and its summary is inert.
// Below it, the first column stays open as an affordance hint.
panels[i].open = wide.matches || i === 0;
}
}
sync();
wide.addEventListener ? wide.addEventListener('change', sync) : wide.addListener(sync);
})();
</script>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Choisir une option entraîne le rechargement complet de la page.</li>
<li id="a11y-new-window-message">Ouvre dans une nouvelle fenêtre.</li>
</ul><script src="//beautica.tn/cdn/shop/t/13/assets/predictive-search.js?v=26422326154105282171784257990" defer="defer"></script>
<script>
// This listener kills the 'unload' reset that causes the white flash
window.addEventListener('beforeunload', function (event) {
// We stop the theme from re-adding the 'loading' classes
document.documentElement.classList.remove('loading');
const preload = document.querySelector('.preload-screen');
if (preload) {
// We force it to stay hidden so the current page remains visible
preload.style.display = 'none';
}
}, { capture: true });
</script>
<!-- PERFORMANCE: Defer third-party analytics to after user interaction -->
<script>
// TikTok & Instagram in-app browser fix
(function() {
var ua = navigator.userAgent || navigator.vendor || window.opera;
var isInAppBrowser = /Instagram|FBAN|FBAV|TikTok|Musical|BytedanceWebview|Snapchat/i.test(ua);
if (isInAppBrowser) {
// Force links to open in external browser if needed
document.documentElement.classList.add('in-app-browser');
// Fix viewport height for in-app browsers
var vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', vh + 'px');
// Prevent zoom issues in in-app browsers
var viewport = document.querySelector('meta[name=viewport]');
if (viewport) {
viewport.content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
}
// Force images to load (some in-app browsers have lazy load issues)
setTimeout(function() {
document.querySelectorAll('img[loading="lazy"]').forEach(function(img) {
if (img.getBoundingClientRect().top < window.innerHeight * 2) {
img.loading = 'eager';
}
});
}, 100);
}
})();
</script>
<script>
/* ==========================================================================
1. Confirmation toast — centred, non-blocking, self-dismissing.
========================================================================== */
(function () {
if (window.btqToast) return;
var SVG_NS = 'http://www.w3.org/2000/svg';
var layer = null, card = null, iconBox = null, titleEl = null, textEl = null, actionEl = null;
var hideTimer = null, removeTimer = null;
function icon(kind) {
var svg = document.createElementNS(SVG_NS, 'svg');
svg.setAttribute('viewBox', '0 0 24 24');
svg.setAttribute('aria-hidden', 'true');
var p = document.createElementNS(SVG_NS, 'path');
if (kind === 'error') {
p.setAttribute('d', 'M12 7v6M12 17h.01');
} else {
p.setAttribute('d', 'M5 12.5l4.5 4.5L19 7.5');
}
p.setAttribute('class', 'btq-atc-toast__check');
svg.appendChild(p);
return svg;
}
function build() {
layer = document.createElement('div');
layer.className = 'btq-atc-toast';
layer.setAttribute('role', 'status');
layer.setAttribute('aria-live', 'polite');
card = document.createElement('div');
card.className = 'btq-atc-toast__card';
iconBox = document.createElement('div');
iconBox.className = 'btq-atc-toast__icon';
titleEl = document.createElement('p');
titleEl.className = 'btq-atc-toast__title';
textEl = document.createElement('p');
textEl.className = 'btq-atc-toast__text';
actionEl = document.createElement('button');
actionEl.type = 'button';
actionEl.className = 'btq-atc-toast__action';
actionEl.textContent = 'Voir le panier';
var hint = document.createElement('p');
hint.className = 'btq-atc-toast__dismiss';
hint.textContent = 'Touchez pour fermer';
card.appendChild(iconBox);
card.appendChild(titleEl);
card.appendChild(textEl);
card.appendChild(actionEl);
card.appendChild(hint);
layer.appendChild(card);
document.body.appendChild(layer);
/* Tapping the card dismisses. The page itself stays live — the layer is
pointer-events:none, so nothing outside the card is ever intercepted. */
card.addEventListener('click', function () { hide(); });
actionEl.addEventListener('click', function (e) {
e.stopPropagation();
hide();
var drawer = document.querySelector('cart-drawer');
if (drawer && typeof drawer.open === 'function') drawer.open();
else window.location.href = '/cart';
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && layer.dataset.open === '1') hide();
});
}
function hide() {
if (!layer || layer.dataset.open !== '1') return;
clearTimeout(hideTimer);
layer.dataset.closing = '1';
delete layer.dataset.open;
removeTimer = setTimeout(function () { delete layer.dataset.closing; }, 200);
}
/* opts: { title, text, variant: 'success'|'error', duration, action: bool } */
function show(opts) {
opts = opts || {};
if (!layer) build();
clearTimeout(hideTimer);
clearTimeout(removeTimer);
delete layer.dataset.closing;
var isError = opts.variant === 'error';
layer.classList.toggle('is-error', isError);
iconBox.textContent = '';
iconBox.appendChild(icon(isError ? 'error' : 'success'));
titleEl.textContent = opts.title || '';
textEl.textContent = opts.text || '';
actionEl.hidden = isError || opts.action === false;
/* Force a reflow so a re-show of an already-visible toast replays the animation. */
void layer.offsetWidth;
layer.dataset.open = '1';
hideTimer = setTimeout(hide, opts.duration || (isError ? 4000 : 2600));
}
window.btqToast = { show: show, hide: hide };
})();
/* ==========================================================================
2. Cart sync — Section Rendering API.
The theme's own CartDrawerItems.updateSections() (assets/cart.js) already knows
how to fold a rendered `cart-drawer` section into the live DOM: it swaps
#CartDrawer-Form, #CartDrawer-CartItems, the live region, and .cart-drawer__footer
(which carries the totals). We delegate to it so the theme stays authoritative.
What it does NOT touch — because these nodes sit OUTSIDE <cart-drawer-items>,
as direct children of .drawer__inner — is the item counter (.wrapper-cart-count)
and the free-shipping progress bar (.previewCartMessage). Those are swapped here
from the same server-rendered payload.
========================================================================== */
(function () {
if (window.btqCartSync) return;
var SECTION = 'cart-drawer';
function parse(html) {
return new DOMParser().parseFromString(html, 'text/html');
}
/* Used only if cart.js has not upgraded <cart-drawer-items> yet. Mirrors the
theme's own swap so behaviour is identical either way. */
function fallbackSwap(doc) {
var pairs = [
['#CartDrawer-Form', '#CartDrawer-Form'],
['#CartDrawer-CartItems', '#CartDrawer-CartItems'],
['.cart-drawer__footer', '.cart-drawer__footer']
];
pairs.forEach(function (p) {
var target = document.querySelector(p[0]);
var fresh = doc.querySelector(p[1]);
if (target && fresh) target.innerHTML = fresh.innerHTML;
});
}
/* The chrome above the item list: counter + free-shipping progress bar. */
function syncChrome(doc) {
var inner = document.querySelector('cart-drawer .drawer__inner');
if (!inner) return;
/* The theme keys its empty state off the HOST element — assets/component-cart-drawer.css
line 5 is `cart-drawer.is-empty .drawer__inner`, and snippets/cart-drawer.liquid:3
puts `is-empty` on <cart-drawer> itself. Without this, adding to a previously-empty
cart re-renders the items but leaves the drawer painted as empty. */
var liveHost = document.querySelector('cart-drawer');
var freshHost = doc.querySelector('cart-drawer');
if (liveHost && freshHost) {
liveHost.classList.toggle('is-empty', freshHost.classList.contains('is-empty'));
}
var freshInner = doc.querySelector('.drawer__inner');
if (freshInner) inner.classList.toggle('is-empty', freshInner.classList.contains('is-empty'));
var liveItems = document.querySelector('cart-drawer-items');
var freshItems = doc.querySelector('cart-drawer-items');
if (liveItems && freshItems) {
liveItems.classList.toggle('is-empty', freshItems.classList.contains('is-empty'));
}
/* "3 articles" — plural form is Liquid-rendered, so copy it verbatim. */
var liveCount = inner.querySelector('.wrapper-cart-count');
var freshCount = doc.querySelector('.wrapper-cart-count');
if (liveCount && freshCount) liveCount.innerHTML = freshCount.innerHTML;
/* Shipping progress bar. Conditionally rendered (absent on an empty cart),
so handle appear / update / disappear rather than assuming it exists.
When it is already present we deliberately do NOT swap its HTML.
.previewCartMessage wraps <free-shipping-component>, whose connectedCallback
registers a document-level 'cart:updated' listener and never removes it
(assets/free-shipping-message.js has no disconnectedCallback). Re-injecting
the markup on every add would orphan one listener — and one recurring
/cart.js fetch — per add. Instead we leave the element alone and let the
'cart:updated' event fired below drive its own recalculation. */
var livePreview = inner.querySelector('.previewCartMessage');
var freshPreview = doc.querySelector('.previewCartMessage');
if (!livePreview && freshPreview && liveItems) {
liveItems.insertAdjacentElement('beforebegin', freshPreview.cloneNode(true));
} else if (livePreview && !freshPreview) {
livePreview.remove();
}
}
function applySections(sections) {
var html = sections && sections[SECTION];
if (!html) return false;
var doc = parse(html);
var items = document.querySelector('cart-drawer-items');
if (items && typeof items.updateSections === 'function') {
items.updateSections({ 'cart-drawer': html });
} else {
fallbackSwap(doc);
}
syncChrome(doc);
/* --cart-drawer-header-height is computed by a single bare call at
assets/global.js:416 — no resize handler, no cart:updated subscriber, and it
bails early when the cart is empty (no .previewCartMessage exists yet). Our swap
can change the header/footer height, so recompute. The symbol may not be exposed
on window depending on how global.js is bundled — hence the typeof guard. */
if (typeof window.getHeaderCartDrawerHeight === 'function') {
try { window.getHeaderCartDrawerHeight(); } catch (e) {}
}
return true;
}
/* Numeric badges in the header + sticky mobile toolbar.
.wrapper-cart-count is deliberately excluded: it matches [class*="cart-count"]
but its content is "3 articles", not a bare number, and it is already handled
by syncChrome() above. Overwriting it with the integer was a live regression. */
function applyCount(cart) {
if (!cart || typeof cart.item_count !== 'number') return;
var nodes = document.querySelectorAll(
'[data-cart-count], .cart-count, .cart-count-bubble, [class*="cart-count"]'
);
Array.prototype.forEach.call(nodes, function (el) {
if (el.closest('.wrapper-cart-count') || el.classList.contains('wrapper-cart-count')) return;
el.textContent = cart.item_count;
});
}
/* Standalone refresh: re-render the section for callers that mutated the cart
without asking for sections (e.g. snippets/beautica-quickview.liquid). */
function refresh() {
var url = window.location.pathname + (window.location.search ? window.location.search + '&' : '?') +
'sections=' + SECTION;
return fetch(url, { headers: { Accept: 'application/json' } })
.then(function (r) { return r.json(); })
.then(function (sections) {
applySections(sections);
return fetch('/cart.js', { headers: { Accept: 'application/json' } })
.then(function (r) { return r.json(); })
.then(function (cart) { applyCount(cart); broadcast(cart); return cart; });
})
.catch(function () { /* leave the DOM untouched rather than half-updated */ });
}
/* The theme's real event name is 'cart:updated' — 'cart:refresh' was invented by
earlier Beautica code and has never had a subscriber, which is why the drawer
body, totals and shipping bar went stale.
- assets/free-shipping-message.js -> re-runs initialize() (self-fetches /cart.js)
- assets/cart.js CartItemsComponent -> handleCartUpdate()
The detail carries the cart only, never a `sections` key: cart.js reads
detail.sections / detail.data.sections and would re-run its own swap on top of
ours if it found one. 'cart:refresh' is still emitted for backward compatibility. */
function broadcast(cart) {
document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true, detail: cart }));
document.dispatchEvent(
new CustomEvent('cart:refresh', { bubbles: true, detail: { btq: true, cart: cart } })
);
}
window.btqCartSync = {
sectionParam: SECTION,
apply: applySections,
applySections: applySections,
syncChrome: syncChrome,
applyCount: applyCount,
refresh: refresh,
broadcast: broadcast,
/* CartDrawer.open() adds both 'active' and 'open' as CLASSES (assets/cart-drawer.js). */
isDrawerOpen: function () {
var d = document.querySelector('cart-drawer');
return !!(d && (d.classList.contains('active') || d.classList.contains('open')));
}
};
/* Other Beautica surfaces already dispatch cart:refresh (quickview). Nothing
listened to it before — now it drives a real re-render. Events flagged
`btq` are ones we just handled ourselves, so they are ignored. */
document.addEventListener('cart:refresh', function (e) {
if (e && e.detail && e.detail.btq) return;
refresh();
});
})();
/* ==========================================================================
3. Quick-add click handler.
========================================================================== */
(function () {
if (window.__btqQuickAdd) return;
window.__btqQuickAdd = true;
function reset(btn, label, original) {
if (label) label.textContent = original;
btn.classList.remove('is-added');
delete btn.dataset.busy;
}
document.addEventListener('click', function (e) {
var btn = e.target.closest('[data-btq-add]');
if (!btn || btn.dataset.busy) return;
e.preventDefault();
e.stopPropagation();
var id = btn.getAttribute('data-btq-add');
if (!id || id === '0') return;
btn.dataset.busy = '1';
var label = btn.querySelector('span');
var original = label ? label.textContent : '';
if (label) label.textContent = '…';
var card = btn.closest('.btq-card');
var nameEl = card ? card.querySelector('.btq-card__name') : null;
var fallbackName = nameEl ? nameEl.textContent.trim() : '';
fetch('/cart/add.js', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
body: JSON.stringify({
items: [{ id: Number(id), quantity: 1 }],
sections: window.btqCartSync ? window.btqCartSync.sectionParam : 'cart-drawer',
sections_url: window.location.pathname
})
})
.then(function (r) {
return r.json().then(function (data) {
if (!r.ok) {
var err = new Error('cart-add');
err.payload = data;
throw err;
}
return data;
});
})
.then(function (data) {
if (label) label.textContent = 'Ajouté ✓';
btn.classList.add('is-added');
var drawerWasOpen = window.btqCartSync && window.btqCartSync.isDrawerOpen();
if (window.btqCartSync) window.btqCartSync.apply(data.sections);
/* Confirmation. If the drawer is already open the shopper can see the
line item land — a toast on top of it would be the "awkward" double
surface the brief rules out, so it is suppressed in that case. */
if (!drawerWasOpen && window.btqToast) {
window.btqToast.show({
title: 'Ajouté au panier',
text: data.product_title || fallbackName
});
}
return fetch('/cart.js', { headers: { Accept: 'application/json' } })
.then(function (r) { return r.json(); })
.then(function (cart) {
if (window.btqCartSync) window.btqCartSync.applyCount(cart);
if (window.btqCartSync) window.btqCartSync.broadcast(cart);
})
.catch(function () { /* drawer is already correct; the badge is cosmetic */ });
})
.catch(function (err) {
var p = err && err.payload;
var msg = (p && (p.description || p.message)) || '';
/* Shopify returns the shop-locale description (French here). Only fall
back to our own copy when there is nothing usable. */
if (!msg || /^cart error$/i.test(msg)) {
msg = 'Ce produit n’est plus disponible pour le moment.';
}
if (window.btqToast) {
window.btqToast.show({
title: 'Ajout impossible',
text: msg,
variant: 'error'
});
}
})
.then(function () {
/* Always runs — the label can never be left stuck on "…". */
setTimeout(function () { reset(btn, label, original); }, 1400);
});
});
})();
/* Money normalizer — the theme renders prices through many paths; the catalog is
whole-dinar, so «18.000 TND» is normalized to «18 TND» everywhere, including
AJAX-rendered cart/drawer content. Only exact .000 values are touched. */
(function(){
if (window.btqMoney) return; window.btqMoney = true;
var RX = /^\s*(\d[\d\s]*)\.0{2,3}\s*TND\s*$/;
var SEL = '.money, .price-item, .totals__total-value, .previewCartMessage, [class*=free-shipping]';
function fix(root){
if (!root || !root.querySelectorAll) return;
var list = [].slice.call(root.querySelectorAll(SEL));
/* the MutationObserver hands us added nodes directly — when the added node
IS the price span (Ella's price component re-renders .money post-load),
querySelectorAll misses it, so test the root itself too. */
if (root.matches && root.matches(SEL)) list.unshift(root);
list.forEach(function(el){
if (el.children.length) return;
var m = RX.exec(el.textContent);
if (m) el.textContent = m[1].trim() + ' TND';
});
}
/* prices embedded inside sentences (e.g. free-shipping «…que 64.00 TND avant…») */
var INLINE = /(\d)\.0{2,3}(\s*TND)/g;
function fixText(root){
var w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
var n, hits = [];
while ((n = w.nextNode())) { if (INLINE.test(n.nodeValue)) hits.push(n); INLINE.lastIndex = 0; }
hits.forEach(function(t){ t.nodeValue = t.nodeValue.replace(INLINE, '$1$2'); });
}
function run(){ fix(document); fixText(document.body); }
/* NOTE: the header-re-render badge race is handled in the btqSyncBadge IIFE below,
where paint()/bubbleHost() are actually in scope. It USED to live here, but this
IIFE has no access to those functions, so `var _paint = paint` threw a
ReferenceError that crashed the money normalizer before run()/the observer were
ever wired up — leaving PDP prices stuck at «18.000 TND». Keep it out of here. */
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run); else run();
/* PDP / variant price components sometimes mutate .money's text IN PLACE
(characterData), which the childList observer below never sees. A few
delayed full-document passes catch those without polling forever. */
[250, 800, 1800].forEach(function(d){ setTimeout(run, d); });
new MutationObserver(function(muts){
muts.forEach(function(mu){
/* Variant-price components rewrite .money's text via el.textContent, which
REMOVES the old text node and ADDS a fresh TEXT node (nodeType 3) — a
childList mutation, not characterData. Handle every path: element added,
text node added (re-fix its parent), or true in-place characterData. */
if (mu.type === 'characterData') { if (mu.target.parentElement) fix(mu.target.parentElement); return; }
mu.addedNodes.forEach(function(n){
if (n.nodeType === 1) { fix(n); fixText(n); }
else if (n.nodeType === 3 && n.parentElement) { fix(n.parentElement); }
});
});
}).observe(document.documentElement, { childList: true, subtree: true, characterData: true });
})();
</script>
<script>
/* ONE source of truth for the cart badge.
This theme renders NO bubble element at all when the cart is empty, so an
update-only approach had nothing to write to — the badge appeared frozen.
paint() therefore CREATES the bubble inside the cart icon when it is missing. */
(function(){
if (window.btqSyncBadge) return;
function bubbleHost(){
return document.querySelector('#cart-icon-bubble')
|| document.querySelector('a[href$="/cart"], a[href*="/cart?"]')
|| document.querySelector('[class*="header__icon--cart"]');
}
function ensureBubble(){
var host = bubbleHost();
if (!host) return null;
var b = host.querySelector('.cart-count-bubble') || host.querySelector('[data-btq-badge]');
if (!b) {
b = document.createElement('div');
b.className = 'cart-count-bubble';
b.setAttribute('data-btq-badge','1');
b.innerHTML = '<span aria-hidden="true">0</span>';
if (getComputedStyle(host).position === 'static') host.style.position = 'relative';
host.appendChild(b);
}
if (!b.querySelector('span')) b.innerHTML = '<span aria-hidden="true">0</span>';
return b;
}
function paint(count){
var b = ensureBubble();
if (b) {
b.querySelector('span').textContent = count;
b.hidden = count === 0;
b.style.display = count > 0 ? '' : 'none';
}
document.querySelectorAll('.cart-count-bubble').forEach(function(el){
var sp = el.querySelector('span'); if (sp) sp.textContent = count;
el.hidden = count === 0; el.style.display = count > 0 ? '' : 'none';
});
/* CRITICAL: this selector must NEVER match <html> or <body>. A previous version
also set data-cart-count on document.documentElement, so [data-cart-count]
matched <html> and el.textContent = count REPLACED THE ENTIRE PAGE with a bare
number. Restrict to SPAN/DIV badge nodes and hard-exclude html/body. */
document.querySelectorAll('span[data-cart-count], div[data-cart-count]').forEach(function(el){
if (el === document.documentElement || el === document.body) return;
if (el.closest('.wrapper-cart-count')) return;
if (el.children.length) return; /* only ever write into leaf nodes */
el.textContent = count;
});
document.querySelectorAll('.wrapper-cart-count').forEach(function(el){
if (el === document.documentElement || el === document.body) return;
el.textContent = count + (count === 1 ? ' article' : ' articles');
});
/* real markup (verified in the served draft HTML):
<button id="cart-icon-bubble"><div class="cart-count-bubble">
<span aria-hidden="true" data-cart-count>N</span>
<span class="visually-hidden" data-cart-text>N article</span> */
document.querySelectorAll('span[data-cart-text]').forEach(function(el){
if (el === document.documentElement || el === document.body || el.children.length) return;
el.textContent = count + (count === 1 ? ' article' : ' articles');
});
var host = document.getElementById('cart-icon-bubble');
if (host) host.setAttribute('aria-label', count + (count === 1 ? ' article' : ' articles'));
}
window.btqSyncBadge = function(cart){
if (cart && typeof cart.item_count === 'number') { paint(cart.item_count); return Promise.resolve(cart); }
return fetch('/cart.js', {headers:{'Accept':'application/json'}})
.then(function(r){ return r.json(); })
.then(function(c){ paint(c.item_count); return c; })
.catch(function(){});
};
['cart:refresh','cart:updated','cart:change','cart:build','on:cart:add','on:line-item:change']
.forEach(function(ev){ document.addEventListener(ev, function(){ window.btqSyncBadge(); }); });
/* THE HEADER RACE: the theme re-renders the header section after every cart mutation
and replaces the bubble with its own (often empty) markup — wiping our paint ~60ms
in. Keep the last known count and re-apply it whenever the header subtree changes.
(Lives here, not in the money IIFE, because paint()/bubbleHost() are defined here.) */
var lastCount = null;
var _paint = paint;
paint = function(c){ lastCount = c; _paint(c); };
function watchHeader(){
var host = bubbleHost();
var root = host ? (host.closest('header, [class*="header"]') || host.parentElement) : document.body;
if (!root || root.__btqWatched) return;
root.__btqWatched = true;
var mo = new MutationObserver(function(){
if (lastCount === null) return;
var b = document.querySelector('.cart-count-bubble span, [data-btq-badge] span');
if (!b || b.textContent.trim() !== String(lastCount)) {
mo.disconnect(); _paint(lastCount); mo.observe(root, {childList:true, subtree:true});
}
});
mo.observe(root, {childList:true, subtree:true});
}
document.addEventListener('DOMContentLoaded', watchHeader);
watchHeader();
/* REMOVED: a window.fetch monkey-patch used to live here. It could interfere with
the theme's own add-to-cart XHR and make the <form> fall back to a NATIVE POST,
which navigates the browser to the raw /cart/add response — a blank page showing
only a number. That is a checkout-blocking regression, so the patch is gone.
We now observe cart state without touching any global. */
var lastSeen = null;
/* Snapshot the last non-empty cart so the order-confirmation page can show a
"Résumé de votre commande" — a Shopify PAGE has no order object, and EasySell
clears the cart on submit, but localStorage survives the redirect. In the COD
flow the last cart IS the order. Kept small; expires after 6h so a stale cart
never shows as an order. */
function snapshotCart(c){
if (!c || !c.item_count) return;
try {
var data = {
t: Date.now(),
subtotal: c.items_subtotal_price,
total: c.total_price,
count: c.item_count,
items: (c.items || []).slice(0, 20).map(function(it){
return {
n: it.product_title || it.title || '',
v: (it.variant_title && it.variant_title !== 'Default Title') ? it.variant_title : '',
q: it.quantity,
img: it.image || (it.featured_image && it.featured_image.url) || '',
p: it.final_line_price
};
})
};
localStorage.setItem('btq_last_order', JSON.stringify(data));
} catch (e) {}
}
/* EASYSELL CART SYNC. EasySell (easysell-cod-form-507) adds to the Shopify cart
through its own path and exposes NO usable JS callback — EASYSELL_CONFIG carries
no events and nothing reliable is dispatched. So we detect the change ourselves:
a cart SIGNATURE (count + total + key×qty per line) is compared each poll, and
any change — however caused — drives a real drawer re-render via the Section
Rendering API (window.btqCartSync.refresh), never a page reload. A genuine ADD
that did not come from our own add path also auto-opens the drawer. */
var lastSig = null;
var suppressOpenUntil = 0;
var lastHealAt = 0;
function cartSig(c){
if (!c) return '';
var items = (c.items || []).map(function(i){ return i.key + 'x' + i.quantity; }).join(',');
return c.item_count + ':' + c.total_price + ':' + items;
}
function esOverlayVisible(){
var o = document.querySelector('[class*="es-modal"],[class*="es-popup"],[class*="es-drawer"],[class*="easysell-modal"],[class*="easysell-popup"]');
return !!(o && o.getBoundingClientRect().width > 0 && getComputedStyle(o).visibility !== 'hidden' && getComputedStyle(o).display !== 'none');
}
function openDrawer(){
var d = document.querySelector('cart-drawer');
if (d && typeof d.open === 'function') { try { d.open(); } catch (e) {} }
}
function poll(){
fetch('/cart.js', {headers:{'Accept':'application/json'}})
.then(function(r){ return r.json(); })
.then(function(c){
snapshotCart(c);
if (c.item_count !== lastSeen) paint(c.item_count);
var sig = cartSig(c);
if (lastSig !== null && sig !== lastSig &&
window.btqCartSync && typeof window.btqCartSync.refresh === 'function') {
var added = c.item_count > lastSeen;
var p = window.btqCartSync.refresh(); /* re-render items + count + subtotal + shipping bar + totals */
if (added && Date.now() > suppressOpenUntil &&
!esOverlayVisible() && !window.btqCartSync.isDrawerOpen()) {
if (p && typeof p.then === 'function') p.then(openDrawer); else openDrawer();
}
}
/* SELF-HEAL an invalid UI state: the count says items exist but the drawer
rendered zero product cards (the "1 article, no products" desync). Never
show that — force a full re-render so the drawer matches Shopify's cart. */
if (c.item_count > 0 && window.btqCartSync && typeof window.btqCartSync.refresh === 'function') {
var dr = document.querySelector('cart-drawer');
var hasCards = dr && dr.querySelector('.cart-item');
if (dr && !hasCards && Date.now() > lastHealAt + 2500) {
lastHealAt = Date.now();
window.btqCartSync.refresh();
}
}
lastSig = sig;
lastSeen = c.item_count;
})
.catch(function(){});
}
/* PERF: the recurring poll used to run every 1s on every page — pure main-thread
churn (fetch + JSON parse + DOM writes) that fed INP/TBT for zero benefit while
idle. Now the fast sync is EVENT-DRIVEN (the click handler below polls at
350/900/1800ms after any add/checkout click), and the interval is only a slow
safety heartbeat (5s) to catch out-of-band changes (another tab, an app). A
real EasySell add still syncs within ~350ms via the click path. */
setInterval(function(){ if (!document.hidden) poll(); }, 5000);
document.addEventListener('visibilitychange', function(){ if (!document.hidden) poll(); });
['submit','click'].forEach(function(ev){
document.addEventListener(ev, function(e){
var t = e.target;
if (!t || !t.closest) return;
var ours = t.closest('form[action*="/cart/add"]') || t.closest('[name="add"], [data-btq-add], [data-qv-add]');
var easy = t.closest('#es-form-button, .es-cta, .es-cta-btn, .es-button, [class*="easysell"], [id*="easysell"]') ||
(/(commander maintenant|ajouter au panier|acheter)/i.test(t.textContent || '') && t.closest('button, a, [role="button"]'));
if (ours) {
/* our own add path already opens the drawer — don't let the poll double-open */
suppressOpenUntil = Date.now() + 2500;
setTimeout(poll, 400); setTimeout(poll, 1200);
} else if (easy) {
/* EasySell click — poll quickly a few times so the drawer feels instant */
setTimeout(poll, 350); setTimeout(poll, 900); setTimeout(poll, 1800);
}
}, true);
});
if (document.readyState === 'loading')
document.addEventListener('DOMContentLoaded', function(){ window.btqSyncBadge(); });
else window.btqSyncBadge();
/* The drawer renders "18.000 TND". The money normalizer's MutationObserver only
sees addedNodes, and the drawer's section swap can replace innerHTML without
firing for the subtree, so drawer prices stayed un-normalized. Re-run it
explicitly whenever the cart changes or the drawer opens. */
window.btqMoneyNow = function(){
try {
var RX = /^\s*(\d[\d\s]*)\.0{2,3}\s*TND\s*$/;
document.querySelectorAll('cart-drawer .money, cart-drawer .price-item, cart-drawer .totals__total-value')
.forEach(function(el){
if (el.children.length) return;
var m = RX.exec(el.textContent);
if (m) el.textContent = m[1].trim() + ' TND';
});
} catch(e){}
};
['cart:refresh','cart:updated','cart:change','cart:build','on:cart:add']
.forEach(function(ev){ document.addEventListener(ev, function(){ setTimeout(window.btqMoneyNow, 80); }); });
setInterval(function(){ if (!document.hidden) window.btqMoneyNow(); }, 1200);
document.addEventListener('click', function(e){
if (e.target.closest && e.target.closest('#cart-icon-bubble, [href$="/cart"]')) setTimeout(window.btqMoneyNow, 400);
}, true);
})();
</script>
<div class="btq-qv" id="btq-qv" hidden aria-hidden="true">
<div class="btq-qv__overlay" data-qv-close></div>
<div class="btq-qv__sheet" role="dialog" aria-modal="true" aria-labelledby="btq-qv-name">
<span class="btq-qv__grip" aria-hidden="true"></span>
<button type="button" class="btq-qv__close" data-qv-close aria-label="Fermer l'aperçu">
<svg class="btq-icon btq-icon--check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 6 9 17l-5-5"/></svg>
</button>
<div class="btq-qv__scroll">
<div class="btq-qv__hero">
<div class="btq-qv__thumb"><img data-qv-img src="" alt="" width="104" height="104"></div>
<div class="btq-qv__id">
<span class="btq-qv__brand">Beautica</span>
<h3 class="btq-qv__name" id="btq-qv-name" data-qv-name></h3>
<span class="btq-qv__stock" data-qv-stock></span>
<span class="btq-qv__price" data-qv-price></span>
</div>
</div>
<div class="btq-qv__chips" data-qv-chips hidden></div>
<div class="btq-qv__block" data-qv-variants hidden>
<span class="btq-qv__label" data-qv-optname>Volume</span>
<div class="btq-qv__pills" data-qv-pills role="radiogroup" aria-label="Choisir le volume"></div>
</div>
<p class="btq-qv__trust">
<svg class="btq-icon btq-icon--truck" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
Livraison 24–48h
<span class="btq-qv__dot">·</span>
<svg class="btq-icon btq-icon--banknote" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>
Paiement à la livraison
</p>
</div>
<div class="btq-qv__foot">
<button type="button" class="btq-qv__add" data-qv-add>
<svg class="btq-icon btq-icon--shopping-bag" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
<span data-qv-addlabel>Ajouter au panier</span>
</button>
<a class="btq-qv__full" data-qv-link href="#">Voir la fiche complète
<svg class="btq-icon btq-icon--chevron-right" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
</div>
</div>
</div>
<script>
(function () {
if (window.__btqQV) return; window.__btqQV = true;
var qv = document.getElementById('btq-qv');
var M = window.__btqQvMeta || {}; var S = {
tenue: M.tenue, famille: M.famille, sous: M.sous, projection: M.projection, variant: null, product: null };
var FAM = { florale:'Florale', gourmande:'Gourmande', boisee:'Boisée', orientale:'Ambrée', fraiche:'Fraîche', musquee:'Musquée' };
function tnd(c){ return Math.round(c/100) + ' TND'; }
function cleanName(t){
return t.replace(/^\s*BEAUTICA\s*/i,'').replace(/^\s*BEUATICA\s*/i,'')
.split(/–|—|_?\s*PARFUM/i)[0].replace(/[-–_]\s*$/,'').trim().toLowerCase();
}
function open(p){
S.product = p;
/* re-read the metafields captured on THIS click (S was built once at load,
before any trigger was clicked, so it held empty strings) */
var M2 = window.__btqQvMeta || {};
S.tenue = M2.tenue; S.famille = M2.famille; S.sous = M2.sous; S.projection = M2.projection;
var img = qv.querySelector('[data-qv-img]');
img.src = (p.featured_image || '').replace(/(\.[a-z]+)(\?|$)/i, '_240x$1$2');
img.alt = p.title;
qv.querySelector('[data-qv-name]').textContent = cleanName(p.title);
qv.querySelector('[data-qv-link]').href = '/products/' + p.handle;
// scent chips — all from the real metafields (famille from the metafield below,
// NOT the famille: tags, which duplicated it)
var chips = qv.querySelector('[data-qv-chips]'), html = '';
/* Tenue comes from the product's custom.tenue metafield, passed through the card's
quick-view trigger — /products/<handle>.js does NOT expose metafields, which is why
this line used to hardcode "6-8 h" and contradicted the product page. */
/* accent at the display layer so the chips read identically to the product page,
which does the same replace() on the same ASCII-stored metafield values */
function acc(v){ return (v||'')
.replace(/Moderee/g,'Modérée').replace(/Boise/g,'Boisé').replace(/Fruite/g,'Fruité')
.replace(/Musque/g,'Musqué').replace(/Fougere/g,'Fougère').replace(/Ete/g,'Été')
.replace(/epice/g,'épicé').replace(/poudre/g,'poudré').replace(/sucre/g,'sucré')
.replace(/lacte/g,'lacté').replace(/Cafe/g,'Café').replace(/fume/g,'fumé'); }
if (S.tenue) html += '<span class="btq-qv__chip">⏱ Tenue ' + S.tenue + '</span>';
if (S.famille) html += '<span class="btq-qv__chip">✿ ' + acc(S.famille) + (S.sous ? ' · ' + acc(S.sous) : '') + '</span>';
if (S.projection) html += '<span class="btq-qv__chip">≈ ' + acc(S.projection) + '</span>';
chips.innerHTML = html; chips.hidden = false;
// variants
var real = p.variants.filter(function(v){ return v.title !== 'Default Title'; });
var box = qv.querySelector('[data-qv-variants]'), pills = qv.querySelector('[data-qv-pills]');
pills.innerHTML = '';
if (real.length) {
qv.querySelector('[data-qv-optname]').textContent = (p.options && p.options[0] && (p.options[0].name || p.options[0])) || 'Volume';
real.forEach(function(v){
var b = document.createElement('button');
b.type = 'button'; b.className = 'btq-qv__pill'; b.setAttribute('role','radio');
b.innerHTML = '<strong>' + v.title.toLowerCase() + '</strong><small>' + tnd(v.price) + '</small>';
b.disabled = !v.available;
b.onclick = function(){ pick(v, b); };
pills.appendChild(b);
});
box.hidden = false;
} else { box.hidden = true; }
var first = p.variants.filter(function(v){ return v.available; })[0];
if (first) {
var btn = [].slice.call(pills.children)[p.variants.filter(function(v){return v.title!=='Default Title';}).indexOf(first)];
pick(first, btn || null);
} else {
S.variant = null;
qv.querySelector('[data-qv-stock]').innerHTML = '<i class="btq-qv-dotout"></i>Épuisé';
qv.querySelector('[data-qv-price]').textContent = tnd(p.price);
var add = qv.querySelector('[data-qv-add]'); add.disabled = true;
qv.querySelector('[data-qv-addlabel]').textContent = 'Épuisé';
}
qv.hidden = false; qv.setAttribute('aria-hidden','false');
void qv.offsetWidth; /* force reflow so the transition has a start value */
qv.classList.add('is-open');
var sh = qv.querySelector('.btq-qv__sheet');
sh.style.transform = (innerWidth >= 750) ? 'translate(-50%,-50%) scale(1)' : 'translateY(0)';
sh.style.opacity = '1';
document.documentElement.style.overflow = 'hidden';
qv.querySelector('.btq-qv__close').focus();
}
function pick(v, btn){
S.variant = v;
[].forEach.call(qv.querySelectorAll('.btq-qv__pill'), function(x){ x.classList.remove('is-on'); x.setAttribute('aria-checked','false'); });
if (btn) { btn.classList.add('is-on'); btn.setAttribute('aria-checked','true'); }
qv.querySelector('[data-qv-price]').textContent = tnd(v.price);
qv.querySelector('[data-qv-stock]').innerHTML = '<i class="btq-qv-dot"></i>En stock';
var add = qv.querySelector('[data-qv-add]'); add.disabled = false;
qv.querySelector('[data-qv-addlabel]').textContent = 'Ajouter au panier — ' + tnd(v.price);
}
function close(){
var sh = qv.querySelector('.btq-qv__sheet');
sh.style.transform = (innerWidth >= 750) ? 'translate(-50%,-46%) scale(.97)' : 'translateY(101%)';
if (innerWidth >= 750) sh.style.opacity = '0';
qv.classList.remove('is-open');
setTimeout(function(){ qv.hidden = true; qv.setAttribute('aria-hidden','true'); document.documentElement.style.overflow=''; }, 260);
}
document.addEventListener('click', function(e){
var t = e.target.closest('[data-btq-qv]');
if (t) { e.preventDefault(); e.stopPropagation();
/* stash the real metafields off the trigger so the chips are truthful */
window.__btqQvMeta = {
tenue: t.getAttribute('data-btq-tenue') || '',
famille: t.getAttribute('data-btq-famille') || '',
sous: t.getAttribute('data-btq-sous') || '',
projection: t.getAttribute('data-btq-projection') || ''
};
fetch('/products/' + t.getAttribute('data-btq-qv') + '.js')
.then(function(r){ return r.json(); }).then(open).catch(function(){});
return; }
if (e.target.closest('[data-qv-close]') || e.target.classList.contains('btq-qv__overlay')) { close(); return; }
var add = e.target.closest('[data-qv-add]');
if (add && S.variant && !add.disabled) {
var lbl = qv.querySelector('[data-qv-addlabel]'), original = lbl.textContent;
var addedTitle = (S.product && S.product.title) || qv.querySelector('[data-qv-name]').textContent;
add.disabled = true; lbl.textContent = 'Ajout…';
/* This is THE live add-to-cart path on mobile: the card's eye button is a
quick-view trigger, so every add in the grid lands here. Ask for the
cart-drawer section on the add itself, then hand the server-rendered HTML to
the shared swap in snippets/beautica-quick-add.liquid so the drawer, totals,
counter and shipping bar all update from Liquid — no cart markup built in JS. */
var sectionId = (window.btqCartSync && window.btqCartSync.sectionParam) || 'cart-drawer';
fetch('/cart/add.js', { method:'POST', headers:{'Content-Type':'application/json', Accept:'application/json'},
body: JSON.stringify({ items:[{ id: S.variant.id, quantity: 1 }], sections: sectionId, sections_url: window.location.pathname }) })
.then(function(r){
return r.json().then(function(data){
if (!r.ok) { var err = new Error('cart-add'); err.payload = data; throw err; }
return data;
});
})
.then(function(data){
add.classList.add('is-done'); lbl.textContent = 'Ajouté ✓';
var drawerWasOpen = window.btqCartSync && window.btqCartSync.isDrawerOpen();
if (window.btqCartSync) window.btqCartSync.applySections(data.sections);
/* Suppressed when the drawer is already open — the shopper watches the line
land, and a toast on top of it would be a second competing surface. */
if (!drawerWasOpen && window.btqToast) {
window.btqToast.show({ title: 'Ajouté au panier', text: data.product_title || addedTitle });
}
return fetch('/cart.js', { headers:{ Accept:'application/json' } }).then(function(r){return r.json();});
})
.then(function(cart){
/* Delegate: the naive `[class*="cart-count"]` sweep also matched
.wrapper-cart-count — the drawer's "N articles" line — and replaced the
whole French label with a bare digit. applyCount() excludes it. */
if (window.btqCartSync) {
window.btqCartSync.applyCount(cart);
window.btqCartSync.broadcast(cart);
} else {
document.querySelectorAll('[data-cart-count], .cart-count, .cart-count-bubble, [class*="cart-count"]').forEach(function(el){
if (el.closest('.wrapper-cart-count') || el.classList.contains('wrapper-cart-count')) return;
el.textContent = cart.item_count;
});
document.dispatchEvent(new CustomEvent('cart:refresh', { bubbles:true }));
}
setTimeout(function(){ add.classList.remove('is-done'); lbl.textContent = original; add.disabled = false; close(); }, 850);
})
.catch(function(err){
var p = err && err.payload;
var msg = (p && (p.description || p.message)) || '';
if (!msg || /^cart error$/i.test(msg)) msg = 'Ce produit n’est plus disponible pour le moment.';
if (window.btqToast) window.btqToast.show({ title: 'Ajout impossible', text: msg, variant: 'error' });
add.classList.remove('is-done'); lbl.textContent = original; add.disabled = false;
});
}
});
document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !qv.hidden) close(); });
})();
</script>
<div id="shopify-block-ARzdWTngvMFlVWUtIS__8776485610325655785" class="shopify-block shopify-app-block">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/fonts.css" media="print" onload="this.media='all'">
<noscript><link href="//cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/fonts.css" rel="stylesheet" type="text/css" media="all" /></noscript>
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/styles.css" media="print" onload="this.media='all'">
<noscript><link href="//cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/styles.css" rel="stylesheet" type="text/css" media="all" /></noscript><script src="https://cdn.shopify.com/extensions/01a099ee-0181-72a2-b832-a61abfa7fe3d/simple-social-login-173/assets/app.js?" async defer></script>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
